@charset "utf-8";
/* -------------------------------

SP用ドロワーデザイン制御

------------------------------- */

.hantoumei .button2 {
    bottom: -45px;
}

#snavi,.gnavi {
	display:none;
}
.drawer-brand {
	width: 140px;
	height: 35px;
	margin: 8px auto;
	background: url(/common/images/logo.png) no-repeat;
	background-size: 140px 35px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.drawer-menu li {
	border-bottom: 1px solid #DDD;
	font-size: 14px;
	font-size: 1.4rem;
}
.drawer-dropdown-li {
	background-color: #F1F1F1;
}
.drawer-dropdown-li:last-child {
	border-bottom: none
}
.drawer-dropdown-li a {

	padding-left: 40px !important;
}
.drawer-menu li a {
	display: block;
	text-decoration: none;
	padding: 20px;
	color: #333;
	position: relative;
}
.drawer-menu-item {
}
.nav_subTitle {
	display: none;
}
.drawer-navbar .drawer-menu li.nav_contact a {
	border:2px solid #729c14;
	background-color: #c8db9f;
	margin: 10px;
	border-radius: 10px;
	color: #333;
	text-align: center;
	position: relative;
	font-weight: bold;
	padding: 10px 10px 10px 20px;
}
.nav_contact a:hover, .nav_contact a:active {
	background-color: #76952f;
	margin: 10px;
	border-radius: 10px;
	color: #FFF !important;
	opacity: 0.6
}


.pankuzu {
    font-size: 12px;
    padding: 20px 0 33px;
    color: #a0a0a0;
    text-align: left;
}

div#breadcrumb {
    clear: both;
}

div#breadcrumb div {
    display: inline;
    font-size: 13px;
}

#related2 h4 {
	
	font-size:13px;
}

.clear_fix {
        clear: both;
}

.clear_fix2 {
        clear: both;
height:20px;
}

#top-section3 img {
	width:90%;
	height:auto;
}

#conceptbody .maintext{
	font-size:15px;
	
}

#conceptbody h4 {
	
	font-size:17px;
}

#conceptbody .maintext2 {
	font-size:15px;
	
}

#about-section1 {
  background-image: url(/common/images/top/about-1.jpg);
background-position: center left;
    background-repeat: no-repeat;
	    background-size: cover;
    position: relative;
	height:350px;
}

#about-section1 h2 {
	margin: 0px 0 20px 0;
	text-align: center;
}

#life {
	position: relative;
}

#life h2 {
    margin-bottom: 10px;
    line-height: 150%;
    margin-top: 60px;
}

#life h3 {
    font-size: 22px;
    padding-bottom: 20px;
}

.hantoumei2 {
    position: initial;
    color: #000000;
    z-index: 100;
}


.clear {
	height:10px;
}

.related-link {
    float:initial;
    background-color: #E9E9E9;
    padding: 20px 10px;
    width:initial;
    margin-top: 30px;
    margin-right: 10px;
}


.clear2 {
	height:0px;
}
.eng-ttl {
	    position: initial;
    top:  initial;
    -webkit-transform:  initial;
    transform:  initial;
	
}

.section-blue1 {background-color:#C5C8CA; height:400px; width:100%; z-index:-1; position:absolute; top:900px;}
.section-blue3 {background-color:#C5C8CA; height:1100px; width:100%; z-index:-1; position:absolute; top:220px;}
.section-blue2 {background-color:#C5C8CA;; height:740px; width:100%; z-index:-1; position:absolute; top:220px;}
.section-blue4 {background-color:#C5C8CA; height:700px; width:100%; z-index:-1; position:absolute; top:925px;}
.section-blue5 {background-color:#C5C8CA; height:630px; width:100%; z-index:-1; position:absolute; top:110px;}
.section-blue6 {background-color:#C5C8CA; height:630px; width:100%; z-index:-1; position:absolute; top:100px;}

.hantoumei {
    background-color: rgba(0,0,0,0.7);
    color: #FFFFFF;
    padding: 0px;
	width:100%;
	position:initial;
}

#contact-section .col {
    padding-left: 5px;
    padding-right: 5px;
}

.transparent {
    padding: 10px;
}

.transparent h3 {
    font-size: 22px;
}

.transparent h4 {
    font-size: 14px;
}

.min {
    font-size: 20px;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    line-height: 140%;
    padding:10px 0 20px;
}

.m-text {
	padding:10px;
}

#about-section h2 {
	padding-left:10px;
}

#about-section2 {
  background-image: url(/common/images/top/about2.jpg);
background-position: bottom right;
    background-repeat: no-repeat;
    height: 470px;
    max-width: 1200px;
		line-height:230%;
    margin: 50px auto;
 	    background-size: contain;
   position: relative;
}

#about-section2 p {
    margin-top: 0px;
	padding:0 10px;
}

#life-section {
    background-image: url(/common/images/top/life.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    height: 260px;
    max-width: 1200px;
    margin: 50px auto;
    line-height: 230%;
    position: relative;
    background-size: contain;
    text-align: center;
}

#g-box .col {
    padding:10px;
}

#life-section h2 {
	font-weight:bold;
	font-size:50px;
	margin-top:150px;
	margin-bottom: 30px;
}

