@charset "utf-8";

/* 2018/01　WEBフォント導入 */
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/earlyaccess/sawarabimincho.css');
@import url('https://fonts.googleapis.com/css?family=Julius+Sans+One');
/* 2018/01　WEBフォント導入 */


.wp_content *,.wp_content *:after,.wp_content  *:before { -webkit-box-sizing: content-box; box-sizing: content-box; }

body {
  color: #263250;
}
p {
	font-size:14px;
	padding-left:4%;
	padding-right:4%;
	text-align:left;
	font-weight:500;
	line-height:2; 
}
/* @group common  */

.pagetitle{
	font-size: 28px;
	font-weight: normal;
	color: #263251;
	text-align: center;
	margin: 10px 0 0;
}

.index_title{
	padding: 0 10px;
}

.white{
	background: #ffffff;
}

.main-color {
  background-color: #263250;
}
.bg1-color{
  background-color: #F0F0F0;
}

.bg2-color,
table th {
  background-color: #F0F0F0;
}

.title-color,
.title-color a,
a.title-color {
  color: #FFFFFF!important;
}

a:not([class~="spbtn"]):not([class~="btn-gray"]):not([class~="spbtn-small"]),
a:link:not([class~="spbtn"]):not([class~="btn-gray"]):not([class~="spbtn-small"]),
a:visited:not([class]),
ul li a,
ul li a:link,
ul li a:visited {
  color: #5C88A5;
}
.item-name,
.item-name a {
  color: #5B87A4;
}
.price-color {
    color: #231E1E;
}

