/*
 *{} color コメントアウト 60行目付近
 #top_wrapper{} color 追加
 #head_wrapper #tnav .fa-chevron-down{} color 追加
*/

html,body{
	font-family: 'M PLUS 1p', sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	margin:0 !important;
	padding:0;
	background:#fff;
}
*{
	box-sizing: border-box;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .row{
	padding-left: 0;
	padding-right: 0;
}
/*CLEARFIX*/
.clearfix:after{
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
	min-height:1%;
}
*html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/*構成*/
.flex_content{
	display:flex;
	flex-wrap:wrap;
}
.flex_justify{
	justify-content:space-between;
}
.flex_align{
	align-content:space-between;
}
.flex_vert,
.flex_middle{
	align-items:center;
}
.flex_bottom {
    align-items: flex-end;
}
.flex_center{
	justify-content:center;
}
.flex_end{
	justify-content:flex-end;
}
.flex_left,
.flex_right{
	flex-basis:47%;
}
img{
	border:none;
	width:auto;
    max-width: 100%;
	height:auto;
}
.full{
	width:100%;
	height:auto;
	line-height:0;
	vertical-align:bottom;
}
/*BORDERBOX*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,
address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,
b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,button,select,
table,caption,tbody,tfoot,thead,tr,th,td,div,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,div,summary,time,mark,audio,video{
	box-sizing:border-box;
	font-weight:bold;
	font-family: 'M PLUS 1p', sans-serif;
}
*{
	box-sizing:border-box;
	color:rgba(51,51,51,1);
}


/*音・映像*/
audio,canvas,progress,video{
	display:inline-block;
	vertical-align:baseline;

}audio:not([controls]),[hidden],template{
	display:none;
	height:0;
}
.tela{
	pointer-events: none;
}
.tela:hover{
	background: inherit;
}
/*FORM*/
button,input,optgroup,select,textarea,
input[type="button"],input[type="reset"],input[type="submit"],button[disabled],
html input[disabled],button::-moz-focus-inner,input::-moz-focus-inner,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,textarea{
	color:inherit;
	font:inherit;
	margin:0;
	padding:0;
	overflow:auto;
	text-transform:none;
	cursor:default;
	border:0;
	line-height:1em;
	font-weight:bold;
	font-family: 'M PLUS 1p', sans-serif;
}
input[type="checkbox"],input[type="radio"]{
	box-sizing:border-box;
	padding:0;
	margin:0;
	width:20px;
}
input[type="search"]{/*検索フォーム*/
	box-sizing:content-box;
}
label{
  cursor : pointer;
}


/*画像*/
svg:not(:root){
	overflow:hidden;
}
img{
	border:none;
	width:auto;
	height:auto;
}
hr{
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0;
}

/*テキスト*/
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	margin:0;
	padding:0;
	font-size:21px;
	line-height:1.7em;
	font-weight:bold;
	font-family: 'M PLUS 1p', sans-serif;
}
p,li,th,td,div,input,textarea,span{
	font-weight:normal;
	margin:0;
	padding:0;
	font-size: clamp(14px, 1.8vw, 16px);
	line-height:1.7em;
	font-weight:bold;
	font-family: 'M PLUS 1p', sans-serif;
}
p,span,small,b{
	transform: rotate(-0.03deg);
}
.serif{
  font-family:"HG明朝E","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","ＭＳ 明朝",serif !important;
	font-weight:normal;
}
.en{
	font-family: 'Oswald', sans-serif !important;
	font-style:normal;
}
i.pright{
	padding-right:5px;
}
i.pleft{
	padding-left:5px;
}
.block{
	display: block;
}
.iblock{
	display: inline-block;
}
hr {
	margin:30px 0 50px;
}


/*その他*/
table,td,th{
	border-collapse:collapse;
	border-spacing:0;
	text-align:center;
}
ul,ol{
	margin:0;
	padding:0;
}
li{
	line-height:1.3em;
	list-style:none;
}
b,strong,em{
	font-weight:bold;
	font-style:normal;
}
small,sub,sup{
	font-size:80%;
	line-height:1em;
	position:relative;
	vertical-align:baseline;
}
.note{
	padding-left:1em;
	margin:0 0 5px !important;
}
.note span{
	font-size:13px;
	text-indent:-1em;
	display:block;
	line-height:1.4em;
}
.text-right{text-align:right !important;}
.text_left{text-align:left !important;}
.text_center{text-align:center !important;}


