@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}


/*================================================
 *  使用カラー
white
#ddd;
rgb(221,221,221)

gold
#72640c

#a69425
rgb(166,148,37)

#ffd900
rgb(255,217,0)

#949168
 

blue
#001e43
rgb(0,30,67)

#19448e
rgb(25,68,142)

#007bbb
rgb(0,123,187)

 ================================================*/



/*================================================
 *  一般・共通設定
 ================================================*/
* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	overflow-y: scroll;
}

body {
	font-size:18px;
	color:#001e43;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
	line-height:1.7;
	/*background: url(../images/mainvisual.jpg)center center / cover no-repeat fixed;*/
	height: 100%;
	background-color: #ddd;
}
body:before {  
	content: '';/*ボックス作成*/
  	position: fixed;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
	z-index: -20;
  	background-image:url("../images/mainvisual_01.png");
	background-position: left center;
	background-size: auto 100% ;
	background-repeat: no-repeat;
}
body:after {  
	content: '';/*ボックス作成*/
  	position: fixed;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
	z-index: -10;
  	background-image:url("../images/mainvisual_02.png");
	background-position: right center;
	background-size: auto 100% ;
	background-repeat: no-repeat;
}

#wrapper {   /*background画像の上に20％の白*/
	margin: 0 auto;
	height: 100%;
	min-height: 100%;
	background:rgba(255,255,255,0.2);
}
body > #wrapper {
	height: auto;
}

#contents {
	position:relative;
	overflow:hidden;
	width:1200px;
	margin:0 auto;
	height:100%;
	box-shadow: 0px 0px 10px #001e43 /*inset*/;
}
@media screen and (min-width:768px) {
	#contents:before {
		position:absolute;
		top:0;
		left:0;
		width:240px;
		height:100%;
		content: '';
	}
}

#main {
	box-sizing: border-box;
	float:right;
	width:80%;
	padding:30px 50px 0px 50px;
	/*background:rgba(0,0,0,0.5);*/
	background:rgba(255,255,255,0.6);
	/*min-height:1366px;*/
	height:100%;
	min-height:100vh;
	border-right: solid 2px #a69425; 
}

#sub {
	overflow:hidden;
	position:fixed;
/*	top:0px;
	left:0px;
	float: left;*/
	box-sizing: border-box;
	width:240px;
	height:100%;
	background:rgba(0,30,67,0.9);/*#001e43*/
	z-index: 30;
	font-size:15px;
	border-right: solid 2px #a69425; 
	border-left: solid 2px #a69425; 
	box-shadow: 0px 0px 10px #001e43 /*inset*/;
}

h1	{
	position: relative;
	text-align:center;
	color: #001e43;
    font-size:28px;
	font-weight: bold;
	padding: 20px 10px; 
	margin-bottom:0.5em;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	line-height: 1.2em;
	text-shadow: 1px 1px 0px #fff;
	/*z-index: 10;*/
	background-image:url("../images/cmn_btn_hanyou_00.png");
	background-position: center center;
	background-size: 90% 100% ;
	background-repeat: no-repeat;
	
	/*background-color: rgba(25,68,142,0.8);
	border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; 
	box-shadow: 0px 0px 5px #000;*/
}

h1:before {  
	content: '';/*ボックス作成*/
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
	/*z-index: -1;*/
  	background-image:url("../images/cmn_btn_hanyou_01.png");
	background-position: left center;
	background-size: auto 100% ;
	background-repeat: no-repeat;
}

h1:after {  
	content: '';/*ボックス作成*/
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
	/*z-index: -1;*/
  	background-image:url("../images/cmn_btn_hanyou_02.png");
	background-position: right center;
	background-size: auto 100% ;
	background-repeat: no-repeat;
}

h2	{
	position: relative;
	font-size: 22px;
	font-weight: bold;
	color: #ddd;
	line-height: 1.2em;
	text-align: center;
	text-shadow: 0px 0px 5px #000;
	padding: 10px 10px; 
	margin-bottom:0.5em;
	
	/*border: solid 1.5px #fff; */
	/*background-color: rgba(25,68,142,0.8);
	border-radius: 28px; -webkit-border-radius: 28px; -moz-border-radius: 28px; 
	box-shadow: 0px 0px 5px #000;*/
	
	/*z-index: 4;*/
	background-image:url("../images/fmt_waku_00.png");
	background-position: center center;
	background-size: 95% 100% ;
	background-repeat: no-repeat;
}

