@charset "UTF-8";

@import url("reset.css"); 

html{font-size:62.5%;}
/* サンプル font-size:14px; を指定する場合 */
body{font-size:1.4rem;}


.sp{
	display: none;	
}
.pc{
	display: block;
}


.inr{
	max-width: 950px;
	margin: 0 auto;
}

.main_bnr{
	text-align: center;
}
.main_bnr .inr{
	position: relative;
}
.main_bnr .tel_img{
	position: absolute;
	right: 1rem;
	top: 1.5vw;
	max-width: 21rem;
	width: 20vw;
	width: auto;
}

.btn_block.no1{
	text-align: center;
    padding: 3rem 0 6rem;
}

.buy_content{
	text-align: center;
	padding: 3rem 0 3rem;
}
.buy_content img{
	width: auto;
}





.sec_btn .btn_block.img01{
	margin-bottom: 50px;
	left: 50%;
	text-align: center;
}



.btn_section.img3{
	position: relative;
}
.btn_section.img3 .btn_block{
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translate(-50%,-50%);
}


.btn_section.img4{
	position: relative;
}
.btn_section.img4 .btn_block{
    position: absolute;
    bottom: 0rem;
    left: 50%;
    transform: translate(-50%,-50%);
}


.btn_section.img6{
	position: relative;
}
.btn_section.img6 .btn_block{
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translate(-50%,-50%);
}













.sec_user_voice_top{
    background: #ffde48 url(../images/user_voice_top_bg.webp) no-repeat top center;
    /* height: 75.6rem; */
    text-align: center;
    padding-bottom: 5rem;
}

	.sec_user_voice_top .img_center{
		display: block;
		margin: 0 auto;
	}

.sec_user_voice_top .sec_img4_tit{
	display: block;
	padding: 7rem 0;
	margin: 0 auto;
}
.sec_user_voice_top .sec_img4_01{
    margin: 0 auto;
}

.sec_user_voice_top .p1{
	text-align: left;
    max-width: 80rem;
    margin: 0 auto;
}


.sec_user_voice_top .toggle_btn{
    margin: 4rem 0;
    padding: 0 9%;
    text-align: center;
}

.sec_user_voice_top .toggle_btn .user_open_btn_txt{
    position: relative;
    display: block;
    font-size: 1.8rem;
    background: #fff;
    padding: 1rem 4rem;
    max-width: 39rem;
    color: #ea7600;
    border: solid 2px #ea7600;
    font-weight: bold;
    margin: 0 auto;
}
.sec_user_voice_top .toggle_btn .user_open_btn_txt:after{
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    right: 16px;
    width: 14px;
    height: 14px;
    border-top: 2px solid #ea7600;
    border-right: 2px solid #ea7600;
    transform: translateX(-50%) rotate(135deg);
}

.sec_user_voice_top .toggle_btn .user_open_btn_txt.active:after{
    content: "";
    top: 19px;
    transform: translateX(-50%) rotate(-45deg);
}




.sec_user_voice_top .toggle_block{
	display: none;

}


.sec06.sec{
	padding-bottom: 5rem;
}

.img_center{
	margin: 0 auto;
}
.img_c{
	margin: 0 auto;
}
.sec_user_voice_bottom .contents img{
	margin: 0 auto;
}

#coupon_block{
	 margin-top:50px;
}

.sec05.sec{
    position: relative;
    background: url(../images/coupon_bg01.webp) no-repeat center center;
    height: 86rem;
}




.sec05.sec .coupon_btn{
    border: none;
    background: none;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    bottom: 41.7rem;
}


#buy_contents{
    background: url(../images/lineup_bg.webp) no-repeat top center;
    padding: 5rem 0;
}
#buy_contents .tit{
    text-align: center;
    margin-bottom: 6rem;
}

.yellow_tag{
font-size: 1.5rem;
    background: #ffcc00;
    display: inline-block;
    padding: 0.3rem 0.8rem;
    margin-bottom: 0.6rem;
}





#sample-copytext{
	opacity: 0;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    bottom: 19rem;
    z-index: -1;
}


#main .comPhotoUl {
	margin: 0 auto;
	width: 900px;
}

#main .comPhotoUl > .liStyle01 {
	/* padding: 10px 0 35px; */
	position: relative;
	border: solid 1px #ba8417;
}
#main .comPhotoUl > .liStyle01 .flex{
    display: flex;
    justify-content: space-between;
    padding: 2rem;
    background: #fff;
}
#main .comPhotoUl > .liStyle01 .flex .left{
	width: 420px;
}
#main .comPhotoUl > .liStyle01 .flex .left .span_point{
	display: block;
	background: #b98317;
	color: #fff;
	padding: 0.7rem;
	border-radius: 2rem;
	text-align: center;
	margin-bottom: 1.5rem;
	font-size: 1.6rem;
}
#main .comPhotoUl > .liStyle01 .flex .right{
	width: 41rem;
}

