/*
Theme Name: 株式会社ウエダ
Description: 株式会社ウエダ専用テーマ
Version: 1.0
*/




 /**
 * reset
 */

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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

ul,ol {
    list-style:none;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

input, select {
    vertical-align:middle;
}

img{
	vertical-align: bottom;
	max-width: 100%;
}


input[type="submit"] {
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    border-radius:0;
    vertical-align:middle;
    text-align:center;
    border: none;
}





 /**************************************************************************************
 * common
************************************************************************************** */

 /**
 * module
 */


.inBox{
	overflow: hidden;
}

.dp-no{
	display: none;
}

.imgL{
	float: left;
}

.imgR{
	float: right;
}

.colL{
    float: left;
}


.colR{
    float: right;
}


.pc-only{
    display: block;
}

.sp-only{
    display: none;
}

.fullSize{
    width: 100%;
}



 /**
 * section
 */


 .section{
	 overflow: hidden;
	 position: relative;
 }



/**
 * title
 */

.titleWrap{
	 position: relative;
	 overflow: hidden;
 }


 .titleWrap .btn{
	 width: 127px;
	 display: inline-block;
 }


 /**
 * lineup
 */

.lineup{
	width: 100%;
	padding: 0 0 60px;
}

.lineup ul{
	overflow: hidden;
}

.lineup li{
	float: left;
	position: relative;
 }

 .lineup h3{

 }

.lineup h3 a{
	color: #fff;
	display: block;
	text-decoration: none;
	background-color: #3D3A39;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 1.2;
	padding: 6px 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing: border-box;
	height: 60px;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
 }

 .lineup .catNme{
	background-color: #3B7A4E;
	color: #fff;
	line-height: 1.2;
	padding: 6px;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
	z-index: 100;
 }





 /**************************************************************************************
 * base
************************************************************************************** */


 /**
 * base setting
 */

body {
    font-family: 'Open Sans', 'YuGothic', 'Yu Gothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
}

a{
	color: #000;
}

a:hover{
	color: #3B7A4D;
}

#wrapper{
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	z-index: 1;
	background-color: #fff;
}




 /**
 * header
 */

#header{
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	width: 100%;
	z-index: 1000;
}

#header h1{
	width: 250px;
	position: relative;
	left: 0;
}

#header .colR{
	overflow: hidden;
	position: relative;
	right: 0;
}



#header .headInfo li.tel,#header .headInfo li.fax{
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#header .headInfo li.tel{
	background-image: url(/img/common/ico_tel.png);
}

#header .headInfo li.fax{
	background-image: url(/img/common/ico_fax.png);
}

#header .headInfo li.hour{
	font-size: 10px;
	font-size: 0.625rem;
	line-height: 1.2;
	text-align: left;
}




 /**
 * main
 */


 #main{
	 overflow: hidden;
 }



/**
 * footContact
 */

#footContact{
    padding: 40px 0;
    background-color: #E6E6E6;
    text-align: center;
}


#footContact h2{
    padding: 0;
    border: none;
    margin-bottom: 20px;
}

#footContact .btBox{
    overflow: hidden;
}

#footContact .btBox li{
    float: left;
}



 /**
 * footer
 */

#footer{
    background-color: #3D3A39;
    color: #fff;
    padding: 55px 0 25px;
    position: relative;
}

#footer a{
    color: #fff;
    text-decoration: none;
}


#footer .pagetop{
    position: absolute;
    width: 58px;
    height: 58px;
    display: block;
    background: url(/img/common/btn_pagetop.png) no-repeat 0 0;
    background-size: 58px auto;
}

#footer .footerTop{
    margin: 0 0 30px;
    overflow: hidden;
}

#footer .logo{
    width: 216px;
}


#footer .footInfo{
    clear: both;
    overflow: hidden;
    padding: 30px 0 0;
    line-height: 1.5;
}

#footer .footInfo +  .footInfo{
    padding: 10px 0 0;
}

#footer .footInfo dd{
    overflow: hidden;
}

#footer .footerBottom{
    overflow: hidden;
}

#footer .footerBottom{
    overflow: hidden;
    margin: 30px 0 0;
}



 /**
 * quickMenu
 */

#quickMenu{
	position: fixed;
	top: 200px;
	right: -258px;
	-webkit-transition: 0.4s ease-in-out;
            transition: 0.4s ease-in-out;
    z-index: 10;
}

#quickMenu.open{
	right: 0;
}

#quickMenu .inBox{
	position: relative;
	background-color: #fff;
	text-align: center;
	padding: 20px 0;
	width: 250px;
	min-height: 181px;
	box-sizing: border-box;
	box-shadow:rgba(123, 123, 124, 0.3) 0px 0px 3px 3px;
	-webkit-box-shadow:rgba(123, 123, 124, 0.3) 0px 0px 3px 3px;
}

#quickMenu .label{
	position: absolute;
	top: 0;
	left: -60px;
	z-index: 100;
	cursor: pointer;
}


#quickMenu:not(.open) .label:hover{
	position: absolute;
	left: -58px;
}

#quickMenu .msg1{
	font-size: 0.875em;
	color: #CA3530;
	font-weight: bold;
}