h2:before {  
	content: '';/*ボックス作成*/
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
	/*z-index: -1;*/
  	background-image:url("../images/fmt_waku_01.png");
	background-position: left center;
	background-size: auto 100% ;
	background-repeat: no-repeat;
}

h2:after {  
	content: '';/*ボックス作成*/
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	right: 0;
  	left: 0;
	/*z-index: -1;*/
  	background-image:url("../images/fmt_waku_02.png");
	background-position: right center;
	background-size: auto 100% ;
	background-repeat: no-repeat;
}

h2 img { 
	height:30px;
	vertical-align:middle;
	padding:0px 5px 2px 0px;
}

.before { /*スマホヘッダー固定用の空白*/
	height:40px;
}

h3 {
	/*box-shadow: 0px 0px 10px #555 inset;*/
	position: relative;
	font-size:20px;
	font-weight: bold;
	line-height: 1.2em;
	padding: 5px 10px; 
	margin-top:1em;
	margin-bottom:0.5em;
	/*margin-right: 5px;
	margin-left: 5px;*/
	text-align: center;
	vertical-align: middle;
	color:#72640c;
	background-color: rgba(255,255,255,0.5);
	text-shadow: 1px 1px 5px #fff, -1px 1px 5px #fff, 1px -1px 5px #fff, -1px -1px 5px #fff;
	/*background: linear-gradient(rgba(25,68,142,0.2),rgba(25,68,142,0.8),rgba(25,68,142,0.2));*//*#19448e#007bbb*/
	/*box-shadow: 0px 0px 5px #001e43;*/
	/*background-color: rgba(0,0,0,0.5);*/
	border: solid 2px #a69425; 
	border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; 
	/*z-index: 4;*/
	background-image:url("../images/bar_h3.png");
	background-position: center center;
	background-size: 98% auto;
	background-repeat: no-repeat;
	clear: both ;
	text-decoration: none;
}

h3 img {
	height:25px;
	padding:0px;
	margin:0px 5px ;
	vertical-align: middle;
}



h4 {
	position: relative;
	clear: both ;
	/*width: 100%;*/
	font-size:18px;
	color:#72640c;
	font-weight: bold;
	line-height: 1.2em;
	padding: 10px 10px; 
	margin-top:0.5em;
	margin-bottom:0.5em;
	/*text-shadow: 0px 0px 5px #000;*/
	/*background: rgba(100,100,100,0.7);*/
	background-image:url("../images/cmn_sc_bar_base_02.png");
	background-position: center bottom;
	background-size: 100% ;
	background-repeat: no-repeat;
	/*background: linear-gradient(rgba(25,68,142,0.8), rgba(0,123,187,0.8),rgba(25,68,142,0.8));*//*#19448e#007bbb*/
	/*box-shadow: 0px 0px 10px #007bbb;*/
}

h4 img {
	height:25px;
	padding:0px;
	margin:0px 5px ;
	vertical-align: middle;
}

h4 a {
	text-decoration: none;
	color:#72640c;
}

section{
	overflow: hidden;
	margin-bottom:0.5em;
	clear: both ;
}
a {
	color:#19448e;
	/*font-weight: bold;*/
}
a:hover {
	color:#72640c;
	/*font-weight: bold;*/
}
p {
	margin:0 0 1em 0;
}
img {
	vertical-align:middle;
}
img.frame {
	border: solid 2px #72640c;
	background-color: rgba(0,0,0,0.2);
}
ul,ol,dl {
	margin:0 0 1em 0;
}
ul li {
	list-style:disc;
}
li {
	margin-left:2em;
}


/*================================================
 *  表
 ================================================*/
table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
}
th {
	text-align:left;
	font-weight:bold;
	font-size:18px;
	color:#ddd;
	padding:4px 5px 4px 5px;
	background: rgba(25,68,142,0.6);
	/*width:30%;*/
	
}
td {
	text-align:left;
	font-size:18px;
	color:#001e43;
	padding:2px 5px 2px 5px;
	background: rgba(255,255,255,0.3);
	
}
th img {
	height:25px;
	vertical-align:middle;
	margin:5px;
}
td img {
	height:25px;
	vertical-align:middle;
	margin:5px;
}
th,td {
  	border: solid 2px #72640c;
	vertical-align: middle; 
}

