@charset "UTF-8";
/*
旧デザイン
*/
#rakukuma_202301 .l-breadcrumb{
	background-color: transparent;
}
#rakukuma_202301 {
	background: url(/shared/img/rakukuma/img_rakukuma_bg.jpg) center top;
	padding-bottom: 100px;
}
#rakukuma_202301 .rakukuma_container{
	max-width: 854px;
	padding: 30px 0;
	width: 100%;
	margin: auto;
}
#rakukuma_202301 .rakukuma_convent{
	margin: 35px 0 25px;
}
#rakukuma_202301 .rakukuma_ppt{
	margin: 85px 0 60px;
	padding: 0 42px 33px;
	background: #FFFFFF;
	border-radius: 20px;
	box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
}
#rakukuma_202301 .btn_rakukuma_red{
	position: relative;
	color: #ffffff;
    font-size: 20px;
    display: block;
    width: 270px;
    background: #E01F0F;
    border-radius: 28px;
    font-weight: 700;
    padding: 17px;
    margin: auto;
    text-align: center;
    line-height: 1.42857;
	transition: opacity 300ms;
}
#rakukuma_202301 .btn_rakukuma_red:after{
	display: inline-block;
    margin-left: 0;
    right: 17px;
    width: 24px;
    height: 24px;
    background-image: url(/shared/img/rakukuma/btn_arrow_red.svg);
    background-size: 100% 100%;
    content: "";
    position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#rakukuma_202301 .btn_rakukuma_red:hover {
    opacity: 0.6;
}

@media screen and (max-width: 900px){
#rakukuma_202301 .rakukuma_container {
	padding: 30px 50px;
}
}

@media screen and (max-width: 768px){
#rakukuma_202301 .pc {
	display: none !important;
}
#rakukuma_202301 {
	padding-bottom: 10vw;
	background-size: 160%;
}	
#rakukuma_202301 .rakukuma_container{
	max-width: 530px;
	padding: 30px 6vw;
}
#rakukuma_202301 .rakukuma_convent {
    margin: 6vw 0 3vw;
}
#rakukuma_202301 .rakukuma_ppt {
    margin: 12vw 0 9vw;
    padding: 0 5vw 5vw;
}
#rakukuma_202301 .btn_rakukuma_red{
	width: 42vw;
    font-size: 3vw;
    border-radius: 4.25vw;
    padding: 2.56vw;
}
#rakukuma_202301 .btn_rakukuma_red:after{
	right: 2vw;
    width: 4vw;
    height: 4vw;
}
}

@media screen and (min-width: 769px){
#rakukuma_202301 .sp {
	display: none;
}
}





/*
2024デザイン
*/
#rakukuma_20240401 .l-breadcrumb{
	background-color: transparent;
}
#rakukuma_20240401 {
	background: url(/shared/img/rakukuma/img_rakukuma_bg.jpg) center top;
	padding-bottom: 100px;
}
#rakukuma_20240401 .rakukuma_container{
	max-width: 940px;
	padding: 30px 0 80px;
	width: 100%;
	margin: auto;
}
#rakukuma_20240401 .rakukuma_title{
	margin: 0 0 25px;
}
#rakukuma_20240401 .rakukuma_discount{
	margin: 0 0 25px;
}
#rakukuma_20240401 .rakukuma_convent{
	margin: 0 0;
}
#rakukuma_20240401 .btn_rakukuma_red:hover {
    opacity: 0.6;
}

