.boxszg * {
	-webkit-box-sizing: border-box; /* Webkit系用 */
	-moz-box-sizing: border-box;     /* Firefox用 */
	box-sizing: border-box;           /* 標準 */
}
.mente{
	width:100%;
	text-align:center;
	font-size:16px;
	font-family: 'Noto Sans JP', sans-serif;
	margin:0 auto;
	}
.mente img{
	width:100%;
	}
.mente .con1{width:100%;	margin:0 auto;}
.mente .con2{width:100%;	margin:2rem 0;}
.mente .narrow{
	width:90%;
	margin:15px auto 2rem;
	}
.mente .narrow dl {
margin:15px auto;letter-spacing:0.1rem;border-bottom:1px solid black;border-top:1px solid black;
padding:7px 13px 13px 13px;
width:85%;
}
.mente .narrow p {line-height:1.6rem;
}
.mente .con1 .ov img{
	margin-top:1rem;
	}
.mente .title{
	padding:0.2rem;
	margin-bottom:4px;font-size:0.9em;
	}
.mente .title::before {
    content: '\f0d9';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin:1rem;
	}
.mente .title::after {
    content: '\f0da';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin:1rem;
	}
.mente .con1 .ov dd{
	font-size:1.7rem;
	font-weight:bold;
	}
.mente .con1 .ov dd span{
	font-size:1rem;
	}
.mente #nav {
	display:flex;
    flex-wrap: nowrap;
    padding:0;
    list-style:none;
	}
.mente #nav li  {
	width:100%;
    border:1px solid #313452;
	}
.mente #nav li a{
    background: #FFF;
	color:#313452;
	font-size:0.8rem;
	width:100%;
	display:block;
    padding: 1rem 0;
	text-decoration:none;
}
.mente #store dl{
	padding:1rem;
	background:#313452;
	}
.mente #store dt{
	color:#FFF;
	}
.mente #nav li a:hover {
    color: #ffffff;
    background-color: #86b8b1;
    cursor: pointer;
	}


section.accordion {margin-top:20px;}


.mente .toggle {
	display: none;
}
.mente .Label {
	padding: 1em;
	display: block;
	color: #fff;
	background:#bfbfbf;
}
.mente .Label::before{
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.mente .Label,
.mente .content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.mente .content {	
	height: 0;
	margin-bottom:1px;
	padding:0 1.5rem;
	overflow: hidden;
	text-align:left;
	font-size:.8rem;
}
.mente .toggle:checked + .Label + .content {
	height: auto;
	padding:1.5rem;
	transition: all .3s;
}
.mente .toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}

.mente .subject{
	border:solid 3px #e4c761;
	margin-top:1rem;
	padding:.5rem;
}

.mente .subject dt{
	background:#e4c761;
	color:#FFF;
	font-weight:bold;
	padding:.2rem;
	margin-bottom:.5rem;
}

.big_r {
font-size:24px;color:red;font-weight:bold;
}




/* 商品サンプル */

div.exAtt {
font-size:1.5rem;font-weight:bold;margin-bottom:10px;
}
div.exAtt_p {font-size:0.9rem;
margin-bottom:20px;padding-bottom:20px;
border:1px solid red;
}

.exItem {
position:relative;
width:100%;border:2px solid black;
margin:15px auto 15px;
padding:15px 15px 4px 15px ;
display:flex;justify-content: center;align-items: center;
}
.exItem::before {
	position: absolute; top: 0; left: 0; 
	width: 40px;height: 40px;
	background-color:black;
	z-index:10;
	content: "\4F8B";color:#fff;
	line-height:40px;font-weight:bold;font-size:19px;
}
.exItem .ex_img {position:relative;
display:flex;justify-content: center;align-items: center;
padding:0;margin:0;width:30%;
}

.exItem .ex_img img {width:100%;}
.exItem .ex_text {width:70%;}

.ex_text .exT1 {font-size:24px;font-weight:bold;
border-bottom:1px solid black;padding-bottom:8px;
margin:0 auto 16px;line-height:28px;
}
.ex_text .exT1 .extype {
font-size:17px;font-weight:normal;
}
.ex_text .exT2 {font-size:26px;margin-bottom:14px;
font-family: 'Roboto', sans-serif;font-weight:700;
}
span.small {font-size:11px;}
span.middle {font-size:18px;}

/* 割引BOX */
.exOff {
	display:flex;margin-top:10px;
	justify-content: center;
	align-items: center;
}

.exOff .off10 {
    position: relative;
    background-color: #ed6d35;
    color: #FFF;
    line-height:3rem;
    text-align: center;
    margin-left: 0;
    margin-right: 1.5em;
}
.exOff .off10::after {
    display: block;  content: '';
    position: absolute;  top:0;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-right: 1.5em solid transparent;
    border-left: 1.2em solid #ed6d35;
    right:-2.7em;     line-height:3rem;
}
.exOff .off10 div{
display:block;font-weight:bold;/*position:relative;top:4px;*/
font-size:28px;line-height:3.0rem;padding:0 0 0 0;margin:0 0 0 5px;
vertical-align:baseline;font-feature-settings: "palt";
}
.exOff .off10 div span {
display:inline-block;
position:relative;top:-2px;
font-size:18px;line-height:1;vertical-align:middle;
}
.exOff .price1 {
position:relative;top:4px;
font-size:42px;vertical-align:center;
    line-height:3rem;color:#ed6d35;margin:0;
    font-family: 'Roboto', sans-serif;font-weight:700;
}


@media screen and (max-width:680px) { 
.exItem .ex_text {width:70%;padding-bottom:15px;}
.exOff {
	display:flex;margin-top:10px;
	flex-direction:column;
	justify-content: center;
	align-items: center;
}

.exOff .off10 {
    position: relative;
    background-color: #ed6d35;
    color: #FFF;
    line-height:1.5rem;
    text-align: center;
    margin-left: 0;
    padding:0.5rem;
    margin-right: 0.5em;
}
.exOff .off10::after {
    display: none;  content: none;
}
.exOff .off10 div{
display:block;font-weight:bold;/*position:relative;top:4px;*/
font-size:20px;line-height:1.5rem;padding:0 0 0 0;margin:0 0 0 0px;
vertical-align:baseline;font-feature-settings: "palt";
}
.exOff .off10 div span {
display:inline-block;
position:relative;top:-2px;
font-size:15px;line-height:1;vertical-align:middle;
}

.exOff .price1 {
position:relative;top:4px;
font-size:33px;vertical-align:center;
    line-height:1;color:#ed6d35;margin:0;
}
.big_r {
font-size:24px;color:red;font-weight:700;
}

.ex_text .exT1 {font-size:18px;font-weight:700;
border-bottom:1px solid black;padding-bottom:8px;
margin:0 auto 6px;line-height:2.2rem;
}
.ex_text .exT1 .extype {
font-size:17px;font-weight:700;
}
.ex_text .exT2 {font-size:26px;margin-bottom:6px;
line-height:2.0rem;
font-family: 'Roboto', sans-serif;font-weight:700;
}
.ex_text .exT2 span.middle {
display:block;
}


}