.bd-top{border-top: 1px solid #ccc;}
.bd-right{border-right: 1px solid #ccc;}
.bd-bottom{border-bottom: 1px solid #ccc;}
.bd-left{border-left: 1px solid #ccc;}
.bd-all{border: 1px solid #ccc;}
.bdd-bottom{border-bottom: 1px dotted #ccc;}
.btn-agree { background-color:#B01313;}
.btn-agree a { color:#fff!important; display:block; font-weight:bold;}

.btn-disagree { background-color:#ccc;}
.btn-disagree a { color:#333!important;  display:block; font-weight:bold;}

.pc-switcher{
	text-align: center;
}

.pc-switcher a{
	display: inline-block;
	background: url("../img/footer/pc.png") no-repeat !important;
	background-size: 17px auto !important;
	color: #666666 !important;
	text-align: center;
	line-height: 1;
	margin: 0 auto;
	padding: 2px 0 2px 23px;
	border: 0;
	-webkit-appearance: none;
	border-radius: 0;
	font-weight: bold;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}



/* @end */

/* @group index */

.index_basic {
	background: #f5f4e7;
	padding: 20px 0px;
	margin-top: 63px;
}

.index_basic_title {
	width: 70%;
	margin: 0 auto 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #b0bbbb;
	text-align: center;
}

.index_basic_title img {
	width: 85px;
	height: auto;
}

.index_basic_lead {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

.index_basic_container {
	margin: 20px 0 0;
}

.index_basic_box {
	position: relative;
}

.index_basic_photo {
	
}

.index_basic_photo img {
	width: 100%;
	height: auto;
}

.index_basic_text {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	z-index: 5;
}

.index_basic_text_inner {
	
}

.index_basic_text_inner h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}

.index_basic_text_inner p {
	font-size: 12px;
	line-height: 1.8;
	margin-bottom: 30px;
}

.index_basic_text span {
	display: inline-block;
	padding: 10px 35px;
	border: 2px solid #ffffff;
	border-radius: 10px;
	font-size: 12px;
	position: relative;
}

.index_basic_text span:after {
	position: absolute;
	width: 8px;
	height: 13px;
	content: "";
	background: url("../../img/index/arrow.png") no-repeat;
	background-size: 8px 13px;
	top: 50%;
	right: 15px;
	margin: -6px 0 0;
}

.index_basic_box a{
	position: absolute;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	top: 0;
	left: 0;
	z-index: 10;
}

.index_deep {
	background: #ffffff;
	padding: 20px 0px;
}

.index_deep_title {
	width: 70%;
	margin: 0 auto 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #b0bbbb;
	text-align: center;
}

.index_deep_title img {
	width: 85px;
	height: auto;
}

.index_deep_lead {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

.index_deep_container {
	margin: 20px 0 0;
}

.index_deep_box {
	width: 50%;
	float: left;
}

.index_deep_box:nth-child(2n) {
	float: right;
}

.index_deep_box:nth-child(2n+1) {
	clear: both;
}

.index_deep_box_inner {
	position: relative;
}

.index_deep_photo {
	
}

.index_deep_photo img {
	width: 100%;
	height: auto;
}

.index_deep_text {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	z-index: 5;
}

.index_deep_text_inner h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}

.index_deep_text_inner p {
	font-size: 12px;
	margin-bottom: 30px;
}

.index_deep_text span {
	display: inline-block;
	padding: 10px 35px;
	border: 2px solid #ffffff;
	border-radius: 10px;
	font-size: 12px;
	position: relative;
}

.index_deep_text span:after {
	position: absolute;
	width: 8px;
	height: 13px;
	content: "";
	background: url("../../img/index/arrow.png") no-repeat;
	background-size: 8px 13px;
	top: 50%;
	right: 15px;
	margin: -6px 0 0;
}

.index_deep_box a{
	position: absolute;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	top: 0;
	left: 0;
	z-index: 10;
}

.index_deep_description {
	display: none;
	font-size: 18px;
	line-height: 1.8;
	margin: 20px 10px;
}

/* @end */


/* @group breadcrumb */

#breadcrumb{
	width: 100%;
	background: #ffffff;
	margin: 63px 0 0;
}

#breadcrumb ul{
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	font-size: 90%;
}

#breadcrumb ul li{
	float: left;
	color: #999999;
}

#breadcrumb ul li:after{
	content: ">";
	display: inline-block;
	color: #999999;
	margin: 0 5px;
}

#breadcrumb ul li:last-child::after{
	content: " ";
}

#breadcrumb ul li a{
	font-size: 12px;
	color: #3366cc;
	text-decoration: none;
	display: inline;
}

.home{
	background: url("../img/header/breadcrumb_home.gif") no-repeat 0 1px;
	padding: 0 0 0 20px;
}

/* @end */

/* @group category */

#index_mainimage{
	width: 100%;
	margin: 0;
	padding: 82px 0;
}

#index_mainimage h2{
	width: 100%;
	font-size: 26px;
	color: #ffffff;
	text-align: center;
	white-space: normal;
}

.index_mainimage_text{
	margin: 30px auto;
	padding: 10px 20px;
	background: url("../img/index/black_back.png") ;
	font-size: 15px;
	color: #ffffff;
	letter-spacing: 1px;
	text-align: center;
	white-space: normal;
}

.index_mainimage_text p{
	margin-bottom: 0;
}

/* @end */

.contents_navi {
	margin-top: 63px;
	font-size: 15px;
}

a.contents_navi_trigger {
	display: block;
	border-top: 1px solid #c1bfbf;
	border-bottom: 1px solid #c1bfbf;
	padding: 15px 0;
	color: #000000 !important;
	position: relative;
	text-align: center;
}

a.contents_navi_trigger span {
	display: inline-block;
	background: url("../img/contents_navi.png") no-repeat center right;
	background-size: 21px 13px;
	padding: 0 30px 0 0;
}

a.contents_navi_trigger.open span {
	background: url("../img/contents_navi_open.png") no-repeat center right;
	background-size: 21px 13px;
}

.contents_navi ul {
	padding: 10px 0;
	display: none;
}

.contents_navi ul li {
	display: block;
	text-align: center;
}

.contents_navi ul li a {
	display: block;
	padding: 6px 0;
	text-align: center;
	color: #000000 !important;
}

.contents_navi ul li a.active {
	color: #6ca54d !important;
}

.categorypage_head {
	background: #f8faf7;
	padding: 30px 20px;
}

.categorypage_head_title {
	text-align: center;
}

.categorypage_head_ja {
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 0.1em; 
	font-weight:400;
	color: #115e69;
	display: block;
	text-align: center;
}

h2.categorypage_head_ja br {
	display: none;
}

.categorypage_head_en {
	font-size: 12px;
	color: #919394;
}

.categorypage_head_text {
	padding: 20px 0;
	font-size: 12px;
	text-align: center;
	line-height: 1.8;
}

.categorypage_head_link {
	text-align: center;
}

.categorypage_head_link a {
	display: inline-block;
	font-size: 12px;
	padding: 10px 40px 10px 20px;
	position: relative;
	color: #333333 !important;
	text-decoration: none;
	border: 1px solid #333333;
	border-radius: 8px;
}

.categorypage_head_link a:after {
	position: absolute;
	width: 8px;
	height: 13px;
	content: "";
	top: 50%;
	right: 20px;
	margin: -6px 0 0;
	background: url("../../img/maintenance/common/arrow.png") no-repeat;
	background-size: 8px 13px;
} 


/* @group category aging */

.aging_tag_list {
	text-align: center;
	padding: 30px 20px;
}

.aging_tag_list li {
	display: inline-block;
	margin: 0 5px 10px;
}

.aging_tag_list li a {
	display: inline-block;
	padding: 5px 10px;
	font-size: 12px;
	color: #ffffff !important;
	background: #4f71a0;
	border-radius: 6px;
	text-decoration: none;
	position: relative;
}

.aging_tag_list li a.active {
	background: #4fa051;
	color: #ffffff !important;
}

.aging_contents {
}

.aging_contents .entry_thumb {
	margin-bottom: 20px;
}

.aging_contents .entry_list_box{
	margin: 0 0 20px 0;
}

.aging_contents .entry_thumb img {
	width: 100%;
	height: auto;
}

.aging_contents .entry_list_box a{
	display: block;
	color: #000000 !important;
	text-decoration: none;
	background: #ffffff;
	border-radius: 5px;
	padding: 10px 0;
}

.aging_contents .entry_list_box h2{
	display: block;
	width: auto;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	margin: 0 20px 10px;
	padding: 0;
}

.aging_contents .entry_list_box p{
	font-size: 12px;
	margin: 0 20px;
}

.aging_category {
	font-size: 14px;
	padding-bottom: 10px;
	text-align: center;
}

.review_category {
	font-size: 14px;
	padding: 10px 0;
	text-align: center;
}

.aging_sp_cat {
	margin: 20px 0 10px 20px;
}

.aging_sp_cat span {
	display: inline-block;
	border: 1px solid #76c0fa;
	padding: 0 10px;
}

/* @end */


/* @group category maintenance */


.maintenance_contents {
	background: #ffffff;
	padding: 50px 0;
}

h3.contents_cat_lead {
	text-align: center;
	font-size: 16px;
	color: #115e69;
	font-weight: normal;
	margin-bottom: 15px;
}

.maintenance_step_sp {
	margin: 20px 0;
	position: relative;
}

.maintenance_step_sp img {
	width: 100%;
	height: auto;
}

.maintenance_step_sp_01 {
	width: 36%;
	height: 34.5%;
	position: absolute;
	top: 0;
	left: 32%;
	text-indent: -9999px;
	z-index: 10;
}

.maintenance_step_sp_02 {
	width: 36%;
	height: 34.5%;
	position: absolute;
	top: 34%;
	right: 0;
	text-indent: -9999px;
	z-index: 10;
}

.maintenance_step_sp_03 {
	width: 36%;
	height: 34.5%;
	position: absolute;
	bottom: 0;
	left: 32%;
	text-indent: -9999px;
	z-index: 10;
}

.maintenance_step_sp_04 {
	width: 36%;
	height: 34.5%;
	position: absolute;
	top: 34%;
	left: 0;
	text-indent: -9999px;
	z-index: 10;
}

.index_pickup_container {
}

.index_pickup_box:first-child {
	border-top: 1px solid #cccccc;
}

.index_pickup_box{
	border-bottom: 1px solid #cccccc;
	margin: 0 20px;
	padding: 10px 0;
	position: relative;
}

.index_pickup_thumb{
	width: 150px;
}

.index_pickup_thumb img{
	width: 100%;
	height: auto;
}

.index_pickup_text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-left: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.index_pickup_text .index_pickup_desc {
	background: url("../img/index_pickup_arrow.png") no-repeat center right;
	background-size: 8px 13px;
	padding-right: 15px;
}

.index_pickup_box h3{
	margin: 0 0 10px;
	padding: 0;
	text-align: left;
}

.index_pickup_box a{
	font-size: 14px;
	display: block;
}

.maintenance_contents .index_pickup_box h3 {
	padding: 0 0 0 0;
}

.index_pickup_desc {
	font-size: 12px;
}

/* @end */


/* @group category made */

.made_contents,
.brass_contents,
.leatherkinds_contents,
.japanism_contents,
.customerqa_contents {
	background: #ffffff;
	padding: 35px 0;
}

.brass_contents2,
.leatherkinds_contents2,
.customerqa_contents2 {
	background: #f4f6eb;
	padding: 35px 0;
}

.maintenance_contents a,
.customerqa_contents a,
.customerqa_contents2 a,
.made_contents a,
.brass_contents a,
.brass_contents2 a,
.japanism_contents a,
.leatherkinds_contents a,
.leatherkinds_contents2 a {
	color: #000000 !important;
}

/* @end */


/* @group category customerqa */

.leatherkinds_contents .index_pickup_container,
.customerqa_contents2 .index_pickup_container,
.brass_contents2 .index_pickup_container {
	margin: 0 20px;
}

.leatherkinds_contents .index_pickup_box,
.customerqa_contents2 .index_pickup_box,
.brass_contents2 .index_pickup_box {
	width: 50%;
	float: left;
	border: 0;
	border-right: 1px solid #858282;
	border-bottom: 1px solid #858282;
	margin: 0;
	padding: 10px 20px 20px 0;
}

.leatherkinds_contents .index_pickup_box:nth-child(2n),
.customerqa_contents2 .index_pickup_box:nth-child(2n),
.brass_contents2 .index_pickup_box:nth-child(2n) {
	border-right: 0;
	padding: 10px 0px 20px 20px;
}

.leatherkinds_contents .index_pickup_thumb,
.customerqa_contents2 .index_pickup_thumb,
.brass_contents2 .index_pickup_thumb {
	width: auto;
	float: none;
	margin: 0;
}

.leatherkinds_contents .index_pickup_box h3,
.customerqa_contents2 .index_pickup_box h3,
.brass_contents2 .index_pickup_box h3 {
	margin: 20px 0 0;
	padding: 0;
	text-align: center;
	font-size: 15px;
}

.leatherkinds_contents .index_pickup_box h3 span,
.customerqa_contents2 .index_pickup_box h3 span,
.brass_contents2 .index_pickup_box h3 span {
	display: block;
}

.leatherkinds_contents .index_pickup_thumb img,
.customerqa_contents2 .index_pickup_thumb img,
.brass_contents2 .index_pickup_thumb img {
	width: 100%;
	height: auto;
}

.customerqa_contact {
	background: #ffffff;
	padding: 20px;
	margin: 20px;
	text-align: center;
}

.customerqa_contact h4 {
	font-weight: bold;
	margin-bottom: 20px;
}

.customerqa_contact a {
	border: 1px solid #959595;
	display: inline-block;
	padding: 15px 50px 15px 30px;
	border-radius: 6px;
	position: relative;
}

.customerqa_contact a:after {
	content: "";
	position: absolute;
	width: 12px;
	height: 8px;
	background: url("../img/customerqa_arrow.png") no-repeat;
	background-size: 12px 8px;
	top: 50%;
	right: 20px;
	margin: -4px 0 0;
}

/* @end */

/* @group entry */

#entryimage{
	width: 100%;
	margin: 0 0 0;
	height: 170px;
	padding: 100px 0 50px;
	text-align: center;
}

#entryimage p{
	font-size: 15px;
	color: #ffffff;
	margin-bottom: 5px;
	text-shadow: 0 1px 3px #000;
	line-height:2;
}


