@charset "utf-8";

/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/

.mainVisual {
	padding: 186px 0 192px;
	text-align: center;
	background: url(../img/index/main_img.jpg) no-repeat center center;
	background-size: cover;
}
.message {
	background-color: #F4F4F4;
	padding: 50px 0 0 0;
}
.message .message_box {
	width: 1000px;
	margin: 0 auto;
	padding:50px;
	box-sizing:border-box;
	border:1px solid #ccc;
}
.message div h2 {
	margin-bottom:15px;
}
.message div {
	font-size:16px;
}

#main .textBox {
	padding: 89px 0 96px;
	background-color: #F4F4F4;
}

#main .cTxt {
	margin: 0 auto;
	width: 1080px;
	font-size: 24px;
	font-weight: bold;
	line-height: 2;
	text-align: center;
}

#main .recommend {
	padding: 80px 0 90px;
	background: url(../img/index/bg.jpg) no-repeat center center;
	background-size: cover;
}
#main .recommend li {
	margin-right: 1px;
	padding: 46px 25px 20px;
	width: 359px;
	float: left;
	box-sizing: border-box;
	background: #F4F4F4;
}
#main .recommend li:first-child {padding-top: 22px;}
#main .recommend h4 {
	margin-bottom: 29px;
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
}
#main .recommend h4 span {
	padding-bottom: 8px;
	display: inline-block;
	border-bottom: 1px solid #020202;
}
#main .recommend .photo {
	margin-bottom: 21px;
	text-align: center;
}
#main .recommend p {
	margin-bottom: 35px;
	font-size: 16px;
}
#main .recommend .link {text-align: center;}
#main .recommend .link a {display: inline-block;}
#main .recommend .link a:hover {opacity: 0.7;}

#main .lineup {padding: 96px 0 117px;}
#main .lineup .headLine01 {margin-bottom: 55px;}
#main .lineup ul {margin-top: -60px;}
#main .lineup li {
	margin: 60px 10px 0 0;
	width: 260px;
	float: left;
	text-align: center;
}
#main .lineup li a {display: block;}
#main .lineup li a:hover {opacity: 0.7;}
#main .lineup li .pho {
	margin-bottom: 20px;
	min-height: 162px;
}
#main .lineup li:nth-child(4n) {margin-right: 0;}
#main .lineup li p {
	font-size: 20px;
	font-weight: bold;
}

#main .news {
	padding: 89px 0 100px;
	background-color: #F4F4F4;
}
#main .news .comInner {position: relative;}
#main .news .comInner .link {
	position: absolute;
	right: 0;
	top: -6px;
}
#main .news .comInner .link a {display: block;}
#main .news .comInner .link a:hover {opacity: 0.7;}
#main .news h3 {
	margin-bottom: 19px;
}
#main .news .newsList {
	padding: 15px 35px;
	background-color: #fff;
}
#main .news .newsList dl {
	padding: 12px 0;
	background-color: #fff;
}
#main .news dt {
	float: left;
	font-size: 16px;
	width:85px;
}
#main .news dl.post_none dt {
	float: none;
	width: auto;
}
#main .news dd {
    width: 890px;
    float: right;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#main .news dd:last-child {padding-bottom: 0;}
#main .news dd a {font-size: 16px;}
#main .news dd a:hover {color: #0263b1;}


/*------------------------------------------------------------
	下層ページ
------------------------------------------------------------*/

.subVisual {
	padding: 50px 0;
	text-align: center;
	background: #024691;
}
.subVisual h2{
	text-align: center;
	font-size: 50px;
	color: #fff;
	text-shadow:0px 0px 3px #222;
	letter-spacing: 2px;
}


/* Bread_crumb_List
-------------------------*/