#main .comPhotoUl > .liStyle01 .flex .right .item_detail_header{
	border-bottom: solid 1px #ba8317;
	padding-bottom: 1rem;
}
#main .comPhotoUl > .liStyle01 .flex .right .item_detail_header .item_tit{
	font-size: 2.8rem;
	font-weight: normal;
}
#main .comPhotoUl > .liStyle01 .flex .right .item_detail_header .item_tit span{
	font-size: 1.8rem;
}
#main .comPhotoUl > .liStyle01 .flex .right .item_detail_header .price{
	font-size: 2.2rem;
	font-weight: bold;
}
#main .comPhotoUl > .liStyle01 .flex .right .item_detail_header .price .c_red{
	/* color: #e63829; */
	font-weight: bold;
	font-size: 2.9rem;
}
#main .comPhotoUl > .liStyle01 .flex .right .item_detail_header .price .mini_txt{
	font-size: 1.6rem;
	font-weight: bold;
}
#main .comPhotoUl > .liStyle01 .flex .right .item_detail_header .price .mini_txt span{
	display: inline-block;
}

#main .comPhotoUl >  li {
	margin-bottom: 55px;
}

#main .comPhotoUl >  li:last-child {
	margin-bottom: 0;
}

#main .comPhotoUl >  li .photo {
	width: 100%;
	position: relative;
}

#main .comPhotoUl >  li .comTxtBox {
	margin-top: 20px;
	position: relative;
}

#main .comPhotoUl >  li .comTxtBox .title {
	padding: 0 0 10px;
	margin-bottom: 16px;
	font-size: 24px;
	line-height: 1.73;
}

#main .comPhotoUl > li .inner .tableBox .comTable tr th:first-child {
	width: 46%;
}

#main .comPhotoUl >  li .comTxtBox .title .color {
	margin-bottom: 1px;
	font-size: 20px;
	line-height: 1.5;
	font-family: "リュウミン B-KL";
}

#main .comPhotoUl >  li .comTxtBox .title .txt {
	margin: -3px 0 3px;
	display: block;
}

#main .comPhotoUl >  li .comTxtBox .title .txt span {
	font-size: 15px;
	vertical-align: 3px;
}

#main .comPhotoUl > li .comTxtBox .title .txt .tip {
	margin-left: 8px;
	font-size: 14px;
	padding: 3px 7px 4px;
}

#main .comPhotoUl >  li .comTxtBox .title .price {
	font-size: 16px;
}

#main .comPhotoUl >  li .comTxtBox .title .price > span span {
	font-size: 27px;
}

#main .comPhotoUl >  li .comTxtBox .title .price > span {
	font-size: 16px;
}

#main .comPhotoUl > li .comTxtBox .title .price .price01,
#main .comPhotoUl > li .comTxtBox .title .price .price01 span {
	color: #231815;
	font-size: 16px;
	margin: 0;
}

#main .comPhotoUl > li .comTxtBox .title .price .price01 .text02 {
	font-size: 22px;
}

#main .comPhotoUl > li .comTxtBox .title .price .hiv {
	font-weight: bold;
}

#main .comPhotoUl >  li .comTxtBox .textDl {
	margin: 0 -20px 22px 0;
}

#main .comPhotoUl >  li .comTxtBox .textDl dt {
	width: 59px;
	float: left;
}
#main .comPhotoUl >  li .comTxtBox .textDl dt:before{
	content: "●";
	
}
#main .comPhotoUl >  li .comTxtBox .textDl dt:first-child,
#main .comPhotoUl >  li .comTxtBox .textDl dt:nth-child(3) {
	width: 65px;
}

#main .comPhotoUl >  li .comTxtBox .textDl dd {
	padding: 0 0 0 58px;
} 

#main .comPhotoUl >  li .comTxtBox .textDl dd:nth-child(2),
#main .comPhotoUl >  li .comTxtBox .textDl dd:nth-child(4) {
	padding-left: 65px;
}

#main .comPhotoUl >  li .inner .textDl {
	margin: 0;
	width: 205px;
	float: left;
}

#main .comPhotoUl > li .comTxtBox .textDl dt.type01{
	width: 150px;
}

#main .comPhotoUl > li .comTxtBox .textDl dd.type01{
	padding-left: 150px;
}


#main .comShop .txtBox {
	position: relative;
}

#main .comShop .txtBox .link {
	position: absolute;
	right: 50px;
	bottom: 0;
}

#main .comShop .txtBox .link a {
	padding: 8px 0;
	width: 180px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 16px;
/* 	background: url("../images/common/arrrow.webp") no-repeat right 12px center #EF6B3D; */
	background-size: 9px 15px;
	border-radius: 2px;
	font-family: "ゴシックMB101 DB";
}
.radio_contents {
    margin-top: 10px;
}
.radio_content {
    /* display: flex; */
    align-items: center;
    justify-content: space-between;
}
.radio_content > .txt {
    font-size: 16px;
    width: 70px;
    text-align: left;
    padding-right: 0rem;
    display: block;
    font-weight: bold;
}



