#container{
    /*width: 900px;*/
    width:100%;
    max-width: 1200px!important;
    padding: 10px 30px!important;
}

@media only screen and (max-width: 1200px){
#container {
    width:100%;
    max-width: 1200px!important;
    
}
}

.faq_wrapper {
margin:20px 0px 40px 0px;
}

.faq_info {
font-size: 1em;
text-align: center;
line-height: 1.6;
margin: 0px;
padding: 40px 0px 0px 0px;
}

.faq_category {
float: left;
margin: 0px 100px 0px 100px;
padding: 0px 0px 0px 0px;
}

.faq_category dd {
width:220px;
float: left;
margin: 0px 5px 0px 0px;
padding: 0px 0px;
}

.faq_category a {
color:blue;
font-size: 1em;
line-height: 1;
display: block;
text-align: center;
padding: 10px 0px;
border: 1px solid #CCC;
}

.faq_category a:visited {
color:blue;
}

.faq_category a:hover {
color:red;
}

.arrow_s {
position: relative;
display: inline-block;
padding-left: 12px;
color: #333;
text-decoration: none;
}
.arrow_s:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 8px;
border-color: transparent transparent transparent #F60;
position: absolute;
top: 50%;
left: 10px;
margin-top: -6px;
}

.faq_box {margin: 40px 0px 0px 0px;}

#wrapper .faq_title {
color: #000;
font-size: 1.6em;
font-weight: bold;
text-align: left;
line-height: 1;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 2px solid #039;
}

.accordion {
margin: 0px;
padding:0px;
}

.toggle {
display: none;
margin: 0px;
padding: 0px;
}

.Label {		/*����*/cursor: pointer;font-size: 1.2em;font-weight: bold;line-height: 1.4;padding: 10px 40px 10px 15px;margin: 5px 0px 0px 0px;display: block;color: #FFF;background:#369;}

.Label::before{		/*�^�C�g�����̖��*/
	content:"";
	width: 10px;
	height: 10px;
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 6px );
	right: 10px;
	transform: rotate(135deg);
}

.Label,
.Label-content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

.Label-content {		/*�{��*/
	
	height: 0;
	padding: 0px 0px;
	margin: 0px;
	line-height: 1.4;
	overflow: hidden;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
	
}
.toggle:checked + .Label + .Label-content {	/*�J��*/
	height: auto;
	padding: 5px 0px;
	margin: 0px;
	transition: all 0.3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}

/*�^�C�g���̐F��ς���Ƃ�*/
.toggle:checked + .Label {
background: #039;
}

/*�A���T�[�F�e�L�X�g*/
#wrapper .answer_text1 {font-size: 1em!important;line-height: 1.6!important;padding: 0px!important;margin: 10px 20px 10px 20px!important;}

#wrapper .answer_text2 {
font-size: 1em!important;
line-height: 1.6!important;
padding: 0px 20px 2px 20px!important;
margin: 0px!important;
}

#wrapper .answer_katei {
font-size: 1em!important;
font-weight: bold;
line-height: 1.6!important;
padding: 0px!important;
margin: 20px 20px 0px 20px!important;
}

#wrapper .answer_cap1 {
font-size: 0.8em!important;
line-height: 1.6!important;
padding: 0px!important;
margin: 5px 20px 10px 20px!important;
}

/*�A���T�[�F�摜*/
.oshiete_pic1 {
margin: 20px 20px 0px 20px;
}

.oshiete_pic1 img {width: 500px;max-width: 100%;}


.oshiete_pic2 {
margin: 0px 20px 0px 20px;
}

.oshiete_pic2 img {width: 500px;max-width: 100%;}

.answer_list1 {
font-size: 1em;
line-height: 1.6;
list-style-type: square;
padding: 0px;
margin: 10px 20px 10px 60px;
}

.answer_list1b {
font-size: 1em;
line-height: 1.6;
list-style-type: square;
padding: 0px;
margin: 10px 20px 10px 40px;
}

.answer_list2 {
font-size: 0.8em;
line-height: 1.6;
list-style-type: square;
padding: 0px;
margin: 10px 20px 10px 60px;
}

.answer_list_ol1 {
font-size: 1em;
list-style-type: decimal;
padding: 0px;
margin: 10px 20px 10px 60px;
}

.answer_list_ol1 li {
line-height: 1.6;
}