.bread_crumb_list{
	background: #d2d2d2;
	padding: 8px 0;
}
.bread_crumb {
	margin: 0 auto;
	text-align:left;
	width: 1080px;
}
.bread_crumb li { display: inline;}
.bread_crumb li:after {
	content : '\003e';
	padding-left: 7px;
}
.bread_crumb li:last-child:after { content : '';}
.bread_crumb li a { text-decoration: underline;}
.bread_crumb li a:hover{ text-decoration: none;}
.bread_crumb li.current { font-weight: bold;}
.bread_crumb li.current:after { content : '';}


/*  プライバシーポリシー　*/

#submain .privacy{
	background-color: #F4F4F4;
	padding: 80px 0;
}
#submain .privacy .headLine01 {
	margin-bottom: 50px;
	text-align: center;
}
#submain .privacy h3{
	font-size: 52px;
	font-weight: bold;
}
#submain .privacy h3 span{
	display: block;
	font-size: 23px;
}
#submain .privacy p{
	font-size: 16px;
	line-height: 180%;
	letter-spacing: 1px;
	padding: 0px 16px;
}
#submain .privacy h4{
	background: #fff;
	margin: 50px 0 20px;
	font-size: 20px;
	padding: 15px 14px;
	border-left:6px solid #0263b0;
}


/*  製品一覧　*/

#submain .lineup{
	background-color: #F4F4F4;
	padding: 80px 0;
}
#submain .lineup .headLine01 {
	margin-bottom: 50px;
	text-align: center;
}
#submain .lineup h3{
	font-size: 52px;
	font-weight: bold;
}
#submain .lineup h3 span{
	display: block;
	font-size: 23px;
}
#submain .lineup h4{
	background: #fff;
	margin: 50px 0 10px;
	font-size: 22px;
	padding: 15px 14px;
	border-left:6px solid #0263b0;
}
#submain .lineup h4 span{
	font-size: 16px;
	color: #666;
	margin-left: 5px;
	font-weight: normal;
}
#submain .lineup .listbtn{overflow: hidden;}
#submain .lineup .listbtn li{
	float: left;
	width: 254px;
	text-align: center;
	font-size: 16px;
	margin: 10px 13px 0 0;
	background: #6c9716;
	border: 3px double #f4f4f4;
}
#submain .lineup .listbtn li:nth-child(4n){
	float: right;
	margin-right: 0;
}
#submain .lineup .listbtn li a{
	display: block;
	color: #fff;
	background: #6c9716;
	width: 100%;
	padding: 10px 0;
	transition: 0.5s;
}
#submain .lineup .listbtn li a:hover{background: #88b72a;}
#submain .lineup ul.list {
	overflow: hidden;
	margin: 30px auto;
}
#submain .lineup .list li {
	margin: 0 44px 40px 0;
	width: 300px;
	float: left;
	text-align: center;
	border-right:1px solid #dddddd;
	padding:  0 44px 0 0;
}
#submain .lineup .list li.post_none{
	margin: 0;
	width:auto;
	float: none;
	text-align: left;
	border-right:none;
	padding:0;
}
#submain .lineup .list li img{
	width: 300px;
	height: auto;
}
#submain .lineup .list li a{display: block;}
#submain .lineup .list li a:hover img{
	opacity: 0.7;
	transition: 0.5s;
}
#submain .lineup .list li .pho{min-height: 162px;}
#submain .lineup .list li .pho02{min-height: 162px; margin-bottom:5px;}
#submain .lineup .list li:nth-child(3n) {
	margin-right: 0;
	padding:  0;
	border-right:none;
}
#submain .lineup .list li p {
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #024691;
	padding: 3px 0;
	color: #024691;
}
#submain .lineup .list li a:hover p{
	background: #99bad4;
	color: #fff;
	border: 1px solid #99bad4;
	transition: 0.5s;
}
#submain .lineup .list li p.point {
	font-size: 14px;
	font-weight: normal;
	padding-top: 6px;
	color: #666;
}


/*  製品一覧＿詳細　*/