#quickMenu ul{
	padding: 0 0 10px;
}

#quickMenu ul li a{
	text-decoration: none;
	box-sizing: border-box;
	width: 190px;
	margin: 10px auto 0;
	font-size: 0.938em;
	letter-spacing: -1px;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 6px;
	background: #D07830;
	background: -moz-linear-gradient(top,#DEA52D 0%,#D07830);
	background: -webkit-gradient(linear, left top, left bottom, from(#DEA52D), to(#D07830));
	background: linear-gradient(top,#DEA52D 0%,#D07830);
	color: #fff;
	font-weight: bold;
	text-align: left;
	text-indent: 1em;
	position: relative;
}

#quickMenu ul li a:after{
	content: "▶︎";
	display: block;
	position: absolute;
	top: 11px;
	left: -5px;
	font-size: 0.6em;
}

#quickMenu ul li a:hover{
	background: -moz-linear-gradient(top,#D07830 0%,#DEA52D);
	background: -webkit-gradient(linear, left top, left bottom, from(#D07830), to(#DEA52D));
	background: linear-gradient(top,#D07830 0%,#DEA52D);
}

#quickMenu .tel{
	color: #000000;
	font-size: 1.500em;
	font-weight: bold;
}

#quickMenu .tel span{
	padding-left: 22px;
	display: inline-block;
	background: url(/img/common/icon_tel_s.png) no-repeat 0 50%;
}

#quickMenu .hour{
	padding-left: 12px;
	font-size: 0.75em;
}

#quickMenu .msg2{
	font-size: 0.813em;
	font-weight: bold;
}




/**************************************************************************************
 * home
************************************************************************************** */


 /**
 * keyVisual
 */

.home #keyVisual{
    background: url(/img/home/bg_keyVisual.jpg) no-repeat 50% 0;
    background-size: cover;
}

.home #keyVisual p{
    color: #fff;
}


 /**
 * visual
 */


.home .visual{
	 width: 100%;
	 background-repeat: no-repeat;
	 background-position: 50%;
	 background-size: cover;
	 text-align: center;
	 position: relative;
	 margin: 0 0 40px;
 }

 .home .visual span{
	 display: inline-block;
	 background-color: #3B7A4E;
	 color: #fff;
	 font-weight: bold;
 }







 /**
 * products-service
 */

 .home #products-service .visual{
	 background-image: url(/img/home/bg_products.jpg);
 }


 /**
 * products-service
 */

 .home #pickup .visual{
	 background-image: url(/img/home/bg_pickup.jpg);
 }


/**
 * news
 */

 .home #news{
	 box-shadow:rgba(192, 190, 191, 0.8) 0px 5px 3px -3px inset;
	 -webkit-box-shadow:rgba(192, 190, 191, 0.8) 0px 5px 3px -3px inset;
	 border-top: solid 1px #C0BEBF;
	 padding: 40px 3.125% 0;
 }

 .home #news .newsList a{
	 text-decoration: none;
 }

 .home #news .newsList .tn{
	 float: left;
	 margin-right: 15px;
 }

  .home #news .newsList dl{
	 overflow: hidden;
 }

  .home #news .newsList .date{
	 color: #969696;
	 margin: 0 0 5px;
 }

  .home #news .newsList dt{
	 line-height: 1.2;
 }


 .home #news .fixingBox h2{
	 margin-top: 0;
	 margin-right: 25px;
 }





/**************************************************************************************
 * about
************************************************************************************** */



/**
 * company
*/


 #about #company .dataList{
	 overflow: hidden;
 }

  #about #company .dataList dd{
	 overflow: hidden;
 }


/**
 * message
*/


#about #message .colL p{
	 font-weight: bold;
 }

#about #message dt{
	 font-size: 1.250em;
	 margin: 0 0 20px;
	 font-weight: bold;
 }


 /**
 * yakuin
*/

#about #yakuin .inBox + .inBox{
	 margin: 55px 0 0;
 }

 #about #yakuin .colL p{
	 font-weight: bold;
 }

 #about #yakuin dt{
	 margin: 0 0 20px;
	 font-weight: bold;
 }


 /**
 * access
*/



 #about .map{
	 margin: 20px 0 30px;
	 text-align: center;
   height: 0;
	 overflow: hidden;
	 padding-bottom: 25%;
	 position: relative;
 }
 #about .map iframe {
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
 }



/**************************************************************************************
 * contact
************************************************************************************** */





 #contact .contactForm input[type="text"],#contact .contactForm input[type="tel"],#contact .contactForm input[type="email"] ,#contact .contactForm textarea{
	 background-color: #F8F8F8;
	 border: none;
	 padding: 10px;
	 box-sizing: border-box;
	 width: 100%;
 }

 #contact .contactForm textarea{
	 height: 230px;
 }

 #contact .contactForm .submitBox{
	 text-align: center;
 }

 #contact .contactForm input[type="submit"]{
	 background-color: #3B7A4E;
	 color: #fff;
	 box-sizing: border-box;
	 padding: 5px;
	 font-size: 1em;
	 margin: 20px 0 0;
	 border-radius: 3px;
	-webkit-border-radius: 3px;
 }

 #contact select{
	 margin-top: 10px;
	 font-size: 1em;
 }

  #contact span.hissu{
	 color: white;
	 background-color: red;
	 border-radius: 5px;
	 display: inline-block !important;
	 padding: 0 10px !important;
	 line-height: 22px;
	 font-weight: bold;
	 font-size: 12px;
 }