.radio-inline__input {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.radio_contents.type_3col .radio-inline__input + .radio-inline__label {
    margin: 3px 0;
}
.radio-inline__input:checked + .radio-inline__label {
    background: #fff;
    color: #000;
    border: solid 2px #f19600;
    background: #f19600;
    color: #fff;
}






.radio-inline__label {
    display: inline-block;
    padding: 0.5rem 0rem;
    margin-left: 0px;
    border-radius: 3px;
    transition: all .2s;
    border: solid 2px #ccc;
    font-size: 14px;
    width: calc(100% / 3.4);
    text-align: center;
    background: #fff;
    letter-spacing: -1px;
}

.radio-inline__label.type2{
	width: 12rem;
}


.radio_content.secount fieldset .radio-inline__label{

    width: 118px;

}


.radio_contents fieldset .tag_txt {
    position: absolute;
    left: 0.8rem;
    top: -1.5rem;
}


 .link a {
    padding: 8px 0;
    width: 180px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: url(../img/common/arrrow.webp) no-repeat right 12px center #EF6B3D;
    background-size: 9px 15px;
    border-radius: 2px;
    font-family: "ゴシックMB101 DB";
}

.do_cart.typesquare_option{
	margin-top: 2rem;
    display: block;
	text-align: right;
}

.sec_items.sec{
	margin-top: 5rem;
	padding-bottom: 10rem;
}
.item_tit.letter_space01{
    letter-spacing: -0.5rem;
}

.teacher_block{
	
}
.teacher_block .in_block{
    padding: 3rem 0 3rem;
    max-width: 78rem;
    margin: 0 auto;
}
.teacher_block .in_block .tit{
	font-size: 3rem;
	text-align: center;
	color: #000000;
	font-weight: bold;
	margin-bottom: 3rem;
	margin-top: -3rem;
}
.teacher_block .in_block .flex{
	display: flex;
	justify-content: center;
}
.teacher_block .in_block .flex .left{
	
}
.teacher_block .in_block .flex .left img{
	
}
.teacher_block .in_block .flex .left .p2{
	text-align: center;
	color: #000000;
	margin-top: 2rem;
	margin-bottom: 0.2rem;
}
.teacher_block .in_block .flex .left .p3{
	font-size: 2.4rem;
	text-align: center;
}
.teacher_block .in_block .flex .left .p3 span{
	font-size: 1.6rem;
	display: inline-block;
	margin-left: 0.8rem;
}
.teacher_block .in_block .flex .right{
	max-width: 48.7rem;
	margin-left: 4rem;
}
.teacher_block .in_block .flex .right p{
	font-size: 1.6rem;
	margin-bottom: 2.6rem;
}
.teacher_block .in_block .flex .right p:last-child{
	
}
.teacher_block .in_block .profile{
	border: solid 1px #ccc;
	padding: 2rem;
	margin-top: 2rem;
	border-radius: 0.8rem;
}
.teacher_block .in_block .profile p{
	font-size: 1.6rem;
}
.teacher_block .in_block .flex .right .profile .p4{
	font-weight: bold;
	margin-bottom: 0.7rem;
}


.sec06 .more_btn{
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.sec06 .more_btn .pc{
	margin: 0 auto;
}

.comment_img01{
	
}
.teacher_block .in_block .flex .right .space {
  float: left;/*画像の位置を右下にしたい場合はright*/
  height: 19.3em;
}
.teacher_block .in_block .flex .right .img {
  float: right;
  clear: both;/*.spaceのfloat解除*/
  margin: 1.2em 1.2em 0 0;/*画像の周りの余白*/
}


.sec06 .toggle_block .in_block{
	border-bottom: dotted 1px #ccc;
}


.items_block_2{
	
}
.items_block_2.mt_type{
    margin-top: 2rem;
}

.items_block_2 .items2_block{
	position: relative;
	max-width: 90rem;
	margin: 0 auto;
	border: solid 1px #ba8118;
	padding: 2.6rem 2rem 2.5rem;
	/* border-top: none; */
}

.items_block_2 .items2_block.type3{
	border-top: solid 1px #ba8118;
}

.items_block_2 .items2_block .left{
	position: relative;
	z-index: 3;
}	
.items_block_2 .items2_block .right{
	position: absolute;
	right: 5px;
	top: 5px;
	text-align: right;
}

.items_block_2 .items2_block.type3 .right{
    top: 5px;
}

.items_block_2 .items2_block .right img{
	
}
.items_block_2 .items2_block .right.no2 img{
	width: 96%;
	float: right;
}
 


.items_block_2{
	margin-bottom: 1rem;
}
.items_block_2 .together__name{
	font-size: 2.8rem;
}
.items_block_2 .together__name span{
	font-size: 1.8rem;
}
.items_block_2 .together__name .primary{
	
}
.items_block_2 .together__price{
	font-size: 1.8rem;
	font-weight: bold;
}
.items_block_2 .together__price .span_txt{
	font-size: 2rem;
	font-weight: bold;
}
.items_block_2 .together__price .primary{
	font-size: 3rem;
	font-weight: bold;
	/* color: #e63829; */
}
.items_block_2 .together__price .mini_txt{
	font-size: 1.8rem;
}


.items_block_2 .together_header{
	max-width: 45rem;
	border-bottom: solid 1px #ba8218;
	padding-bottom: 2rem;
	margin-bottom: 2.5rem;
}


.items_block_2 #list05,
.items_block_2 #list04{
    max-width: 42rem;
    margin-bottom: 3rem;
    margin-top: 2.4rem;
}
.items_block_2 #list05 li span{
    margin-left: 15.4rem;
}
.radio_content.type2{
	margin-bottom: 2rem;
	display: flex;
}

