@charset "UTF-8";

.hide-opacity { opacity: 0; }

/*------------------------------------------------------------
	block
------------------------------------------------------------*/

.content-block { position: relative; margin-bottom: 30px; overflow: hidden; clear: both; }
.content-block__middle { width: 80%; min-width: 280px; margin: 0 auto 30px; box-sizing: border-box; }

.content-block p { margin: 20px 0; }
.content-block a { font-weight: bold; text-decoration: none; }
.content-block a:hover { text-decoration: underline; }

.content-block--header { text-align:center; margin-bottom: 30px; }
.content-block--gallery { display: flex; margin: 0; padding: 0; text-align: center; }
.content-block--gallery>* { width: 100%; }

.article-block { padding: 0 15px; }
.article-block--contents { /*	margin: 20px auto;*/ }

.article-block__title {
	font-family: "Helvetica Neue", "San Francisco", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif;
	font-size: 1.1rem; font-weight: bold; line-height: 1.3rem; margin-bottom: 10px;
}
.article-block__body {
	font-family: "Helvetica Neue", "San Francisco", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif;
	font-size: 0.9rem; line-height: 1.1rem;
}
.article-block__memo-title {
	font-family: "Monda", "Helvetica Neue", "San Francisco", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif;
	font-size: 0.8rem; line-height: 1rem; font-weight: bold;
}
.article-block__memo {
	font-family: "Helvetica Neue", "San Francisco", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif;
	font-size: 0.8rem; line-height: 1rem;
}

/* top_feature_big */
.top_feature_big .above_banner{ overflow: hidden; }
.top_feature_big .article-block__title, .top_feature_big .article-block__body { width:92%; }
.top_feature_big .article-block--contents{ position:absolute; bottom:-200px; left:0; z-index: 2; width: 100%; height: 100px; background: rgba(255,255,255,0.8); -webkit-transition: .3s; transition: .3s; padding:1em; padding-right:-100%; letter-spacing:-0.5px; }
.top_feature_big .above_banner:hover .article-block--contents{ bottom: 0; }