#submain .lineup_detail{
	background-color: #F4F4F4;
	padding: 80px 0;
}
#submain .lineup_detail h3{
	font-size: 42px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 35px;
}
#submain .lineup_detail .sec01{overflow: hidden;}
#submain .lineup_detail .fLeft{
	width: 780px;
	float: left;
}
#submain .lineup_detail .photolist {
	margin:0 0 50px 0;
}
#submain .lineup_detail .photolist h4 {
    background: #fff;
    margin: 50px 0 10px;
    font-size: 22px;
    padding: 15px 14px;
    border-left: 6px solid #0263b0;
}
#submain .lineup_detail .photolist h4.option {
    background: #fff;
    margin: 0 0 10px;
    font-size: 22px;
    padding: 15px 14px;
    border-left: 6px solid #0263b0;
}
#submain .lineup_detail .photolist ul{
	overflow: hidden;
	background: #ededed;
}
#submain .lineup_detail .photolist li{
	float: left;
	width: 380px;
	background: #fff;
	margin: 5px;
	text-align: center;
}
#submain .lineup_detail .photolist li img{width: 100%;}
#submain .lineup_detail .menubtn{
	float: right;
	width: 260px;
}
#submain .lineup_detail .menubtn .ttl{
	background: #01447a;
	color: #fff;
	text-align: center;
	font-size: 18px;
	padding: 10px 0;
}


/*ラベル*/

#submain .lineup_detail .menubtn label {
    display: block;
    margin: 1.5px 0;
    padding : 11px 32px;
    font-weight: normal;
	border: 1px solid #01447a;
    background: url(../img/common/icon.png) no-repeat 10px 16px , #ededed;
    cursor :pointer;
    transition: all 0.5s;
	text-align: left;
	font-size: 15px;
}
#submain .lineup_detail .menubtn label:hover {
    background: url(../img/common/icon.png) no-repeat 14px 16px , #99bad4;
	color: #fff;
	transition: 0.5s;
}
#submain .lineup_detail .menubtn input {display: none;}
#submain .lineup_detail .menubtn .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
#submain .lineup_detail .cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
}
#submain .lineup_detail .menubtn ul{ padding: 5px;}
#submain .lineup_detail .menubtn ul li{
	padding-bottom: 5px;
	border-bottom: 1px dashed #adadad;
	margin-bottom: 5px;
}
#submain .lineup_detail .menubtn ul li.post_none{
	padding-bottom: 5px;
	border-bottom:none;
	margin-bottom: 5px;
}
#submain .lineup_detail .menubtn ul li a:hover{ color: #99bad4;}
#submain .lineup_detail .txtbox{
	padding: 30px;
	background: #fff;
	margin: 50px auto 20px;
}
#submain .lineup_detail .txtbox h4{
	font-size: 20px;
	border-bottom: 1px solid #333;
	padding:0 0 10px 0;
	margin: 0 0 10px 0;
}
#submain .lineup_detail .txtbox p,
#submain .lineup_detail .txtbox02 p{
	font-size: 15px;
	line-height: 180%;
}
#submain .lineup_detail .txtbox02{
	padding: 30px;
	background: #fff;
	margin: 20px auto 50px;
}
#submain .lineup_detail .sizetbl{
	overflow: hidden;
	margin: auto;
}
#submain .lineup_detail .sizetbl02{
	overflow: hidden;
	margin: auto;
}
#submain .lineup_detail table{
	border-collapse:collapse;
	font-size: 15px;
}
#submain .lineup_detail table{ width: 100%;}
#submain .lineup_detail .sizetbl table:nth-child(2){
	margin-top: 15px;
	width: 50%;
}
#submain .lineup_detail .sizetbl table:nth-child(2) th{width: 165px;}
#submain .lineup_detail .sizetbl02 table:nth-child(1){}
#submain .lineup_detail .sizetbl02 table:nth-child(2){
	margin: 10px 0 0 0;
	width: 50%;
}
#submain .lineup_detail .sizetbl02 table:nth-child(2) th{width: 180px;}
#submain .lineup_detail table th{
	padding: 15px;
	background: #cccccc;
	border: 1px solid #F4F4F4;
	width: 150px;
	text-align: center;
}
#submain .lineup_detail table td{
	padding: 15px;
	border: 1px solid #bababa;
	font-size: 16px;
	text-align: right;
}
#submain .lineup_detail table thead th{background: #bababa;}
#submain .lineup_detail .typebox{
	overflow: hidden;
	margin: auto;
	float: left;
	width: 800px;
}
#submain .lineup_detail .typebox  th{
	padding: 10px;
	width: 100px;
	font-size: 14px;
}
#submain .lineup_detail .typebox  td{
	padding: 10px;
	font-size: 15px;
}
#submain .lineup_detail .typebox h4{
	background: #fff;
	margin: 50px 0 10px;
	font-size: 22px;
	padding: 15px 14px;
	border-left:6px solid #0263b0;
}
#submain .lineup_detail .typebox h4.top{margin: 0 0 10px;}


