/* IMPORT */
@import url("reset.css");

/* ===================================================================
 style info : 全体スタイル

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/********************************************************************/
/*基本レイアウト*/

/*ブラウザサイズ960以上はスクロールバーを出さない*/
body { margin:0; padding:0; overflow-x:hidden; }
@media ( max-width : 1050px ) {
	body {
	overflow-x:inherit;
	}
}

html {
	background-image: url(../images/common/main_bg.jpg);
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: center top;
	background-color: #8b6343;
}
html, body { height:100%;}


.pc {
	display:initial;
}
.sp {
	display:none;
}

@media ( max-width : 1050px ) {
	.pc {
		display:none;
	}
	.sp {
		display:initial;
	}
}


#imgContent{ display:none; }



/********************************************************************/
/*基本設定*/
/*div, a {
    transition: 0.5s ease-out;
}*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  /*font-family: 'Noto Sans JP', sans-serif, serif;*/
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif !important;
}

body {
font-size: 13px/1.231;
/*font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
color:#635a50;
}

.mincho {
font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
}
.gothic {
font-family: "Noto Sans JP", Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-weight: 300 !important;
}
select, input, button, textarea {
font-size: 99％;
font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
p.txt_big {
/*font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
font-size:145%;
line-height: 2;
font-weight: 400;
text-align: justify;
text-justify: inter-ideograph;
-ms-text-justify: inter-ideograph;
}
p.txt_big2 {
/*font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
font-size:145%;
line-height: 2;
font-weight: 400;
}
p.txt_medium {
/*font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
font-size:140%;
letter-spacing:1px;
line-height: 1.8;
font-weight: 400;
}
p.txt_wht {
color:#fff;
}
h2.sec_title {
font-size:190%;
line-height: 1.7;
font-weight:400;
letter-spacing: 3px;
margin-bottom:2em;
}
@media screen and (max-width: 759px) {
p.txt_big {
font-size:110%;
}
p.txt_big2 {
font-size:110%;
}
p.txt_medium {
font-size:105%;
}
h2.sec_title {
font-size:130%;
line-height: 1.6;
font-weight:400;
letter-spacing: 0.5px;
margin-bottom:1.5em;
}
}

table {
font-size: inherit;
}
pre, code, kbd, samp, tt {
font-family: monospace;
line-height: 100%;
}
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt90 { margin-top:90px; }
.mt100 { margin-top:100px; }
.mt1em { margin-top:1em; }
.mt2em { margin-top:2em; }
.mt3em { margin-top:3em; }
.mt4em { margin-top:4em; }
.mt6em { margin-top:6em; }
.mt8em { margin-top:8em; }
.mt10em { margin-top:10em; }

.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }
.mr50 { margin-right:50px; }
.mr60 { margin-right:60px; }
.mr70 { margin-right:70px; }
.mr80 { margin-right:80px; }
.mr90 { margin-right:90px; }
.mr100 { margin-right:100px; }

.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb90 { margin-bottom:90px; }
.mb100 { margin-bottom:100px; }
.mb2em { margin-bottom:2em; }
.mb3em { margin-bottom:3em; }
.mb4em { margin-bottom:4em; }
.mb6em { margin-bottom:6em; }
.mb8em { margin-bottom:8em; }

.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }
.ml60 { margin-left:60px; }
.ml70 { margin-left:70px; }
.ml80 { margin-left:80px; }
.ml90 { margin-left:90px; }
.ml100 { margin-left:100px; }

.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pt70 { padding-top:70px; }
.pt80 { padding-top:80px; }
.pt90 { padding-top:90px; }
.pt100 { padding-top:100px; }
.pt1em { padding-top:1em; }
.pt2em { padding-top:2em; }
.pt3em { padding-top:3em; }
.pt4em { padding-top:4em; }

.pr10 { padding-right:10px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr40 { padding-right:40px; }
.pr50 { padding-right:50px; }
.pr60 { padding-right:60px; }
.pr70 { padding-right:70px; }
.pr80 { padding-right:80px; }
.pr90 { padding-right:90px; }
.pr100 { padding-right:100px; }

.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }
.pb60 { padding-bottom:60px; }
.pb70 { padding-bottom:70px; }
.pb80 { padding-bottom:80px; }
.pb90 { padding-bottom:90px; }
.pb100 { padding-bottom:100px; }
.pb1em { padding-bottom:1em; }
.pb2em { padding-bottom:2em; }
.pb3em { padding-bottom:3em; }
.pb4em { padding-bottom:4em; }

.pl10 { padding-left:10px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.pl50 { padding-left:50px; }
.pl60 { padding-left:60px; }
.pl70 { padding-left:70px; }
.pl80 { padding-left:80px; }
.pl90 { padding-left:90px; }
.pl100 { padding-left:100px; }

.txt_center {
text-align: center;
}
.txt_left {
text-align: left;
}
.txt_right {
text-align: right;
}

img { vertical-align:bottom; }
img { -ms-interpolation-mode: bicubic; }

sup,
sub {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
 font-size:60%;
}
sup { bottom: 1ex; }
sub { top: .5ex; }
.display_none { display: none; }
.display_block { display: block; }

/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
* { 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(boxsizing.htc); 
}

/*	SELF CLEARING FLOATS - CLEARFIX METHOD */
.container:after,
.row:after, 
.col:after, 
.clr:after, 
.g_navi,
.group:after { 
content: ""; 
display: table; 
clear: both; 
}


/* clerfix */
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cf {
	display: inline-table;
}
* html .cf {
	height: 1%;
}
.cf {
	display: block;
}
.float_clear{
	clear:both;
	float:none;
}


.float_l {
float:left;
}
.float_r {
float:right;
}
.position_a {
position:absolute;
}
.position_r {
position:relative;
}

a.hover:hover img {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
-o-opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
opacity: 0.5;
}

.bg_dark {
	background-attachment: fixed;
	background-color: #8b6343;
	background-image: url(../images/common/main_bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
.bg_light {
	background-attachment: fixed;
	background-color: #8b6343;
	background-image: url(../images/common/main_bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}


.pic_caption {
    position: absolute;
    bottom: 5px;
    right: 15px;
}



@media screen and (max-width: 1050px) {

	.header_inner {
	padding:0 15px 0 15px;
	}
	.footer_inner {
	padding:15px 15px 15px 15px;
	}
	.contents_inner {
	padding:15px 15px 0 15px;
	}
}

@media screen and (max-width: 759px) {
	body {
		font-size:85%;
	}
}


@media screen and (max-width: 1050px) {


	/********************************************************************/
	/*キャプション*/
	.pic_caption {
	position: absolute;
	bottom:5px;
	right:15px;
	color:#7a6a56;
	}
	/*トップBIGバナーキャプション*/
	.bn_inner p.pic_caption {
	position: absolute;
	bottom:4px;
	right:4px;
	color:#786E59;
	font-size:80%;
	margin-bottom:0px !important;
	z-index: 2;
	}
}





@media screen and (max-width: 759px) {
	.caption {
	font-size:70%;
	}
	p.pic_caption {
	bottom:5px;
	right:5px;
	margin-bottom:0px !important;
	font-size:70%;
	}
	/*トップBIGバナーキャプション*/
	.bn_inner p.pic_caption {
	font-size:60%;
	margin-bottom:0px !important;
	}
}