/* top_feature_small */
.top_feature_small .bottom_banner { position: relative; overflow: hidden; }
.top_feature_small .article-block__title { font-size:1rem; color:#000; }
.top_feature_small .article-block__body { font-size:0.9rem; color:#000; }
.top_feature_small .article-block__title, .top_feature_big .article-block__body { }
.top_feature_small .article-block--contents { position:absolute; bottom:-300px; left:0; right:0; z-index: 2; width: 98%; height: 100%; background: rgba(255,255,255,0.8); -webkit-transition: .3s; transition: .3s; padding: 5px; letter-spacing:-0.5px; }
.top_feature_small .bottom_banner:hover .article-block--contents { bottom:-10px; }

/* 新ABOUT CLAWING */
.about_item_title{ width:100%; white-space: nowrap; }
.about_item_title div{ display:inline-block; }
.about_item_title_main {
	font-family: "Monda", "Helvetica Neue", "San Francisco", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif;
	font-weight: 700; font-size: 1.63rem; vertical-align: base-line;
}
.about_item_title_sub{ font-size:0.8rem; vertical-align: base-line; }
.about_item_title_sub::before, .about_item_title_sub::after { content:'-'; }
.article-block--contents{ }
.article-block__body{ font-size:0.9rem; clear:both; text-align:justify; height:4em; font-weight:600; padding: 4px; }
.full-button div{ width: 100%; background: #000; color:white; padding: 10px 0; }
/* ABOUT CALWING ここまで */

.layout-block { position: relative; clear: both; }
.layout-item { display: inline-block; margin: 0 15px; vertical-align: top; }
.layout-block__middle .layout-item { vertical-align: middle; }

.margin-row-block { margin: 40px 0; }

.image_block { position: relative; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }

.lbox { position: relative; float: left; }
.rbox { position: relative; float: right; }

.address-image .lbox { width: 55%; }
.address-image .rbox { width: 45%; padding-left: 20px; box-sizing: border-box; }

.info-table { margin-bottom:15px; border-bottom: 1px solid #ccc; border-top: none; }
.info-table > * { padding: 0.3em 10px; line-height: 1.5; }
.info-table .title { float: left; width: 80px; clear: both; padding: 0.3em 0; border-top: 1px solid #ccc; }
.info-table .data { margin-left: 80px; border-top: 1px solid #ccc; }

/*------------------------------------------------------------
	text parts
------------------------------------------------------------*/
.text-header { font-size: 30px; line-height: 45px; text-align: center; margin: 1vw auto; }
.text-emphasis { font-size: 20px; line-height: 30px; font-weight: bold; }

.ad-meesage { margin: 0 auto; padding: 10px; /* background-color: #EF0E38; */ background-image:url(../images/bg_lightgrey.gif); color: #333; text-align: center; font-size: 18px; }
.ad-meesage__darkgray { /* background-color: #383838; */ background-image:url(../images/bg_lightgrey.gif); }
.ad-meesage__left { margin-left: 0; }
.ad-meesage__regular { font-size: 1em; }
.ad-meesage__half { width: 50%; }
.ad-meesage__middle { width: 80%; }
.ad-meesage__intrinsic { padding-left: 20px; padding-right: 20px; width: 80%; width: intrinsic; width: -moz-max-content; width: -webkit-max-content; max-width: 100%; }
.ad-meesage__round { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.block-label-header { padding-left: 15px; border-left:solid 6px #00b7ee; font-size:129%; }

.light-header { margin: 0; padding: 1%; font-size: 79%; background-color: #999; color: #fff; clear: both; }

.ad-block { width: 100%; margin: 20px auto; padding: 20px 0; /*background: url('/sales/newcatalog/bg_maintext.jpg');2017escaladeで表示異常のため、次に変更*/ background: rgb(255,55,55); text-align: center; font-size: 2.5em; color: #fff; }
.main-title { font-size:257%; line-height:1.5; margin-bottom: 40px;  }
.main-title span { display: block; font-size: 44%; }

.notice { color: #f00; font-weight: bold; }

.small { font-size: 0.7rem; }

/*------------------------------------------------------------
	movie (youtube)
------------------------------------------------------------*/
.movie { position: relative; }
.movie .youtube { position: relative; width: 100%; padding-top: 56.25%; text-align: center; }
.movie dl { position: relative; display: inline-block; width: 48.5%; margin-right: 1%; padding-top: 36%; }
.movie dl.end { margin-right:0; }
.movie .title { font-size:129%; padding:10px 0; }
.movie iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

/*------------------------------------------------------------
	form
------------------------------------------------------------*/
.form-button-box { text-align: center; }
.form-button { padding: 18px; width: 340px; color: #FFF; font-size: 126%; font-weight: bold; text-align: center; background-color: #EE0E38; border: none; }
.form-text-box { margin: 0 auto 10px; padding: 10px; width: 70%; height: 100%; line-height: 2; text-align: left; color: #666; font-size: 79%; overflow-y: scroll; border: 1px solid #CCC; }
.form-input-box { position: relative; width: 98%;/*80->98*/ margin: 0 auto; text-align: center; }
.form-input-box th, .form-input-box td { padding: 10px; }
.form-input-box th { width: 30%; text-align: right; white-space: nowrap; }
.form-input-box td { width: 70%; text-align: left; }
.form-input-box select, .form-input-box input[type="text"] { padding: 5px; border-radius: 5px; border: 1px solid #aaa; }
.form-explain-box { position: relative; width: 80%; margin: 0 auto; text-align: center; }

/*------------------------------------------------------------
	tiny parts
------------------------------------------------------------*/
.new { z-index: 1; /*padding: 3px;*/ padding: 0 6px; width: 40px; text-align: center; line-height: 20px; background-color: #EF0E38; color: #fff; font-weight: bold; font-style: italic; }
.step-box .step-item { margin: 20px 0; overflow: hidden; }
.step-box h3 {
	font-family: "Monda", "Helvetica Neue", "San Francisco", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif;
	font-size: 157%; padding: 0 0 0 6px; margin: 0 0 30px 0; line-height: 1.0; text-align: left; border-left: solid 5px #00b7ee; background: none; color: #333;
}
.step-image { position: relative; }
.step-icon { position: absolute; top: -10px; left: 0; width: 100%; height: 100%; }
.step-icon-1 { background: url(/images/order_import_step_img01.png) no-repeat 0px 20%; }
.step-icon-2 { background: url(/images/order_import_step_img02.png) no-repeat 0px 20%; }
.step-icon-3 { background: url(/images/order_import_step_img03.png) no-repeat 0px 20%; }
.step-icon-4 { background: url(/images/order_import_step_img04.png) no-repeat 0px 20%; }
.step-icon-5 { background: url(/images/order_import_step_img05.png) no-repeat 0px 20%; }
.step-icon-6 { background: url(/images/order_import_step_img06.png) no-repeat 0px 20%; }
.step-icon-7 { background: url(/images/order_import_step_img07.png) no-repeat 0px 20%; }
.step-icon-8 { background: url(/images/order_import_step_img08.png) no-repeat 0px 20%; }
.step-image-content { width: 100%; padding-left: 8px; }

/*------------------------------------------------------------
	topBox
------------------------------------------------------------*/
.topBox { width: 1000px; margin: 0 auto; /*padding: 16px 0;*/ border-bottom: 1px solid #e1e1e1; padding-bottom: 5px; margin-bottom: 5px; }
.topBox>ul { float: left; }
.topBox>ul>li { margin-right: 13px; width: 114px; float: left; font-size: 90%; text-align: center; position: relative; }
.topBox>ul>li ul.subnav { width: 114px; font-size: 90%; text-align: center; display: none; z-index:90; position: absolute; }
.topBox>ul>li ul.subnav:after { content: ''; display: block; clear: both; overflow: auto;}
.topBox>ul>li ul.subnav li { position: relative; float: none !important; color: #333; background-color: #F5F5F5; }
.topBox>ul>li ul.subnav li:hover { background-color: #EF0E38; color: #FFF; }
.topBox>ul>li ul.subnav li a { display: block; padding: 5px 0; color: #333; text-decoration: none; background: none; width: auto; height: inherit; }
.topBox>ul>li ul.subnav li a:hover, .topBox>ul>li ul.subnav li a.active { background-color: #EF0E38; color: #fff; }
.topBox>ul>li a { position: relative; padding: 9px 0 7px; display: block; text-decoration: none; background-color: #F5F5F5; height: 19px; }
.topBox>ul>li:hover a { background: none; background-color: #EF0E38; color: #fff; }
.topBox>ul .on a { color: #FFF; background: none; background-color: #EF0E38; }
.topBox .selectBox { margin-top: -3px; margin-bottom: -6px; width: 170px; float: left; overflow: hidden; }
.topBox .selectBox select { margin-bottom: 6px; width: 170px; font-size: 80%; float: left; }
.topBox .btnBox { width: 167px; float: right; }
.topBox .btnBox p { font-size: 80%; text-align: center; }
.topBox .btnBox p img { margin: -2px 0 0 2px; vertical-align: middle; }
.topBox .btnBox .sold { margin:-3px 0 4px 0; }
.topBox .btnBox .sold a { padding: 4px 0 2px;  display: block; color:#fff; font-weight: bold; background-color: #393939; }
.topBox .btnBox .sold a:hover { color:#333; background-image:url(../images/bg_lightgrey.gif); border:none; }
.topBox .search { width: 176px; margin-top: -2px; float: right; text-align: center; }
.topBox .search p { text-align: left; padding-top: 9px; margin-bottom: 0 !important; font-size: 0.9em !important; }
.topBox .search input { padding: 5px 0 5px 24px; width: 150px; color: #b2a9a9; font-size: 0.85em; background: url(../../images/topics_parts_icon.png) no-repeat 6px 50%; border: 1px solid #DDD; }
.topBox>ul.subnav li ul.type { width: 94px; margin-top:-35px; display: none; position: absolute; float: none !important; left: 130px; color: #FFF; }
.topBox>ul.subnav li ul.type li { padding:5px 10px 0 10px;  background-color: #333; background-image:none; text-align: center; border-bottom: 1px solid #444; }
.topBox>ul.subnav li ul.type li.first { background: url(../images/typemenu_icon.png) no-repeat 0% 50%; background-color: #333;  }
.topBox>ul.subnav li ul.type li a { display: block; }
.topBox>ul.subnav li ul.type li a:hover { color: #EF0E38; }
.topBox>ul>li a.active { color: #fff; }
.topBox>ul>li a .background { background-color: #EF0E38; position: absolute; top: 0; left: 0; display: none; }
.topBox>ul>li a .txt { position: absolute; top: 9px; left: 0; right: 0; }

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
p.ruby {
	/* font-family: "Monda", "Helvetica Neue", "San Francisco", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif; */
	margin: 15px 0 40px; font-size: 26px; line-height: 1.2; text-align: center; font-weight: 700;
}
h1.headLine01 {
	margin-top:-30px; font-size: 1.17rem;
	/* margin-top:-40px; font-size: 0.9rem; */
	/* font-family: "Helvetica Neue", "San Francisco", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif; */
  padding-bottom: 40px; line-height: 1.1rem; display: block; text-align: center;
}
h1.headLine02 {
	/* font-family: "Monda", "Helvetica Neue", "San Francisco", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif; */
	margin: 15px 0 40px; font-size: 244%; line-height: 1.2; text-align: center;
}
h2.headLine01 { margin-top:-40px; padding-bottom: 40px; font-family: "メイリオ", sans-serif; display: block; font-size: 75%; text-align: center; }


/*------------------------------------------------------------
	stocklist
------------------------------------------------------------*/
.stocklist{ width: 100%; margin: 0 auto; text-align: justify; box-sizing: border-box; display: flex; flex-flow: row wrap; }
.stocklist .odd {  }
.stocklist li { position: relative; display: inline-block; width: 48%; margin: 0 0.5em 15px; text-align: left; vertical-align: top; border: 1px solid #E1E1E1; box-sizing: border-box; }
.stocklist a { display: block; padding: 0; float: left; text-decoration: none; width: 100%; }
.anim_hover_detail:after {
	content: "+ VIEW DETAIL";
	position: absolute; top: 0; left: 0; z-index: 1;
	display:none; width: 100%; height: 100%; opacity: 0; background-color: rgba(0,0,0,0.8);
	color: #fff; font-size: 16px; font-weight: bold; text-align: center; vertical-align: middle; line-height: 1250%;
	transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear;
}
.anim_hover_detail:hover:after { opacity: 1; line-height: 1000%; }
.stocklist dl { width: 174px; margin-right: 32px; position: relative; border-bottom: solid 1px #ccc; overflow: hidden; zoom: 1; }
.stocklist dl.end { margin-right: 0; }
.stocklist .tit { line-height: 1.3; height: 75px; margin: 0; padding: 0; overflow: hidden; }
#top .stocklist .tit { margin-top: 4px; }
.stocklist .year { margin: 6px 0;/* padding: 5px 0;*/ height: 30px; line-height: 30px; color: #A3A3A3; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; font-family: "Monda", "Helvetica Neue", "San Francisco", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif;  }
.stocklist .year img { margin-top: 0; float: right; display: block; width: 30px; height: 30px; }
.stocklist .status { width: 100%; font-size: 85%; margin: 3px 0 10px 0; }
.stocklist .price { display: block; text-align: right; font-size: 0.9em; }
.stocklist .price-bold { font-size: 1.17rem; line-height: 1.3; font-weight: 700; }
.stocklist .price-bold>del { font-size: 0.67rem; }
.stocklist .price-bold>i { font-size: 0.67rem; }
.stocklist .price-bold>span { font-size: 1.17rem; }

.stocklist .monetary { float: right; padding: 4px 0 0 2px; display: block; width: 1em; font-size: 65%; line-height: 1.1; }

#stocklist .scrollmenu li>ul.subnav { display: none; }
#stocklist .scrollmenu li:hover>ul.subnav { display: block; }

.car-sort-select { margin-bottom: 20px; }

.imgBox .new { position: absolute; top: 10px; left: 0px; }

.image-list .new { position: absolute; top: 5px; left: 5px; }

.stocklist-image { display: block; width: 200px; padding: 0; }
.stocklist-image p { margin: 0; padding: 0; }
.stocklist-image img { /*width: 200px; height: 133px;*/ }
.stocklist-image .new { position: absolute !important; top: 5px; left: 5px; }
.stocklist-image .nonew { display: none; }
.stocklist-info { width: 100%; padding: 0 10px 0 20px; }
.stocklist-info .new { position: relative !important; top: 5px; left: -21px; }

/*------------------------------------------------------------
	info list
------------------------------------------------------------*/
.info_list { margin-top:40px; }
.info_list li { display: inline-block; width: 25%; text-align: center; vertical-align: top; }
.info_list .info_item { /*width: 200px;*/ margin: 0 auto; }
.info_list .info_date { text-align: right; font-weight: bold; }
.info_list .info_date_emp { font-size: 16px; }
.info_list .info_img { /* display: table-cell; */ /*position: relative;*/ /*height: 160px;*/ /*max-width: 240px;*/ /*margin: 0 auto;*/ /*line-height: 160px;*/ /*text-align: center;*/ /*vertical-align: middle;*/ /*overflow: hidden;*/ }
.info_list .info_img img { width: 240px;/*auto*/ height: 160px;/*auto*/ /*max-height: 160px;*/ vertical-align: middle; }
.info_list .info_description { margin:0 0.5em; text-align: left; letter-spacing:-0.5px; width: 240px; margin: 0 auto; text-align: justify; text-justify: inter-ideograph; }

/*------------------------------------------------------------
	Customer List(slideshow)
------------------------------------------------------------*/
.customer_list { height: 143px; }
.customer_list_sticky { position: fixed; bottom: 0; z-index: 999; padding: 0.5em 0; background: #fff; }
.customer_list a { display: inline-block; box-sizing: border-box; height: 143px;/*position: relative; height: 110px; opacity: 0;*/ }
.customer_list .thumbnail img { width: 100%; height: 100%; }
.customer_list .bx-prev, #top .customer_list .bx-next { background-color: rgba(0,0,0,0.5); }
.customer_list .bx-prev { left: 0;  z-index: 50; }
.customer_list .bx-next { right: 0; z-index: 50; }

.customer_list .bx-prev:after, .customer_list .bx-next:after { content: ""; position: absolute; top: 50%; display: block; width: 0; height: 0; margin-top: -3px; border: 7px solid transparent; }
.customer_list .bx-prev:after { left: -4px; border-right: 7px solid #fff; }
.customer_list .bx-next:after { right: -4px; border-left: 7px solid #fff; }
.customer_list .bx-controls-direction a { position: absolute; top: 0; width: 15px; height: 142px; text-indent: -9999px; z-index: 50; }

/*------------------------------------------------------------
	button
------------------------------------------------------------*/
.normal-button { display: block; width: 80%; margin: 20px auto; padding: 10px 0; text-align: center; background-color: #EF0E38 !important; color: #fff !important; }
.normal-button:hover { background-color: #F1F1F1 !important; color: #333 !important; }

.dup-button { display: block; width: 100%; margin: 20px 0; font-weight: normal!important; }
.dup-button>div { float: left; width: 50%; text-align: center; line-height: 40px; font-weight: normal; }
.dup-button .left { position: relative; background-color: #000; color: #fff; }
.dup-button:hover .left { color: #EF0E38; }
.dup-button .right { background-color: #d1d1d1; color: #000; }
.dup-button:hover .right { background-color: #EF0E38; color: #fff; }
.dup-button .mark { content: ""; position: absolute; top: 0; right: -20px; width: 0; height: 0; border: 20px solid transparent; border-top: 40px solid #000; }

.dup-button2 { display: block; position: relative; width: 50%; margin: 40px auto; height: 60px; overflow:hidden; }
.dup-button2>div {
	position: relative;
	float: left;
	width: 50%;
	padding: 20px 0;
	box-sizing: border-box;
	text-align: center;
	line-height: 20px;
	background-color: #000;
	color: #fff;
	font-weight: normal;
}

.dup-button2>div>a{ color: #fff; }
.dup-button2:hover>div, .dup-button2 a:hover { color: #EF0E38; }
.dup-button2 .mark { content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; transform: rotate(45deg); border-left: 1px solid #fff; color: #fff; }

.full-button { display: block; position: relative; width: 100%; margin: 20px auto; }
.full-button>div { position: relative; padding: 20px 0; box-sizing: border-box; text-align: center; line-height: 20px; background-color: #000; color: #fff; font-weight: normal; }
.full-button:hover>div { color: #EF0E38; }

/*------------------------------------------------------------
	pageNavi
------------------------------------------------------------*/
.pageNavi { text-align: center; margin: 40px auto 80px; }
.pageNavi li { margin: 0 2px; display: inline; font-size: 95%; font-family: "Monda", "Helvetica Neue", "San Francisco", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif;  }
.pageNavi li span { display: inline-block; position: relative; border-radius: 3px; border-left: 1px solid #EFEFEF; border-top: 1px solid #EFEFEF; behavior: url(/shared/scripts/pie/PIE.htc); }
.pageNavi li a { padding: 11px 12px 8px; display: inline-block; position: relative; border-radius: 3px; text-decoration: none; behavior: url(/shared/scripts/pie/PIE.htc); }
.pageNavi .current a, .pageNavi li a:hover { color: #FFF; text-decoration: none; background-color: #EF0E38; }
.pageNavi .next a { padding: 11px 16px 8px; }
.pageNavi .dot { vertical-align: middle; }
.nav-links { margin: 20px 0; }
.nav-links>* { display: inline-block; }

/*------------------------------------------------------------
	snsLink
------------------------------------------------------------*/
.snsLink { margin: 5px 0; }
.snsLink ul { background: none; }
.snsLink ul li { margin-right: 10px; float: right; }
.snsLink ul .topLink { margin: -10px 0 0; float: right; }
.snsLink { zoom: 1; }
.snsLink:after { content: ''; display: block; clear: both; overflow: auto; }

/*------------------------------------------------------------
	comUl
------------------------------------------------------------*/
.comUl { margin: 0 -32px 38px 0; }
.comUl li { position: relative; padding-right: 32px; width: 174px; float: left; font-size: 0.8em; }
.comUl li .new { position: absolute; top: -19px; left: -13px; z-index: 50; }
.comUl li .tit { font-size: 1.17em; font-weight: bold; color: #000; font-family: "Monda", "Helvetica Neue", "San Francisco", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif;  margin-bottom: 10px; line-height: 1.2; }
.comUl li .tit span.type { font-weight: normal; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; }
.comUl li .year { margin-bottom: 8px; padding: 2px 0 1px;  font-size: 1.17em; color: #A3A3A3; line-height: 25px; overflow: hidden; border-top: solid 1px #999; border-bottom: solid 1px #999; }
.comUl li .year img { margin: 0; float: right; }
.comUl img { margin-bottom: 5px; max-width: 100%; }
.comUl li .point { margin: 0; float: right; }

/*------------------------------------------------------------
	comLinkUl
------------------------------------------------------------*/
.comLink{ padding-top: 15px; background: url(../../images/line02.png) repeat-x left top; }
.comLink h3 { margin-bottom: 17px; display: block; font-size: 1.0em; font-family: "Monda", "Helvetica Neue", "San Francisco", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif;  }
.comLink ul li { line-height: 1.6; }
.comLink ul li a { padding: 0 0 0 15px; display: inline-block; font-size: 0.9em; text-decoration: none; background: url(../../images/icon03.png) no-repeat left 6px; }
.comLink ul li a:hover { color:#EF0E38; text-decoration: none; }

/*------------------------------------------------------------
	comLinkUl
------------------------------------------------------------*/
.comLinkUl2Col { padding-top: 15px; background: url(../../images/line02.png) repeat-x left top; }
.comLinkUl2Col li { width: 295px; float: left; line-height: 1.6; }
.comLinkUl2Col li>div { margin-bottom: 17px; display: block; font-size: 1.0em; font-family: "Monda", "Helvetica Neue", "San Francisco", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif;  }
.comLinkUl2Col li a { display: block; padding: 0 0 0 15px; font-size: 0.9em; text-decoration: none; background: url(../../images/icon03.png) no-repeat left 6px; }
.comLinkUl2Col li a:hover { color: #EF0E38; text-decoration: none; }

.comLinkUl3Col { clear: both; padding-top: 15px; background: url(../../images/line02.png) repeat-x left top; margin: 20px auto 0; }
.comLinkUl3Col li { line-height: 1.6; }
.comLinkUl3Col li>div { margin-bottom: 17px; display: block; font-size: 1.0em; font-family: "Monda", "Helvetica Neue", "San Francisco", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif;  }
.comLinkUl3Col li a { display: block; padding: 0 0 0 15px; font-size: 0.9em; text-decoration: none; background: url(../../images/icon03.png) no-repeat left 6px; }
.comLinkUl3Col li a:hover { color: #EF0E38; text-decoration: none; }

.comLinkChild { line-height: 2; font-size: 1rem; text-decoration: none; padding: 0 1rem; }
.comLinkChild * { /*float: right;*/ }
.comLinkChild>a { min-width: 150px; }
.comLinkChild img { margin-right: 5px; padding: 7px 0; }

/*------------------------------------------------------------
	comLinkNavi
------------------------------------------------------------*/
#main .comLinkNavi { margin: 0 0 46px 23px; }
#main .comLinkNavi li { margin-right: 2px; float: left; }
#main .comLinkNavi li a { display: block; }
#main .comLinkNavi .on a img { visibility: hidden; }

/*------------------------------------------------------------
	infoUl
------------------------------------------------------------*/
.infoUl { margin-top: 7px; }
.infoUl li { width: 221px; color: #666; float: left; font-size: 0.9em; font-weight: bold; border-bottom: 1px solid #ADADAD; }
.infoUl li .text { margin-bottom: 4px; display: block; }
.infoUl .year { width: 88px; float: right; text-align: center; }
.infoUl li p { padding: 4px 0 4px; color: #333; font-size: 0.9em !important; font-weight: normal; line-height: 1.2 !important; text-align: left; border-top: 1px solid #ADADAD; }
.infoUl li p span { width: 73px; display: inline-block; font-family: "Monda", "Helvetica Neue", "San Francisco", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Arial, sans-serif;  }
.infoUl li p img { margin: -1px 3px 0 0; display: inline; vertical-align: middle; }
.infoUl .year p { padding: 8px 0 5px !important; }

/*------------------------------------------------------------
	infoUl
------------------------------------------------------------*/
#relevance { clear: both; color: #333; margin: 40px auto -40px auto; background: url(../images/bg_lightgrey.gif) repeat; }
#relevance .inner { width: 1000px; margin: 0 auto; padding:30px 0; }
#relevance .h3 { border-bottom: solid 1px #333; }
#relevance h3 { width: 200px; padding:6px; background-color: #333; color: #fff; text-align: center;}
#relevance ul { margin-top:30px; background-color: #333; color: #fff; background: url(../../shared/images/spotline.gif) repeat-x 0 100%; padding-bottom: 30px; text-align: left; }

/*------------------------------------------------------------
	popup
------------------------------------------------------------*/
.bx-wrapper { position: relative; }
.cover { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: #555; filter: alpha(opacity=90); opacity: 0.9; z-index: 1300; display: none; }
.popBox { position: absolute; top: 50px; left: -9999px; width: 760px; z-index: 1500; }
.popBox .pop { margin: 0 auto; width: 600px; }
.popBox .bPhoto li { left: 0; }
.popBox .bx-prev { position: absolute; left: -50px; top: 200px; }
.popBox .bx-next { position: absolute; right: -50px; top: 200px; }
.popBox .sPhoto { margin: 30px 0 0 0px; }
.popBox .sPhoto li { float: left; padding: 5px 10px; }
.popBox .sPhoto li a:hover img { filter: alpha(opacity=70); opacity: 0.7; }

.inquiry-s a, .inquiry-l a { display: block; background-color:#EF0E38; color:#fff; font-weight:bold; text-align:center; clear:both; }
.inquiry-s a { font-size: 100%; width:100%; margin:6px 0 10px 0; padding-top:10px; padding-bottom:10px; }
.inquiry-l { width: 100%; min-width: 312px; max-width: 800px; margin: 60px auto 0; }
/* .inquiry-l { width: 80%; min-width: 312px; margin: 60px auto 0; } */
.inquiry-l a { font-size: 113%; width: 100%; margin:20px auto; padding:15px 0; }
.inquiry-s a.lineBtn, .inquiry-l a.lineBtn { background-color: #06B500; }

.address { width:700px; margin:0 auto 30px auto; padding:15px 0; color: #333333; background-image:url(../images/bg_lightgrey.gif); border: 1px solid #CCC; display:table; }
.address ul { display:table-row; }
.address li{ display:table-cell; vertical-align:middle; border-right:1px solid #cccccc; padding: 0 15px; }
.address li.tell { font-size:225%;/*216->225*/ color:#EF0E38; font-weight:bold; text-align:center; border-right:1px solid #cccccc; }
.address li.last { border-right: 0; }

.address-block { width:80%; margin:0 auto 30px auto; z-index: 0; }
.address2 { width: 100%; padding:15px 0 10px 0; color: #333333; background-image:url(../images/bg_lightgrey.gif); border: 1px solid #CCC; display:table; box-sizing: border-box; }
.address2 ul { display:table-row; }
.address2 li{ display:table-cell; vertical-align:middle; /*font-size: 75%;*/ padding: 0 20px; line-height: 1.2; }
.address2 li.tell { font-size:225%;/*216->225*/ color:#EF0E38; font-weight:bold; text-align:center; border-right:1px solid #cccccc; border-left:1px solid #cccccc; }
.address2 li.last { border-right: 0; margin: 0; padding-right: 0; }
.address2 a { color: #EF0E38; }

.address3 { width:100%; margin:0 auto; padding:10px 0 10px 0; color: #333333; background-image:url(../images/bg_lightgrey.gif); border: 1px solid #CCC; display:table; }
.address3 ul { display:table-row; }
.address3 li{ display:table-cell; vertical-align:middle; font-size: 75%; padding: 0 15px; line-height: 1.2; }
.address3 li.tell { text-align: left; border-right:1px solid #cccccc; }
.address3 li.tell .number { font-size:200%; color:#EF0E38; font-weight:bold; }
.address3 li.last { border-right: 0; margin: 0; padding-right: 0; }
.address3 a { color: #EF0E38; }

.address li .time, .address2 li .time, .address3 li .time { font-size:82%; }
.linklist li a:hover { color: #EF0E38; text-decoration: none; }

/*------------------------------------------------------------
	banner
------------------------------------------------------------*/
.banner-box { margin: 20px 0; }
.banner-box .banner { text-align: center; }
.shop-banners img { max-width: 100%; }

/*------------------------------------------------------------
	item detail
------------------------------------------------------------*/
.itemdetail .comLinkUl2Col { clear: both; }
.itemdetail .comLinkUl2Col li { padding-top:10px; padding-bottom: 40px; }

a.spec-link { color: #00b7ee; font-weight: bold; text-decoration: none; }
a.spec-link:hover { text-decoration: underline; }

/*------------------------------------------------------------
	全ページ共通お問い合せボタン
------------------------------------------------------------*/
.contactblk {
	opacity: 0;
	color: #ccc !important;
	position: fixed;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	height: auto;/* 高さ調整 */
	left: 0;
	z-index: 1000;
	bottom: -100%;/* 高さ調整(-) */
	transition: bottom 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
	background:rgba(24, 24, 24, 0.8);/* ブロックの背景色#1b1b1b */
	-webkit-backdrop-filter: blur( 5px );/* ブロックの背景ぼかし */
	backdrop-filter: blur( 5px );/* ブロックの背景ぼかし */
/*   opacity: 0.8; */
}

.contactblk .layer-overall {
	width: 80%;
	min-width: 800px;
	max-width: 1000px;
	margin: 0 auto;
	padding-right: 80px;
	flex-flow: row nowrap;
	font-family: "Noto Sans JP", serif;
}

.contactblk .flex-row { min-width: initial; }

.contactblk .layer-overall .layer-sns {
	width: 	100%;
	flex-flow: row nowrap;
	padding-top: 1vw;
}

.contactblk .layer-overall .layer-sns>* {
	width: 100%;
	padding: 1vw 2vw;
	min-height: initial;
}

.contactblk .layer-overall .layer-sns span {
	display: inline-block;
	margin-top: 0.5rem;
}

.contactblk h1 {
	color: #FFF;
}

#contactbtn {
	position: fixed;
	appearance: none;
	cursor: pointer;
	left:-100%;
	top:-100%;
}

#contactbtn + label {
	position:fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1001;
	cursor: pointer;
	background:rgba(51, 51, 51, 0.8); /*ブロックの背景色#1b1b1b*/
	/* background-image: url( '//img.calwing.com/shared/images/contact.jpg' ); */
	-webkit-backdrop-filter: blur(5px);/* ブロックの背景ぼかし */
	backdrop-filter: blur(5px);/* ブロックの背景ぼかし */
	width: 108px;
	/* width: 54px; */
	height: 54px;
	border-radius: 10px;
	color: #FFF;
	line-height: 50px;
	/* font-size: 12px; */
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}
#contactbtn + label:after { content:"お問合せ"; letter-spacing: 4px; }
#contactbtn:checked ~ .contactblk { bottom: 0;	opacity: 1; }
#contactbtn:checked + label { background: #464646;border:1px solid #1b1b1b; }
#contactbtn:checked + label:after { content: "閉じる"; }

@media screen and ( max-width: 1024px ) {
	.contactblk .layer-overall { padding: 2vw; }
	.contactblk .layer-overall .layer-tel { font-size: 1.17rem; width: 50%; }
	.contactblk .layer-overall .layer-tel a { font-size: 1.63rem; }
	.contactblk .layer-overall .layer-sns { padding: 0; margin: 0; width: 100%; flex-flow: row wrap; min-width: initial; }
	.contactblk .layer-overall .layer-sns>* { font-size: 1rem; width: 100%; }
}
@media screen and ( max-width: 768px ) {
	.contactblk .layer-overall { flex-flow: row wrap; }
	.contactblk .layer-overall .layer-tel,
	.contactblk .layer-overall .layer-sns { width: 100%; margin: 0 auto; }
	.contactblk .layer-overall .layer-sns { padding: 2vw; }
	.contactblk .layer-overall .layer-sns>* { font-size: 2.8vw; }
	.contactblk .layer-overall .layer-tel { font-size: 3vw; padding-bottom: 15vw; }
	.contactblk .layer-overall .layer-tel a { font-size: 5vw; }
}
@media screen and ( max-width: 480px ) {
	.contactblk .layer-overall .layer-tel,
	.contactblk .layer-overall .layer-sns { width: 100%; }
	.contactblk .layer-overall .layer-sns span { font-size: 3.25vw; margin: 0.25rem 0 0.5rem 0; }
	.contactblk .layer-overall .layer-tel { font-size: 4vw; padding-bottom: 18vw; }
	.contactblk .layer-overall .layer-tel a { font-size: 6vw; }
}

@media screen and ( max-width: 375px ) {
	.contactblk .layer-overall { font-size: 0.83rem; }
	#contactbtn:checked + label { width: 54px; }
	#contactbtn:checked + label:after { content: "✕" }
	.contactblk .layer-overall .layer-tel { font-size: 0.83rem; padding-bottom: 20vw; }
	.contactblk .layer-overall .layer-tel a { font-size: 1.63rem; }
}