/*  会社案内　*/

#submain .infor{
	background-color: #F4F4F4;
	padding: 80px 0;
}
#submain .infor03{
	background: url(../img/index/bg03.jpg) repeat;
	border-bottom: 5px solid #e8e8e8;
}
#submain .infor04{background: #fff;}
#submain .infor02{
	background: url(../img/index/bg02.jpg) repeat;
	padding: 80px 0;
}
#submain .infor .headLine01,
#submain .infor02 .headLine01 {
	margin-bottom: 50px;
	text-align: center;
}
#submain .infor02 h3{color: #fff;}
#submain .infor h3,
#submain .infor02 h3{
	font-size: 52px;
	font-weight: bold;
}
#submain .infor h3 span,
#submain .infor02 h3 span{
	display: block;
	font-size: 23px;
}
#submain .infor02 p{
	font-size: 15px;
	line-height: 180%;
	letter-spacing: 1px;
	color: #fff;
}
#submain .infor table,
#submain .infor02 table{
	border-collapse:collapse;
	width: 100%;
	font-size: 15px;
	letter-spacing: 1px;
}
#submain .infor table th{
	padding: 20px;
	background: #dddddd;
	border: 1px solid #F4F4F4;
	width: 150px;
}
#submain .infor02 table th{
	padding: 20px;
	border-bottom: 1px solid #3873b2;
	color: #fff;
	width: 220px;
}
#submain .infor table td {
	padding: 20px;
	border: 1px solid #ddd;
}
#submain .infor table td.post_none{
	padding:0px;
	border:none;
	text-align:center;
}
#submain .infor02 table td{
	padding: 20px;
	border-bottom: 1px solid #3873b2;
	color: #fff;
}
#submain .infor02 table td.post_none{
	padding:0px;
	border-bottom:none;
	text-align:center;
}

#submain .policy{
	width: 800px;
	margin: auto;
	padding-top: 40px;
}
#submain .policy li{
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 180%;
	margin-bottom: 30px;
	padding-left: 25px;
	text-indent: -25px;
}
#submain .policy p{ font-size: 16px;}

#submain .map{padding-top: 40px;}

#submain .greeting{
	width: 800px;
	margin: auto;
}
#submain .greeting p{
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 180%;
	margin-bottom: 30px;
}
#submain .greeting ul{overflow: hidden;}
#submain .greeting ul li{
	float: left;
	width: 200px;
}
#submain .greeting ul li img{width: 100%;}


/*  納品までの流れ　*/

.flowList{padding-top: 40px;}
.flowList li {
	overflow: hidden;
	margin-bottom: 1px;
}
.flowList li dl{
	background: #fff;
	width: 600px;
	padding: 30px;
	height: 360px;
}
.flowList li dt{
	color: #2a517c;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 10px;
	margin-bottom: 20px;
}
.flowList li dt:first-letter{font-size: 50px;}
.flowList li figure{
	width: 420px;
	background: #eee;
	padding: 0;
	margin: 0;
}
.flowList li.list01 dl{float: right;}
.flowList li.list01 figure{float: left;}
.flowList li.list02 dl{float: left;}
.flowList li.list02 figure{float: right;}
.flowList ol{
	font-size: 16px;
	line-height: 180%;
}
.flowList ol li{
	padding-left: 1em;
	text-indent: -1em;
}