/*================================================
 *  表（コントローラー）
 ================================================*/
/*.table_cnt {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	table-layout: fixed;
	line-height: 1;
}*/
.table_cnt th {
	text-align:center;
	background: rgba(25,68,142,0.6);

	
}
.table_cnt td {
	color:#000;
	background: rgba(0,0,0,0.3);


}
/*.table_cnt th img {
	height:25px;
	vertical-align:middle;
	margin:5px;
}*/
.table_cnt_photo {
	height:40px !important;
	vertical-align:middle;
	margin:5px;
}

/*================================================
 *  表（ボタン）
 ================================================*/
.table_btn {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	table-layout: fixed;
	line-height: 1;
}
.table_btn th {
	text-align:center;
	font-weight:bold;
	font-size:18px;
	color:#001e43;
	padding:5px 2px;
	background: rgba(255,255,255,0.3);
	border: solid 2px #72640c;
	vertical-align: middle; 
}
th>span {
	text-align:center;
	font-weight:bold;
}

.table_btn td {
	text-align:center;
	font-size:18px;
	color:#000;
	padding:2px;
	background: rgba(0,0,0,0.3);
	border: solid 2px #72640c;
	vertical-align: middle; 
}
/*.table_btn th img {
	height:25px;
	vertical-align:middle;
	margin:5px;
}*/
.table_btn td img {
	height:25px;
	vertical-align:middle;
	margin:2px;
}


/*================================================
 * index（top）ページ用
 ================================================*/


.topimg {
    width: 100%;
    height: auto;
}
.topcopy {
	/*padding:20px 0px 0px 0px;*/
	font-size:13px;
	color:#001e43;
	text-align: justify;
}

.topics {
  	text-align: center;
	/*background: rgba(25,68,142,0.3);*/
	padding: 0px 10px;
	margin-top: 10px;
	border: double 5px #949168;
	background-color: rgba(255,255,255,0.3);
  }

/*.topics h3 {
	color:#72640c;
	background-color: rgba(255,255,255,0.8);
	text-shadow: 0px 0px 0px #000;
}*/

.top_cap{
	display: inline-block;
	width: 24%;
	vertical-align: top;
}

.top_cap img{
	width:98%;
	border:2px solid #ddd;
	margin-bottom: 5px;
}
.top_cap img:hover{
	opacity: 0.7;
	border:2px solid #a69425;
}
.top_cap span{
	color: #001e43;
	font-size:16px;
	font-weight:bold;
	line-height: 1em;
}
.top_cap span:hover{
	color:#72640c;
}	
.top_cap p{
	color: #001e43;
	font-size:14px;
    text-decoration: none;
	text-align: justify;
	text-align: center;
}
.top_cap p:hover{
	color:#72640c;
}	
.top_cap a{
	text-decoration: none;
}	







/*================================================
 *  ヘッダー（sub=メニューの上のロゴ、クリックでTOPページへ）
    スマートフォン非表示
 ================================================*/
header {
	position:relative;
	/*background:#15adb3;*/
	border-bottom:1px solid #a69425;
}

.logo {
	text-align:center;
	font-size:20px;
	color:#ddd;
	padding:20px;
}
.logo img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.qr {
	position:relative;
	text-align:center;
	font-size:12px;
	color:#ddd;
}
.qr img {
	display: block;
	max-width: 40%;
	margin: 0 auto;
	padding:20px;
}

/*================================================
 *  グローバルナビゲーション（sub=メニューの中身）
 ================================================*/
nav {
	overflow:hidden;
	position:relative;
}
nav h3 {   /*全画面のheaderのかわり（sub=メニューの上のゲームタイトル、クリックでTOPページへ）*/
	display:none;   /*全画面非表示*/
}
nav dt a {
	margin:0;
	color:#ddd;
	text-decoration:none;
	display:block;
}
nav dt a:hover {
	color:#ffd900;
}

