/*┌──────────────────────────────────────
/*│  共通スタイルシート v0.0.1 (2017/01/05)
/*│  common.css
/*└─────────────────────────────────────*/

/*============================================================================*/
/*                              [ 基本設定関係 ]                              */
/*============================================================================*/

/*-- [ 文字コード ] ----------------------------------------------------------*/
@charset 'UTF-8';

/*-- [ 共通 ] ----------------------------------------------------------------*/
*{
	padding:0;
	margin:0;
	word-break: break-all;/* IEのみ言語に関係なく表示範囲に合わせて改行されます。 */
}


/* ボックスサイズ算出方法指定 */
/* border-box：paddingとborderの幅を要素の幅と高さに含める */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}
body , html {height: 100%;}/* フッター最下部用 */

li{list-style-type: none;}
img{
	border:none;
	max-width: 100%;
}
p {margin-bottom:10px;}
table {empty-cells: show;}
a{text-decoration: none;}
a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	  -moz-opacity: 0.7;
	cursor: pointer;/* Safariバグ対策 */
}

hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
iframe {vertical-align: bottom;}/* 下に隙間ができる対策 */
.ios {coursor:pointer;}
/*-- [ 文字 ] ----------------------------------------------------------------*/
html {font-size: 62.5%;} /* rem単位ベース10px指定 */

h1,h2,h3,h4,h5,h6 {font-size: 100%;} /* リセット */

/* 文字サイズを固定にする。 */
body {
	-webkit-text-size-adjust:100%;/* 文字の大きさを固定する指定 */
	font-size: 16px; font-size: 1.6rem;
	color:#444444;
}

html, body, table {
	font-family: Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

h1, h2, h3 {line-height: 125%;}
/*
h1, h2, main>article>p {
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
*/
h1 {font-size: 32px; font-size: 3.2rem;}
h2 {font-size: 24px; font-size: 2.4rem;}
h3 {font-size: 12px; font-size: 1.2rem;}

main>article>p {
	/*font-size: 18px; font-size: 1.8rem;*/
	line-height : 150%;
	/*margin-bottom: 18px; margin-bottom: 1.8rem;*/
}

main>article>section {
	font-size: 16px; font-size: 1.6rem;
	line-height : 125%;
}


article, section, aside {padding:10px;}
a {color:#3A519D;}

/* 固定ヘッダーでアンカースクロールのズレを修正（ヘッダー高さ指定） */
.Zure {
/*
	margin-top: -80px;
	padding-top: 80px;
*/
}
@media screen and (max-width: 767px){
	article, section, aside {padding:10px 20px;}
}
/*-- [ 画像 ] ----------------------------------------------------------------*/
figcaption {
	font-size: 12px; font-size: 1.2rem;
	line-height : 125%;
	margin-bottom:10px;
}
article>figure figcaption {
	font-size: 14px; font-size: 1.4rem;
}

a>figcaption:before {
	font-family: FontAwesome; /* アイコンフォント */
	content: "\f030"; /* カメラマーク */
	margin-right: 0.5rem;
}
figure img {
	overflow: hidden;
	        border-radius: 8px;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
}

/*-- [ フォームオブジェクト ] ------------------------------------------------*/
form {
	margin        : 0px;
	padding       : 0px;
	font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
}

input, select, textarea {
	margin        : 0px;
	letter-spacing: 1px;
	font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
}
@media screen and (max-width: 767px){
	input, select, textarea {width:100%;}
}

.LgFrm { /* 大きいサイズのフォームオブジェクト */
	margin        : 0px;
	letter-spacing: 1px;
	font-size     : 16px; font-size: 1.6rem;
	font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
}



/*-- [ その他 ] --------------------------------------------------------------*/
.FltL {float  : left; } /* 左回り */
.FltR {float  : right;} /* 右回り */
.Hdn  {display: none; } /* 非表示 */
.ClrB {clear  : both; } /* 回解除 */
.AlgL {text-align: left;  } /* 左寄せ   */
.AlgC {text-align: center;} /* 中央寄せ */
.AlgR {text-align: right; } /* 右寄せ   */

.AftC:after { /* 回解除 */
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;/* 見えない存在 */
}

.AftA:after { /* 改行 */
	content: "\A";
	white-space: pre;
}

/*-- [ 見出し ] --------------------------------------------------------------*/
.Chapter {
	color:#262E44;
	margin-bottom:30px;

	border-bottom : 1px solid #BDBEBD;
	border-left   : 1px solid #BDBEBD;
	text-align: left;
	clear  : both;
}
.Chapter>h3 {
	display: inline;
	/*font-size: 24px; font-size: 2.4rem;*/

	padding-left : 10px;
	font-weight  : bold;
	border-left  : 5px solid #D60000;
}
.Chapter>h1 {
	display: inline;
	font-size: 30px; font-size: 3.0rem;
	/*font-weight: normal;*/
}
.Chapter>span {
	position:relative;
	top:-4px;
	font-size: 12px; font-size: 1.2rem;
	margin-left:15px;
}
@media screen and (max-width: 767px){
	.Chapter>h3, .Chapter>h1 {display: block;}
	.Chapter>span {top:0;}

}






hr {
	margin: 15px 0;
	border:none;
	border-top:dotted 1px #B5BAAC;
	height:1px;
	color:#FFFFFF;
	width:100%;
}
/*-- [ タイムスタンプ ] ------------------------------------------------------*/
.Timestamp {
	margin-top:   -20px;
	margin-bottom: 10px;
	font-size: 14px; font-size: 1.4rem;
	text-align: right;
}
.Timestamp:before {
	font-family: FontAwesome; /* アイコンフォント */
	content: "\f073"; /* カレンダーマーク */
	margin-right: 0.5rem;
}

/*-- [ パンくず ] ------------------------------------------------------------*/
.Breadcrumbs ul li {
	display: inline;
	font-weight: bold;
	font-size: 16px; font-size: 1.6rem;
}
.Breadcrumbs ul li:before {content: " > ";}
.Breadcrumbs ul li:first-child:before {content: "";}
.Breadcrumbs ul li:first-child a:before {
	font-family: FontAwesome; /* アイコンフォント */
	content: "\f015";
	margin-right: 0.4rem;
}

/*-- [ ページトップ ] --------------------------------------------------------*/
#PageTop{
	display: block;
	width: 76px;
	height: 76px;
	position:fixed;
	bottom: 1.2%;
	right: 1%;
	z-index:4;
	text-align: center;
}
@media screen and (max-width: 767px){
	#PageTop{bottom: 120px;}
}
#PageTop a{
	width: 100%;
	height:100%;
	display: block;
	text-decoration: none;
	position: relative;
	text-indent: -9999px;
}
#PageTop a:after{
	content: "";
	background: url(../images/btn_top.png) no-repeat;
	background-size: 76px 76px;
	width: 76px;
	height: 76px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