/*色*/
.grey{color:rgba(51,51,51,1);}
.blue{color:rgba(91,168,186,1);}
.green{color:rgba(31,112,60,1);}
.red{color:rgba(191,3,0,1);}
:root{
	--blue: rgba(91,168,186,1);
	--gray: rgba(51,51,51,1);
	--green: rgba(31,112,60,1);
	--red: rgba(191,3,0,1);
	--yellow: rgba(215,181,74,1);
	--orange: rgba(231, 105, 55, 1);
	--pink: rgba(231, 105, 55, 1);
}


/*リンク*/
a{
	color:#b0902c;
	text-decoration:none;
	background:transparent;
	transition: 0.2s all;
}
a:focus, *:focus {
	outline:none;
}
a:hover{
	color: var(--blue);
	text-decoration:underline;
}
/*
a:hover img{
	text-decoration:none;
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
}
*/
a img{
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}
a:hover, button:hover, input[type=checkbox]:hover {
    cursor: pointer;
}
/*
.fade {
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.fade:hover{
	text-decoration:none;
}
*/

/*デバイス*/
.forpc{
	display:inline-block !important;
}
.forsp{
	display:none !important;
}
@media screen and (max-width: 780px){
	.forpc{
		display:none !important;
	}
}
@media screen and (max-width: 680px){
	.forpc{
		display:none !important;
	}
	.forsp{
		display:inline-block !important;
	}
	hr {
		margin:30px 0;
	}
	h1,h2,h3,h4,h5,h6,p,li,th,td,div{
		letter-spacing:0;
	}
	.note span{
		letter-spacing:0;
	}
	.tela{
		pointer-events: inherit;
	}
	.message{
		text-align: left !important;
	}
}