.answer_list_ol2 {
font-size: 1em;
line-height: 1.6;
list-style-type: decimal;
padding: 0px;
margin: 10px 20px 10px 40px;
}

.answer_list_ol2 li {
line-height: 1.6;
}

.normal_box {margin: 40px 0px 0px 0px;}

#wrapper .shop_title {
color: #FFF!important;
font-size: 1.4!important;
text-align: center!important;
padding: 5px 10px!important;
background: #066!important;
}

.text1a {
font-size: 1em;
text-align: left;
line-height: 1.6;
margin: 0px;
padding: 0px;
}

.text1b {
font-size: 1em;
text-align: left;
line-height: 1.6;
margin: 10px 0px 0px 0px;
padding: 0px;
}

#wrapper .text2 {
font-size: 1em!important;
text-align: left!important;
line-height: 1.6!important;
margin: 0px 0px 0px 0px!important;
padding: 0px 0px 0px 0px!important;
}

#wrapper .text3 {
font-size: 1em!important;
text-align: left!important;
line-height: 1.4!important;
margin: 10px 15px 0px 15px!important;
padding: 0px 0px 0px 0px!important;
}

#wrapper .osusume_box_left {/* float: left; *//* width: calc((100% - 10px)/2); */text-align: left;/* padding-bottom: 10px; */}

#wrapper .osusume_box_right {/* float: right; *//* width: calc((100% - 10px)/2); */text-align: right;/* padding-bottom: 10px; */}

#wrapper .osusume_item {/* float: left; *//* width: 555px; */margin: 0px;padding: 10px;border: 1px solid #BBB;}

#wrapper .osusume_item dt {/* float: left; *//* width: 180px; *//* height: 180px; */text-align: center;margin: 0px;/* padding: 10px 0px; */}

#wrapper .osusume_item img {/* width: 160px; */width: 100%;}

#wrapper .osusume_item dd {/* float: left; *//* width: calc(100% - 180px); */text-align: left;margin: 0px;padding: 0px;}

@media screen and (min-width: 1200px) {
#wrapper .osusume_box_left {float: left;width: calc((100% - 10px)/2);padding-bottom: 10px;}

#wrapper .osusume_box_right { float: right;  width: calc((100% - 10px)/2); padding-bottom: 10px; }

#wrapper .osusume_item { float: left;  width: 555px; }

#wrapper .osusume_item dt { float: left;  width: 180px;  height: 180px;  padding: 10px 0px; }

#wrapper .osusume_item img { width: 160px; }

#wrapper .osusume_item dd { float: left;  width: calc(100% - 180px); }

}


#wrapper .osusume_text1 {
font-size: 1em!important;
font-weight: bold!important;
line-height: 1.4!important;
padding: 10px 0px 0px 0px!important;
margin: 0px!important;
}

#wrapper .osusume_text2 {
font-size: 1em!important;
line-height: 1.4!important;
padding: 5px 0px 0px 0px!important;
margin: 0px!important;
}

.video_space {
margin: 0px auto;
}
@media screen and (min-width:768px) {
	.video_space {
		width: 80%;
	}
}

.slide_space {
width: 65%;
margin: 20px auto 0px auto;
}

#wrapper .shop_title {
color: #FFF!important;
font-size: 1.4em!important;
font-weight: bold!important;
text-align: center!important;
line-height: 1!important;
margin: 40px 0px 0px 0px!important;
padding: 10px 0px 10px 0px!important;
background: #039;
}

#wrapper .address_list {
padding: 0pximportant;
margin: 0pximportant;
}

#wrapper .address_list1 dt {
font-size: 1.2em!important;
font-weight: bold!important;
text-align: left!important;
line-height: 1.4!important;
margin: 0px!important;
padding: 0px 15px 0px 15px!important;
}

#wrapper .address_list1 dd {
float: leftimportant;
font-size: 1emimportant;
font-weight: normalimportant;
text-align: leftimportant;
line-height: 1.4important;
margin: 0px!important;
padding: 0px 15px 0px 15px!important;
}

#wrapper .address_list2 {
padding: 0px!important;
margin: 0px!important;
}

#wrapper .address_list2 dt {
font-size: 1.2em!important;
font-weight: bold!important;
text-align: left!important;
line-height: 1.6!important;
margin: 12px 0px 0px 0px!important;
padding: 0px 15px 0px 15px!important;
}