.radio_content.type2 fieldset{
    display: block;
    width: calc(100% - 7rem);
    position: relative;
}

.radio_content.type2 fieldset .tag_txt{
    position: absolute;
    top: -2.6rem;
    font-weight: bold;
}
.radio_content.type2 fieldset .tag_txt.ml{
    margin-left: 25.5rem;
}


.radio_content.type2.mt_type01{
    padding-top: 1.7rem;
}


.items_block_2 .item2_form{
	
}
.items_block_2 .cart_in_block{
	text-align: center;
}
.items_block_2 .cart_in_block .pc{
	margin: 0 auto;
}

.items_block_2 .margin_type{
	margin: 3rem auto 0;
	text-align: center;
}

.sec08 {
	position: relative;
}
.sec08 .in_inr{
	max-width: 73rem;
	margin: 0 auto;
	background: url(../images/coupon_bg01.webp) no-repeat center center;
	height: 79rem;
	position: relative;
	background-size: 100%;
}

.sec08  .coupon_btn{
    border: none;
    background: none;
    position: absolute;
    right: -3.2rem;
    top: 32.4rem;
    transform: translate(-50%,-50%);
}
.sec08 #sample-copytext2{
position: absolute;
    z-index: -1;
    right: 17vw;
    top: 15rem;
	
}


.sec09{
	text-align: center;
	margin-bottom: 10rem;
	padding-top: 6rem;
}
.sec09 .pc{
	margin: 0 auto;
}

.sec10{
	text-align: center;
}
.sec10 .pc{
	margin: 0 auto;
}
.voice_block{
	margin-top: 3rem;
}
.voice_block .pc{
	margin-bottom: 2rem;
}


.voice_block .btn_block{
	padding: 5rem 0px;
}
.voice_block .btn_block p{
	margin-bottom: 2rem;
}
.voice_block .btn_block .toggle_btn.voice{
	
}

.toggle_block.voice{
	display: none;
}

.copytxt{
	display: none;
}

.copy_alert {
	 display: none;
	 position: fixed;
	 top: 5rem;
	 background: #fff;
	 box-shadow: 0 0 4px #d2bb1d;
	 left: 50%;
	 width: 50%;
	 max-width: 90rem;
	 transform: translate(-50%,-50%);
	 padding: 1.3rem;
	 border-radius: 1rem;
	 font-size: 1.7rem;
	 background: #fffbe0;
	 transition-duration: 0.1s;
	 z-index: 100;
}

#buy_contents .button__cartin.btn_bg{
    float: right;
    margin-right: 2.2rem;
}

.button__cartin.btn_bg{

}
.items_block_2 .together__price .pc{
	display: inline;
}

.teacher_block .in_block .btn_block{
    padding: 6rem 0 0;
    text-align: center;
}


.sec_user_voice_bottom{
	
}

.sec_user_voice_bottom .toggle_block{
	display: none;
}
.sec_user_voice_bottom .toggle_btn{
	text-align: center;
	padding: 2rem 0
}
.sec_user_voice_bottom .toggle_btn.type02{
	padding: 0rem 0 2rem;
}
.sec_user_voice_bottom .toggle_btn.type02 p{
	text-align: left;
	max-width: 90rem;
	margin: 0 auto 5rem;
}
.sec_user_voice_bottom .toggle_btn span{
    position: relative;
    display: block;
    font-size: 1.8rem;
    background: #fff;
    padding: 1rem 4rem;
    max-width: 39rem;
    color: #ea9472;
    border: solid 2px #ea9472;
    font-weight: bold;
    margin: 0 auto;
text-align: center;
}

.sec_user_voice_bottom .toggle_btn span:after{
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    right: 16px;
    width: 14px;
    height: 14px;
    border-top: 2px solid #ea9472;
    border-right: 2px solid #ea9472;
    transform: translateX(-50%) rotate(135deg);
}
.sec_user_voice_bottom .toggle_btn .active:after{
    content: "";
    display: block;
    position: absolute;
    top: 19px;
    right: 16px;
    width: 14px;
    height: 14px;
    border-top: 2px solid #ea9472;
    border-right: 2px solid #ea9472;
    transform: translateX(-50%) rotate(
-45deg
);
}


.mleft{
    margin-left: 7.1rem;
}
.bold{
	font-weight: bold;
}

.w100{
	width: 100%;
}
.mauto{
	display: block;
	margin: 0 auto;
}

.column_block01{
	background: #f3e0e7;
	padding: 3rem;
	border-radius: 7px;
	max-width: 72rem;
	margin: 0 auto 5rem;
}
.column_block01 .p1{
	font-size: 2rem;
	text-align: center;
	font-weight: 600;
}
.column_block01 .tit2{
	font-size: 2.6rem;
	text-align: center;
	font-weight: 600;
	margin-bottom: 4rem;
	color: #ea5387;
}

