@charset "utf-8";

/* 
name: style
designer: Adclip
designer_url: http://adclip.net/ 
*/

body{overflow-x:hidden;}
.mabgray{}

.pan{padding:15px 0; font-size:80%; background:#fff;}
.pan a{color:#888;}

.more{ text-align:right;}
.more a{padding:5px 15px; background:#0075b4; color:#fff; text-align:center;}

header{background:linear-gradient(to right, #eaeaea, #fefefe, #eaeaea);}
header .right a{color:#333;}
header .right a:hover{opacity: 0.5 ;}

footer {background:linear-gradient(to right, #93923f, #5a6f31); color:#fff;}
footer a:hover{text-decoration:underline; color:#fff;}
footer p{line-height:1.5em;}
footer #ftmenu{background:#333;}
footer #ftmenu a{text-align:center; color:#fff;}
footer #ftinfo img{margin-bottom:20px;}
footer #ftinfo a{color:#555;}
footer #copyright{text-align:center; font-size:90%;}
footer #copyright a{color:#fff;}

.pagetb{text-align:center;}
.pagetb .title{font-weight:normal;}

#alpha{background:#fff;}
#beta{text-align:left; font-size:90%; background:#fff;}
.cntitle{}
.cntitle h1{
 	position: relative;
 	border-bottom: 4px solid #000000;
	font-weight:normal;	
}
.cntitle h1::after{
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #847252;
}

.tformb h3{font-feature-settings: "palt";}
.tformb .formbox a{display:block; background:linear-gradient(to right, #93923f, #5a6f31); color:#fff;}

.blct{margin-bottom:15px; padding-bottom:15px; border-bottom:#555 1px dotted;}
.blct a{margin-top:5px; padding:3px 10px; background:#1E2A42; color:#fff; display:inline-block;}
.sidebar{margin-bottom:15px;}
.sidebar h3{padding:10px; margin-bottom:20px; background:linear-gradient(to right, #4c9eca, #0075b4); color:#fff;}


/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 { background:#fafafa; border:1px solid #ddd; padding:30px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
div.wpcf7 p { padding:0 0 20px 0; margin:0; font-size:11px; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:14px; }
div.wpcf7 textarea { width:100%; height:300px; }
.wpcf7-text{width:100%;}
div.wpcf7 input.wpcf7-submit {
   cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
   background:#333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }
.wpcf7-recaptcha{padding-bottom:20px;}
 
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;} 

/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}

.gallerybox img{width:100%;}
.gallerybox h3 {margin-top:10px; font-size:160%;}
.gallerybox p {margin-top:-10px !important;}

/*画像サイズ1080px以上*/
@media  print, screen and (min-width:1080px) {

header .inner-wrap{padding:15px 0; display:flex; justify-content:space-between;}
header .left{width:20%;}
header .right{width:60%; text-align:right;}
header .right a{font-size:240%;}

footer {padding-bottom:30px;}
footer #ftmenu ul{text-align:center; padding:20px 0;}
footer #ftmenu li{display:inline-block; padding:5px 20px; border-right:#bbb4a5 1px solid;}
footer #ftmenu li:last-child{border-right:none;}
footer #ftinfo{padding:80px 0 60px 0; text-align:center;}
footer #ftinfo .ftlink{width:100%; display:flex; justify-content:center; font-size:140%;}
footer #ftinfo .ftlink p{margin:0 10px;}

.pagetb{padding:30px 0;}
.pagetb .title{font-size:200%;}

.tformb{margin-top:40px; text-align:center;}
.tformb h3{margin-bottom:10px; font-size:160%;}
.tformb h3 br{display:none;}
.tformb .formbox a{width:50%; padding:10px; font-size:300%; margin:20px auto 0 auto;}

.gallerybox {margin-top:30px; display:flex; flex-wrap:wrap;}
.gallerybox li{width:33.333%; padding:5px;}

}/*画像サイズ960px以上end*/

/*画像サイズ600px以上960以下*/
@media only screen and (min-width:600px)and (max-width:1080px)  {

header .inner-wrap{padding:15px 10px; display:flex; justify-content:space-between;}
header .left{width:20%;}
header .right{width:60%; text-align:right;}
header .right a{font-size:240%;}

footer {padding-bottom:30px;}
footer #ftmenu ul{text-align:center; padding:20px 0;}
footer #ftmenu li{display:inline-block; padding:5px 20px; border-right:#bbb4a5 1px solid;}
footer #ftmenu li:last-child{border-right:none;}
footer #ftinfo{padding:30px 0; text-align:center;}
footer #ftinfo .ftlink{width:100%; display:flex; justify-content:center; font-size:140%;}
footer #ftinfo .ftlink p{margin:0 10px;}

.pagetb{padding:30px 0;}
.pagetb .title{font-size:200%;}

.tformb{margin-top:20px; text-align:center;}
.tformb h3{margin-bottom:10px; font-size:160%;}
.tformb h3 br{display:none;}
.tformb .formbox a{width:60%; padding:10px; font-size:140%; margin:20px auto 0 auto;}

.gallerybox {margin-top:30px; display:flex; flex-wrap:wrap;}
.gallerybox li{width:33.333%; padding:5px;}


}/*画像サイズ600px以上1080以下end*/
/*画像サイズ600px以下*/
@media only screen and (max-width:600px)  {

header {margin-top:60px;}
header .inner-wrap{padding-top:10px; padding-bottom:10px; text-align:center;}
header .left{margin-bottom:10px; width:100%;}
header .left img{}
header .right{width:100%;}
header .right a{font-size:140%; display:block;}

.pagetb{padding:30px 0;}
.pagetb .title{font-size:160%;}

footer {padding-bottom:30px;}
footer #ftmenu ul{text-align:center; padding:20px 0;}
footer #ftmenu li{display:inline-block; padding:5px 20px; border-right:#bbb4a5 1px solid;}
footer #ftmenu li:last-child{border-right:none;}
footer #ftinfo{padding:30px 0; text-align:center;}
footer #ftinfo .ftlink{width:100%; font-size:140%;}
footer #ftinfo .ftlink p{margin:0 10px;}

.tformb{text-align:center;}
.tformb h3{margin-bottom:10px; font-size:140%;}
.tformb p{ text-align:left;}
.tformb .formbox a{margin-top:20px; width:100%; padding:10px; font-size:120%;}

.gallerybox {margin-top:30px; display:flex; flex-wrap:wrap;}
.gallerybox li{width:50%; padding:5px;}

}