#wrapper .address_list2 dd {
font-size: 1em!important;
font-weight: normal!important;
text-align: left!important;
line-height: 1.6!important;
margin: 0px!important;
padding: 0px 15px 12px 15px!important;
border-bottom: 1px solid #CCC;
}


#wrapper .flex{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}

.sp_delete_br {
	display: none;
}
.info.text-center {
    text-align: left !important;
}
@media screen and (min-width:768px) {
	.sp_delete_br {
		display: inline;
	}
	.info.text-center {
    text-align: center !important;
}
}


/*-------------------*/


.feature_item_list {
	display: flex;
	padding: 15px 0 15px 0px;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateZ(0px);
	min-width: .1px;
}

.feature_item_list::after {
	display: block;
	content: '';
	padding: .1px;
}

.feature_item_box {
	flex-shrink: 0;
	width: 150px !important;
	margin: 0 15px 15px 0;
	background: #FFF;
	font-size: .8em;
	overflow: hidden;
	border: 1px solid #e5e5e5;
	position: relative;
	backface-visibility: hidden;
	/*! padding: 26px 0 0; */
	display: block;
	border-radius: 10px;
	box-shadow: 0 4px 4px rgba(0,0,0,.1);
}

.feature_item_box a{display:block;}

.feature_item_box img{
display:block;
}

.feature_item_box a:link:hover img {
	opacity: .7;
}


@media screen and (min-width:768px) {
	.feature_item_list {
		flex-wrap: wrap;
	}
	

	/*col2 PC view*/
	.feature_item_list.col2 .feature_item_box {
		width: calc((99.99% - 15px*1)/2) !important;
	}
	.feature_item_list.col2 .feature_item_box:nth-of-type(2n) {
		margin: 0 0 15px 0;
	}
	

	/*col3 PC view*/
	.feature_item_list.col3 .feature_item_box {
		width: calc((99.99% - 15px*2)/3) !important;
	}
	.feature_item_list.col3 .feature_item_box:nth-of-type(3n) {
		margin: 0 0 15px 0;
	}
	
	
	/*col4 PC view*/
	.feature_item_list.col4 .feature_item_box {
		width: calc((99.99% - 15px*3)/4) !important;
	}
	.feature_item_list.col4 .feature_item_box:nth-of-type(4n) {
		margin: 0 0 15px 0;
	}
	
	/*col5 PC view*/
	.feature_item_list.col5 .feature_item_box {
		width: calc((99.99% - 15px*4)/5) !important;
	}
	.feature_item_list.col5 .feature_item_box:nth-of-type(5n) {
		margin: 0 0 15px 0;
	}
	/*col6 PC view*/
	.feature_item_list.col6 .feature_item_box {
		width: calc((99.99% - 15px*5)/6) !important;
	}
	.feature_item_list.col6 .feature_item_box:nth-of-type(6n) {
		margin: 0 0 15px 0;
	}
}

.feature_item_box_img {
	width: 100%;
	padding-top: 100%!important;
	position: relative;
	/* background-color: #EEEEEE; */
}

.feature_item_box_img img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	width: auto;
	background: #FFF;
}

.feature_item_box_kubun1, .feature_item_box_kubun2, .feature_item_box_kubun3 {
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
	max-width: calc(100% * 2 / 5);
	background: rgba(255, 255, 255, .9);
	font-weight: bold;
	font-size: .9em;
}


.feature_item_box_title {
	width: calc(100% - 15px);
	margin: 7.5px;
	height: 4.8em;
	line-height: 1.25em;
	overflow: hidden;
	text-align: left;
	font-size: .95em;
}

#wrapper .feature_item_box_title a{
	text-decoration:none;
}

.feature_item_box_name {font-size:1.25em;display: block;/* margin: 0 0 .1px; *//* padding: 0 0 .1px; */}
#wrapper .feature_item_box_name a{
	text-decoration:none;
}

#wrapper .feature_item_box_name_small{
	font-size:.8em;
		padding: 0 7.5px 7.5px;
}

#wrapper .feature_item_box_name_small a{
	display:inline;
	padding:0!important;
}

@media screen and (min-width:768px) {
	.feature_item_box_title {
		-webkit-line-clamp: 4;
		height: 4.8em;
	}
}

.feature_item_box_name a{
	padding: 5px 7.5px!important;
	display: block;
	width:100%;
	/* margin: 0 0 .1px; */
}


@media screen and (min-width:768px) {
	.feature_item_box_baika_amount {
		/*! font-size: 1.05em; */
	}
}