/*-- [ 角丸ボタン ] ----------------------------------------------------------*/
.Button, .FingerButton {
	overflow: hidden;
	        border-radius: 22px;
	-webkit-border-radius: 22px;
	   -moz-border-radius: 22px;
	width:auto;
	max-width:960px;
	height:44px;
	text-align: center;
	line-height:44px;
	/*padding-right:11px;*/
	margin:0 auto 30px;
	font-weight: bold;
}
.Button:after, .FingerButton:after { /* 回解除 */
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;/* 見えない存在 */
}
.Button>a, .FingerButton>a {
	color:#FFF;
	width:100%;
	height:44px;
	display: block;
}
.Button>a>span {
	/*display: block;*/
	float: right;
}



/*============================================================================*/
/*                             [ レイアウト関係 ]                             */
/*============================================================================*/
body {
	width: 100%;
min-width: 1080px;
	color  : #333;
	background  : url(images/bg_page.png) top left;
}

#Wallpaper{
	width: 100%;
	height: 100%;
	background : url( 'images/bg_wrap.png' ) top left repeat-x;
}


#Wrapper {
	position: relative;/* リキッドレイアウト親 */
	width: 100%;
	/*min-width: 1080px;*/

	/* フッター最下部用 */
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

#Container {
	width: 100%;
	background : url( 'images/bg_map.png' ) top center no-repeat;
}
#ContainerMain {
	margin     : 0;
	padding    : 0;
	width      : 970px; /* IE6  */
	background : none;
}

@media screen and (max-width: 767px){
	body {min-width: auto;}

	#Wrapper {
		width: auto;
		min-width: auto;
		/*min-height: 200px;*/
	}
}

/*-- [ ヘッダー ] ------------------------------------------------------------*/

header {
	width: 100%;

	height: 171px;
	text-align : center;
}


@media screen and (max-width: 767px){
	header {
		height: 120px;

	display: table-cell;
	vertical-align: middle;
	}

}

/*------------------------------------*/
#Contents {
	margin     : 0 auto;
	width      : 100%;


	text-align : center;
	/*background : url( '../images/cnn_top_bg.gif' ) top left repeat-x;*/
}

main {
	display: block;/* IEにmainタグがないので指定 */
	margin     : 0 auto;
	min-height : 780px;           /* min-height */
	height     : auto !important; /* IE6  */
	height     : 780px;           /* hack */
	/*width      : 1080px;*/
	text-align : center;
	/*background : url( '../images/cnn_bg.gif' ) top left repeat-y;*/
	padding-bottom:30px;
	padding-top: 20px;
}

article>p {
	/*font-size: 16px; font-size: 1.6rem;*/
	line-height : 150%;
	text-align: left;
}

@media screen and (max-width: 767px){
	#Contents {
		margin-bottom: 60px;
	}

	main {
		width: 100%;
		/*min-height : auto;*/
	}
}