#life-section p {
	font-size:22px;
}
.local-navi2 {
    padding: 15px 0;
    margin: 0;
}

.local-navi2 li {
    padding: 10px;
    margin: 2px;
    text-align: center;
    background-color: #EEEEEE;
}

#contact-section {
    background: url(/common/images/common/contact.jpg) no-repeat top center;
    padding: 80px;
	height:300px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: #FFFFFF;
}

#productsmap {
    max-width: 1000px;
    height: 200px;
	padding-top: 250px;
    margin: auto;
    background-image: url(/common/images/products/main.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.b-box .swiper-button-next {
display: none;
}

#b1,#b2,#b3{
	padding-left:2px;
}

.button-alfa{
	width:49%;
	float:left;
	margin:1px;
}


#s1 {
	height:500px;
	background: url(/common/images/history/s1.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
}


#s2 {
	height:500px;
	background: url(/common/images/history/s2.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;	
}


#s3 {
	height:500px;
	background: url(/common/images/history/s3.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
}


#s4 {
	height:500px;
	background: url(/common/images/history/s4.jpg) no-repeat top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.b-box {
background-color: rgba(0,0,0,0.7); 
color:#FFFFFF;
padding:10px;
margin:120px 10px 10px;
text-align:left;
line-height:165%;
font-size:16px;
}

#second #s1 h2,#second #s2 h2,#second #s3 h2,#second #s4 h2 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.swiper-container {
    height: 540px;
}

.swiper-button-prev, .swiper-button-next {
    top: 80%;
}

#products img {
    margin-bottom: 20px;
}

.related span {
	text-align: center;
}


#producttile figure {
    height: 170px;
}

#g-list figure {
    height: 170px;
}


.button-alfa span {
	display: none;
}

.button-contact {
	display: inline-block;
	width: 220px;
	height: 54px;
}

.secondbox {
    padding-top: 50px;
}


#top-section1 img {
width:100%;
	height: auto;
	margin: 50px auto 0;
    position: relative;
    padding-top: 30px;
}

.ratio-1_1:before {
	padding-top: 0;
}

.secondimg-s {
    width: 100%;
    height: 300px;
    display: block;
    color: #000000;
    padding-top: 200px;
}

.second h2 { 
	font-size:20px;
}

#head {
}

#logo {
position: fixed;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 100%;
    z-index: 100;
    margin-top: 0;
    background-color: #FFFFFF
}

#logo img{
	padding:5px;
	width:80px;
	height:auto;
	transition: .3s;
}

.scroll #logo img{
	padding:5px;
	width:60px;
	height:auto;
}


#top-section2 .col {
	text-align: center;
	
}

#main-area {
	padding: 20px;
    font-size: 16px;
}

.button {
	margin:20px 0;
	width:100%;
}

h2 {

margin-top:25px;
}

.hidden-p {
	display: none;
}

.contents_inner {
	padding: 0px 0px 120px;
	
}

#cp {
	padding:20px 10px;
}

.yurai{
	padding:20px 10px;
	text-align: left;
}

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

input[type="email"] {
    padding: 10px 3px;
    width: 95%;
    font-size: 16px;
    border: solid 1px #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

textarea {
    border: 0;
    padding: 3px;
    height: 250px;
    width: 95%;
    font-size: 16px;
    border: solid 1px #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

input[type="text"] {
    padding: 10px 3px;
    width: 95%;
    font-size: 16px;
    border: solid 1px #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

#zipcode input[type="text"] {
    padding: 10px 3px;
    width: 90px;
}

#zipcode {
	display: block;

}

input[type="select"] {
    padding: 10px 3px;
width:90%;
    border: solid 1px #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

.container {
	padding:0 10px;
}


.c-text {
	padding:10px;
}

#submit_button .back {
    background-color: #444444;
    width: 120px;
    padding: 15px 0;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    margin-right: 15px;
}

#top-section-blog img {
    float: inherit;
    padding-right: 0px;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
}

#service p {
    font-size: 15px;
    text-align: center;
    padding-right: 0px; 
}

#service h3 {

    text-align: center;
}