.feature_item_box_title2 {
	padding: 7.5px;
}

.feature_item_box_text2 {
	padding: 0 7.5px 7.5px;
}


.feature_item_box_place {
	padding: 7.5px 7.5px 0;
}

.feature_item_box_representative {
	padding: 0 7.5px 7.5px;
}
.feature_item_box_representative span{

}



.manual_input .feature_item_box, .kaitori .feature_item_box {
	padding: 0;
}




/*add code*/

.feature_item_box_baika {
    padding: 0!important;
    margin:0 7.5px 7.5px;
}


.kaitori .feature_item_box_baika {
	font-size: 1.2em;
	line-height: 1.5!important;
	font-weight:bold;
	color:#006666;
}

.kaitori .feature_item_box_baika strong{
	font-size: .8em;

}

.fontS15 {
	font-size: 15px;
	line-height: 15px!important;
}

.mkp_baika, .mgnB5, .mgnT5 {
	line-height: 15px!important;
}

.mkp_baika .text-blue-light {
	font-size: 12px;
}

.feature_item_box {
	/* padding: 0 0 .1px; */
}




















/*
In case of smartphone display, display items in wrapping.
*/






.sp-turn-back{
	flex-wrap:wrap;
}






.sp-turn-back.col6 .feature_item_box{
	width:calc((99.99% - 15px * 1 ) / 2)!important;
	margin:0 15px 15px 0;
}
.sp-turn-back.col6 .feature_item_box:nth-of-type(2n){
	margin:0 0 15px 0;
}

@media screen and (min-width:400px) {

.sp-turn-back.col6 .feature_item_box,
.sp-turn-back.col6 .feature_item_box:nth-of-type(2n){
	width:calc((99.99% - 15px * 2 ) / 3)!important;
	margin:0 15px 15px 0;
}
.sp-turn-back.col6 .feature_item_box:nth-of-type(3n){
	margin:0 0 15px 0;
}

}
@media screen and (min-width:600px) {

.sp-turn-back.col6 .feature_item_box,
.sp-turn-back.col6 .feature_item_box:nth-of-type(2n),
.sp-turn-back.col6 .feature_item_box:nth-of-type(3n){
	width:calc((99.99% - 15px * 3 ) / 4)!important;
	margin:0 15px 15px 0;
}
.sp-turn-back.col6 .feature_item_box:nth-of-type(4n){
	margin:0 0 15px 0;
}

}
@media screen and (min-width:700px) {

.sp-turn-back.col6 .feature_item_box,
.sp-turn-back.col6 .feature_item_box:nth-of-type(2n),
.sp-turn-back.col6 .feature_item_box:nth-of-type(3n),
.sp-turn-back.col6 .feature_item_box:nth-of-type(4n){
	width:calc((99.99% - 15px * 4 ) / 5)!important;
	margin:0 15px 15px 0;
}

.sp-turn-back.col6 .feature_item_box:nth-of-type(5n){
	margin:0 0 15px 0;
}

}

@media screen and (min-width:768px) {

.sp-turn-back.col6 .feature_item_box,
.sp-turn-back.col6 .feature_item_box:nth-of-type(2n),
.sp-turn-back.col6 .feature_item_box:nth-of-type(3n),
.sp-turn-back.col6 .feature_item_box:nth-of-type(4n),
.sp-turn-back.col6 .feature_item_box:nth-of-type(5n){
	width:calc((99.99% - 15px * 5 ) / 6)!important;
	margin:0 15px 15px 0;
}
.sp-turn-back.col6 .feature_item_box:nth-of-type(6n){
	margin:0 0 15px 0;
}
}






.sp-turn-back.col5 .feature_item_box{
	width:calc((99.99% - 15px * 1 ) / 2)!important;
	margin:0 15px 15px 0;
}
.sp-turn-back.col5 .feature_item_box:nth-of-type(2n){
	margin:0 0 15px 0;
}

