@charset "UTF-8";
/* ---------------------------------------------------------------------------
//  sec
--------------------------------------------------------------------------- */
.pan { width: 960px; margin: 30px auto; font-size: 83%;}
.toppage .pan { display: none; }
h1.cap { text-align: center;margin: 0 auto 30px;}
h2.cap { text-align: center;}
/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
.pan { display: none;}
h1.cap { text-align: center;margin: 30px auto 0;}
h2.cap { text-align: center;margin: 30px auto 0;}
}

/* ---------------------------------------------------------------------------
//  製品一覧
--------------------------------------------------------------------------- */
ul.catli {width: 960px; margin: 70px auto;text-align: center; }
ul.catli li { text-align: center; width: 450px; float: left; margin-left: 15px; }
ul.catli li a { display: block;color: #fff;background-color: #c8baa6;color: #fff; font-size: 93%; padding: .5em 1em;}
ul.catli li a:hover {background-color: #a67e5e;}
.cover {width: 960px; margin: 0 auto;text-align: center; }
.col-2-8  {padding: 70px 0;}
.col-2-8 h2 { margin-bottom: 70px;}
/*.col-2-8 .column ul { margin: 50px auto 0 -60px; text-align: center;}
.col-2-8 .column ul li { float: left; margin: 0 auto 0 60px; width: 450px; min-height: 490px; position: relative;}
.col-2-8 .column ul li h3 { margin: 10px auto 0; width: 450px;font-size: 100%;line-height: 1.5; max-height: 4.5em; overflow: hidden;}
.col-2-8 .column ul li h4{ margin: 0; width: 450px; color: #7e6047; position: absolute; top:330px; left: 0;font-size: 100%;line-height: 1.5;  }
.col-2-8 .column ul li p { margin: 0; width: 450px; position: absolute; top:360px; left: 0;font-size: 100%;line-height: 1.5;  }*/
/*.col-2-8 .column ul li .pho { width: 450px; height: 250px; min-height: 250px; overflow: hidden; }
.col-2-8 .column ul li .pho img { position: relative; top: 50%; left: 50%; width: 100%; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }*/
/*.col-2-8 .column ul li:hover { opacity: .7;}
.col-2-8 .morebtn2 { clear: both; margin: 0 auto;text-align: center; display: block;color: #fff;background-color: #c8baa6; font-size: 93%; padding: .3em 0;width: 140px;position: absolute; top:390px; left: 155px; }
.col-2-8 .morebtn2:hover {background-color: #a67e5e;}
.col-2-8 .morebtn.all { clear: both; margin: 0 auto 70px;text-align: center; }*/



.col-2-8 .column ul { margin: 50px auto 0; text-align: center;}
.col-2-8 .column ul li {  float: left;margin: 0 auto 50px; width: 450px;}
.col-2-8 .column ul li h3 { margin: 10px auto 0;font-size: 100%;line-height: 1.5;}
.col-2-8 .column ul li h4{ margin: 0;color: #7e6047;font-size: 100%;line-height: 1.5;  }
.col-2-8 .column ul li p { margin: 0;  font-size: 100%;line-height: 1.5;  }
.col-2-8 .column ul li .pho { width: 450px;}
.col-2-8 .column ul li .pho img { width: auto;max-width: 450px;}
.col-2-8 .column ul li:nth-child(odd) { float: left; clear: left; width: 450px; margin-right: 50px;}
.col-2-8 .column ul li:hover { opacity: .7;}
.col-2-8 .morebtn2 { clear: both; margin: 10px auto 0;text-align: center; display: block;color: #fff;background-color: #c8baa6; font-size: 93%; padding: .3em 0;width: 140px;}
.col-2-8 .morebtn2:hover {background-color: #a67e5e;}
.col-2-8 .morebtn.all { clear: both; margin: 0 auto 70px;text-align: center; }


/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
ul.catli {width: 100%; margin: 20px auto 30px; }
ul.catli li { width: 90%; float: none; margin: 0 auto 10px;text-align: center;}
ul.catli li a { display: block;color: #fff;background-color: #c8baa6;color: #fff; font-size: 93%; padding: .7em 1em;}
ul.catli li a:hover {background-color: #a67e5e;}
.cover {width: 100%; margin: 20px auto; }
.col-2-8 { padding: 20px 0;}
.col-2-8 h2{ margin-bottom: 30px;}
/*.col-2-8 .column ul { margin: 20px auto 0; width: 100%; }
.col-2-8 .column ul li { margin: 0 auto 20px; width: 48%; min-height: 330px;}
.col-2-8 .column ul li h3 {margin-top: 5px;width: 100%;}
.col-2-8 .column ul li h4{width: 100%;  position: absolute; top:200px; left: 0;font-size: 100%;line-height: 1.5;  }
.col-2-8 .column ul li p { margin-top: 5px; width: 100%;top:220px; left: 0; }
.col-2-8 .column ul li .pho { width: 100%; height: 120px; min-height: 120px; overflow: hidden;}
.col-2-8 .column ul li .pho img { position: relative; top: 50%; left: 50%; width: 100%; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.col-2-8 .column ul li:nth-child(odd){ float: left;}
.col-2-8 .column ul li:nth-child(2n){ float: right;}
.col-2-8 .morebtn2 { clear: both; margin: 0 auto;text-align: center; display: block;color: #fff;background-color: #c8baa6; font-size: 93%; padding: .3em 0;width: 100%;position: absolute; top:280px; left: 0; }
.col-2-8 .morebtn2:hover {background-color: #a67e5e;}
.col-2-8 .morebtn.all { clear: both; margin: 0 auto 40px;text-align: center; }*/
	
	.col-2-8 .column ul { margin: 20px auto 0; text-align: center;}
.col-2-8 .column ul li {  float: none;margin: 0 auto 50px; width: 100%;}
.col-2-8 .column ul li h3 { margin: 10px auto 0;font-size: 100%;line-height: 1.5;}
.col-2-8 .column ul li h4{ margin: 0;color: #7e6047;font-size: 100%;line-height: 1.5;  }
.col-2-8 .column ul li p { margin: 0;  font-size: 100%;line-height: 1.5;  }
.col-2-8 .column ul li .pho { width: 100%;}
.col-2-8 .column ul li .pho img { width: auto;max-width: 100%;}
.col-2-8 .column ul li:nth-child(odd) { float: none; clear: none; width: 100%; margin-right: 0;}

	

}

/* ---------------------------------------------------------------------------
//  設置事例
--------------------------------------------------------------------------- */
.post-type-archive-example {}
.col-4-1-2 {padding: 60px 0;text-align: center;}
.col-4-1-2 h2{ margin-bottom: 70px;}
.col-4-1-2 .column p { margin-bottom: 20px; }
/*.col-4-1-2 .column ul { margin: 0 auto 30px -40px; }
.col-4-1-2 .column ul li { float: left; margin: 0 auto 0 40px; width: 210px; position: relative;min-height: 330px; }
.col-4-1-2 .column ul li h3 {margin-top: 10px; margin-bottom: 0; width: 210px; text-align: center; font-size: 100%; line-height: 1.5;}
.col-4-1-2 .column ul li p {margin-top: 10px; margin-bottom: 0; width: 210px; text-align: left; }
.col-4-1-2 .column ul li .pho { width: 210px; height: 150px; min-height: 150px; overflow: hidden; }
.col-4-1-2 .column ul li .pho img { position: relative; top: 50%; left: 50%; width: 100%; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.col-4-1-2 .column ul li img:hover { opacity: .7; }
.col-4-1-2 .morebtn2 { clear: both; margin: 0 auto;text-align: center; display: block;color: #fff;background-color: #c8baa6; font-size: 93%; padding: .3em 0;width: 140px;position: absolute; top:240px; left: 35px; }
.col-4-1-2 .morebtn2:hover {background-color: #a67e5e;}
.col-4-1-2 .morebtn.all { clear: both; margin: 0 auto 50px;text-align: center; }*/


.col-4-1-2 .column ul { margin: 0 auto 30px;}
.col-4-1-2 .column ul li { float: left; margin: 0 auto 50px 40px; width: 210px;}
.col-4-1-2 .column ul li h3 {margin-top: 10px; margin-bottom: 0; text-align: center; font-size: 100%; line-height: 1.5;}
.col-4-1-2 .column ul li p {margin-top: 10px; margin-bottom: 0; text-align: left; }
.col-4-1-2 .column ul li .pho { width: 210px; }
.col-4-1-2 .column ul li .pho img {  width: auto;max-width: 210px; }
.col-4-1-2 .column ul li:first-child { float: left; margin-left: 0;}
.col-4-1-2 .column ul li:nth-child(4n+1) { float: left; clear: left; width: 210px; margin-left: 0;}
.col-4-1-2 .column ul li img:hover { opacity: .7; }
.col-4-1-2 .morebtn2 { clear: both; margin: 10px auto 0;text-align: center; display: block;color: #fff;background-color: #c8baa6; font-size: 93%; padding: .3em 0;width: 140px;}
.col-4-1-2 .morebtn2:hover {background-color: #a67e5e;}
.col-4-1-2 .morebtn.all { clear: both; margin: 0 auto 50px;text-align: center; }

/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
.col-4-1-2 { padding: 20px 0;}
.col-4-1-2 h2{ margin-bottom: 30px;}
/*.col-4-1-2 .column ul { margin: 0 auto 0; width: 100%; }
.col-4-1-2 .column ul li { margin: 0 auto 20px; width: 48%; min-height: 250px;}
.col-4-1-2 .column ul li h3 {margin-top: 5px;width: 100%;}
.col-4-1-2 .column ul li p { margin-top: 5px; width: 100%; }
.col-4-1-2 .column ul li .pho { width: 100%; height: 120px; min-height: 120px; overflow: hidden; }
.col-4-1-2 .column ul li .pho img { position: relative; top: 50%; left: 50%; width: 100%; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.col-4-1-2 .column ul li:nth-child(odd){ float: left;}
.col-4-1-2 .column ul li:nth-child(2n){ float: right;}
.col-4-1-2 .morebtn2 { clear: both; margin: 10px auto 0;text-align: center; display: inline-block;color: #fff;background-color: #c8baa6; font-size: 93%; padding: .3em 1em;width: 100%;position: static; top:0; left: 0;}
.col-4-1-2 .morebtn2:hover {background-color: #a67e5e;}
.col-4-1-2 .morebtn.all { clear: both; margin: 30px auto 50px;text-align: center; }*/
	
	.col-4-1-2 .column ul { margin: 0 auto 30px;}
.col-4-1-2 .column ul li { float: none; margin: 0 auto 50px; width: 100%;}
.col-4-1-2 .column ul li h3 {margin-top: 10px; margin-bottom: 0; text-align: center; font-size: 100%; line-height: 1.5;}
.col-4-1-2 .column ul li p {margin-top: 10px; margin-bottom: 0; text-align: left; }
.col-4-1-2 .column ul li .pho { width: 100%; }
.col-4-1-2 .column ul li .pho img {  width: auto;max-width: 100%; }
.col-4-1-2 .column ul li:first-child { float: none; margin-left: 0;}
.col-4-1-2 .column ul li:nth-child(4n+1) { float: none; clear: none; width: 100%; margin-left: 0;}
}

/* ---------------------------------------------------------------------------
//  会社案内
--------------------------------------------------------------------------- */
.profile {padding: 40px 0; }
.profile .inner {text-align: center; background: url(../img/trans-w.png);padding: 30px 180px; width: 600px; margin: 0 auto;}
.profile h2 { font-size: 188%; margin: 0 auto; color: #86673a; font-weight: 400;}
.profile p { margin-bottom: 10px;}
.profile dl { text-align: left; margin-bottom: 30px;}
.profile dl dt { width: 7em; float: left; clear: left; padding: .5em 0 .5em 0; color: #666;}
.profile dl dd { padding: .5em 0 .5em 0;  margin-left: 7em;}
.profile dl dd span.note {font-size: 87%; color: #666; letter-spacing: 0;}
.profile dl dd span.map a { display: inline-block; margin-left: 10px;color: #fff;background-color: #c8baa6;font-size: 87%; padding: .2em 1em; border-radius: .5em; line-height: 1.5; }
.profile dl dd span.map a:hover {background-color: #a67e5e;}
.telfax iframe {width:100%; height: 500px;border: none; margin: 50px auto 0; }
/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
.profile {padding:40px 0; }
.profile .inner {text-align: center; background: url(../img/trans-w.png);padding: 10px 10px; width: 100%; margin: 0 auto;}
.profile h2 { font-size: 125%; width: 100%;margin: 20px auto 15px; }
.profile dl { text-align: center; }
.profile dl dt { width: 99%; float: none; clear: none; padding: .5em 0; display: inline-block; background-color: #ddd;text-align: center; }
.profile dl dd { padding: .5em 0 .5em 0;margin-left: 0; margin-bottom: 20px;}
.profile dl dd span.note {font-size: 100%; color: #666; letter-spacing: 0; display: inline-block; margin-top: 15px;}
.profile dl dd span.map a { display: block;width: 50%;text-align: center; margin:20px auto 0;color: #fff;background-color: #c8baa6;font-size: 100%; padding: .5em 0; border-radius: .5em; line-height: 1.1; }
.telfax iframe {width: 100%; height: 350px;border: none; margin: 20px auto 0; }
}

/* ---------------------------------------------------------------------------
//  トピックス  /  トレーラーハウス通信
--------------------------------------------------------------------------- */
.col-4-1-8 {padding: 60px 0;text-align: center;}
.col-4-1-8 h2{ margin-bottom: 70px;}
/*.col-4-1-8 .column ul { margin: 0 auto 0 -40px; text-align: center;}
.col-4-1-8 .column ul li { float: left; margin: 0 auto 0 40px; width: 210px; min-height: 490px; position: relative;}
.col-4-1-8 .column ul li h3 { margin-top: 10px; margin-bottom: 0; width: 210px;color: #000; font-size: 100%;line-height: 1.5; max-height: 4.5em; overflow: hidden;}
.col-4-1-8 .column ul li time{ display: block; color: #7e6047;font-family: 'Open Sans', sans-serif; font-size: 90%;}
.col-4-1-8 .column ul li p {margin-top: 10px; margin-bottom: 0; width: 210px; position: absolute; top:260px; left: 0;font-size: 100%;line-height: 1.5;  }
.col-4-1-8 .column ul li .pho { width: 210px; height: 150px; min-height: 150px; overflow: hidden; }
.col-4-1-8 .column ul li .pho img { position: relative; top: 50%; left: 50%; width: 100%; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.col-4-1-8 .column ul li:hover { opacity: .7;}*/

.col-4-1-8 .column ul { margin: 0 auto; text-align: center;}
.col-4-1-8 .column ul li { float: left; margin: 0 auto 40px 40px; width: 210px;}
.col-4-1-8 .column ul li h3 { margin-top: 10px; margin-bottom: 0;color: #000; font-size: 100%;line-height: 1.5;}
.col-4-1-8 .column ul li time{ display: block; color: #7e6047;font-family: 'Open Sans', sans-serif; font-size: 90%;}
.col-4-1-8 .column ul li p {margin-top: 10px; margin-bottom: 0; font-size: 100%;line-height: 1.5;  }
.col-4-1-8 .column ul li .pho { width: 210px;}
.col-4-1-8 .column ul li .pho img {width: auto;max-width: 210px; }
.col-4-1-8 .column ul li:first-child { float: left; margin-left: 0;}
.col-4-1-8 .column ul li:nth-child(4n+1) { float: left; clear: left; width: 210px; margin-left: 0;}
.col-4-1-8 .column ul li:hover { opacity: .7;}


/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
.col-4-1-8 { padding: 20px 0;}
.col-4-1-8 h2{ margin-bottom: 30px;}
/*.col-4-1-8 .column ul { margin: 0 auto 0; width: 100%; }
.col-4-1-8 .column ul li { margin: 0 auto 20px; width: 48%; min-height: 450px;}
.col-4-1-8 .column ul li h3 {margin-top: 5px;width: 100%;}
.col-4-1-8 .column ul li p { margin-top: 5px; width: 100%;top:220px; left: 0;}
.col-4-1-8 .column ul li .pho { width: 100%; height: 120px; min-height: 120px; overflow: hidden; }
.col-4-1-8 .column ul li .pho img { position: relative; top: 50%; left: 50%; width: 100%; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.col-4-1-8 .column ul li:nth-child(odd){ float: left;}
.col-4-1-8 .column ul li:nth-child(2n){ float: right;}*/
	
	.col-4-1-8 .column ul { margin: 0 auto; text-align: center;}
.col-4-1-8 .column ul li { float: none; margin: 0 auto 50px; width: 100%;}
.col-4-1-8 .column ul li h3 { margin-top: 10px; margin-bottom: 0;color: #000; font-size: 100%;line-height: 1.5;}
.col-4-1-8 .column ul li time{ display: block; color: #7e6047;font-family: 'Open Sans', sans-serif; font-size: 90%;}
.col-4-1-8 .column ul li p {margin-top: 10px; margin-bottom: 0; font-size: 100%;line-height: 1.5;  }
.col-4-1-8 .column ul li .pho { width: 100%;}
.col-4-1-8 .column ul li .pho img {width: auto;max-width: 100%; }
.col-4-1-8 .column ul li:first-child { float: none; margin-left: 0;}
.col-4-1-8 .column ul li:nth-child(4n+1) { float: none; clear: none; width: 100%; margin-left: 0;}
.col-4-1-8 .column ul li:hover { opacity: .7;}
	
}

/* ---------------------------------------------------------------------------
//  contact
--------------------------------------------------------------------------- */
.contactform {background: url(../img/formimg.jpg) center center no-repeat; background-size: cover; padding: 40px 0; }
.contactform .inner {text-align: center; background: url(../img/trans-w.png);padding: 30px 180px; width: 600px; margin: 0 auto;}
.contactform h2 { font-size: 188%; margin: 0 auto; color: #86673a; font-weight: 400;}
.contact .contactform h2 {margin: 0 auto 30px;}
.contactform p { margin-bottom: 30px;}
.wpcf7-form-control-wrap{ display: inline-block; padding: 5px 0;}
.contactform input[type="text"]:focus,
.contactform input[type="email"]:focus,
.contactform input[type="tel"]:focus,
.contactform textarea:focus { background:#fff; }
.contactform input[type="text"],
.contactform input[type="email"],
.contactform input[type="tel"],
.contactform textarea {  border: 1px solid #c0c0c0; vertical-align: middle; width: 95%; background: url(../img/trans-w.png); padding: 5px; }
.contactform input[type="submit"] { border: none; display: inline-block; background-color: #c8baa6; font-size: 100%; padding: .5em 3em;color: #fff; text-align: center; margin: 30px auto; min-width: 280px; }
.contactform input[type="submit"]:hover {background-color: #a67e5e; cursor: pointer; }
.contact .contactform {background:none; padding: 40px 0; }
.telfax{ background-color: #fff; padding: 50px 0 70px; text-align: center; }
.telfax p.pc{ margin-bottom: 30px;}
.telfax .pc span{ font-size: 200%;font-family:YuMincho,'Yu Mincho',serif;}

.captcha-769 input[type="text"]{ display: block; border: 1px solid #c0c0c0; vertical-align: middle;
	 background: url(../img/trans-w.png); padding: 5px; 
	width: 40%;
	margin: 0 auto; text-align: center;
}
p.scaptcha{margin: 0 auto;}
p.scaptcha span{font-size: 80%;}

/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
.contactform {background:none;padding: 0; }
.contactform .inner {text-align: center; background: url(../img/trans-w.png);padding: 10px 10px; width: 100%; margin: 0 auto;}
.contactform h2 { font-size: 125%; width: 100%;margin: 20px auto 15px; }
.contactform p { }
.contactform input[type="text"]:focus,
.contactform input[type="email"]:focus,
.contactform input[type="tel"]:focus,
.contactform textarea:focus { background:none; background-color: #fff; }
.contactform input[type="text"],
.contactform input[type="email"],
.contactform input[type="tel"],
.contactform textarea {  border: 1px solid #c0c0c0; vertical-align: middle; width: 100%; padding: 5px;}
.contactform input[type="submit"] { margin: 30px auto; min-width: 0;width: 77%; }
.telfax{ background-color: #fff; padding: 30px 0 40px; text-align: center; }
.telfax p.sh{margin-bottom: 15px;}
.telfax .sh span{ font-size: 157%;font-family:YuMincho,'Yu Mincho',serif;}
}

/* ---------------------------------------------------------------------------
//  privacy
--------------------------------------------------------------------------- */
.policy .inner { background: url(../img/trans-w.png);padding: 30px 130px 60px; width: 700px; margin: 40px auto;}
.policy .note {background: #f0eae0; padding: 30px 50px 20px;margin: 30px auto 60px;}
.policy h3 { font-size: 157%;color: #7e6047; font-weight: 400; margin: 30px auto 10px;}
.policy p {padding: 0 0 .8em 0; }
.policy ul { padding-bottom: 20px;}
.policy ul li { line-height: 1.5; }
/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
.policy .inner {padding: 30px 10px 60px; width: 100%;}
.policy .note {padding: 20px 10px 10px;margin: 0 auto 0;}
.policy h3 { font-size: 132%;}
.policy ul { padding-bottom: 10px;}
}

/* ---------------------------------------------------------------------------
//  single
--------------------------------------------------------------------------- */
.sin {padding: 40px 0; }
.sin .col-left { width: 620px; float: left; margin-bottom: 50px;}
.sin .col-left .main img {width: 620px; margin-bottom: 4px;}
.sin .col-left ul {margin-left: -4px;  }
.sin .col-left ul li { width: 204px; height: 135px; min-height: 135px; overflow: hidden;float: left; margin: 0 0 4px 4px; padding: 0;  }
.sin .col-left ul li img { position: relative; top: 50%; left: 50%; width: 100%; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.sin .col-left img:hover { opacity: .7;}
.sin .col-right { width: 300px; float: right;margin-bottom: 50px;}
.sin .col-right h3{ font-size: 138%; margin-bottom: 20px; line-height: 1.5;}
.sin .col-right .cap{ background-color: #c0a57a; color: #fff; text-align: center; padding: 10px; }
.sin .col-right .detail0{border-bottom: 1px solid #c0c0c0; margin: 20px auto; padding-bottom: 20px;  }
.sin .col-right .detail1{margin: 20px auto; }
.sin .col-right .detail2{background-color: #dcd4c8; margin: 20px auto;padding: 15px;  }
.sin .col-right .detail3{margin: 20px auto;  }
.sin .col-right .detail2 h4 { font-weight: 700;}
.sin .col-right .detail3 h4 { font-weight: 700;}
.sin .morebtn { clear: both; margin: 50px auto;text-align: center;  }
.sin .morebtn a { display: block;color: #fff;background-color: #c8baa6; font-size: 93%; padding: .5em 0; color: #fff; text-align: center; }
.sin .morebtn a:hover {background-color: #a67e5e;}
/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
.sin {padding: 40px 0; }
.sin .col-left { width: 100%; float: none; margin-bottom: 30px;}
.sin .col-left .main img {width: 100%; margin-bottom: 10px;}
.sin .col-left ul {margin-left: 0; text-align: center;  }
.sin .col-left ul li { width: 100%; height: auto; min-height: 0; overflow: hidden;margin: 0 0 10px 0; padding: 0;float: none; }
.sin .col-left ul li img { position: relative; top: 0; left: 0; width: auto; height: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);  position: static;}
.sin .col-left img:hover { opacity: 1;}
.sin .col-right { width: 100%; float: none;margin-bottom: 30px;}
.sin .morebtn { margin: 30px auto;}
}

/* ---------------------------------------------------------------------------
//  news-content
--------------------------------------------------------------------------- */
.news-content {}
.news-content h3 {font-size: 188%; margin-bottom: 20px; line-height: 1.5; font-weight: 400;}
.news-content time {display: block; color: #7e6047;font-family: 'Open Sans', sans-serif; font-size: 90%; text-align: right;}
.news-content .news-thum { margin: 20px auto;}
.news-content .news-thum img:hover { opacity: 1;}
.news-content .col-right ul {margin-bottom: 10px; }
.news-content .col-right ul li {  margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #c0c0c0; }
/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
.news-content {}
.news-content h3 {font-size: 157%; margin-bottom: 10px; line-height: 1.5; font-weight: 400;}
.news-content .col-right { display: none;}
}
.paging { clear: both; text-align: center; margin-bottom: 100px;margin-top: 30px; }
.wp-pagenavi { clear: both; padding-top: 0; margin-bottom: 30px; font-family: 'Niconne', cursive;font-weight: 400;font-size: 80%;}
.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #eee; padding: 2px 5px; margin: 2px; border-radius: 2px; background-color: #fff;color: #666;  }
.wp-pagenavi a { color: #666; }
.wp-pagenavi a:hover {border: 1px solid #999; color: #333;}
.wp-pagenavi a:hover, .wp-pagenavi span.current { border: 1px solid #999;color: #333;}
.wp-pagenavi span.current { font-weight: 700;  }

/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
.paging { clear: both; text-align: center; margin-bottom: 30px; margin-top: 30px; }
.wp-pagenavi {font-size: 100%;}
}

/* ---------------------------------------------------------------------------
//  gallery
--------------------------------------------------------------------------- */
.gallery {padding: 0 0 40px; }
.gallery .inner {text-align: center;margin: 0 auto;}
.gallery h2 { font-size: 188%; margin: 50px auto 20px; color: #86673a; font-weight: 400;}
.gallery ul.kako { margin: 0 auto; text-align: center;}
.gallery ul.kako li { float: left; margin: 0 auto 20px 40px; width: 210px;}
.gallery ul.kako li .photo { width: 210px;}
.gallery ul.kako li .photo img {width: auto;max-width: 210px; }
.gallery ul.kako li:first-child { float: left; margin-left: 0;}
.gallery ul.kako li:nth-child(4n+1) { float: left; clear: left; width: 210px; margin-left: 0;}
.gallery ul.kako li:hover { opacity: 1;}
/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
.gallery {padding: 0 0 40px; }
.gallery h2 { font-size: 157%; margin: 0 auto 20px; color: #86673a; font-weight: 400;}
.gallery ul.kako { margin: 0 auto; text-align: center;}
.gallery ul.kako li { float: none; margin: 0 auto 10px 0; width: 100%;}
.gallery ul.kako li .photo { width: 100%;}
.gallery ul.kako li .photo img {width: auto;max-width: 100%; }
.gallery ul.kako li:first-child { float: none; margin-left: 0;}
.gallery ul.kako li:nth-child(4n+1) { float: none; clear: none; width: 100%; margin-left: 0;}
.gallery ul.kako li:hover { opacity: 1;}

.gallery ul.kako li { float: left; margin: 0 auto 10px 0; width: 48%;}
.gallery ul.kako .photo img { width: auto;max-width: 210px;}
.gallery ul.kako li:nth-child(4n+1) { float: none; clear: none; width: 48%; margin-left: 0;}
.gallery ul.kako li:nth-child(odd) { float: left; clear: left;margin-right: 2%;}
}


/* ---------------------------------------------------------------------------
//  選ばれる理由
--------------------------------------------------------------------------- */
.reason4 {padding: 40px 0; }
.reason4 .inner {text-align: center; background: url(../img/trans-w.png);padding: 30px 180px; width: 600px; margin: 0 auto;}
.reason4 h2 { font-size: 188%; margin: 0 auto; color: #86673a; font-weight: 400;}
.reason4 p { margin-bottom: 20px;}
.reason4 dl { text-align: left; }
.reason4 dl dt { width: 7em; float: left; clear: left; padding: .5em 0 .5em 0; color: #666;}
.reason4 dl dd { padding: .5em 0 .5em 0;  margin-left: 7em;}
.reason4 dl dd span.note {font-size: 87%; color: #666; letter-spacing: 0;}
.reason4 dl dd span.map a { display: inline-block; margin-left: 10px;color: #fff;background-color: #c8baa6;font-size: 87%; padding: .2em 1em; border-radius: .5em; line-height: 1.5; }

.reason4 h4 { background-color: #fff3b1; padding: 10px; margin-bottom: 30px; font-size: 16px;}
.reason4 .hr {padding: 50px 0; }
.reason4 h3.f1  {background: url(../img/top-feature1.jpg) right top no-repeat; min-height: 90px;}
.reason4 h3.f2  {background: url(../img/top-feature2.jpg) right top no-repeat; min-height: 90px;}
.reason4 h3.f3  {background: url(../img/top-feature3.jpg) right top no-repeat; min-height: 90px;}
.reason4 h3.f4  {background: url(../img/top-feature4.jpg) right top no-repeat; min-height: 90px;}


/* ----------------------------------------------- */
@media screen and (max-width: 460px) {
.reason4 {padding:40px 0; }
.reason4 .inner {text-align: center; background: url(../img/trans-w.png);padding: 10px 10px; width: 100%; margin: 0 auto;}
.reason4 h2 { font-size: 125%; width: 100%;margin: 20px auto 15px; }
.reason4 dl { text-align: center; }
.reason4 dl dt { width: 99%; float: none; clear: none; padding: .5em 0; display: inline-block; background-color: #ddd;text-align: center; }
.reason4 dl dd { padding: .5em 0 .5em 0;margin-left: 0; margin-bottom: 20px;}
.reason4 dl dd span.note {font-size: 100%; color: #666; letter-spacing: 0; display: inline-block; margin-top: 15px;}
.reason4 dl dd span.map a { display: block;width: 50%;text-align: center; margin:20px auto 0;color: #fff;background-color: #c8baa6;font-size: 100%; padding: .5em 0; border-radius: .5em; line-height: 1.1; }
.reason4 h3 {text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,0px 1px 0 #fff,0 -1px 0 #fff,1px 0 0 #fff,-1px 0px 0 #fff;}
.reason4 .hr {padding: 25px 0;}
.reason4 h3.f1  {background: url(../img/top-feature1.jpg) right top no-repeat; min-height: 90px;}
.reason4 h3.f2  {background: url(../img/top-feature2.jpg) right top no-repeat; min-height: 90px;}
.reason4 h3.f3  {background: url(../img/top-feature3.jpg) right top no-repeat; min-height: 90px;}
.reason4 h3.f4  {background: url(../img/top-feature4.jpg) right top no-repeat; min-height: 90px;}
}