#entryimage h2{
	width: 100%;
	font-size: 25px;
	color: #ffffff;
	text-shadow: 0 1px 3px #000;
	text-align: center;
	white-space: normal;
	
}

.black{
	background: #000000;
	color: #ffffff;
	padding: 7% 0;  
}

.black img,
.white img,
.gray img{
	width: 95%;
	height: auto;
	float: none;
	margin: 0 2.5% 10px 2.5%;
}

.black p,
.white p,
.gray p,
#contents p{
	padding: 0 10px;
	line-height:1.8em; 
}

.black a{
	color: #ffffff;
}

.gray{
	background: #eeeeee;
	padding: 7% 0;  
	color:#333333;
}

.gray_headline{
	font-size:18px;
	text-align:center;
	margin:0 10px 30px;
}

.white{
	background: #ffffff;
	padding: 7% 0;  
	color: #333333;
}

.doubleline{
	background: url("../img/doubleline.png") repeat-x;
	font-size: 20px;
	text-align: center;
	padding: 15px 0 17px;
}

.recommend_title{
	border-top: 3px solid #000000;
	border-bottom: 1px solid #000000;
	margin-bottom: 30px;
	padding: 5px 0;
	font-family:Helvetica, Arial;
	font-size: 26px;
	text-align: center;
	font-weight: normal;
}