/**************************************************************************************
 * faq
************************************************************************************** */


 #faq #content dt{
	 font-size: 1.250em;
	 font-weight: bold;
 }

 #faq #content dt span{
	 color: #3B7A4E;
	 margin-right: 0.3em;
 }

 #faq #content dd{
	 font-size: 1.063em;
	 margin: 10px 0 35px 2em;
 }

 #faq #content dd span{
	 color: #ED7233;
	 margin-right: 0.3em;
 }




/**************************************************************************************
 * news
************************************************************************************** */


#post .post{
	overflow: hidden;
}

#post .post .tn{
	float: left;
}

#post .date{
	font-size: 0.750em;
	color: #3A794E;
}

#post .post-details p + p{
	margin: 1.5em 0 0;
}



/**************************************************************************************
 * privacy
************************************************************************************** */

#privacy #content{
	 padding: 0 0 100px;
 }

#privacy #content h2{
	 margin: 50px 0;
 }

 #privacy #content dl{
	 margin: 0 0 2em;
 }

 #privacy #content dt{
	 margin: 2em 0 5px;
 }



 /**************************************************************************************
 * products
************************************************************************************** */



 .post-type-archive-products #content .section{
	  padding: 45px 0;
	  box-shadow:rgba(192, 190, 191, 0.5) 0px 5px 3px -3px inset;
	 -webkit-box-shadow:rgba(192, 190, 191, 0.5) 0px 5px 3px -3px inset;
	 border-top: solid 1px #C0BEBF;
 }

 .post-type-archive-products #content .section:first-child{
	  box-shadow: none;
	 -webkit-box-shadow: none;
	 border-top: none;
 }

 .post-type-archive-products #content h3{
	margin: 0 0 20px;
	background-color: #3B7A4E;
	color: #fff;
	text-align: center;
	line-height: 1.2;
	padding: 6px 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing: border-box;
 }

  .post-type-archive-products .catInfo{
	  overflow: hidden;
  }

  .post-type-archive-products .catInfo h4{
	  margin: 0 0 15px;
  }

  .post-type-archive-products .p-list{
	  overflow: hidden;
	  width: 100%;
  }

  .post-type-archive-products .p-list li{
	  float: left;
  }

  .post-type-archive-products .p-list dt{
	  font-weight: bold;
  }

  .post-type-archive-products .p-list dd{
	  line-height: 1.2;
  }


 /**************************************************************************************
 * pickup
************************************************************************************** */

.pickup #content{
	 padding: 0 0 100px;
 }

.pickup #content h2{
	 margin: 50px 0;
 }




 /**************************************************************************************
 * pager
************************************************************************************** */

.pagination h2{
    display: none;
}

.nav-links{
	text-align: center;
	padding: 30px 5px 10px;
}

.nav-links > a,.nav-links span.current{
	display: inline-block;
	font-size: 0.875em;
	line-height: 30px;
	padding: 0 10px;
	text-decoration: none;
}

.nav-links > a{
	border: solid 1px #000;
}
.nav-links > a:hover,.nav-links span.current{
	background-color:#3C7B4C;
	color: #fff;
}
.nav-links > a.prev,.nav-links a.next{
	padding-left: 15px;
	padding-right: 15px;
}
.nav-links > a.prev{
	margin-right: 4px;
}
.nav-links > a.next{
	margin-left: 4px;
}

.nav-links > a.prev span,.nav-links > a.next span{
	font-size: 0.8em;
	position: relative;
	top: -1.5px;
}





 /**************************************************************************************
 * Mobile Menu
************************************************************************************** */


.sidebar-active .site {
	-webkit-transform: translate(-320px, 0);
	-ms-transform: translate(-320px, 0);
	transform: translate(-320px, 0);
}
#sidebar-sp {
	position: fixed;
	z-index: 0;
	top: 0;
	right: 0;
	height: 100%;
	width: 320px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	color: #fff;
}
#sidebar-sp .sidebar-inner {
	position: relative;
	padding: 15px 0 30px;
}
#sidebar-sp a {
	color: #fff;
}

#sidebar-sp .btn_close {
	text-align: right;
	margin-bottom: 25px;
	position: relative;
	top: 10px;
	right: 10px;
}

#sidebar-sp .btn_close img{
    width: 24px;
}

#sidebar-sp #gnav-sp ul {
	border-top: 1px solid #fff;
}

#sidebar-sp #gnav-sp li {
	border-bottom: 1px solid #fff;
    font-size: 0.875em;
    text-align: center;
}

#sidebar-sp #gnav-sp li a{
    display: block;
    padding: 10px;
    font-size: 1.125em;
    text-decoration: none;
    font-weight: bold;
}



/**************************************************************************************
 * 404
************************************************************************************** */

#notfound .error-404{
	 text-align: center;
}






/* 1141px 以上 */
@media screen and (min-width: 1141px)   {

 /**
 * header
 */

#header h1{
    left: 50px;
}