nav dt {
	margin:0;
	padding:10px 10px 10px 25px;
	color:#ddd;
	font-weight: bold; 
	cursor:pointer;
	border-bottom:1px solid #a69425;
	background:rgba(220,220,220,0.2);
}

nav dt.point {
	background-image:url("../images/open.png");
	background-position: right 10px center;
	background-size: 20px ;
	background-repeat: no-repeat;
}
nav dt.point:hover {
	background-image:url("../images/open.png");
	background-position: right 10px center;
	background-size: 20px ;
	background-repeat: no-repeat;
}
nav dt.pointnow {
	background-image:url("../images/open.png");
	background-position: right 10px center;
	background-size: 20px ;
	background-repeat: no-repeat;
	color:#ffd900;
	background-color: rgba(0,30,67,0.7);
}
nav dt.pointnow_02 {
	background-position: right 10px center;
	background-size: 20px ;
	background-repeat: no-repeat;
	color:#ffd900;
	background-color: rgba(0,30,67,0.7);
}
nav dt.pointnow_02 a {
	color:#ffd900;
}

nav dt:hover {
	color:#ffd900;
	font-weight: bold; 
	background-color: #19448e;
	/*background: linear-gradient(rgba(0,30,67,0.2), rgba(25,68,142,1),rgba(0,30,67,0.2));*//*#001e43#19448e*/
}
/*nav dt.selected {
	color:#ffd900;
	font-weight: bold; 
	background-color: rgba(0,30,67,0.7);
	background-image:url("../images/close.png");
	background-position: right 10px center;
	background-size: 20px ;
	background-repeat: no-repeat;
}*/

nav dd {
	margin:0;
	padding:10px 10px 10px 25px;
	color:#ddd;
	font-weight: bold; 
	cursor:pointer;
	border-bottom:1px solid #a69425;
	background:rgba(220,220,220,0.2);
}
nav ul{
	margin:0;
	padding:0;
	display: none;
}
nav li {
	list-style:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #a69425;
}
nav li a {
	display:block;
	padding:3px 10px 3px 25px;
	color:#ddd;
	background:rgba(0,123,187,0.7);
	text-decoration:none;
	font-size: 14px;
}
nav li a:hover {
	color:#ffd900;
	background: #007bbb;
	/*background: linear-gradient(rgba(25,68,142,0.5), rgba(0,123,187,1),rgba(25,68,142,0.5));/*#19448e#007bbb*/
	transition:all 0.2s ease 0s;
}
nav .now {
	color:#ffd900;
	background: #007bbb;
	transition:all 0.2s ease 0s;
}
nav .now a{
	color:#ffd900;
}


.mago {
	margin:0;
	cursor:pointer;
	border-bottom:1px solid #a69425;
	padding:3px 10px 3px 25px;
	font-weight: normal;
	font-size: 14px;
	background:rgba(0,123,187,0.7);
	text-decoration:none;
	background-image:url("../images/open.png");
	background-position: right 10px center;
	background-size: 20px ;
	background-repeat: no-repeat;
}
.mago a:hover {
	color:#ffd900;
}
.mago:hover {
	color:#ffd900;
	font-weight: normal;
	background: #007bbb;
	/*transition:all 0.2s ease 0s;*/
	background-image:url("../images/open.png");
	background-position: right 10px center;
	background-size: 20px ;
	background-repeat: no-repeat;
}
/*.mago.selected {
	color:#ddd;
	font-weight: normal;
	font-size: 14px;
	background: #007bbb;
	background-image:url("../images/close.png");
	background-position: right 10px center;
	background-size: 20px ;
	background-repeat: no-repeat;
}*/

.magonow {
	margin:0;
	cursor:pointer;
	border-bottom:1px solid #a69425;
	padding:3px 10px 3px 25px;
	font-weight: normal;
	font-size: 14px;
	color:#ffd900;
	background: #007bbb;
	text-decoration:none;
	background-image:url("../images/open.png");
	background-position: right 10px center;
	background-size: 20px ;
	background-repeat: no-repeat;
}