/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	基本レイアウト
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
body,html{
	margin:0;
	padding:0;
}
#wrapper{
	width:100%;
	text-align:left;
	background:transparent;
	position:relative;
	z-index: 1;
	margin:0 auto;
	overflow: hidden;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	ヘッダー
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#head{
	background:rgba(51,51,51,1);
	border-bottom:5px solid rgba(91,168,186,1);
	position: relative;
	z-index: 90;
}
#head_wrapper{
	width: 100%;
	margin:0 auto;
}
#head_wrapper h1.catch{
	width:auto;
	color:rgba(255,255,255,0.8);
	font-size:clamp(11px, 1.4vw, 16px);
	line-height: 1.4em;
	padding: 0 1%;
}
#head_wrapper #tnav{
	flex: 1;
	max-width: 680px;
}
#head_wrapper #tnav ul{
	display: flex;
	justify-content: space-between;
	width:100%;
}
#head_wrapper #tnav li{
	flex-basis: 21%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-left:1px solid rgba(255,255,255,0.8);
	position:relative;
}
#head_wrapper #tnav li:last-child{
	flex-basis: 37%;
}
#head_wrapper #tnav li a{
	display:block;
	padding:10px 0;
	text-align: center;
}
#head_wrapper #tnav li a small{
	display:block;
	color:rgba(255,255,255,0.8);
	margin-bottom:2px;
	font-size:clamp(11px, 1.4vw, 14px);
}
#head_wrapper #tnav li a i{
	display:block;
	color:rgba(255,255,255,0.7);
}
#head_wrapper #tnav li svg {
    display: inline-block;
    color: rgba(255,255,255,1);
    font-size: 24px;
	height: 1em;
	padding: 0 !important;
	vertical-align: -.125em;
}
#head_wrapper #tnav li svg path{
	color: #fff;
}
.svg-inline--fa.fa-w-14 {
    padding-right: 5px !important;
}
#head_wrapper #tnav li a small.fax{
	margin-bottom:2px;
}
#head_wrapper #tnav li span{
	color:rgba(255,255,255,1);
	display:block;
	padding:0;
	font-size:24px;
	line-height:1em;
}
#head_wrapper #tnav li span i{
	display:inline;
	color:rgba(255,255,255,1);
	font-size:24px;
	padding-right:5px;
}
#head_wrapper #tnav li:hover{
	background:#b0902c;
}
#head_wrapper #tnav li:hover a{
	color: #fff;
	text-decoration: none;
}
@media screen and (max-width: 980px) {
	#head_wrapper #tnav li{
		flex-basis: 33.3%;
	}
	#head_wrapper h1.catch{
		width: calc(100% - 50px);
		padding: 0.5em;
	}
	#head_wrapper .dnav{
		display: block;
		width: 50px;
	}
	#head_wrapper #tnav{
		width: 100%;
		border-top: 1px solid #eee;
		max-width: 100%;
	}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	看板
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#top_wrapper{
	width: 95%;
	max-width:1500px;
	margin:0 auto;
	padding:10px 0;
}
#top_wrappepr h2{
	display:table;
	color:#333;
	font-weight: 900;
}
#top_wrapper span{
	display:table-cell;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 900;
	font-size:clamp(48px, 7vw, 80px) !important;
	line-height:1em;
    color:rgba(51,51,51,1);
    vertical-align: -4px;
}
#top_wrapper span.en {
    font-size:clamp(38px, 6vw, 70px) !important;
    line-height: 1em;
    color: rgba(51,51,51,1);
    display: inline-block;
    letter-spacing: -1px;
    margin-left: -5px;
}
#top_wrappepr h2 a:hover{
	text-decoration: none;
}
.title_catch {
    letter-spacing: 0;
    font-size: clamp(11px, 1.4vw, 16px);
    font-weight: 600;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: unset;
}
#top_wrapper .bestprice{
    width: clamp(60px, 5vw, 100px);

}
@media only screen and
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
  .hoge {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	GNAV
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#gnav{
	border-bottom:5px solid rgba(91,168,186,1);
	flex-basis: 100%;
}
#gnav ul{
	width: 95%;
	max-width: 1500px;
	margin:0 auto;
	padding: 0;
}
#gnav li{
	background:rgba(91,168,186,1);
	border-radius:10px 10px 0 0;
	flex-basis:10%;
	line-height: 1.3;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#gnav li:hover{
	background:rgba(31,112,60,1);
}
#gnav li#g01{
	flex-basis: 5%;
}
#gnav li#g07{
	flex-basis: 16%;
}
#gnav li#g07 a{
	background: var(--yellow);
	border-radius:10px 10px 0 0;
}
#gnav li#g07 a:hover{
	background: var(--green);
}
#gnav li#g08{
	flex-basis: 16%;
}
#gnav li a{
	padding: 0.5em 0;
	text-align: center;
	color:#fff !important;
	font-size: clamp(16px, 2vw, 28px);
	display: block;
	width: 100%;
}
#gnav li a small{
	color:#fff;
	display: block;
	text-align: center;
	font-size: clamp(11px, 1.4vw, 16px);
	line-height: 1;
}
#gnav li a i,
#gnav li a b{
	display: block;
	text-align: center;
	margin:0;
	font-size: clamp(16px, 2vw, 28px);
	color:#fff !important;
	font-style:normal;
}
#gnav li a svg{
	height: clamp(16px, 2vw, 28px);
}
#gnav li a path{
	fill: #fff !important;
	color: #fff !important;
}
#gnav li a:hover{
	text-decoration: none;
}
.sub-nav a{
    padding: 0 0.3em 0 0.5em;
    line-height: 0;
    border-left: 2px solid #b0902c;
    transform: rotate(-0.05deg);
}
.sub-nav a:first-of-type{
	border-left: none;
}
.sub-nav a:hover{
	color: var(--gray);
	text-decoration: none;
}