#header .colR{
	right: 50px;
}


}


/* 641px 以上 1040px 以下 */
@media screen and (min-width: 641px)  and (man-width: 1140px)  {

 /**
 * header
 */

#header h1{
    left: 0;
}

#header .colR{
	right: 0;
}


}




/* 641px 以上 */
@media screen and (min-width: 641px) {



/**************************************************************************************
 * common
************************************************************************************** */


 /**
 * layout
 */

.fixingBox{
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
}


/**
 * title
 */


.titleWrap h2{
	 float: left;
	 margin-right: 25px;
 }

 .titleWrap .btn{
	 width: 127px;
	 display: inline-block;
 }

 h2{
	 font-size: 1.500em;
	 padding-left: 20px;
	 border-left: 4px solid #3B7A4E;
	 line-height: 1;
	 margin-bottom: 30px;
 }


/**
 * lineup
 */


.lineup ul{
	margin-left: -30px;
}

.lineup li{
	width: 340px;
	margin: 0 0 30px 30px;
 }


#post .lineup li{
	width: 290px;
	margin-left: 10px;
 }

 .lineup h3{
	margin: 18px 0 12px;
	font-size: 1.250em;
 }



/**************************************************************************************
 * base
************************************************************************************** */

 /**
 * base setting
 */


a img{
	-webkit-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}

a:hover img{
	opacity: 0.8;
}

#wrapper{
	padding-top: 117px;
}



 /**
 * header
 */

#header{
	overflow: hidden;
	box-sizing: border-box;
	padding-top: 25px;
	height: 117px;
	position: relative;
	transition: all 0.5s ease;
	position: fixed;
	background-color: #fff;
	width: 100%;
	z-index: 1000;
	min-width: 1040px;
}

#header.minHeader{
	height: 65px;
	padding-top: 10px;
	box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.15);
	min-width: 980px
}

#header h1{
	float: left;
	position: relative;
	transition: all 0.5s ease;
	margin-top: 10px;
}

#header.minHeader h1{
	width: 180px;
	position: relative;
}

#header .colR{
	width: 790px;
	position: relative;
	transition: all 0.5s ease;
}


#header .headInfo{
	font-size: 0;
	text-align: right;
}

#header.minHeader .headInfo{
	display: none;
}


#header .headInfo li{
	display: inline-block;
	margin-left: 18px;
}

#header .headInfo li:first-child{
	margin-left: 0;
}

#header .headInfo li.tel,#header .headInfo li.fax{
	font-size: 27px;
	font-size: 1.688rem;
}

#header #gNav{
	float: right;
	overflow: hidden;
	margin: 5px 0 0;
}

#header.minHeader #gNav{
	margin-top: 13px;
}

#header #gNav li{
	float: left;
	font-size: 0.938em;
	font-weight: bold;
	margin-left: 20px;
}

#header #gNav ul li:first-child{
	margin-left: 0;
}

#header #gNav li a{
	text-decoration: none;
}


/**
 * footContact
 */

#footContact{
    min-width: 1080px;
}

#footContact .btBox{
    overflow: hidden;
    width: 1080px;
    margin: 0 auto;
}

#footContact .btBox li{
    margin: 30px 5px 0;
}


 /**
 * footer
 */

#footer{
    min-width: 1080px;
}

#footer a:hover{
    text-decoration: underline;
    color: #3B7A4D;
}

#footer .pagetop{
    top: 30px;
    right: 70px;
}

#footer .pagetop:hover{
    background-position: bottom;
}

#footer .footerTop{
    font-size: 0.938em;
}


#footer .logo{
    float: left;
    margin-right: 50px;
}

#footer .bt_fb{
    float: right;
}


#footer #footNav{
    float: left;
    width: 840px;
}

#footer #footNav ul{
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin: 3px 0 0;
    box-sizing: border-box;
}

#footer #footNav ul li{
    display: table-cell;
    width: 16%;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    font-size: 0.813em;
    font-weight: bold;
    text-align: center;
    padding: 8px 1px;
}




#footer .footInfo{
    padding: 30px 0 0;
    font-size: 0.813em;
}

#footer .footInfo dt{
    float: left;
    margin-right: 5px;
}

#footer .footerBottom{
    margin: 30px 0 0;
}


#footer #footNav ul li.nav03,#footer #footNav ul li.nav04{
    width: 15%;
}

#footer #footNav ul li.nav01,#footer #footNav ul li.nav05,#footer #footNav ul li.nav06{
    width: 18%;
}

#footer .privacy{
    float: left;
    font-size: 0.813em;
}

#footer .copyright{
    float: right;
    font-size: 0.750em;
}




 /**************************************************************************************
 * home
************************************************************************************** */


 /**
 * keyVisual
 */

.home #keyVisual{
	width: 100%;
    height: 538px;
    min-width: 1080px;
}

.home #keyVisual p{
    padding: 165px 0 0;
    font-size: 2.500em;
    font-weight: bold;
}


 /**
 * visual
 */


 .home .visual{
	 height: 260px;
	 min-width: 1080px;
 }

 .home .visual span{
	 width: 400px;
	 line-height: 64px;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 margin: -32px 0 0 -200px;
	 font-size: 1.750em;
 }