.magomago a {
	display:block;
	padding:3px 10px 3px 35px;
	color:#ddd;
	background:rgba(0,123,187,0);
	text-decoration:none;
	font-size: 14px;
}
.magomago a:hover {
	color:#ffd900;
	background:rgba(0,123,187,0.4);
	/*background: linear-gradient(rgba(25,68,142,0.5), rgba(0,123,187,1),rgba(25,68,142,0.5));/*#19448e#007bbb*/
	transition:all 0.2s ease 0s;
}


nav .nownow a{
	padding:3px 10px 3px 35px;
	color:#ffd900;
	background:rgba(0,123,187,0.4);
	transition:all 0.2s ease 0s;
}

/*================================================
 *  backnextボタン
 ================================================*/


.backnext a {
	display: inline-block;
	text-decoration:none;
	text-align:center;
}
.backnext img {
	width: 30px;
	padding: 5px 5px;
	background:#fff;
}
.backnext img:hover {
	background-color: rgba(255,255,255,0.2);
}

.back {
	float: left;
	margin-right: 10px;
	margin-bottom: 1em;
	border:1px solid #a69425;
}
.next {
	float: right;
	margin-left: 10px;
	margin-bottom: 1em;
	border:1px solid #a69425;
}


/*================================================
 *  フッター
 ================================================*/

.copy {
	padding:20px 0px 40px 0px;
	font-size:13px;
	text-align:center;
	color:#001e43;
	clear: both;
}


/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	margin-left:816px;
	z-index: 20;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#001e43;
	border:1px solid #a69425;
	width: 40px;
}
.totop img:hover {
	background:#19448e;
}

/*================================================
 *  クラス
 ================================================*/

/*.box_right {
	float: right;
	width:20%;
	margin-top: 0.25em;
  	margin-bottom:1em;
}
.box_left {
	float: left;
	width:20%;
	margin-top: 0.25em;
  	margin-bottom:1em;
	margin-right: 1em;
}*/
.inline{
	display: inline-block;
}
	
.float_clear{
	clear: both ;
}
.text_main{
	margin-top: 0.5em;
  	margin-bottom:0.5em;
	padding:0;
	text-align: justify;
}
.text_main img {
	height:22px;
	margin:5px;
}

.photo_em {
	width:99%;
}

.photo_center{
	width:100%;
	text-align: center;
}
.photo_center img{
	width:80%;
	margin-top: 0.5em;
	margin-bottom:1em;
	border: solid 2px #72640c;
	background-color: rgba(0,0,0,0.2);
}
.photo_center_02{
	width:100%;
	text-align: center;
}
.photo_center_02 img{
	width:60%;
	margin-top: 0.5em;
	margin-bottom:1em;
	border: solid 2px #72640c;
	background-color: rgba(0,0,0,0.2);
}
.photo_main {
	width:99%;
	margin-top: 0.5em;
	margin-bottom:1em;
	border: solid 2px #72640c;
	background-color: rgba(0,0,0,0.2);
}
.photo_main_02 {
	width:60%;
	margin-top: 0.5em;
	margin-bottom:1em;
	border: solid 2px #72640c;
	background-color: rgba(0,0,0,0.2);
}
.photo_right {
	float: right;
	width:40%;
	margin-top: 0.5em;
	margin-left: 1em;
  	margin-bottom:1em;
	border: solid 2px #72640c;
	background-color: rgba(0,0,0,0.2);
}
.photo_right_02 {
	float: right;
	width:30%;
	margin-top: 0.5em;
	margin-left: 1em;
  	margin-bottom:1em;
	border: solid 2px #72640c;
}
/*.photo_left {
	float: left;
	width:40%;
	margin-top: 0.5em;
	margin-right: 1em;
  	margin-bottom:1em;
	border: solid 2px #72640c;
	background-color: rgba(0,0,0,0.2);
}*/

/*.photo_right_cap {*//*capあり */
/*	float: right;
	width:40%;
	margin-top: 0.5em;
	margin-left: 1em;
  	margin-bottom:1em;
}*/
.photo_left_cap {/*capあり */
	float: left;
	width:40%;
	margin-top: 0.5em;
	margin-right: 1em;
  	margin-bottom:1em;
}
.photo_left_cap_02 {/*capあり */
	float: left;
	width:15%;
	margin-top: 0.5em;
	margin-right: 1em;
  	margin-bottom:1em;
	text-align: center;
}