/*  お問い合わせ　*/

#submain .defTable{
	border-collapse:collapse;
	width: 100%;
	font-size: 15px;
	letter-spacing: 1px;
}
#submain .defTable th{
	padding: 20px;
	background: #dddddd;
	border: 1px solid #F4F4F4;
	width: 220px;
}
#submain .defTable td {
	padding: 20px;
	border: 1px solid #ddd;
}

#submain .mt20{margin-top: 20px;}

#submain .tdin_h40{width: 770px;}
#submain .tdin_h30{width: 300px;}
#submain .tdin_h20{width: 100px;}
#submain .tdin_h80{
	width: 770px;
	height: 150px;
}

#submain .defTable input[type="text"],
#postcode1,
#postcode2,
#address3,
#address2{
	border: 1px solid #e7e7e7;
	padding: 6px 5px;
}

#postcode1{width: 100px;}
#postcode2{width: 130px;}

#submain .defTable textarea{
	border: 1px solid #e7e7e7;
	padding: 5px;
}
#submain .defTable select{
	border: 1px solid #e7e7e7;
	padding: 5px;
}

#btn_postcode2address{
	background: #7eac23;
	border: #7eac23;
	padding: 5px;
	color: #fff;
	cursor: pointer;
}

#contact_btn01{
	background: url(../img/contact/btn_detail01.png) no-repeat center center;
	border: none;
	width: 240px;
	height: 60px;
	cursor: pointer;
}
#contact_btn01:hover{opacity: 0.8;}

#contact_btn02{
	background: url(../img/contact/btn_detail02.png) no-repeat center center;
	border: none;
	width: 240px;
	height: 60px;
	cursor: pointer;
}
#contact_btn02:hover{opacity: 0.8;}

.hisu{
	background: #da1622;
	color: #fff;
	padding: 4px 10px;
	font-size: 13px;
	margin-left: 15px;
	font-weight: normal;
}
.clrred{ color: #CC0000;}
.clrgr{ color: #999999;}

#submain .defTable .sizetbl3{border: 1px solid #ddd;}
#submain .defTable .sizetbl3 th{
	padding: 10px;
	margin: 0;
	border: none;
	width: 60px;
	font-weight: normal;
}
#submain .defTable .sizetbl3 td{
	padding: 10px;
	margin: 0;
	border: none;
	border-right: 1px solid #ddd;
	font-size: 14px
}
#submain .defTable .sizetbl3 td:last-child{border-right: none; }
#submain .defTable .size_h{
	width: 70px;
	margin:0 5px 0 0;
}

/*  お問い合わせ 220621_追記　*/
#submain .defTable td span.link{
    display: block;
    font-weight: normal;
    font-size: 14px;
    margin: 10px 0 0
}
#submain .defTable td span.link a,
#submain .defTable td span.link a:link{
    color: #0263B0;
    text-decoration: underline;
}
#submain .defTable td span.link a:hover{
    text-decoration: none;
}

/*  お知らせ　*/

#submain .news {
	padding: 23px 35px;
	background-color: #fff;
}
#submain .news dl {
	padding: 12px 0;
	background-color: #fff;
}
#submain .news dt {
	float: left;
	font-size: 16px;
	width:85px;
}
#submain .news dl.post_none dt {
	float: none;
	width: auto;
}
#submain .news dd {
    width: 890px;
    float: right;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#submain .news dd:last-child {padding-bottom: 0;}