/**
 * intro
 */

.home #intro{
    padding: 65px 0;
    line-height: 1.8;
}

.home #intro h1{
    text-align: center;
    margin-bottom: 40px;
    font-size: 1.563em;
}


.fb-container{
	margin: 0 auto 60px;
	width: 500px;
}



/**
 * news
 */


 .home #news .newsList{
	 width: 100%;
 }

 .home #news .newsList ul{
	 margin-left: -30px;
	 overflow: hidden;
   display: flex;
   flex-wrap: wrap;
 }

 .home #news .newsList li{
	 width: 523px;

	 margin: 0 0 30px 30px;
 }

  .home #news .newsList .date{
	 font-size: 0.750em;
 }

  .home #news .newsList dt{
	 margin: 0 0 15px;
 }

  .home #news .newsList dd{
	 font-size: 0.875em;
 }




 /**************************************************************************************
 * about
************************************************************************************** */


 #about #content h2{
	 margin: 0 0 50px;
 }

 #about #content .section{
	 margin: 50px 0 0;
 }


/**
 * company
*/


 #about #company .dataList{
	 float: left;
	 width: 480px;
	 font-size: 1.125em;
	 margin-right: 60px;
 }


  #about #company .dataList dl{
	 padding: 0 0 15px;
 }

 #about #company .dataList dt{
	 float: left;
	 width: 110px;
	 margin-right: 15px;
 }


/**
 * message
*/


#about #message .colL p{
	 font-size: 1.063em;
	 margin: 20px 0 0;
 }

 #about #message .colR{
	 width: 655px;
 }

  #about #message dd{
	 font-size: 1.063em;
 }


 /**
 * yakuin
*/

 #about #yakuin .colL p{
	 font-size: 1.063em;
	 margin: 20px 0 0;
 }

 #about #yakuin .colL p{
	 font-size: 1.063em;
 }

 #about #yakuin .colR{
	 width: 720px;
 }

 #about #yakuin dt{
	 font-size: 1.250em;
 }

  #about #yakuin dd{
	 font-size: 1.063em;
 }



 /**
 * customers
*/


 #about #customers ul{
	 width: 340px;
	 float: left;
 }

 #about #customers ul + ul{
	 margin: 0 0 0 30px;
 }

 #about #customers ul li{
	 font-size: 1.063em;
	 padding: 3px 0;
 }





/**
 * access
*/

#about #access iframe{
	 vertical-align: bottom;
	 width: 100%;
	 height: 365px;
 }


 #about #access ul{
	 padding: 10px 0 60px;
 }

 #about #access ul li{
	 display: inline-block;
	 margin-right: 20px;
 }




/**************************************************************************************
 * area
************************************************************************************** */

#area #content{
	 padding: 0 0 100px;
 }

#area #content h2{
	 margin: 50px 0 45px;
 }

#area #content p{
	 font-size: 1.063em;
 }

#area #content p + p{
	 margin: 45px 0 0;
 }





/**************************************************************************************
 * contact
************************************************************************************** */


#contact .contactForm dt, #contact .contactForm dd{
	 display: table-cell;
	 padding: 12px 0;
	 vertical-align: top;
 }

#contact #content{
	 padding: 0 0 100px;
 }

#contact #content h2{
	 margin: 50px 0;
 }


 #contact .contactForm dl{
	 display: table;
	 width: 660px;
	 margin: 0 auto;
	 border-collapse: collapse;
 }

 #contact .contactForm dt, #contact .contactForm dd{
	 display: table-cell;
	 padding: 12px 0;
	 vertical-align: top;
 }

 #contact .contactForm dt{
	 width: 28%;
 }

 #contact .contactForm dt span{
	 display: block;
	 padding-top: 8px;
 }





 /**************************************************************************************
 * thanks
************************************************************************************** */


#thanks #content{
	 padding: 0 0 100px;
	 min-height: 300px;
 }

#thanks #content h2{
	 margin: 50px 0;
 }

#thanks #content h2 + p{
	 font-weight: bold;
	 font-size: 22px;
	 margin-bottom: 30px;
 }

#thanks #content p{
	 line-height: 1.8;
 }



 /**************************************************************************************
 * faq
************************************************************************************** */

#faq #content{
	 padding: 0 0 100px;
 }

#faq #content h2{
	 margin: 50px 0;
 }





 /**************************************************************************************
 * post
************************************************************************************** */



#post .fixingBox h2{
	 margin: 50px 0 30px;
}

#post #main{
	 padding: 0 0 60px;
}

#post #side{
	 float: left;
	 width: 170px;
}

#post #side h3{
	 font-size: 1.125em;
	 margin: 20px 0 15px;
}

#post #side ul,#post #side p{
	 font-size: 0.875em;
}

#post #side h3:first-child{
	 margin-top: 0;
}

#post #side > ul {
	margin-bottom: 10px;
}

#post #side > ul + h3 {
	margin-top: 60px;
}

#post #side > ul > li {
	margin-bottom: 8px;
	line-height: 1.3;
}

#post #content{
	 float: right;
	 width: 875px;
}

#post .post{
	padding: 25px 0;
}

#post .post:first-child{
	padding-top: 0;
}