/*DRAWER*/
.dnav{
	display: none;
}
@media screen and (max-width: 980px) {
	#head{
		position: sticky;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 999999;
	}
	.dnav{
		display: block;
	}
	.dnav-btn {
		display: flex;
		justify-content: center;
		position: relative;
		padding: 15px 5px 31px;
		cursor: pointer;
		z-index: 999;
	}
	.dnav-btn span,
	.dnav-btn span:before,
	.dnav-btn span:after {
		content: '';
		display: block;
		height: 1px;
		width: 40px;
		background: #fff;
		position: relative;
		transition: 0.2s;
	}
	.dnav-btn span:before {
		top: 9px;
	}
	.dnav-btn span:after {
		top: 17px;
	}
	#drawer-nav_input{
		display: none;
	}
	#drawer-nav_input:checked ~ .dnav-btn{
		padding: 23px 0;
	}
	#drawer-nav_input:checked ~ .dnav-btn span {
		background: transparent;
	}
	#drawer-nav_input:checked ~ .dnav-btn span::before {
		top: inherit;
		bottom: 0;
		transform: rotate(45deg);
	}
	#drawer-nav_input:checked ~ .dnav-btn span::after {
		display: block;
		top: -2px;
		transform: rotate(-45deg);
	}
	#gnav {
		display: block;
		width: 80%;
		height: 0;
		position: fixed;
		top: 0;
		right: -100%;
		z-index: 99;
		transition: 0.2s all;

		-webkit-overflow-scrolling: touch;
		background: rgba(91, 168, 186, 1);
	}
	#gnav.clicked{
		right: 0;
		height: 100vh;
	}
	#gnav ul{
		width: 100%;
		display: block;
		padding: 9em 0;
	}
	#gnav li {
		border-radius:0;
		display: block;
		border-bottom: 1px solid #eee;
	}
	#gnav li a {
		padding: 1em;
		text-align: left;
		font-size: 18px;
	}
	#gnav li a i,
	#gnav li a b {
		display: inline;
		text-align: left;
		font-size: 16px;
	}
	#gnav li a small {
		display: inline;
		text-align: left;
		font-size: 16px;
	}
	#tnav li{
		width: 50% !important;
	}
	#tnav li:first-child{
		border-left: none !important;
	}
	#head_wrapper #tnav li a{
		font-size: clamp(15px, 1.4vw, 18px) !important;
		line-height: 1.2;
		padding: 1em 0;
	}
	#head_wrapper #tnav li a i,
	#tnav .tnav-li_tel{
		display: none !important;
	}
}

/*-----------------------------
　共通
-------------------------------*/
.page{
	width: 100%;
	max-width: 1500px;
}
/*H2*/
.page h2{
	font-size: clamp(18px, 3vw, 32px);
	margin-bottom:50px;
    background: #464646;
    color: #fff;
    line-height: 1em;
    padding: 0;
	position:relative;
}
.page h2 span,
.page h2 small{
	font-size: clamp(14px, 1.8vw, 24px);
	color:#fff;
	padding-right:5px;
}
.page h2:before{
	content:"\f111";
	font-family:"FontAwesome";
	padding-right:5px;
	display:inline-block;
	background:rgba(91,168,186,1);
	color:#fff;
	padding:13px 15px;
	margin-right:1em;
}
.page h2 a{
	text-align:right;
	color:#fff;
	display:block;
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-14px;
	font-size:16px;
}
.page h2 a i{
	color:#fff;
	padding-right:5px;
	font-size:16px;
}
.page h2 a:hover,
.page h2 a:hover i{
	color:rgba(228,220,197,1);
}
@media screen and (max-width: 680px) {
	.page h2{
		margin-bottom: 1em;
	}
	.page h2 a,
	.page h2 small{
		display: none;
	}
}

/*ページ導線*/
#page_footer{
	text-align:center;
}
#page_footer a{
	margin:0 5px;
}
#page_footer a span{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:#b0902c;
	background:#464646;
	border-radius:50%;
	width:150px;
	height:150px;
	font-size: clamp(14px, 1.8vw, 18px);
	padding-top: 15px;
	transition: 0.3s all;

}
#page_footer a span small{
	display:block;
	color:#fff;
	line-height:1em;
	font-size: clamp(12px, 1.4vw, 15px);
}
#page_footer a span svg{
	display:block;
	line-height:1em;
	margin: 0 auto;
}
#page_footer a span svg path{
	color:#fff;
	font-weight: bold;
}
#page_footer a:hover{
	text-decoration: none;
}
#page_footer a:hover span{
	background:#b0902c;
	color:#fff;
}
.footer-tel{
	display: block;
	text-align: center;
	margin-bottom: 5em;
}
.footer-tel small{
	font-size: clamp(14px, 1.8vw, 18px);
}
.footer-tel span{
	font-size: clamp(24px, 3vw, 38px);
	color: rgba(91, 168, 186, 1);
	vertical-align: -0.2em;
}
@media screen and (max-width: 680px) {
	#page_footer a {
		margin: 0;
	}
	#page_footer a span{
		width:110px;
		height:110px;
		padding-top: 15px;
	}
}
/*-----------------------------
　フッター
-------------------------------*/
footer{
	background: rgba(91,168,186,1);
}
footer ul{
	padding: 1em 0;
	text-align:center;
}
footer ul li{
	display:inline;
	color: #fff;
}
footer ul li a{
	padding:0 10px;
	line-height:0;
	color: #fff !important;
}
@media screen and (max-width: 680px) {
	.footer-tel small{
		display: block;
	}
	footer ul li:first-of-type{
		display: block;
		margin-bottom: 1em;
	}
	footer ul li a {
		padding: 0 0.5em;
		font-weight: 500;
	}
}