/*-- [ フッター ] ------------------------------------------------------------*/
footer {
	/*position: fixed;*/
	position: absolute;
	bottom: 0;




	margin     : 0 auto;
	height     : 34px;
	line-height: 34px;
	width      : 100%;
	min-width  : 1080px;
	text-align : center; /* IE 中央揃え */
	background : url( 'images/bg_footer.png' ) bottom left repeat-x;

}



footer>p {
	margin     : 0 auto; /* FX 中央揃え */

	width      : 1080px;
	text-align : center;
	font-size: 10px; font-size: 1.0rem;
}


footer>p::before {
	content: '\f004';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;/* 必須 */
	color: #D60000;
	margin-right: 0.5rem;

}

@media screen and (max-width: 767px){
	footer {
		min-width  : auto;
		/*bottom: 60px;*/
	}
	footer>p {
		width:100%;
		font-size: 6px; font-size: 0.6rem;
	}
}




/*-- [ 色 ] ------------------------------------------------------------------*/

/* 文字色 */
.Oudoiro {color:#cfb872;}
.Pink    {color:#df64a5;}
.Red     {color:#d54044;}
.Blue    {color:#2b8fc6;}
.Orange  {color:#f1950a;}
.Green   {color:#2daab5;}

/* 背景色 */
.BgOudoiro {background-color:#cfb872;}
.BgPink    {background-color:#df64a5;}
.BgRed     {background-color:#d54044;}
.BgBlue    {background-color:#2b8fc6;}
.BgOrange  {background-color:#f1950a;}
.BgGreen   {background-color:#4bae7f;}
.BgBGreen  {background-color:#2daab5;}
.BgBGrey   {background-color:#708F8F;}

/*----------------------------------------------------------------------------*/
main>nav {
	clear: both;
	margin     : 0 auto;
	width      : 400px;
	text-align : center;
}
* html main>nav {display: inline;}

main>nav>ul {
	margin     : 0;
	list-style  : none;
	font-size   : 12px;
	font-weight:bold;
}

main>nav>ul>li { 
	line-height  : 79px;
}
main>nav>ul>li>a {
	padding-left: 0;
	line-height  : 79px;

	display      : block;
	margin-bottom:20px;
	height       : 79px;
	width      : 400px;
	vertical-align : middle;
	overflow: hidden;
	        border-radius: 8px;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;

	background: #ddd;
	font-size: 36px; font-size: 3.6rem;
}


@media screen and (max-width: 767px){
	main>nav {
		width      : 90%;
	}
	main>nav>ul>li>a {
		width      : 100%;
	}
}

/*----------------------------------------------------------------------------*/
/* メニュー */
#Container>nav {
	display      : block;
	height       : 33px;
	line-height  : 33px;

	background-color:#333333;
}

#Container>nav>ul {
	display      : block;
	margin: 0 auto;
	width: 630px;
}

#Container>nav>ul>li {
	display      : block;
	width: 20%;
	background-color:#444444;
	float: left;
	text-align : center;
}

#Container>nav>ul>li>a {
	display      : block;
	color:#FFF;
}

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

	#Container>nav {
		display      : block;
		height       : 60px;
		line-height  : 60px;
		width: 100%;
		background-color:#333333;

		z-index: 98;
		position: fixed;
		bottom: 0;
		font-size: 10px; font-size: 1.0rem;
	}

	#Container>nav>ul {
		width: 100%;
	}

}

/*----------------------------------------------------------------------------*/
/* 写真テキスト */
article>div {
	width: 960px;
	background-color : #FFF;
	text-align: left;
	margin: 0 auto 30px;
	overflow: hidden;
	        border-radius: 8px;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
}
article>div>div {
	width: 460px;
	padding:15px;
}

article>div:after { /* 回解除 */
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;/* 見えない存在 */
}

article>div h3 {
	font-size: 24px; font-size: 2.4rem;
	line-height:125%;
	margin-bottom:15px;
	color:#2b8fc6;
}



article>div h3:after { /* 回解除 */
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;/* 見えない存在 */
}
article>div p {
	font-size: 14px; font-size: 1.4rem;
	line-height:125%;
	/*margin-bottom:15px;*/
}


article>div:nth-child(odd)>div{float: right;}
article>div:nth-child(odd)>img{float: left;}
article>div:nth-child(even)>div{float: left;}
article>div:nth-child(even)>img{float: right;}

@media screen and (max-width: 767px){
	article>div {width: 100%;}
	article>div>div{
		margin: 0 auto;
		width: 95%;
		padding:10px;
	}
	article>div:nth-child(odd)>div, 
	article>div:nth-child(odd)>img, 
	article>div:nth-child(even)>div, 
	article>div:nth-child(even)>img{float: none;}

	article>div>img {
		width: 100%;
	}

}