.recommend_box p{
	float: left;
	width: 45%;
	text-align: center;
	margin: 2.5%;
	padding: 0 !important;
}

/* @end */

/* 2018-/01　導入 */
/* 2018-/01　 基本テキスト*/

.basic_text{
	font-size: 14px;
	padding: 0 10px;
	line-height:2;
}
/* 2018-/01　基本テキスト */

.sub_title{
	 font-size:23px; 
font-family: 'Julius Sans One', sans-serif;
 font-weight:400;
 text-align:center;
}
.title_m{
	font-family: "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho,  "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
	letter-spacing: 0.1em; 
	font-weight:400;
}
.btn_base {
	display: inline-block;
	width: 97%;
	height: 50px;
	text-align: center;
	text-decoration: none;
	background-color:#af2318;
	 color:#FFF!important;
	border-radius: 4px;
	line-height: 48px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	font-size:17px;
	margin:5px 0 45px 5px;
}
/* 使ったら分かること */
.aging-q-word {
	margin-bottom:3%;
	font-size:16px;
	padding:0 13px 0 13px;
	color:#950303;
	font-weight:600;
}
.aging-title {
	text-align:center; 
	margin:20px 0; 
	color:#000;
	font-size:18px;
}

/* ボタン */
.btn_bk {
	display: inline-block;
	width: 86vw; 
	height: 50px;
	text-align: center;
	text-decoration:none;
	background-color:#af2318;
	 color:#FFF!important;
	 font-weight:600;
	line-height: 48px;
	-webkit-transition: none;
	transition: none;
	font-size:1rem;
	border-radius:3px; 
}

.cont_sectiontitle{
	text-align: center;
	font-size: 1.3rem;
	margin: 3% 0%;
	color:#333;
	font-family:'Hiragino Mincho ProN', serif;
}
.cont_sectiontitle2{
	font-size:1.5rem;  
	text-align: center;
	margin: 4% 10% 3%;
	padding: 12px 20px;
	border-radius:40px; 
	background-color:#9cc8d9; 
	color:#ad8340;
	font-weight:600;
	letter-spacing: .2rem;
}




.cont_frametitle{
	background-color:rgba(0,0,0,0);
	color:#666;
	font-size:.95rem;  
	font-weight:600;
	text-align: center;
	margin: 4% 8% 3%;
	padding: 15px 0;
	border: 1px solid #666;
	border-radius:30px; 
} 


/* 2018-/01　導入 */


/* @group clearfix */

/*****CLEARFIX START*****/
.contents:after {
	visibility: hidden;
	display: block;
	font-size:0;
	content: " "; 
	clear: both; 
	height: 0; 
}
* html .contents{ zoom: 1; }
*:first-child+html .contents { zoom: 1; }

/*****CLEARFIX END*****/

/* @end */