﻿
html,body {
	height: 100%;
	margin:0px;
	padding:0px;
}
body{
	width:100%;
	font-family: 'Zen Old Mincho', serif;
	color: #FFF;
	font-weight: 400;
	line-height: 170%;
	font-size: 100%;
	letter-spacing: 1px;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background-attachment: fixed;
	background-image: url(../img/common/bg02.jpg);
	background-size: 140px 140px;
    background-position: top center;
	background-color: #000;
}



body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, ul {
	margin: 0;
	padding: 0;
}


*{
	margin:0px;
	padding:0px;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

table {/* IE6用 */
	font-size:100%;
	line-height:170%;
}
table td{ vertical-align:top;}
th{text-align:left;}

a,a:link,a:active,a:visited{
	color:#c5b385;
	text-decoration:none;
}
a:hover{
	color:#c5b385;
	text-decoration:underline;
	transition: all 0.4s;
}

img{
	border:0px;
	vertical-align:top;
}

a:hover img {
	opacity: 0.6;
	transition: all 0.4s;
}


li{list-style:none}





/*utility*/
/*------------------------------------------------------------------------------*/

.m3 { margin-bottom:3px;}
.m4 { margin-bottom:4px;}
.m5 { margin-bottom:5px;}
.m6 { margin-bottom:6px;}
.m7 { margin-bottom:7px;}
.m8 { margin-bottom:8px;}
.m9 { margin-bottom:9px;}
.m10 { margin-bottom:10px;}
.m15 { margin-bottom:15px;}
.m20 { margin-bottom:20px;}
.m25 { margin-bottom:25px;}
.m30 { margin-bottom:30px;}
.m35 { margin-bottom:35px;}
.m40 { margin-bottom:40px;}
.m45 { margin-bottom:45px;}
.m50 { margin-bottom:50px;}
.m60 { margin-bottom:60px;}
.m70 { margin-bottom:70px;}
.m80 { margin-bottom:80px;}
.m90 { margin-bottom:90px;}
.m100 { margin-bottom:100px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt40 { margin-top:40px;}
.mt45 { margin-top:45px;}
.mt50 { margin-top:50px;}
.mt100 { margin-top:100px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml35 { margin-left:35px;}
.ml40 { margin-left:40px;}
.ml45 { margin-left:45px;}
.ml50 { margin-left:50px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr35 { margin-right:35px;}
.mr40 { margin-right:40px;}
.mr45 { margin-right:45px;}
.mr50 { margin-right:50px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}
.pt35 { padding-top:35px;}
.pt40 { padding-top:40px;}
.pt45 { padding-top:45px;}
.pt50 { padding-top:50px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}
.pb30 { padding-bottom:30px;}
.pb35 { padding-bottom:35px;}
.pb40 { padding-bottom:40px;}
.pb45 { padding-bottom:45px;}
.pb50 { padding-bottom:50px;}

.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl25 { padding-left:25px;}
.pl30 { padding-left:30px;}
.pl35 { padding-left:35px;}
.pl40 { padding-left:40px;}
.pl45 { padding-left:45px;}
.pl50 { padding-left:50px;}

.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr25 { padding-right:25px;}
.pr30 { padding-right:30px;}
.pr35 { padding-right:35px;}
.pr40 { padding-right:40px;}
.pr45 { padding-right:45px;}
.pr50 { padding-right:50px;}

.mtb10 { margin:10px 0;}
.mtb20 { margin:20px 0;}
.mtb30 { margin:30px 0;}

.ptb10 { padding:10px 0;}
.ptb20 { padding:20px 0;}
.ptb30 { padding:30px 0;}

.flt { float:left;}
.flr { float:right;}

.txt_l, td.txt_l, .txt_l td{ text-align:left;}
.txt_r, td.txt_r, .txt_r td{ text-align:right;}
.txt_c, td.txt_c, .txt_c td{ text-align:center;}

.valign_t, td.valign_t, .valign_t td{ vertical-align:top;}
.valign_m, td.valign_m, .valign_m td{ vertical-align:middle;}
.valign_b, td.valign_b, .valign_b td{ vertical-align:bottom;}

.clear{clear:both;}

.clearfix:before, .clearfix:after { content: ""; display: block; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.section{width:100%; clear:both;}
.section:before, .section:after { content: ""; display: block;}
.section:after { clear: both; }

.pb img{border:#CCC solid 1px;}
.pb2 img{border:#CCC solid 1px; padding:1px;}

.fs80{font-size:80%;}
.fs90{font-size:90%;}
.fs110{font-size:110%;}
.fs120{font-size:120%;}
.fs140{font-size:140%;}
.fs150{font-size:150%;}
.fs170{font-size:170%;}
.fs200{font-size:200%;}

.fs80b{font-size:80%; font-weight:bold;}
.fs90b{font-size:90%; font-weight:bold;}
.fs110b{font-size:110%; font-weight:bold;}
.fs120b{font-size:120%; font-weight:bold;}
.fs140b{font-size:140%; font-weight:bold;}
.fs150b{font-size:150%; font-weight:bold;}
.fs200b{font-size:200%; font-weight:bold;}

.fs_b{font-weight:bold;}

.underline{text-decoration:underline;}
.linethrough{text-decoration:line-through;}

.gold {color: #c5b385;}
.gold_bold {color: #c5b385; font-weight:bold;}
.wht {color: #FFFFFF;}
.wht_bold {color: #FFFFFF; font-weight:bold;}
.blk {color: #111;}
.blk_bold {color: #111; font-weight:bold;}
.gray {color: #7c7c7c;}
.gray_bold {color: #7c7c7c; font-weight:bold;}
.orange {color: #FF9900;}
.orange_bold {color: #FF9900; font-weight:bold;}
.yellow{color: #fbf39e;}
.yellow_bold{color: #fbf39e; font-weight:bold;}
.green{color: #00c300;}
.green_bold{color: #00c300; font-weight:bold;}
.red{color: #ee2737;}
.red_bold{color: #ee2737; font-weight:bold;}
.pink{color: #f36f96;}
.pink_bold{color: #f36f96; font-weight:bold;}


.type_none li{list-style:none;}
.type_disc li{ list-style-type:disc; margin-left:20px;}
.type_square li{ list-style-type:square; margin-left:17px;}
.type_decimal li{ list-style-type:decimal; margin-left:25px;}


.PC{
	display: block;
}
.SP{
	display: none;
}

@media screen and (max-width: 767px) {
	.PC{
		display: none;
	}
	.SP{
		display: block;
	}
}

/*--------------------------------------*
* telリンク
*--------------------------------------*/

a[href*="tel:"] {
	pointer-events: none;
}
@media only screen and (max-width: 767px) {
	a[href*="tel:"] {
		pointer-events: initial;
	}
}


/*--------------------------------------*
* font
*--------------------------------------*/

@font-face {
    font-family: "didotltstd";
    src: url("../font/didotltstd-italic-webfont.eot?#iefix") format("embedded-opentype"), 
    url("../font/didotltstd-italic-webfont.woff") format("woff"), 
    url("../font/didotltstd-italic-webfont.ttf") format("truetype");
}

@font-face {
    font-family: "sylfaen";
    src: url("../font/sylfaen.eot?#iefix") format("embedded-opentype"), 
    url("../font/sylfaen.woff") format("woff"), 
    url("../font/sylfaen.ttf") format("truetype");
}

.F_did{
	font-family: "didotltstd";
}
.F-sylfaen{
	font-family: "sylfaen";
}



.Mincho_400 {/* Zen Old Mincho */
	font-family: 'Zen Old Mincho', serif;
	font-weight: 400;
}
.Mincho_600 {/* Zen Old Mincho */
	font-family: 'Zen Old Mincho', serif;
	font-weight: 600;
}
.Mincho_900 {/* Zen Old Mincho */
	font-family: 'Zen Old Mincho', serif;
	font-weight: 900;
}



.F-eb {
	font-family: "EB Garamond", serif;
	font-optical-sizing: auto;
	font-style: normal;
}

.F-playfair {
	font-family: "Playfair Display", serif;
	font-optical-sizing: auto;
	font-style: normal;
}