#post .post .tn{
	margin-right: 30px;
}

#post .post h3,#post .post-details h3{
	font-size: 1.250em;
	margin: 8px 0 12px;
}

#post .catNme{
	background-color: #3B7A4E;
	color: #fff;
	font-weight: bold;
	padding: 6px 20px;
	display: inline-block;
}

#post .post p{
	overflow: hidden;
}

#post .post-details{
	overflow: hidden;
	width: 800px;
	margin: 0 auto;
}

#post .post-details .tn{
	margin: 0 0 30px;
	display: block;
}



 /**************************************************************************************
 * products
************************************************************************************** */

.post-type-archive-products #content{
	 padding: 0 0 100px;
 }

.post-type-archive-products #content h2{
	 margin: 50px 0;
 }

 .post-type-archive-products #content h3{
	font-size: 1.250em;
	width: 340px;
 }

 .post-type-archive-products #content .section:first-child{
	  padding: 0 0 45px;
 }

  .post-type-archive-products .catInfo .tn{
	  float: left;
	  margin-right: 40px;
  }

  .post-type-archive-products .catInfo h4{
	  font-size: 1.375em;
  }

  .post-type-archive-products .p-list{
	  margin: 40px 0 0;
  }

  .post-type-archive-products .p-list ul{
	  margin: 0 0 0 -25px;
  }

  .post-type-archive-products .p-list li{
	  width: 196px;
	  margin: 0 0 20px 25px;
  }

  .post-type-archive-products .p-list dl{
	  margin: 15px 0 0;
  }

  .post-type-archive-products .p-list dt{
	  font-size: 1.125em;
	  margin: 0 0 5px;
  }

  .post-type-archive-products .p-list dd{
	  font-size: 0.875em;
  }







/**************************************************************************************
 * 404
************************************************************************************** */

#notfound .error-404{
	 padding: 30px 0 60px;
}

#notfound .error-404 h1{
	 margin: 30px 0;
	 font-size: 28px;
}

#notfound .backHome {
	 margin-top: 30px;
}



}










/* 640px 以下 */
@media screen and (max-width: 640px) {


 /**************************************************************************************
 * common
************************************************************************************** */


 /**
 * module
 */

 .pc-only{
	 display: none;
 }

 .sp-only{
	 display: block;
 }


 /**
 * spMenu
 */

#spMenu {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	background-color: #3C7B4C;
}

#spMenu span {
	position: absolute;
	display: block;
	margin-left: -9px;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 3px;
	background-color: #fff;
	-webkit-transition: width 0.2s, right 0.2s, left 0.2s;
	transition: width 0.2s, right 0.2s, left 0.2s;
}

#spMenu .top {
	-webkit-transform: translateY(-7px);
	transform: translateY(-7px);
}

#spMenu .middle {
	position: relative;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	background: none;
}

#spMenu .middle:before,
#spMenu .middle:after {
	display: block;
	position: absolute;
	content: "";
	width: 18px;
	height: 3px;
	background-color: #fff;
	-webkit-transition: all 0.2s;
	-webkit-transform: rotate(0deg);
	transition: all 0.2s;
	transform: rotate(0deg);
}

#spMenu .bottom {
	-webkit-transform: translateY(7px);
	transform: translateY(7px);
}





/**
 * title
 */

.titleWrap{
	 padding: 0 3.125%;
	 overflow: hidden;
	 margin-bottom: 15px;
 }

h2{
	 font-size: 1em;
	 padding-left: 10px;
	 border-left: 2px solid #3B7A4E;
	 line-height: 1.2;
	 margin-bottom: 5px;
 }

 .titleWrap .btn{
	 float: right;
	 width: 100px;
 }


 /**
 * lineup
 */

.lineup{
	padding: 0 3.125% 30px;
	box-sizing: border-box;
}

.lineup li{
	width: 47.66666%;
	margin: 0 0 5%;
 }

.lineup li:nth-child(2n+1){
	margin-right: 4.5%;
 }

 .lineup h3{
	margin: 8px 0 5px;
	font-size: 0.75em;
 }


.lineup p{
	font-size: 0.625em;
 }



/**************************************************************************************
 * base
************************************************************************************** */


 /**
 * base setting
 */

body {
    background-color: #3C7B4C;
}

#wrapper{
	padding-top: 54px;
}


 /**
 * header
 */

#header{
	padding: 10px;
}

#header.minHeader{
	box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.15);
}

#header h1{
	width: 165px;
	float: left;
	margin: 3px 0 0;
}

#header #gNav{
	display: none;
}

#header .headInfo{
	display: none;
}


/**
 * footContact
 */

#footContact{
    padding: 7.8125% 3.125% 5%;
}

#footContact p{
    font-size: 0.625rem;
}

#footContact .btBox{
	margin: 5% 0 0;
 }

#footContact .btBox li{
	width: 47.66666%;
	margin: 0 0 5%;
 }

#footContact .btBox li:nth-child(2n+1){
	margin-right: 4.5%;
 }




 /**
 * footer
 */

#footer{
    padding: 15px 0;
}

#footer .pagetop{
    top: 10px;
    right: 10px;
    width: 45px;
    height: 45px;
    background-size: 45px auto;
}