/*-----------------------------
　ページトップ
-------------------------------*/
#totop{
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index:999999;
}
#totop{
    display:table;
    text-align:center;
    vertical-align:bottom;
    background:rgba(102,102,102,0.7);
    width:34px;
    height:34px;
    margin:2px auto 0;
    border-radius:17px;
}
#totop a{
    display:table-cell;
    vertical-align:middle;
    font-size:14px !important;
    line-height:0;
    color:#fff !important;
    text-decoration:none;
}

/*-----------------------------
　ページ割
-------------------------------*/
#main_content{
	width:100%;
	max-width:1500px;
	min-width: 1200px;
	margin:80px auto;
}
#main{
	width:75%;
}

/*-----------------------------
　サイドナビ
-------------------------------*/
#snav{
	float:left;
	width:20%;
	position:relative;
}
#search_nav {
	width:100%;
	background: #eee;
	border: 1px solid #464646;
	border-radius: 10px;
    min-width: 145px;
}
#search_nav h2{
	font-size: 24px;
	border-bottom: 8px solid rgba(91,168,186,1);
	background: #464646;
	color: #fff;
	padding:10px 15px;
	border-radius: 10px 10px 0 0;
}
#search_nav section{
	padding:20px 10px 20px 20px;
	font-size:13px;
}
#search_nav h3{
    margin: 0 0 15px 0;
    border-left: 9px solid #7db7c5;
    font-size: 18px;
    padding: 0 0 0 7px;
	line-height:1.5em;
}

/*絞り込み*/
#search_nav section label{
	display:inline-block;
	vertical-align:middle;
	/*word-break:keep-all;*/
	white-space:nowrap;
	font-weight:normal;
	padding-right: 15px;
	text-indent: -20px;
    padding-left: 20px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap;
}
#search_nav .slider-wrapper{
    margin: 0 2% 10px;
    width: 96%;
    background: #ccc;
    border: none;
    border-radius: 0;
    height: 10px;
}
#search_nav #sc02 ul li {
    text-align:center;
    width:33.3%;
    float: left;
    margin: 0;
    padding: 0;
	font-size:12px;
	font-weight:normal;
}
#search_nav #sc02 ul li:first-child{
	text-align:left;
}
#search_nav #sc02 ul li:last-child{
	text-align:right;
}
#search_nav .input_text input{
	width:60%;
	margin:5px;
	text-align:right;
	min-width:60px;
}
#search_nav .input_text p {
    text-indent: -80px;
    padding-left: 80px;
}
#search_nav select {
	width:90%;
    max-width: 90%;
	padding:5px;
}

/*btn*/
#search_nav form{
	position:relative;
}
#search_btn,
#reset{
	background:#464646;
	color:#fff;
	box-shadow:none;
	border:none;
	padding:1em;
	line-height:1.3em;
	font-size:16px;
	cursor:pointer;
}
#reset i,
#search_btn i{
	color:#fff;
	font-size:16px;
}
#reset:hover,
#search_btn:hover{
	background:rgba(91,168,186,1);
}
#search_btn{
	width:3em;
	position:absolute;
	top:100px;
	right:-3em;
	border-radius:0 10px 10px 0;
}
#reset{
	width:100%;
	border-top: 8px solid rgba(91,168,186,1);
	border-radius:0 0 10px 10px;
	margin-top:30px;
}


