@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;
}



.kotsuband_movie {
    margin: 80px 0 90px;
    width: 950px;
    background-color: #fcebf3;
    padding: 40px;
    text-align: center;
}

@media screen and (max-width:768px) {
.kotsuband_movie {
    margin: 40px 0 40px;
    width: 100%;
    background-color: #fcebf3;
    padding: 5%;
    text-align: center;
}
}




.inr{
	width: 1000px;
	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: 5rem 0;
}

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

.sec_img2_block{
	position: relative;
}
.sec_img2_block > a{
    position: absolute;
    bottom: 1vw;
    left: 50%;
    transform: translate(-50%,-50%);
}
.sec_img2_block > a img{
	
}


.sec_img3_block{
	position: relative;
}
.sec_img3_block > a{
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translate(-50%,-50%);
}

.sec_img3_block > a img{
	
}











.sec_img4_block{
    background: #fff7f7 url(../img/sec_img4_bg.webp) no-repeat top center;
    /* height: 75.6rem; */
    text-align: center;
    padding-bottom: 5rem;
}

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

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


.sec_img4_block .toggle_btn{
    margin: 4rem 0;
    padding: 0 9%;
}
.sec_img4_block .toggle_block{
	display: none;

}


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

#coupon_block{
	 margin-top:50px;
}

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




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


#buy_contents{
    /*background: url(../img/buy_content_bg.webp) no-repeat top center;*/
    padding: 0 0 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: 426px;
}
#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: 40rem;
}

#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: bold;
}
#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;
}
#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;
}
#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: 60px;
}

#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: 75px;
}

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

#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("../img/common/arrrow.png") 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: 18px;
    width: 150px;
    text-align: left;
    padding-right: 1rem;
    display: block;
    font-weight: bold;
}

.radio_contents fieldset{
    width: 970px;
}

.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: 15px;
    width: 121px;
    text-align: center;
    background: #fff;
}


 .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: #da5858;
	font-weight: bold;
	margin-bottom: 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: #da5858;
	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: 1.4rem;
	margin-top: 2rem;
	border-radius: 0.8rem;
}
.teacher_block .in_block .profile p{
	font-size: 1.6rem;
}
.teacher_block .in_block .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;
}


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


.items_block_2{
	
}
.items_block_2 .items2_block{
	position: relative;
	max-width: 90rem;
	margin: 0 auto;
	border: solid 1px #ba8118;
	padding: 2.6rem 2rem 2.5rem;
}
.items_block_2 .items2_block .left{
	position: relative;
	z-index: 3;
}	
.items_block_2 .items2_block .right{
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
}

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


.items_block_2{
	margin-bottom: 6rem;
}
.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;
}

.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;
	text-align: center;
}

.sec08 {
	position: relative;
}
.sec08 .in_inr{
	max-width: 90rem;
	margin: 0 auto;
	background: url(../img/coupon_bg_02.webp) no-repeat center center;
	height: 79rem;
	position: relative;
	background-size: 111%;
}

.sec08  .coupon_btn{
    border: none;
    background: none;
    position: absolute;
    right: 3rem;
    top: 31.8rem;
    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: 10;
}

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

.button__cartin.btn_bg{

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

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

	.btn_block.no1{
	    padding: 6vw 8%;
	}
	.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;
	}
	
	
	.sec_img3_block{
		
	}
	
	.sec_img3_block > .sp{
		width: 100%;
	}	
	.sec_img3_block > .sp_tit{
		
	}
	.sec_img3_block > .img01{
		
	}


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


	.sec_img4_block .p1{
	    padding: 0 4%;
	}

	.sec_img4_block .toggle_btn img{
		width: 100%;
	}
	
	
	.sec_img4_block .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(../img/sp_coupon_bg01.webp) no-repeat center center;
	    height: 208.6vw;
	    background-size: contain;
	}
	
	.sec05.sec .coupon_btn{
	    width: 67vw;
	    bottom: 31vw;
	}
	
	#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: 1rem 0rem;
	    width: 48%;
	    margin-top: 1rem;
	}
	#main .comPhotoUl > .liStyle01 .flex .left .span_point {
	    border-radius: 22rem;
	}
	.in_sec06{
		padding: 0 3%;
	}
	.teacher_block .in_block .tit {
	    font-size: 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: 3%;
	    position: relative;
	}
	.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; */
	}
	
	.sec_img20{
		width: 18vw;
	}
	.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;
}

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