.column_block01.type02{
	
}
.column_block01.type02 .flex{align-items: center;}
.column_block01.type02 .flex .img{
	width: 50%;
}
.column_block01.type02 .flex .txt_block{
	width: 50%;
}
.column_block01.type02 .flex .tit{
	background: #ea5387;
	color: #fff;
	font-size: 2rem;
	border-radius: 4rem;
	padding: 0.9rem 1rem;
	margin: 0 auto;
	margin-bottom: 2rem;
	max-width: 40rem;
}
.column_block01.type02 .flex .tit2{
	font-size: 2rem;
	text-align: left;
	display: flex;
	align-items: center;
	margin-bottom: 0.8rem;
}
.column_block01.type02 .flex .tit2 span{
	width: 3rem;
	height: 3rem;
	border-radius: 3rem;
	background: #ea5387;
	color: #fff;
	line-height: 3rem;
	text-align: center;
	margin-right: 1rem;
}
.column_block01.type02 .flex .txt{
	text-align: left;
}




.column_block01 img{
	margin: 0px auto 3rem;
	display: block;
}
.column_block01 img.sp{
	display: none;
}
.column_block01 .txt{
	font-size: 1.6rem;
	margin-bottom: 1.5rem;
	line-height: 2.7rem;
}

.sec_voice_mini{
	position: relative;
}
.sec_voice_mini .btn_block{
	position: absolute;
	bottom: 2rem;
	left: 50%;
	transform: translate(-50%,-50%);
}