/*.photo_left_02 {
	float: left;
	width:30%;
	margin-top: 0.5em;
	margin-right: 1em;
  	margin-bottom:1em;
	border: solid 2px #72640c;
	}

.photo_left_03 {
	float: left;
	width:15%;
	margin-top: 0.5em;
	margin-right: 1em;
  	margin-bottom:1em;
	border: solid 2px #72640c;
	}*/

.cap {/*本文より小さいテキスト*/
	margin-top: 0.5em;
	font-size:17px;
	color:#72640c;
	text-align: justify;
}
.cap img {
	height:20px;
	margin:5px;
}

.capblue{/*画像cap*/
	/*margin-top: -1em;*/
	padding-top: 0.2em;
	font-size:17px;
	color:#72640c;
	text-align: justify;
	line-height: 1.2;
}
.capblue img {
	height:20px;
	margin:5px;
}
.capblue_center{/*画像cap*/
	margin-top: -1em;
	font-size:17px;
	color:#72640c;
	text-align: center;
}

.capcenter {/*h2へのリンク*/
	margin: 0px;
	font-size:17px;
	text-align:center;
}
.capcenter a {
	display: inline-block;
}

.capright {/*他ページへのリンク*/
	margin-top: 0.5em;
	font-size:17px;
	text-align:right;
	clear: both ;
}
.capright a {
	padding-left: 25px;
	/*text-decoration: none;*/
	background-image:url("../images/cmn_btn_okuri.png");
	background-position: left ;
	background-size:25px;
	background-repeat: no-repeat;
	margin-left: 10px;
	display: inline-block;
}

.capleft {/*一番上のcap*/
	margin-bottom: 1.5em;
	font-size:15px;
	text-align:left;
	clear: both ;
}


.textL {
	text-align:left;
}
.textR {
	text-align:right;
}
.bold {
	font-weight:bold;
}

.red{
	color:#ea5550;
}
.blue{
	color:#007bbb;
}
.lightblue{
	color:lightblue;
}

/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:1199px) {
	#contents {
	box-sizing: border-box;
	width:100%;
	}

	#main {
	box-sizing: border-box;
	float:left;
	margin-left: 240px;
	width:auto;
	padding:30px 20px 0px 20px;
	border-right: solid 0px #a69425; 
		background:rgba(255,255,255,0.7);
	}
	
	#wrapper {   /*イメージ画像に変更*/
	background: url(../images/mainvisual.png)center center / cover no-repeat fixed;
	}
	
	#sub {
	
	border-left: solid 0px #a69425; 
	}
	
	.totop {
	bottom:15px;
	right:32px;
	width: 30px;
	}
	
	h1	{
    font-size:26px;
	}
	
	h3	{
	padding-left: 20px;
	padding-right: 20px;
	}
	
	body:before {  
  	background-image:none;
	}
	body:after {  
	background-image:none;
	}
	
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	body {
		font-size:13px;
	}
	#main {
		float:none;
		width:100%;
		margin: 0 auto;
		padding:50px 10px 0px 10px;
		
	}
	#sub {
		position:fixed;
		top:0px;
		left:0px;
		float: left;
		width:100%;
		height: auto;
		border-right:0px solid #a69425;
		border-left:0px solid #a69425;
	}
	#contentstop {
	position:relative;
	overflow:hidden;
	margin-left:0px;
	padding-top:40px;
	}

	
	header {
		display:none;   /*スマートフォン非表示*/
	}
	.qr {
		display:none;   /*スマートフォン非表示*/
	}
	nav {
		display:block;
		position:relative;
		width:100%;
		/*background:rgba(0,30,67,0.8);*//*#001e43*/
	}
	nav h3 {   /*全画面のheaderのかわり（sub=メニューの上のゲームタイトル、クリックでTOPページへ）*/
		display:block;
		cursor:pointer;
		margin-bottom:0;
		margin-top:0;
		padding:8px 10px 8px 10px;
		color:#fff;
		background:rgba(0,30,67,1);/*#001e43*/
		border-bottom:1px solid #a69425;
		border-top:none;
		border-left:none;
		border-right:none;
		font-size:15px;	
		text-align: left;
		border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; 
		line-height:1.7;
		text-shadow: none;
	}
	nav h3 a { 
		text-decoration: none;
		color: #fff;
		}
	nav h3 a:hover { 
		background:none;
		text-shadow: none;
		}
	
	dl {
		margin:0px;
	}
	#navBtn {
		display:inline-block;
		position:absolute;
		top:5px;
		right:5px;
		width:30px;
		height:30px;
		background:#19448e;
		border:1px solid #a69425;
		/*border-radius:5%;*/
	}
	#navBtnIcon {
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:14px;
		height:2px;
		margin:-1px 0 0 -7px;
		background:#a69425;
		/*background:#15adb3;*/
		transition:.2s;
	}
	#navBtnIcon:before,
	#navBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:14px;
		height:2px;
		background:#a69425;
		/*background:#15adb3;*/
		transition:0.3s;
	}
	#navBtnIcon:before {
		margin-top:-6px;
	}
	#navBtnIcon:after {
		margin-top:4px;
	}
	#navBtn .close {
		background:transparent;
	}
	#navBtn .close:before,
	#navBtn .close:after {
		margin-top:0;
	}
	#navBtn .close:before {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	#navBtn .close:after {
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
	}
	
	h1	{
    	font-size:18px;
	}
	h2	{
    	font-size:16px;
	}
	h2 img {
		height:20px;
	}
	h3	{
    	font-size:15px;
	}
	h3 img {
		height:20px;
	}
	h4	{
    	font-size:14px;
	}
	h4 img {
		height:20px;
		margin-right: 5px;
	}