@media screen and (min-width:400px) {

.sp-turn-back.col5 .feature_item_box,
.sp-turn-back.col5 .feature_item_box:nth-of-type(2n){
	width:calc((99.99% - 15px * 2 ) / 3)!important;
	margin:0 15px 15px 0;
}
.sp-turn-back.col5 .feature_item_box:nth-of-type(3n){
	margin:0 0 15px 0;
}

}
@media screen and (min-width:600px) {

.sp-turn-back.col5 .feature_item_box,
.sp-turn-back.col5 .feature_item_box:nth-of-type(2n),
.sp-turn-back.col5 .feature_item_box:nth-of-type(3n){
	width:calc((99.99% - 15px * 3 ) / 4)!important;
	margin:0 15px 15px 0;
}
.sp-turn-back.col5 .feature_item_box:nth-of-type(4n){
	margin:0 0 15px 0;
}

}
@media screen and (min-width:768px) {

.sp-turn-back.col5 .feature_item_box,
.sp-turn-back.col5 .feature_item_box:nth-of-type(2n),
.sp-turn-back.col5 .feature_item_box:nth-of-type(3n),
.sp-turn-back.col5 .feature_item_box:nth-of-type(4n){
	width:calc((99.99% - 15px * 4 ) / 5)!important;
	margin:0 15px 15px 0;
}

.sp-turn-back.col5 .feature_item_box:nth-of-type(5n){
	margin:0 0 15px 0;
}

}






.sp-turn-back.col4 .feature_item_box{
	width:calc((99.99% - 15px * 1 ) / 2)!important;
	margin:0 15px 15px 0;
}
.sp-turn-back.col4 .feature_item_box:nth-of-type(2n){
	margin:0 0 15px 0;
}

@media screen and (min-width:400px) {

.sp-turn-back.col4 .feature_item_box,
.sp-turn-back.col4 .feature_item_box:nth-of-type(2n){
	width:calc((99.99% - 15px * 2 ) / 3)!important;
	margin:0 15px 15px 0;
}
.sp-turn-back.col4 .feature_item_box:nth-of-type(3n){
	margin:0 0 15px 0;
}

}
@media screen and (min-width:768px) {

.sp-turn-back.col4 .feature_item_box,
.sp-turn-back.col4 .feature_item_box:nth-of-type(2n),
.sp-turn-back.col4 .feature_item_box:nth-of-type(3n){
	width:calc((99.99% - 15px * 3 ) / 4)!important;
	margin:0 15px 15px 0;
}
.sp-turn-back.col4 .feature_item_box:nth-of-type(4n){
	margin:0 0 15px 0;
}

}




.sp-turn-back.col3 .feature_item_box{
	width:calc((99.99% - 15px * 0 ) / 1)!important;
	margin:0 0 15px 0;
}


@media screen and (min-width:400px) {

.sp-turn-back.col3 .feature_item_box{
	width:calc((99.99% - 15px * 1 ) / 2)!important;
	margin:0 15px 15px 0;
}
.sp-turn-back.col3 .feature_item_box:nth-of-type(2n){
	margin:0 0 15px 0;
}

}
@media screen and (min-width:768px) {

.sp-turn-back.col3 .feature_item_box,
.sp-turn-back.col3 .feature_item_box:nth-of-type(2n){
	width:calc((99.99% - 15px * 2 ) / 3)!important;
	margin:0 15px 15px 0;
}
.sp-turn-back.col3 .feature_item_box:nth-of-type(3n){
	margin:0 0 15px 0;
}

}




.sp-turn-back.col2 .feature_item_box{
	width:calc((99.99% - 15px * 0 ) / 1)!important;
	margin:0 15px 15px 0;
}
.sp-turn-back.col2 .feature_item_box:nth-of-type(2n){
	margin:0 0 15px 0;
}
@media screen and (min-width:768px) {

.sp-turn-back.col2 .feature_item_box,
.sp-turn-back.col2 .feature_item_box:nth-of-type(2n){
	width:calc((99.99% - 15px * 1 ) / 2)!important;
	margin:0 15px 15px 0;
}

.sp-turn-back.col2 .feature_item_box:nth-of-type(2n){
	margin:0 0 15px 0;
}

}


.sp-turn-back.col-auto .feature_item_box{
	width:auto!important;
	margin:0 15px 15px 0;
}



/*
Scroll items when displaying on PC display.
*/


@media screen and (min-width:768px) {
    .pc-scroll {
        flex-wrap: nowrap;
            /*width: calc(900px - 30px);*/
             width: calc(100% - 0px);
    }
    
    /*col5 PC view*/
    .pc-scroll .feature_item_box {
        margin: 0 15px 15px 0!important;
    }
}


a.text-blue-light:link {
  color: #0000ff!important;
  text-decoration: none!important;
}
a.text-blue-light:visited {
  color: #663399!important;
   text-decoration: none!important;
}
a.text-blue-light:hover {
  color: #ff0000!important;
    text-decoration: none!important;
}