#submain .news dd a {font-size: 16px;}
#submain .news dd a:hover {color: #0263b1;}
#submain .news_txt h3.headLine01{
	text-align: left;
	margin: 0 20px 20px;
}
#submain .news_txt h3{
	text-align: left;
	border-bottom: 1px solid #ddd;
	font-size: 22px;
	padding-bottom: 10px;
	
}
#submain .news_txt .data{
	background: #d2d2d2;
	padding: 4px 15px;
	display: block;
	width: 80px;
	text-align: center;
	margin:0 20px 10px;
}
#submain .news_txt img{margin: 20px;}





/*  180221_追記　*/

span.name{
	width:130px;
	display:inline-block;
}

#submain .lineup_detail .menubtn label:not(:target) {
    padding: 15px 32px 7px 32px \9; /* IE10以下 */
    background: url(../img/common/icon.png) no-repeat 10px 16px,#ededed \9; /* IE10以下 */
}
#submain .lineup_detail .menubtn label:hover:not(:target) {
    background: url(../img/common/icon.png) no-repeat 14px 16px,#99bad4 \9; /* IE10以下 */
	color: #fff \9; /* IE10以下 */
	transition: 0.5s \9; /* IE10以下 */
}
#submain .lineup .listbtn li a{padding: 15px 0 5px 0 \9; /* IE10以下 */}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  
#submain .lineup_detail .menubtn label:not(:target) {
    padding: 15px 32px 7px 32px;
    background: url(../img/common/icon.png) no-repeat 10px 16px,#ededed;
}
#submain .lineup_detail .menubtn label:hover:not(:target) {
    background: url(../img/common/icon.png) no-repeat 14px 16px,#99bad4;
	color: #fff;
	transition: 0.5s;
}
#submain .lineup .listbtn li a{padding: 15px 0 5px 0;}

}

/*  190918_追記
    よくあるご質問　*/
#submain .archive-faq {
	background-color: #f4f4f4;
	padding: 80px 0;
	font-size: 16px;
}
#submain .archive-faq ul {
	width: 1080px;
	margin: 0 auto;
}
#submain .archive-faq li {
	margin: 10px 0 10px 51px;
	position: relative;
}
#submain .archive-faq li:before {
	position: absolute;
	left: -51px;
	content: "Q";
	font-size: 16px;
	width: 26px;
	height: 26px;
	line-height: 26px;
	background-color: #024691;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	text-align: center;
	margin-right: 25px;
}
#submain .archive-faq li a:hover {
	color: #024691;
}

#submain .faq {
	padding: 80px 0;
}
#submain .faq dl {
	width: 1080px;
	margin: 0 auto;
	border-bottom: 1px solid #686868;
	padding:56px 0;
}
#submain .faq dt {
	font-size: 20px;
	color: #024691;
	margin-bottom: 28px;
	position: relative;
	margin-left: 51px;
}
#submain .faq dt:before {
	position: absolute;
	left: -51px;
	content: "Q";
	width: 26px;
	height: 26px;
	line-height: 26px;
	background-color: #024691;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	margin-right: 25px;
}
#submain .faq dd {
	font-size: 16px;
	position: relative;
	margin-left: 51px;
	line-height: 2em;
}
#submain .faq dd:before {
	position: absolute;
	left: -51px;
	content: "A";
	width: 26px;
	height: 26px;
	line-height: 26px;
	background-color: #88b72a;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	margin-right: 25px;
}
/* wp-pagenavi 05 */

.wp-pagenavi {
	clear: both;
	text-align:center;
	margin-top: 50px;
	margin-bottom:50px;
}
.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-block;
	color:#0263B0;
	background-color: #fff;
	border: 1px solid #0263B0!important;
	padding: 8px 15px!important;
	margin: 2px 2px!important;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
}
.wp-pagenavi a:hover{
	color: #fff;
	background-color: #0263B0;
	border-color: #0263B0!important;
}
.wp-pagenavi span.current{
	color: #fff;
	background-color: #0263B0!important;
	border-color: #0263B0!important;
	font-weight: bold;
}