/*  */
@media screen and (max-width:768px) {
/* 画面サイズが640px以下はここを読み込む */
	.sp{
		display: block;	
	}
	.pc{
		display: none;
	}
	.inr {
	    width: 100%;
	    margin: 0 auto;
	}

	.btn_block.no1{
	    padding: 4vw 8% 11vw;
	}
	.btn_block.no1 a{
	}
	
	.sec_img3_block > a{
    position: absolute;
    left: 0;
    bottom: 11vw;
    transform: translate(0,0);
    padding: 0px 11%;	
	}	
	.sec_img3_block > a img{
		
	}


	.sec_img2_block > a{
		position: absolute;
	    bottom: 10vw;
	    left: 0;
	    transform: translate(0);
	    padding: 0 9vw;
	}
	
	.btn_section.img3 .btn_block{
    	width: 83%;
    	bottom: 1vw;
 }
	.btn_section.img4 .btn_block {
    	width: 82%;
    	bottom: 1vw;
 }

	.btn_section.img6 .btn_block {
	   	width: 82%;
	   	bottom: 4vw;
	}
	
	
	.sec_user_voice_top .img_center{
		display: none;
	}
	.sec_user_voice_top .p1 {
	
	    padding: 0 4%;
	}


	.sec_img3_block{
		
	}
	
	.sec_img3_block > .sp{
		width: 100%;
	}	
	.sec_img3_block > .sp_tit{
		
	}
	.sec_img3_block > .img01{
		
	}

.radio_content.type2 fieldset .tag_txt{
    position: absolute;
    top: -3.6vw;
    font-weight: normal;
    font-size: 3.7vw;
    padding-left: 1vw;
}
.radio_content.type2 fieldset .tag_txt.ml{
	margin-left: inherit;
	top: 15vw;
	left: 2vw;
}


	.sec_user_voice_top .sec_img4_tit {
	    display: block;
	    padding: 7rem 7vw;
	    margin: 0 auto;
	    width: 100%;
	}



	.sec_user_voice_top .toggle_btn img{
		width: 100%;
	}
	
	
	.sec_user_voice_top .toggle_btn{
		margin: 4vw 0 8vw;
		padding: 0 9%;
	}
	
	.sec_img4_btn{
	    padding: 0 9%;
	}	
	.sec_img4_btn img{
		
	}
	
	
	.sec03.sec{
		
	}
	.sec03.sec img{
		width: 100%;
	}	

	#buy_contents {

	    padding: 9vw 3%;
	}



	#buy_contents .button__cartin.btn_bg {
	    float: none;
	    margin-right: 0;
	}


	.sec07.sec img{
		width: 100%;
	}



	
	.sec03.sec .a_link1 img {
	    position: absolute;
	    display: block;
	    transform: translate(-50%,-50%);
	    left: 50%;
	    bottom: 18vw;
	    max-width: 34rem;
	    width: 80vw;
	}
	.sec05.sec{
	    position: relative;
	    background: url(../images/sp_coupon_bg01.webp) no-repeat center center;
	    height: 208.6vw;
	    background-size: contain;
	}
	
	.sec05.sec .coupon_btn{
	    width: 67vw;
	    bottom: 132vw;
	}
	
	#main .comPhotoUl > .liStyle01 .flex {
	    display: block;
	    justify-content: space-between;
	    padding: 0rem;
	}
	#main .comPhotoUl > .liStyle01 .flex .left {
	    width: 100%;
	}
	#main .comPhotoUl > .liStyle01 .flex .right {
	    width: 100%;
	    padding: 0rem 2rem 2rem;
	}
	#main .comPhotoUl {
	    margin: 0 auto;
	    width: 100%;
	}
	.sec_items.sec {
	    margin-top: 5rem;
	    padding: 0 3% 18vw;
	}
	#main .comPhotoUl > .liStyle01 .flex .right .item_detail_header {
		padding: 3rem 0 0;
	    border: none;
	}
	.radio_contents fieldset {
	    width: 100%;
	}
	.radio-inline__label {
	    padding: 2vw 0rem;
	    width: 48%;
	    margin-top: 3.2vw;
	    border-radius: 12px;
	}
	#main .comPhotoUl > .liStyle01 .flex .left .span_point {
	    border-radius: 22rem;
	}
	.in_sec06{
		padding: 0 3%;
	}
	.teacher_block .in_block .tit {
	    font-size: 5.7vw;
	   }
	
	.teacher_block .in_block .flex {
	    display: block;
	    justify-content: center;
	    text-align: center;
	}
	.teacher_block .in_block .flex .left .p2 {
	    text-align: center;
	    margin-top: 2rem;
	    margin-bottom: 2vw;
	    font-size: 4.9vw;
	}
	.teacher_block .in_block .flex .left .p3 {
	    font-size: 8.4vw;
	    text-align: center;
	}
	.teacher_block .in_block .flex .left .p3 span {
	    font-size: 5.8vw;
	    display: inline-block;
	    margin-left: 0.8rem;
	}
	.teacher_block .in_block .flex .right {
	    max-width: 100%;
	    margin-left: 0;
	    margin-top: 8vw;
	    text-align: left;
	}
	.items_block_2 {
	    margin-bottom: 6vw;
	    padding: 4.7%;
	    position: relative;
	    padding-top: 0;
	}
	.item_block_flex,
	.together__details{
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.items_block_2 .items2_block{
		padding: 0;
	}
	.items_block_2 .items2_block .right{
		order: 1;
		position: inherit;
	}
	.items_block_2 .items2_block .left{
	    order: 2;
	    position: inherit;
	    padding: 3%;
	}
	.items_block_2 .together__name {
	    font-size: 2.8rem;
	    text-align: left;
	    font-weight: bold;
	}
	.items_block_2 .together__name span {
	    font-size: 4.5vw;
	    display: inline;
	    font-weight: bold;
	}
	.items_block_2 .together__price {
		font-size: 1.8rem;
		font-weight: 500;
		text-align: left;
	}
	.items_block_2 .together__price .mini_txt {
    	font-size: 1.6rem;
    	display: inline;
 }
	.items_block_2 .together__price .span_txt {
	    font-size: 2.2rem;
	    font-weight: 500;
	}
	.items_block_2 .together__price .primary {
	    font-size: 2.9rem;
	}
	.items_block_2 .together_header {
	    max-width: 100%;
	    border-bottom: none;
	    padding-bottom: 4vw;
	    margin-bottom: 3vw;
	    width: 100%;
	}
	.items_block_2 #list05 li span {
	    margin-left: 0;
	}
	.item_span_tit{
		display: block;
	}
	.radio-inline__input:checked + .radio-inline__label {
	    /* margin-bottom: 3vw; */
	}
	.radio-inline__input + .radio-inline__label.mt{
		margin-top: 8vw;
	}
	
	.sec_img20{
		width: 100vw;
		max-width: 100%;
	}
	.items_block_2 #list05, .items_block_2 #list04 {
	    max-width: 100%;
	    margin-bottom: 11vw;
	    margin-top: 5vw;
	}
	.items_block_2 .items2_block .right.no2 img {
	    width: 100%;
	    float: none;
	}

.sec08 .in_inr {
    width: 100%;
    margin: 0 auto;
    background:none;
    height: auto;
    position: relative;
	background-size: 100%;
}
.sec08 .coupon_btn {
    border: none;
    background: none;
    position: absolute;
    transform: translate(-50%,-50%);
    right: -21vw;
    top: inherit;
    width: 72vw;
    bottom: 42vw;
}

.sp_sec08{
	padding: 0 3%;
}
.sp_sec08 .tit{
	
}
.sp_sec08 .sp_sec08_block{
border: solid 9px #ebd9b3;
    padding: 2rem;
    margin-top: 2rem;
    border-radius: 16px;
}

.sp_sec08 .sp_sec08_block .img1{
    margin: 2rem 0 3rem;
}
.sp_sec08 .sp_sec08_block .img1 img{
	
}
.sp_sec08 .sp_sec08_block .sec08_toggle_block{
	display: none;
	margin: 5vw 0;
}
.sp_sec08 .sp_sec08_block .sec08_toggle_block img{
	width: 100%;
}
.sp_sec08 .sp_sec08_block .sec08_toggle_btn{
	margin: 3rem 0 0;
}
.sp_sec08 .sp_sec08_block .sec08_toggle_btn img{
	
}
.sp_sec08 .sp_sec08_block .coupon_btn{
    padding: 0 6%;
}
.sp_sec08 .sp_sec08_block .coupon_btn img{
	
}