/*検索結果*/
#result_info_box_m{
	margin-top:20px;
	border-bottom:1px solid #464646;
}
#result_info_box_m p.chap{
	background:#eee;
	padding:10px;
	font-size:18px;
	margin-bottom:10px;
	line-height:1em;
}
#result_info_box_m p.intro{
	border-top:1px solid #464646;
	margin-top:10px;
	padding:5px 0 2px;
}
.no_preview{
	padding-bottom:20px;
	margin-bottom:80px;
	border-bottom:1px solid #464646;
}
.no_preview a{
	background:#464646;
	color:#fff;
	display:inline-block;
	padding:7px 30px;
	margin-top:5px;
}
.no_preview a i{
	color:#fff;
}
.no_preview a:hover{
	background:rgba(213,171,41,1);
}
#cart_wrap{
	width: 95%;
	max-width: 1500px;
	margin-inline: auto !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5em 0;
}
#cart_box,
#cart_area p.cart-trigger{
	width: 100% !important;
}
.col-md-10,
#detail_box__body{
    width: 100%;
	margin: 0 auto 30px !important;
	padding: 0 !important;
}
#cart_area {
    flex-basis: 300px !important;
    max-width: 300px !important;
}
#item_list .row{
	display:flex;
	flex-wrap:wrap;
	width: 101%;
}
#item_list .row .col-sm-3{
	flex-basis:24%;
	max-width:24%;
	margin-right: 1%;
	padding: 0 !important;
}
.front_page .item_comment,
#item_list .item_comment{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.front_page .item_comment br,
#item_list .item_comment br{
	display: none;
}
#main_middle #item_list .row{
	width: 101%;
}

.row{
	margin: 0 auto;
	padding: 0;
}
.row:before, .row:after {
    display: none;
}
@media screen and (max-width: 980px) {
	#header{
		margin-bottom: 1em;
	}
	#cart_wrap{
		width: 100%;
		border-top: 1px solid #111;
		border-bottom: 1px solid #111;
	}
	#cart_area{
		padding-right: 2.5%;
	}
	#topicpath{
		padding-left: 2.5% !important;
	}
	.front_page #contents .row > div{
		justify-content: space-between;
	}
	#main_middle #item_list .row{
		align-items: normal;

	}
	#item_list .row .col-sm-3{
		flex-basis:32.3%;
		max-width:32.3%;
		margin-right: 1%;
		margin-bottom: 1.5em;
		padding: 0 !important;
	}
}
@media screen and (max-width: 580px) {
	#cart_wrap{
		flex-wrap: wrap;
	}
	#cart_area{
		padding-left: 2.5%;
	}
	#topicpath{
		padding-right: 2.5% !important;
	}
	.slick-slider{
		margin-bottom: 0 !important;
	}
	.slick-dots{
		display: none;
	}
	#main_middle #item_list .row{
		justify-content: space-between;
		width: 100%;
	}
	#main_bottom #item_list .row{
		justify-content: space-between;
	}
	#item_list .row{
		width: 100%;
	}
	#item_list .row .col-sm-3{
		flex-basis:49%;
		max-width:49%;
		margin-right: 0;
	}
	.front_page .item_comment,
	#item_list .item_comment{
		display: none;
	}
}


/*NEWS*/
#top_wrapper{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.sub-nav{
	text-align: right;
}
.sub-news{
	max-width: 540px;
    margin: 0 0 1em auto;
	text-align: left;
	display: flex;
	align-items: center;
}
.sub-news_h4{
	width: 5em;
	height: 5em;
	background: #fff;
	border-radius: 50%;
	border: 3px solid var(--red);
	margin-right: -2em;
	font-size: clamp(12px, 1.1vw, 14px);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	letter-spacing: -0.1em;
	z-index: 3;
}
.sub-news_wrapper{
	flex: 1;
	background: var(--red);
	padding: 1em 1em 1em 2em;
	border-radius: 0.5em;
}
.sub-news_wrapper p{
	font-size: clamp(12px, 1.2vw, 14px);
	color: #fff;
	line-height: 1.3;
	text-align: left;
}
@media screen and (max-width: 1080px) {
	.sub-news{
		max-width: 380px;
	}
	#top_wrapper{
		align-items: center
	}
}
@media screen and (max-width: 780px) {
	#top_wrapper{
		flex-wrap: wrap;
		text-align: center;
	}
	.top_header{
		margin-bottom: 1em;
	}
	.top_header,
	.sub-news_wrapper{
		width: 100%;
		text-align: center;
	}
    .sub-news {
        max-width: 100%;
    }
}