#footer .footerTop{
    margin: 10px 3.125%;
    font-size: 0.6250em;
}

#footer .logo{
    width: 170px;
    margin: 0 0 10px;
}

#footer .bt_fb{
    text-align: center;
}

#footer .bt_fb img{
    width: 150px;
}

#footer .footInfo{
    padding: 3.1255%;
    font-size: 0.688em;
}

#footer .footInfo + .footInfo{
    padding: 10px 3.125%;
}

#footer .footerBottom{
    margin: 10px 3.125%;
}

#footer .privacy{
    text-align: center;
    font-size: 0.8750em;
    margin: 0 0 10px;
}

#footer .copyright{
    text-align: center;
    font-size: 0.6250em;
}


#footer #footNav ul{
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #fff;
    margin: 15px 0;
}

#footer #footNav ul li{
    border-bottom: 1px solid #fff;
    font-size: 0.875em;
    text-align: center;
}

#footer #footNav ul li a{
    display: block;
    padding: 10px;
}



 /**
 * quickMenu
 */

#quickMenu{
	display: none !important;
}






 /**************************************************************************************
 * home
************************************************************************************** */


 /**
 * keyVisual
 */

.home #keyVisual{
	width: 100%;
    height: 0px;
    padding-top: 36.25%;
    position: relative;
}

.home #keyVisual p{
    padding: 9.375% 0 0 10px;
    font-size: 0.875em;
    font-weight: bold;
    position: absolute;
    top: 0;
    left:0;
}


/**
 * intro
 */

.home #intro{
    padding: 20px 3.125%;
}

.home #intro h1{
    text-align: center;
    margin-bottom: 18px;
    font-size: 0.875em;
}

.home #intro p{
    font-size: 0.75em;
}


.fb-container{
	margin: 0 auto 30px;
	width: 93.75%;
}




 /**
 * visual
 */


.home .visual{
	 padding: 5.3125% 0;
	 text-align: center;
	 margin: 0 0 17px;
 }

 .home .visual span{
	 font-size: 1em;
	 padding: 5px 20px;
 }


 /**
 * news
 */

 .home #news{
	 padding: 15px 3.125%;
 }

  .home #news .newsList .date{
	 font-size: 0.625em;
 }

 .home #news .newsList li{
	 padding: 0 0 15px;
 }

  .home #news .newsList dt{
	 margin: 0 0 5px;
	 font-size: 0.75em;
 }

  .home #news .newsList dd{
	 font-size: 0.625em;
	 overflow: hidden;
 }

  .home #news .newsList .tn-sp{
	 float: left;
	 width: 38%;
	 margin-right: 3%;
 }

  .home #news .newsList .tn-sp + p{
	 overflow: hidden;
 }




 /**************************************************************************************
 * about
************************************************************************************** */


 #about #content h2{
	 margin-bottom: 15px;
 }


/**
 * company
*/


 #about #company{
	 padding: 5% 3.125%;
 }

 #about #company .dataList dl{
	 padding: 5px 0 10px;
 }

  #about #company .dataList dt{
	 font-size: 0.813em;
	 font-weight: bold;
	 margin-bottom: 3px;
 }

 #about #company .dataList dd{
	 font-size: 0.75em;
 }

 #about #company .img{
	 text-align: center;
	 float: none;
	 margin: 10px 0;
 }


/**
 * message
*/


#about #message{
	padding: 5% 3.125%;
 }

 #about #message .colL{
	 float: none !important;
	 text-align: center;
 }

 #about #message .colR{
	 float: none !important;
 }

 #about #message .colL p{
	 font-size: 0.75em;
	 margin: 10px 0 0;
 }

 #about #message dt{
	 font-size: 0.875em;
	 margin: 15px 0 10px;
 }

 #about #message dd{
	 font-size: 0.75em;
 }


 /**
 * yakuin
*/



#about #yakuin{
	padding: 5% 3.125%;
 }

 #about #yakuin .inBox + .inBox{
	 margin: 55px 0 0;
 }

 #about #yakuin .colL{
	 float: none !important;
	 text-align: center;
 }

 #about #yakuin .colR{
	 float: none !important;
 }

 #about #yakuin .colL p{
	 text-align: center;
 }

 #about #yakuin .colL p{
	 font-size: 0.75em;
	 margin: 10px 0 0;
 }

 #about #yakuin dt{
	 font-size: 0.875em;
	 margin: 15px 0 10px;
 }

 #about #yakuin dd{
	 font-size: 0.75em;
 }


  /**
 * customers
*/



#about #customers{
	padding: 5% 3.125%;
 }

 #about #customers ul li{
	font-size: 0.75em;
 }



  /**
 * access
*/



#about #access{
	padding: 5% 3.125%;
 }

#about #access p,#about #access ul{
	font-size: 0.75em;
 }

 #about #access iframe{
	width: 100%;
	height: 200px;
	margin: 10px 0 0;
 }

  #about .map{
	 margin: 15px 0;
 }





 /**************************************************************************************
 * area
************************************************************************************** */

#area #content{
	 padding: 0 3.125% 10%;
 }

#area #content h2{
	 margin: 5% 0;
 }

