@charset "utf-8";

/* 共通
------------------------------------------------------------*/
*{margin:0;padding:0;font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
*, *:before, *:after { box-sizing: inherit; }
body {color: #000;font-size:16px;line-height:165%;letter-spacing:1px;-webkit-text-size-adjust: 100%;overflow-y: scroll;}
.PcOnly{display: inline-block;} .SpOnly{display: none;}

a {color:#333; text-decoration:none; } a:hover { color:#e0d6d9; }

p{display:block;margin:0 10px 25px;letter-spacing:2px;}
.aligncenter { text-align:center !important; }
.alignright { text-align:right !important; }
.col-white{color:#FFF;}
.col-yel{color:#fff9b0;}
.col-beige{color:#987f75;}
.col-pink{color:#cc3d5f;}
.fontsize50{font-size:80%;line-height: 170%;}
.fontsize85{font-size:85%;}
.fontsize115{font-size:115%;}
.fontsize135{font-size:135%;}
.fontsize165{font-size:165%;}
.fontsize225{font-size:225%;line-height:150%;}
.fontmin{font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;}
.Bold {font-weight:600;}

img { display:block; max-width:100%; }
.imgright { float:right; margin:0 0 15px 60px; }
.imgleft { float:left;margin:0 60px 15px 0; }
.imgcenter{margin:10px auto; }
.imgBorder { border:1px solid #eee; }

.MT40{margin-top:40px;}
.MT80{margin-top:80px;}
.MB40{margin-bottom:40px;}
.MB50{margin-bottom:50px;}
.PD40{padding:40px 0 30px !important;}
.PD50{padding:50px 0 40px !important;}
.PD80{padding:80px 0 60px !important;}
.PD8030{padding:80px 0 60px !important;}

.PD8030 p{padding: 0 50px;letter-spacing: 3px;}

.BtnContact{position: fixed;bottom: 15px;right:15px;}

@media only screen and (max-width:750px){
	p{letter-spacing: 0;font-size:90%;}
	.fontsize50{font-size:50% !important;letter-spacing: 0 !important; line-height: 160% !important;}
	.fontsize85{font-size:85% !important;letter-spacing: 0 !important; line-height: 160% !important;}
	.fontsize115{font-size:95%;}
}

/* リスト ※ */
ul.KomeList {display: block;margin: 0 10px 30px;}
ul.KomeList li {font-size:85%;text-align: left;margin:0 0 8px;letter-spacing: 0.5px; line-height: 140%;padding-left: 1.2em;text-indent: -1.2em;}     
ul.KomeList li::before {content:"※";margin-right:3px;}

/* アニメーションボタン */
a.AnimeBtn {
	display: inline-block;
	text-indent:0 !important;
	padding:18px 30px 15px;
	margin:0 0 10px; 
	line-height:100%;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	background: #e3b019;
	border: 5px solid #faea9f;
	color: #FFF;
	font-size:205%;
	border-radius: 3px;
}
a.AnimeBtn::before,a.AnimeBtn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;
	background:url(../img/bg_kin.jpg);
}
a.AnimeBtn,a.AnimeBtn::before,a.AnimeBtn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
a.AnimeBtn:hover {background-color: #faea9f;border-color: #faea9f;color: #FFF !important;}
a.AnimeBtn::before{right:0;}
a.AnimeBtn::after{left: 0;}
a.AnimeBtn:hover::before, a.AnimeBtn:hover::after{width:0;background-color:#333;}

/* レイアウト
------------------------------------------------------------*/
/* 画像ボックス */
dl.PhotoBox { display:block; }
dl.PhotoBox dt {
	width:50%;
	float:left;
	clear:both;
	margin-bottom:30px;
}
dl.PhotoBox dd {
	width:45%;
	float:right;
	text-align:left;
	margin-bottom:30px;
}
dl.PhotoBox dt img, dl.PhotoBox dd img {
	display:block;
	margin:0 auto 10px;
}

/* 3ボックス */
ul.ThreeBox{
	display: -webkit-flex;
	display: flex;
	align-items:flex-end;
}
ul.ThreeBox li{
	-webkit-flex-direction: row;
	flex-direction: row;
	width:33.3%;
	vertical-align:bottom;
	text-align:center;
}
/* 全体
------------------------------------------------------------*/
#wrapper{display:block;width:100%;height:100%;min-height:100%;margin:0;background:#FFF url("../img/bg_green01.jpg");}
body > div#wrapper { height: auto; }
.inner {width:750px;display:block;margin:0 auto;padding:0;}
.Content{display:block;margin:0;padding:0;}
.BgBeige {background:#e0d6d9;}
.BgPink {background:#b1242f;}
.BgBrown{background:#755246 url(../img/bg_brown.jpg);}
.BgCheck{background:url(../img/bg_check.png);}

/* タイトル
------------------------------------------------------------*/
h1 {display:block;} h1 img, h2 img{margin: 0 auto;}
h2 {display:block;margin: 0 0 10px;text-align: center;}
h3 {
	display:block;
	margin:15px 15px 20px;
	padding:0 10px 3px;
	color:#996c33;
	font-size:105%;
	text-align:left;
	border-bottom:1px dotted #996c33;
}
h3 span{display:block;float:right;font-size:95%;letter-spacing:0;}

/* ヘッダー
------------------------------------------------------------*/
header#header {width:100%;display:block;}
/*header#header .inner{padding:0;}
*/

/* フッター
------------------------------------------------------------*/
#footer{
	width:100%;
	display:block;
	clear:both;
	margin:0;
	padding:0;
    position:absolute;
	background:#cc3d5f;
}
#footer .address {display:block;clear:both;font-size:90%;margin:30px auto 50px;text-align:center;color:#FFF;letter-spacing:1px;}
#footer a{color: #FFF;border-bottom: 1px solid #FFF;}


@media only screen and (max-width:750px){
	.inner { width:96% !important; margin: 0 2%;}
	.inner img.imgright, .inner img.imgleft, .innerS img.imgright, .innerS img.imgleft {float:none;margin:0 auto 15px;}
}
@media only screen and (max-width:480px){
	.PD8030 p{padding: 0 30px;letter-spacing: 2px;}
	.PcOnly{display: none;} .SpOnly{display: inline-block;}
}