#rakukuma_20240401 .rakukuma_list{
	background:#fff;
	border-radius: 20px;
	padding:calc((42 / 1456) * 100vw) calc((56 / 1456) * 100vw);
	margin:0 auto;
	width:92%;
}
#rakukuma_20240401 .rakukuma_list h2{
	font-size:calc((28 / 1456) * 100vw);
	font-weight: bold;
	margin-bottom: calc((20 / 1456) * 100vw);
}
#rakukuma_20240401 .rakukuma_list h2 span{
	font-size:calc((18 / 1456) * 100vw);
	padding-left:1em;
}
#rakukuma_20240401 .rakukuma_list .menu{
	display:flex;
	margin-bottom: calc((24 / 1456) * 100vw);
}
#rakukuma_20240401 .rakukuma_list .menu li{
	min-width:calc((166 / 1456) * 100vw);
	height:calc((52 / 1456) * 100vw);
	margin-right:calc((10 / 1456) * 100vw);
	border:solid 1px #509224;
	border-radius:calc((52 / 1456) * 100vw);
	background:#fff;
	color:#222;
	font-size:calc((20 / 1456) * 100vw);
	font-weight: bold;
	display:flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	box-shadow:0 calc((5 / 1456) * 100vw) calc((10 / 1456) * 100vw) rgba(0,0,0,0.2);
	cursor:pointer;
	transition-duration:0.3s;
}
#rakukuma_20240401 .rakukuma_list .menu li.on{
	background:#509224;
	color:#fff;
	cursor:auto;
}
#rakukuma_20240401 .rakukuma_list .menu li:not(.on):hover{
	opacity:0.7;
}
#rakukuma_20240401 .rakukuma_list .list_body table{
	width:100%;
	display:none;
}
#rakukuma_20240401 .rakukuma_list .list_body table.show{
	display:table;
}
#rakukuma_20240401 .rakukuma_list .list_body table tr{
	border-bottom:solid #fff calc((8 / 1456) * 100vw);
	font-size:calc((18 / 1456) * 100vw);
}
#rakukuma_20240401 .rakukuma_list .list_body table tr th{
	background:#E2DDCD;
	padding:0.8em;
	width:calc((148 / 1456) * 100vw);
	border-right:solid #fff calc((4 / 1456) * 100vw);
	vertical-align: middle;
}
#rakukuma_20240401 .rakukuma_list .list_body table tr td{
	background:#F4F1E7;
	vertical-align: middle;
	padding:0.4em 0.8em;
}
#rakukuma_20240401 .rakukuma_list .list_body table tr td a{
	color:#222;
	text-decoration: underline;
	display:inline-block;
	margin-right:1.4em;
	line-height: 1;
	padding:0.5em 0;
}
#rakukuma_20240401 .rakukuma_list .list_body table tr td a:after{
	content:'';
	display:inline-block;
	width:1em;
	height:1em;
	background:url(/shared/img/common/icon/icon_arw_right_circle_deep_green.svg) no-repeat;
	background-size:contain;
	margin-left:0.3em;
	vertical-align:-0.15em;
}
#rakukuma_20240401 .day_update{
	text-align: right;
	font-size:calc((18 / 1456) * 100vw);
	padding-top:0.3em;
}

@media screen and (max-width: 768px){
	#rakukuma_20240401 .pc {
		display: none !important;
	}
	#rakukuma_20240401 {
		padding-bottom: 10vw;
		background-size: 160%;
	}	
	#rakukuma_20240401 .rakukuma_container{
		max-width: calc((632 / 750) * 100vw);
		padding: 30px 0;
	}
	#rakukuma_20240401 .rakukuma_title {
		margin: 0 0 3vw;
	}
	#rakukuma_20240401 .rakukuma_convent {
		margin: 0 0 3vw;
	}
	#rakukuma_20240401 .rakukuma_discount {
		margin: 0 0 7vw;
	}




	#rakukuma_20240401 .rakukuma_list{
		border-radius: calc((20 / 750) * 100vw);
		padding:calc((40 / 750) * 100vw) calc((52 / 750) * 100vw) calc((60 / 750) * 100vw);
	}
	#rakukuma_20240401 .rakukuma_list h2{
		font-size:calc((42 / 750) * 100vw);
		margin-bottom: calc((25 / 750) * 100vw);
	}
	#rakukuma_20240401 .rakukuma_list h2 span{
		font-size:calc((26 / 750) * 100vw);
		display:inline-block;
		padding:0.5em 0 0 0;
	}
	#rakukuma_20240401 .rakukuma_list .menu{
		margin-bottom: calc((41 / 750) * 100vw);
		justify-content: space-between;
		flex-wrap:wrap;
	}
	#rakukuma_20240401 .rakukuma_list .menu li{
		width:calc((284 / 582) * 100%);
		height:calc((80 / 750) * 100vw);
		margin-right:0;
		border-radius:calc((80 / 750) * 100vw);
		font-size:calc((30 / 750) * 100vw);
		box-shadow:0 calc((5 / 750) * 100vw) calc((11 / 750) * 100vw) rgba(0,0,0,0.2);
	}
	#rakukuma_20240401 .rakukuma_list .menu li:nth-of-type(n + 3){
		margin-top:calc((18 / 582) * 100%);
	}
	#rakukuma_20240401 .rakukuma_list .list_body table tr{
		border-bottom:solid #fff calc((32 / 750) * 100vw);
		font-size:calc((28 / 750) * 100vw);
		display:block;
	}
	#rakukuma_20240401 .rakukuma_list .list_body table tr:last-of-type{
		margin-bottom: 0;
		border-bottom: 0;
	}
	#rakukuma_20240401 .rakukuma_list .list_body table tr th{
		width:100%;
		display:block;
		border-right:0;
		border-bottom:solid #fff calc((8 / 750) * 100vw);
	}
	#rakukuma_20240401 .rakukuma_list .list_body table tr td{
		width:100%;
		padding:0.6em 0.8em;
		display:block;
	}
	#rakukuma_20240401 .day_update{
		text-align: right;
		font-size:calc((28 / 750) * 100vw);
	}
}




@media screen and (min-width: 769px){
#rakukuma_20240401 .sp {
	display: none;
}
}