#area #content p{
	 font-size: 0.75em;
 }

#area #content p + p{
	 margin: 1em 0 0;
 }



 /**************************************************************************************
 * contact
************************************************************************************** */

#contact #content{
	 padding: 0 3.125% 10%;
 }

#contact #content h2{
	 margin: 5% 0;
 }

 #contact #content dt{
	 font-size: 0.875em;
	 padding: 20px 0 5px;
	 font-weight: bold;
 }

 #contact #content .contactForm dl:first-child dt{
	 padding: 5px 0;
 }

 #contact span.hissu{
	 margin-left: 10px;
 }



 /**************************************************************************************
 * faq
************************************************************************************** */

#faq #content{
	 padding: 0 3.125% 10%;
 }

#faq #content h2{
	 margin: 5% 0;
 }

#faq #content dt{
	 font-size: 0.875em;
 }

#faq #content dd{
	 font-size: 0.75em;
 }





 /**************************************************************************************
 * news
************************************************************************************** */


#news #content{
	padding: 0 3.125% 10%;
}

#news .fixingBox h2{
	 margin: 5% 3.125%;
}

#news .post{
	 padding: 15px 0;
}

#news .post .tn{
	 display: block;
	 text-align: center;
	 float: none;
	 margin: 0 0 10px;
}

#news .post .date{
	 margin: 0 0 3px;
}

#news .post h3{
	 margin-bottom: 10px;
}

#news .post p{
	 font-size: 0.75em;
}


/**
 * post-details
*/

#news .post-details .tn{
	 margin-bottom: 10px;
	 display: inline-block;
}

#news .post-details h3{
	 margin-bottom: 10px;
}

#news .post-details p{
	 font-size: 0.75em;
}



 /**************************************************************************************
 * side
************************************************************************************** */

#side h3{
	background-color: #3A794C;
	text-align: center;
	color: #fff;
	font-size: 1.125em;
	font-weight: bold;
	padding: 8px 3.125%;
	position: relative;
}

#side h3:before{
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}

#side h3.open:before{
	display: none;
}

#side h3.open{
	border-bottom: none;
}

#side h3:after{
	content: "▶︎";
	display: block;
	position: absolute;
	right: 10px;
	top: 20%;
	-webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}

#side h3.open:after{
	transform: rotate(-90deg);
}

#side .listWrap{
	display: none;
}

#side .year{
	background-color: #DDDDDD;
	font-size: 0.875em;
	padding: 6px 3.125%;
}

#side ul{
	border-top: 1px solid #BBBBBB;
}

#side ul li a{
	font-size: 0.875em;
	padding: 6px 3.125%;
	border-bottom: 1px solid #BBBBBB;
	display: block;
	text-decoration: none;
}




 /**************************************************************************************
 * products
************************************************************************************** */

.post-type-archive-products #content{
	 padding: 0 3.125% 10%;
 }

.post-type-archive-products #content h2{
	 margin: 5% 0;
}

.post-type-archive-products #content .section{
	  padding: 8% 0 5%;
 }

 .post-type-archive-products #content .section:first-child{
	  padding: 5% 0;
 }

.post-type-archive-products .tn{
	  text-align: center;
	  display: block;
	  margin-bottom: 3%;
 }

.post-type-archive-products .catInfo h4{
	  font-size: 0.875em;
	  text-align: center;
	  margin-bottom: 10px;
 }

 .post-type-archive-products .txtBox p{
	 font-size: 0.75em;
 }

.post-type-archive-products .p-list{
	  margin: 15px 0 0;
}

.post-type-archive-products .p-list ul{
	  margin: 0 0 0 -2%;
}

.post-type-archive-products .p-list ul li{
	  width: 48%;
	  margin: 0 0 5% 2%;
	  text-align: center;
}

.post-type-archive-products .p-list dt{
	  font-size: 0.813em;
	  margin: 5px 0 0;
 }

 .post-type-archive-products .p-list dd{
	  font-size: 0.75em;
	  text-align: left;
 }






 /**************************************************************************************
 * pickup
************************************************************************************** */

.pickup #content{
	 padding: 0 3.125% 10%;
 }

.pickup #content h2{
	 margin: 5% 0;
 }



  /**************************************************************************************
 * privacy
************************************************************************************** */

#privacy #content{
	 padding: 0 3.125% 10%;
 }

#privacy #content h2{
	 margin: 5% 0;
 }

 #privacy #content p,#privacy #content dl{
	 font-size: 0.75em;
 }




  /**************************************************************************************
 * thanks
************************************************************************************** */

#thanks #content{
	 padding: 0 3.125% 10%;
 }

#thanks #content h2{
	 margin: 5% 0;
 }

#thanks #content h2 + p{
	 font-weight: bold;
	 font-size: 15px;
	 margin-bottom: 1em;
 }


#thanks #content p{
	 font-size: 0.75em;
}




/**************************************************************************************
 * 404
************************************************************************************** */

#notfound .error-404{
    padding: 30px 10px 60px;
}

#notfound .error-404 h1{
    margin: 30px 0;
}

#notfound .page-content p {
	font-size: 12px;
	margin-bottom: 1em;
}

#notfound .backHome {
    margin-top: 15px;
}




}