.sec09 {
    text-align: center;
    margin-bottom: 0vw;
    padding: 11vw 3% 0;
}
.voice_block .btn_block {
    padding: 5vw 3% 5vw;
}
.voice_block .btn_block .toggle_btn.voice {
    width: 80vw;
    margin: 0 auto;
}

.item__toggle_button{
    background: #fff18c;
    text-align: center;
    padding: 1rem;
    /* border-radius: 1rem; */
    margin-bottom: 2rem;
    position: relative;
    width: 100%;
}
.item__toggle_button:after{
    content: "";
    background: url(../img/arrow_bottom.webp) no-repeat right 0rem center;
    position: absolute;
    z-index: 2;
    width: 1.5rem;
    height: 1.9rem;
    background-size: contain;
    right: 1.1rem;
}
.item__toggle_button.active:after{
    transform: rotate(180deg);
}
.sozai_toggle_block{
	display: none;
}

.buy_content img{
	width: 80vw;
	margin: 0 auto;
	display: block;
}
.sec06 .more_btn .sp{
    margin: 0 auto;
    width: 100%;
    padding: 0 9%;
}


.items_block_2 .together__price .pc{
	display: none;
}

.sec09 .mb{
	margin-bottom: 8vw;
}
#coupon_block {
    margin-top: 2vw;
    max-width: 90%;
    margin: 2vw auto;
}


.radio_content.secount fieldset .radio-inline__label {
    width: 48.5%;
    font-size: 3.7vw;
}

.sec_user_voice_bottom{
	margin-top: 9vw;
}
.sec_user_voice_bottom .toggle_btn {
    text-align: center;
    padding: 2rem 7%;
}

.mleft{

}
.column_block01.type02 .flex .img {
    width: 100%;
}
.column_block01.type02 .flex .txt_block {
    width: 100%;
}


}
@media screen and (min-width: 641px) {
/* 画面サイズが641px以上はここを読み込む */
}


/* ------------------------
			追従ヘッダーCSS
--------------------------*/