/*	.box_right {
	width:100%;
	}
	.box_left {
	width:100%;
	}*/
	.photo_center img{
	width:99%;
	}
	.photo_center_02 img{
	width:99%;
	}
	.photo_main {
	width:99%;
	margin: 0.5em auto;
	}
/*	.photo_right_cap {
	width:99%;
	float:none;
	margin: 0.5em auto;
	}
	.photo_left_cap {
	width:99%;
	float:none;
	margin: 0.5em auto;
	}*/
	.photo_left_cap {/*capあり */
	width:47%;
	}
	.photo_right {
	width:99%;
	float:none;
	margin: 0.5em auto;
	}
/*	.photo_left {
	width:99%;
	float:none;
	margin: 0.5em auto;
	}*/
	.photo_right_02 {
	width:50%;
	}
/*	.photo_left_02 {
	width:50%;
	}
	.photo_left_03 {
	width:30%;
	}*/
	.totop {
	bottom:15px;
	right:12px;
	}
	.totop img {
	width: 30px;
	}
	.backnext img {
	width: 20px;
	}
	
	.copy {
	font-size:11px;
	}
	.cap {
	font-size:12px;
	}
	.cap img {
	height:15px;
	}
	.capcenter {
	font-size:12px;
	}
	.capcenter a {
	font-size:12px;
	}
	.capright {
	font-size:12px;
	}
	.capleft {
	font-size:12px;
	}
	.capblue{
	font-size:12px;
	margin-top: -0.5em;
	}
	.capblue img {
	height:15px;
	}
	.capblue_center{
	font-size:12px;
	margin-top: -0.5em;
	}
	th,td {
	/*display:block;*/
	font-size:13px;
	padding:1px 5px;
/*	border-top: solid 1px #72640c;
	border-bottom: solid 1px #72640c;*/
	}
	th img {
	height:20px;
	}
	td img {
	height:20px;
	}
	th {
	width : auto;
	}

	.table_btn th {
	font-size:13px;
	}
	.table_btn td {
	font-size:13px;
	}
	.table_btn td img {
	height:20px;
	}
	
	.text_main img {
	height:15px;
	}
	.topcopy {
	font-size:11px;
	}
	
	.top_cap{
	display: block;
	width: 100%;
	margin-bottom: 10px;
	}
	.top_cap img{
	width:50%;
	margin-bottom: 5px;
	margin-right: 5px;
	}
	.top_cap span{
	font-size:12px;	
	}
	.top_cap p{
	width:46%;
	display:inline-block;
 	vertical-align:middle;
	text-align: left;
	font-size:11px;	
	}
	

	
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:450px) {
h1	{
		padding: 10px 50px; 
	}
}