#blog img {
    float: inherit;
    padding-right: 0px;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
}
#blogmain h3 {
    font-size: 21px;
    padding: 15px 0 20px 0;
    font-weight: 500;
}

#top-section-blog {
  background: #EEEEEE;
	padding:30px 0 0 0;
}


.next2 {
padding:5px 0;
}

.prev2 {
padding:5px 0;
}

.cont-box {
    margin: 0 10px 30px 10px;
    border: 1px solid #CCCCCC;
    text-align: center;
    padding: 30px 0;
    font-size: 16px;
}

.cont-box img {
    display: block;
    margin: auto;
    padding-bottom: 6px;
    text-align: center;
}

#footnavi {
	display:none;
}

#single {
    padding-top: 35px;
}

#info-section {
	    padding: 0px;
	margin:10px 0;

}

#info-section dl dt {
    float: initial;
    width: 153px;
    position: relative;
    text-align: left;
	display: block;
}

#about-section {
	    padding: 20px 0px;

	
}
.flexslider {
	margin:0;
	border:initial;
}

#contact-section {
	    padding: 40px 0px;
	
}

#contact-section .col {
	text-align: center;
}
.copy {
    bottom: 10px;
	text-align: left;
}

#foot-contact li {
}

.main-text {
	width:100%;
	float: none;
}

#conceptbody h3 {
    font-size: 28px;
}


#conceptbody .button2 {
	margin-top:30px;
}

#conceptbody #last-btn .button2 {
	margin-top:0px;
		margin-bottom:30px;
}




#conceptbody h4 {
    font-size: 19px;
}

#concept {
    background: url(/common/images/about/concept-back2.jpg) no-repeat top center;
    padding-top: 480px;
	padding-bottom: 0px;
    font-size: 19px;
    line-height: 180%;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 30px;
}

#second {
    padding-top: 25px;
}

#second h2 {
    font-family: 'Lato', sans-serif;
    font-size: 28px;
    text-align: center;
    margin-top: 20px;
}

footer {
    padding: 20px 10px;
		border-top: 1px solid #AAAAAA;
}
footer img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.hidden img {
	display: none;
}

#tel {
    font-size: 20px;

}



#cform {

}

#cform table{
	border-right: solid 1px #e3e3e3;
width:100%;
	margin-bottom: 20px;
}

#cform table th{
	vertical-align: top;
	font-weight:normal;
	text-align:left;
	border-bottom: solid 1px #e3e3e3;
	border-top: solid 1px #e3e3e3;
	border-right: solid 1px #e3e3e3;
	border-left: solid 1px #e3e3e3;
	padding:10px;
	background-color:#F7F7F7;
display:block;
}

#cform table td{
	border-left: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	border-top: solid 1px #e3e3e3;
	padding:10px;
display:block;
}

.require{background-color:#c33;padding:1px 3px;color:#fafafa;font-size:13px;letter-spacing:1px;margin:0 0 0 10px;border-radius:3px;zoom:normal}
.any{background-color:#71b55b;padding:1px 3px;color:#fafafa;font-size:13px;letter-spacing:1px;margin:0 0 0 10px;border-radius:3px;zoom:normal}

.att{
	text-align: left;
	margin-bottom: 10px;
}

.hiddensp {
	display: none;
}
    
    margin: 1px;


.flex-control-thumbs li {
    width: 11.2%;
}

.main-contents {
	padding:20px 10px 0;
}

#mapback {
	max-width: 1040px;
    height: initial;
    margin-bottom:initial;
    background:initial;;
    background-size: initial;
    position: relative;
	padding:0 20px;
}


.shopdata dt {
    width: 25%;
    font-size: 14px;
}



.shopdata dd {
    width: 75%;
    font-size: 14px;
}

.clearfix:after {
  content: ".";  /* 譁ｰ縺励＞隕∫ｴ繧剃ｽ懊ｋ */
  display: block;  /* 繝悶Ο繝�け繝ｬ繝吶Ν隕∫ｴ縺ｫ */
  clear: both;
  height: 0;
  visibility: hidden;
}

.mapbtn {
    border:initial;
padding: 10px 0;
    width: 50%;
    font-size: 15px;
    float: left;
    font-weight: 300;
    text-align: left;
	margin: 0;
}

#g-box2 img {
width:100%;
height:auto;
}

.mapbtn a {
	display: initial;
    text-align: initial;
}

.mapbtn a:before {
    content: "\f105";
    font-family: FontAwesome;
    position: relative;
    top: 0;
}

  input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
  }

#hs1,#hc1{
	width:120px;
		margin:0 5px 10px 0;
}

#pnum span {
width:80px;
display:inline-block;
}


.shopbox span {
	display: block;
}