@media screen and (min-width: 641px) {
	/* header
	-----------------------------------------------*/
		#header {
			position: sticky;
			left:0;
			top:0;
			z-index: 98;
		}
		.header {
			width:100%;
			max-width: 1200px;
			margin:0 auto;
			text-align: center;
			background: #FFFFFF;
			position: relative;
		}
		.headerInner {
			display: -webkit-inline-box;
			display: -ms-inline-flexbox;
			display: inline-flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-ms-flex-direction: row;
			flex-direction: row;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
			-ms-flex-line-pack: stretch;
				align-content: center;
			width:94.4%;
			height: 80px;
		}
		.header .logo {
			width: 130px;
		}
		.header a {
			width: 340px;
		}
		.header .burger_btn{
			position: relative;
		}
		.header .burger_btn::after{
			content: "メニュー";
			position: absolute;
			width: 100%;
			bottom: -24px;
			left: 18px;
		}
		.header .burger_btn.open::after{
			content: none;
		}
		.header .spmenu {
			width: 36px;
			height: 25px;
			position: relative;
			margin-left: 28px;
			cursor: pointer;
		}
		.header .spmenu::before {
			content:'';
			display: block;
			width: 100%;
			height: 4px;
			background: #666666;
			position: absolute;
			top:0;
			left:0;
			transition:.3s;
		}
		.header .spmenu::after {
			content:'';
			display: block;
			width: 100%;
			height: 4px;
			background: #666666;
			position: absolute;
			bottom:0;
			left:0;
			transition:.3s;
		}
		.header .spmenu span {
			display: block;
			width: 100%;
			height: 4px;
			background: #666666;
			position: absolute;
			top:calc(50% - 2px);
			left:0;
			transition:.3s;
		}
		.header .spmenu.open::before {
			transform:rotate(-45deg);
			top:calc(50% - 2px);
		}
		.header .spmenu.open::after {
			transform:rotate(45deg);
			bottom:calc(50% - 2px);
		}
		.header .spmenu.open span {
			opacity:0;
		}

		/* sidemenu */
		#slidemenu {
			width:100%;
			position:absolute;
			top:80px;
			left:0;
			z-index:99;
			background:#FFFFFF;
			box-sizing:border-box;
			box-shadow:0 1px 5px rgba(0,0,0,.2);
			display: none;
		}
		#slidemenu .slidemenu_heading{
			padding: 20px 0;
			text-align: center;
			font-size: 24px;
		}
		#slidemenu ul{
			border-top:2px solid #000000;
		}
		#slidemenu li {
			text-align:left;
			background:url(../img/menu-arrow.png) no-repeat right 20px center;
			background-size:26px 26px;
			box-sizing:border-box;
			border-bottom:2px solid #000000;
		}
		#slidemenu li.btn{
			text-align: center;
		}
		#slidemenu li.btn img{
			width: 500px;
		}
		#slidemenu a {
			display:block;
			width:100%;
			font-size:18px;
			line-height:1;
			box-sizing:border-box;
			margin:0;
			padding:20px 70px;
			color:#000000;
			background-repeat:no-repeat;
			background-position:left 10px center;
			background-size:46px 46px;
			position: relative;
		}
		#slidemenu li a.arrow::after{
			content: "▼";
			position: absolute;
			top: 50%;
			transform:translateY(-50%);
			right: 20px;
		}
		#slidemenu a:hover {
			text-decoration: none;
			color:#000000;
		}
		
		.btn_block.type02{
			text-align: center;
			margin-bottom: 8rem;
		}
		
}
@media screen and (max-width: 640px) {
	/* header
	-----------------------------------------------*/
		#header {
			position: sticky;
			left:0;
			top:0;
			z-index: 98;
		}
		.header {
			width:100%;
			max-width: 640px;
			margin:0 auto;
			text-align: center;
			background: #FFFFFF;
			position: relative;
		}
		.headerInner {
			display: -webkit-inline-box;
			display: -ms-inline-flexbox;
			display: inline-flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-ms-flex-direction: row;
			flex-direction: row;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-ms-flex-line-pack: stretch;
			align-content: center;
			width:94.4%;
			height: 80px;
		}
		.header .logo {
			width: 28%;
		}
		.header a {
			width: 50%;
			margin-left: auto;
		}
		.header .burger_btn{
			position: relative;
		}
		.header .burger_btn::after{
			content: "メニュー";
			position: absolute;
			width: 100%;
			bottom: -24px;
			left: 19%;
			font-size: 1.2rem;
		}
		.header .burger_btn.open::after{
			content: none;
		}
		.header .spmenu {
			width: 36px;
			height: 27px;
			position: relative;
			margin-left: 23px;
		}
		.header .spmenu::before {
			content:'';
			display: block;
			width: 100%;
			height: 4px;
			background: #666666;
			position: absolute;
			top:0;
			left:0;
			transition:.3s;
		}
		.header .spmenu::after {
			content:'';
			display: block;
			width: 100%;
			height: 4px;
			background: #666666;
			position: absolute;
			bottom:0;
			left:0;
			transition:.3s;
		}
		.header .spmenu span {
			display: block;
			width: 100%;
			height: 4px;
			background: #666666;
			position: absolute;
			top:calc(50% - 2px);
			left:0;
			transition:.3s;
		}
		.header .spmenu.open::before {
			transform:rotate(-45deg);
			top:calc(50% - 2px);
		}
		.header .spmenu.open::after {
			transform:rotate(45deg);
			bottom:calc(50% - 2px);
		}
		.header .spmenu.open span {
			opacity:0;
		}

		/* sidemenu */
		#slidemenu {
			width:100%;
			position:absolute;
			top:80px;
			left:0;
			z-index:99;
			background:#FFFFFF;
			box-sizing:border-box;
			box-shadow:0 1px 5px rgba(0,0,0,.2);
			display: none;
		}
		#slidemenu .slidemenu_heading{
			padding: 14px 0;
			text-align: center;
			font-size: 6vw;
		}
		#slidemenu ul {
			width: 100%;
			float:none;
			border-top:1px solid #000000;
		}
		#slidemenu li {
			text-align:left;
			background:url(../img/menu-arrow.png) no-repeat right 10px center;
			background-size:20px 20px;
			box-sizing:border-box;
			border-bottom:1px solid #000000;
				float: none;
				width: 100%;
				height: auto;
				padding: 0;
				border-left: 0;
		}
		#slidemenu li.btn{
			text-align: center;
		}
		#slidemenu li a {
			display:block;
			width:100%;
			font-size:3.5vw;
			line-height:1;
			box-sizing:border-box;
			margin:0;
			padding:14px 4%;
			color: #000000;
			background-repeat:no-repeat;
			background-position:left 10px center;
			background-size:26px 26px;
			text-align: left;
			height: auto;
			position: relative;
		}
		#slidemenu li a.arrow::after{
			content: "▼";
			position: absolute;
			top: 50%;
			transform:translateY(-50%);
			right: 3vw;
		}
		#slidemenu li.btn a{
			padding: 14px 8%;
		}
		#slidemenu a:hover {
			text-decoration: none;
			color:#000000;
		}

		.sec_voice_mini .btn_block{
			position: absolute;
			bottom: 2rem;
			left: 50%;
			transform: translate(-50%,-50%);
			width: 81%;
		}

		.btn_block.type02{
				text-align: center;
				margin-bottom: 13vw;
				padding-top: 0vw;
		}
		
		.column_block01 img.pc{
			display: none;
		}
.column_block01 img.sp{
	display: block;
}
		.column_block01.type02 .flex .img {
			width: 100%;
			}
		.column_block01.type02 .flex .txt_block {
		    width: 100%;
		}
		.sec_user_voice_bottom .toggle_btn.type02 p {
		    text-align: left;
		    max-width: 90rem;
		    margin: 0 auto 5rem;
		    padding: 0 3%;
		}

.sec01_btn .btn_block.img01{
	width: 82%;
	bottom: -1vw;
}
.sec01_btn .btn_block.img01 a{
	
}
.sec01_btn .btn_block.img01 img{
	
}


}