/*col1-multi*/

.col1-multi .feature_item_box {
    margin: 0;
}
.col1-multi .feature_item_list .feature_item_box{
	width:100%!important;
}

.col1-multi{
	
		display: flex;
	padding: 0 0 15px 0px;
overflow-x:scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateZ(0px);
	min-width: .1px;
}
.col1-multi::after {
	display: block;
	content: '';
	padding: .1px;
}

.col1-multi .feature_item_list{
	flex-shrink: 0;
	width: 150px !important;
	margin: 0 15px 0px 0;
	background: #FFF;

	overflow: hidden;
	border: 2px solid #CCC;
	position: relative;
	backface-visibility: hidden;
	/*! padding: 26px 0 0; */
	display: block;
}
.col1-multi .feature_item_list .feature_item_box{
	border:none;
}

@media screen and (min-width:768px) {
	.col1-multi {
		flex-wrap: wrap;
		overflow-x:hidden;
	}
	

	/*col2 PC view*/
	.col1-multi.col2 .feature_item_list {
		width: calc((99.99% - 15px*1)/2) !important;
	}
	.col1-multi.col2 .feature_item_list:nth-of-type(2n) {
		margin:0;
	}
	

	/*col3 PC view*/
	.col1-multi.col3 .feature_item_list {
		width: calc((99.99% - 15px*2)/3) !important;
	}
	.col1-multi.col3 .feature_item_list:nth-of-type(3n) {
		margin:0;
	}
	
	
	/*col4 PC view*/
	.col1-multi.col4 .feature_item_list {
		width: calc((99.99% - 15px*3)/4) !important;
	}
	.col1-multi.col4 .feature_item_list:nth-of-type(4n) {
		margin:0;
	}
	
	/*col5 PC view*/
	.col1-multi.col5 .feature_item_list {
		width: calc((99.99% - 15px*4)/5) !important;
	}
	.col1-multi.col5 .feature_item_list:nth-of-type(5n) {
		margin:0;
	}
	/*col6 PC view*/
	.col1-multi.col6 .feature_item_list {
		width: calc((99.99% - 15px*5)/6) !important;
	}
	.col1-multi.col6 .feature_item_list:nth-of-type(6n) {
		margin:0;
	}
}


/*20250114 add code kato*/
.shop_sub_detail_content {
	display:none;
}
.toggle ~ .open{
	display:block;
}
.toggle ~ .close{
	display:none;
	
}
.toggle:checked ~ .open{
	display:none;
}
.toggle:checked ~ .close{
    display:block;
}
.toggle:checked ~ .shop_sub_detail_content {
	display:block;
}
.shop_content{margin: 0 0 30px;border-bottom:1px solid #000;}
.shop_content:last-of-type{border-bottom:none;}


.shop_content:first-of-type{
	padding:30px 0 0;
}
.shop_content a[href]{
	color:#00F
}
.shop_img img{max-width:100%;margin: 0 0 15px;height: auto;}

}
.shop_info{
margin: 0 0 15px;
}
.shop_name{
margin: 0 0 15px;
	font-size:1.3em;
	font-weight:bold;
}
.shop_sns{
display:flex;
gap:1em;
margin: 0 0 15px;
}
.shop_main_detail{
margin: 0 0 15px;
}
.shop_sub_detail{position:relative;padding: 0 0 75px;}

.shop_sub_detail label{padding:10px;background: #369;color:#FFF;width:100%;text-align:center;cursor: pointer;opacity: 1;text-shadow:none;margin: 0 0 30px;}
.shop_sub_detail .open,
.shop_sub_detail .close{
position:absolute;
bottom:0;

}

@media screen and (min-width:768px) {
	.shop_img img{
  width: 350px;
  height: 350px;
  object-fit: cover;
}

.shop_content{
	display:flex;
	gap:30px;
	padding:0 0 30px;
}
	.shop_content:first-of-type{
	padding: 30px 0 30px;
}
.shop_img{
	width:350px;
}
.shop_info{
	width:calc(100% - 350px - 30px);
}
.shop_sub_detail_content {

	display:block;
}
	.shop_sub_detail{
	padding:0 0 0px;
}
.toggle ~ .open,
.toggle:checked ~ .open,
.toggle ~ .close,
.toggle:checked ~ .close
	{
	display:none;
}
}