@charset "utf-8";

/* 共通設定 */

.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body {
	text-align: left;
	color: #333;
	font-weight: 400;
	font-style: normal;
	font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto;
/*	font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
/*	font-family: "Helvetica Neue", Helvetica, YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, ＭＳＰゴシック, sans-serif;*/

@media only screen and (min-width: 480px){font-size: 14px; line-height: 180%;}
@media only screen and (max-width: 480px){font-size: 13px; line-height: 180%;}
}

p {
@media only screen and (min-width: 480px){font-size: 14px; line-height: 180%;}
@media only screen and (max-width: 480px){font-size: 13px; line-height: 160%;}
word-break: break-all;
}

p.wb{
	color: #fff !important;
	font-weight: bold !important;
	text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
}

a { text-decoration: none; color: #333; }
a:link{	color: #333; }
a:visited{ color: #333; }
a:hover{ color: #aa8800; }

.a-text a{ color: #333; }
.a-text a:visited{ color: #333; }
.a-text a:hover{ color: #aa8800; }
.a-text a:active { color: #333; }

.center {text-align: center;}

p.center {text-align: center;}

.float-l{float: left;}
.float-r{float: right;}

.txt-l{text-align: left;}
.txt-r{text-align: right;}
.txt-c{text-align: center;}

.maa0 {margin: 0px!important;}

.mat0 {margin-top: 0px!important;}
.mat5 {margin-top: 5px!important;}
.mat10 {margin-top: 10px!important;}
.mat15 {margin-top: 15px!important;}
.mat20 {margin-top: 20px!important;}
.mat25 {margin-top: 25px!important;}
.mat30 {margin-top: 30px!important;}
.mat35 {margin-top: 35px!important;}
.mat40 {margin-top: 40px!important;}
.mat45 {margin-top: 45px!important;}
.mat50 {margin-top: 50px!important;}
.mat60 {margin-top: 60px!important;}
.mat70 {margin-top: 70px!important;}
.mat80 {margin-top: 80px!important;}
.mat90 {margin-top: 90px!important;}
.mat100 {margin-top: 100px!important;}
.mat110 {margin-top: 110px!important;}
.mat120 {margin-top: 120px!important;}
.mat130 {margin-top: 130px!important;}
.mat140 {margin-top: 140px!important;}
.mat150 {margin-top: 150px!important;}
.mat-1 {margin-top: -1px!important;}
.mat-2 {margin-top: -2px!important;}
.mat-3 {margin-top: -3px!important;}
.mat-4 {margin-top: -4px!important;}
.mat-5 {margin-top: -5px!important;}
.mat-6 {margin-top: -6px!important;}
.mat-7 {margin-top: -7px!important;}
.mat-8 {margin-top: -8px!important;}
.mat-9 {margin-top: -9px!important;}
.mat-10 {margin-top: -10px!important;}
.mat-15 {margin-top: -15px!important;}
.mat-20 {margin-top: -20px!important;}
.mat-30 {margin-top: -30px!important;}
.mat-40 {margin-top: -40px!important;}
.mat-50 {margin-top: -50px!important;}
.mat-60 {margin-top: -60px!important;}
.mat-70 {margin-top: -70px!important;}
.mat-80 {margin-top: -80px!important;}
.mat-90 {margin-top: -90px!important;}
.mat-100 {margin-top: -100px!important;}

.mab0 {margin-bottom: 0px!important;}
.mab5 {margin-bottom: 5px!important;}
.mab10 {margin-bottom: 10px!important;}
.mab15 {margin-bottom: 15px!important;}
.mab20 {margin-bottom: 20px!important;}
.mab25 {margin-bottom: 25px!important;}
.mab30 {margin-bottom: 30px!important;}
.mab35 {margin-bottom: 35px!important;}
.mab40 {margin-bottom: 40px!important;}
.mab45 {margin-bottom: 45px!important;}
.mab50 {margin-bottom: 50px!important;}
.mab60 {margin-bottom: 60px!important;}
.mab70 {margin-bottom: 70px!important;}
.mab80 {margin-bottom: 80px!important;}
.mab90 {margin-bottom: 90px!important;}
.mab100 {margin-bottom: 100px!important;}
.mab-1 {margin-bottom: -1px!important;}
.mab-2 {margin-bottom: -2px!important;}
.mab-3 {margin-bottom: -3px!important;}
.mab-4 {margin-bottom: -4px!important;}
.mab-5 {margin-bottom: -5px!important;}
.mab-6 {margin-bottom: -6px!important;}
.mab-7 {margin-bottom: -7px!important;}
.mab-8 {margin-bottom: -8px!important;}
.mab-9 {margin-bottom: -9px!important;}
.mab-10 {margin-bottom: -10px!important;}
.mab-15 {margin-bottom: -15px!important;}
.mab-20 {margin-bottom: -20px!important;}
.mab-30 {margin-bottom: -30px!important;}
.mab-40 {margin-bottom: -40px!important;}
.mab-50 {margin-bottom: -50px!important;}

.mal40 {margin-left: 40px!important;}
.mar40 {margin-right: 40px!important;}

.matb10 {margin: 10px 0px!important;}
.matb15 {margin: 15px 0px!important;}
.matb20 {margin: 20px 0px!important;}
.matb25 {margin: 25px 0px!important;}
.matb30 {margin: 30px 0px!important;}
.matb35 {margin: 35px 0px!important;}
.matb40 {margin: 40px 0px!important;}
.matb45 {margin: 45px 0px!important;}
.matb50 {margin: 50px 0px!important;}
.matb60 {margin: 60px 0px!important;}
.matb70 {margin: 70px 0px!important;}
.matb80 {margin: 80px 0px!important;}
.matb90 {margin: 90px 0px!important;}
.matb100 {margin: 100px 0px!important;}

.paa0 {padding: 0px!important;}
.paa5 {padding: 5px!important;}
.paa10 {padding: 10px!important;}
.paa15 {padding: 15px!important;}
.paa20 {padding: 20px!important;}

.pat0 {padding-top: 0px!important;}
.pat10 {padding-top: 10px!important;}
.pat15 {padding-top: 15px!important;}
.pat20 {padding-top: 20px!important;}
.pat30 {padding-top: 30px!important;}
.pat40 {padding-top: 40px!important;}

.pab0 {padding-bottom: 0px!important;}
.pab10 {padding-bottom: 10px!important;}
.pab15 {padding-bottom: 15px!important;}
.pab20 {padding-bottom: 20px!important;}
.pab30 {padding-bottom: 30px!important;}
.pab40 {padding-bottom: 40px!important;}

.patb10 {padding: 10px 0px!important;}
.patb15 {padding: 15px 0px!important;}
.patb20 {padding: 20px 0px!important;}
.patb25 {padding: 25px 0px!important;}
.patb30 {padding: 30px 0px!important;}
.patb35 {padding: 35px 0px!important;}
.patb40 {padding: 40px 0px!important;}
.patb45 {padding: 45px 0px!important;}
.patb50 {padding: 50px 0px!important;}
.patb60 {padding: 60px 0px!important;}
.patb70 {padding: 70px 0px!important;}
.patb80 {padding: 80px 0px!important;}
.patb90 {padding: 90px 0px!important;}
.patb100 {padding: 100px 0px!important;}

.pal5 {padding-left: 5px;}
.pal10 {padding-left: 10px;}
.pal15 {padding-left: 15px;}

.pah5 {padding: 5px 0px!important;}
.pah10 {padding: 10px 0px!important;}
.pah15 {padding: 15px 0px!important;}
.pah20 {padding: 20px 0px!important;}


/* hタグなどの上隙間*/
@media only screen and (min-width: 480px){.mat-top { margin: 0px auto 0px !important;}}
@media only screen and (max-width: 480px){.mat-top { margin: 10px auto 0px !important;}}

@media only screen and (min-width: 480px){.mat-mid { margin: 40px auto 0px !important;}}
@media only screen and (max-width: 480px){.mat-mid { margin: 20px auto 0px !important;}}

@media only screen and (min-width: 480px){.mat-bot { margin: 40px auto 0px !important;}}
@media only screen and (max-width: 480px){.mat-bot { margin: 20px auto 0px !important;}}

.bra10 {border-radius: 10px;}
.brt10 {border-radius: 10px 10px 0px 0px;}
.brb10 {border-radius: 0px 0px 10px 10px;}
.bra5 {border-radius: 5px;}
.brt5 {border-radius: 5px 5px 0px 0px;}
.brb5 {border-radius: 0px 0px 5px 5px;}
.bra3 {border-radius: 3px;}
.brt3 {border-radius: 3px 3px 0px 0px;}
.brb3 {border-radius: 0px 0px 3px 3px;}

.font-12{font-size: 12px!important;}
.font-13{font-size: 13px!important;}
.font-14{font-size: 14px!important;}
.font-15{font-size: 15px!important;}
.font-16{font-size: 16px!important;}
.font-17{font-size: 17px!important;}
.font-18{font-size: 18px!important;}
.font-19{font-size: 19px!important;}
.font-20{font-size: 20px!important;}
.font-dsw{
	color: #000;
	text-shadow  : 
       2px  2px 2px #fff,
      -2px  2px 2px #fff,
       2px -2px 2px #fff,
      -2px -2px 2px #fff,
       2px  0px 2px #fff,
       0px  2px 2px #fff,
      -2px  0px 2px #fff,
       0px -2px 2px #fff;
}
.font-dsb{
	color: #fff;
	text-shadow  : 
       2px  2px 2px #000,
      -2px  2px 2px #000,
       2px -2px 2px #000,
      -2px -2px 2px #000,
       2px  0px 2px #000,
       0px  2px 2px #000,
      -2px  0px 2px #000,
       0px -2px 2px #000;
}

.font-n{
	font-weight: normal !important;
}

.font-400{ font-weight: 400; }
.font-500{ font-weight: 500; }
.font-600{ font-weight: 600; }
.font-b{ font-weight: 500; }


.font-o{
	color: #ff6600;
}
.font-ob{
	color: #ff6600;
	font-weight: bold;
}
.font-drb{
	color: #aa0000;
	font-weight: bold;
}
.font-10{
	font-size: 10px;
}
.font-11{
	font-size: 11px;
}
.font-12{
	font-size: 12px;
}
.font-13{
	font-size: 13px;
}
.font-13o{
	color: #ff6600;
	font-size: 13px;
}
.font-14ob{
	color: #ff6600;
	font-size: 14px;
	font-weight: bold;
}
.font-15ob {
	color: #ff6600;
	font-size: 15px;
	font-weight: bold;
}
.font-15drb{
	color: #aa0000;
	font-size: 15px;
	font-weight: bold;
}
.font-16drb{
	color: #aa0000;
	font-size: 16px;
	font-weight: bold;
}
.font-50p{
font-size: 50% !important;
}
.font-60p{
font-size: 60% !important;
}
.font-70p{
font-size: 70% !important;
}
.font-80p{
font-size: 80% !important;
}
.font-90p{
font-size: 90% !important;
}
.font-100p{
font-size: 100% !important;
}

.contents-bg-pink{
	background-color: #fdf8f8;
}
.contents-bg-mglay{
	background-color: #f9f9f7;
/*	background-color: #fcfcfa; */
}
.contents-bg-glay{
	background-color: #f0f0f0;
}
.contents-bg-black{
	background-color: #000000;
}

.bg-gray{
	background-color: #f0f0f0;
}
.bg-lgray{
	background-color: #f6f6f6;
}
.bg-beige{
	background-color: #fff7e0;
}
.bg-gold{
	background-color: #e4ddba;
}
.bgw{
	background-color: #fff;

}

.bg-gold-dash{
	background: url("../img/common/dash-gold.png") top left repeat;
}
.bg-lgold-dash{
	background: url("../img/common/dash-lgold.png") top left repeat;
}
.bg-w{
	background-color: #fff;
}


table td{
	vertical-align: middle;
}

.ba1{
	border: 1px #ccc solid;
}
.ba1-lg{
	border: 1px #eee solid;
}
.no-border{
	border: 0px #ccc solid !important;
}
.bgw{

}





h1 {
	line-height: 180%;
	overflow: hidden;
		@media only screen and (min-width: 480px){ font-size: 18px; padding: 14px 5px 10px 15px;}
		@media only screen and (max-width: 480px){ font-size: 14px; padding: 12px 6px 10px 12px;}
}

h1.img{
	padding: 0px !important;
}

h1.top {
	color: #cbbf99;
	font-weight: bold;
/*	transform: scale(1, 1.3); */
/*	letter-spacing: 0.05em; */
	float: left;
		@media only screen and (min-width: 480px){
		padding-top: 0px;
		padding-bottom	: 0px;
		padding-right: 16px;
		padding-left: 0px;
		font-size: 40px;
	line-height: 100%;
		}
		@media only screen and (max-width: 480px){
		padding-top: 0px;
		padding-bottom	: 0px;
		padding-right: 10px;
		padding-left: 0px;
		font-size: 30px;
	line-height: 100%;
		}
	border: 0px #ccaa77 solid;
}
p.h1txt{
	color: #666;
		@media only screen and (min-width: 480px){
		padding-top: 13px;
		font-size: 16px;
		}
		@media only screen and (max-width: 480px){
		padding-top: 10px;
		font-size: 13px;
		}
	border: 0px #ccaa77 solid;
	overflow: hidden;
}
p.h1uline{
	background-color: #ebe4ce;
	height: 5px;
	border-radius: 0px 3px 3px 0px;
	margin-top: 10px;

}


h2{
	line-height: 160%;
	font-weight: 500;
	overflow: hidden;
		@media only screen and (min-width: 480px){ font-size: 18px; padding: 12px 5px 12px 0px;}
		@media only screen and (max-width: 480px){ font-size: 16px; padding: 12px 6px 12px 0px;}
	border: 0px #ccaa00 solid;
}
h2.b{
	text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
}
h2.wb{
	color: #fff !important;
	font-weight: bold !important;
	text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
}
h2.top {
	line-height: 100%;
	color: #cbbf99;
	font-weight: bold;
/*	transform: scale(1, 1.3); */
/*	letter-spacing: 0.05em; */
	float: left;
		@media only screen and (min-width: 480px){
		padding-top: 15px;
		padding-bottom	: 20px;
		padding-right: 16px;
		font-size: 34px;
		}
		@media only screen and (max-width: 480px){
		padding-top: 5px;
		padding-bottom	: 10px;
		padding-right: 10px;
		font-size: 24px;
		}
	border: 0px #ccaa00 solid;
}
h2.top-j {
		@media only screen and (min-width: 480px){
		font-size: 28px !important;
		line-height: 160%;
		}
		@media only screen and (max-width: 480px){
		font-size: 22px !important;
		line-height: 140%;
		margin-top: 0px;
		}
	border: 0px #ccaa77 solid;
}
p.h2txt{
	color: #666;
		@media only screen and (min-width: 480px){
		padding-top: 23px;
		font-size: 16px;
		}
		@media only screen and (max-width: 480px){
		padding-top: 11px;
		font-size: 13px;
		}
	border: 0px #ccaa77 solid;
	overflow: hidden;
}
p.h2txt-l{
	color: #666;
		@media only screen and (min-width: 480px){
		padding-top: 3px;
		font-size: 20px;
		}
		@media only screen and (max-width: 480px){
		padding-top: 5px;
		font-size: 16px;
		}
	border: 0px #ccaa77 solid;
	overflow: hidden;
}

p.h2logo {
	margin: 0px;
	padding: 0px;
	float: left;
	vertical-align: middle;
		@media only screen and (min-width: 480px){
		margin-top: -4px;
		margin-right: 15px;
		}
		@media only screen and (max-width: 480px){
		margin-top: -13px;
		margin-right: 0px;
		img {width: 86%; border: 0px #ccaa77 solid; margin-letf: -10px;}
		}
	border: 0px #ccaa77 solid;
}


h3 {
	line-height: 160%;
	font-weight: 500;
	overflow: hidden;
		@media only screen and (min-width: 480px){ font-size: 18px; padding: 12px 5px 12px 0px;}
		@media only screen and (max-width: 480px){ font-size: 16px; padding: 12px 6px 12px 0px;}
/*		@media only screen and (min-width: 480px){ font-size: 18px; padding: 14px 5px 10px 0px;}*/
/*		@media only screen and (max-width: 480px){ font-size: 16px; padding: 12px 6px 10px 0px;}*/
	border: 0px #ccaa77 solid;
}
h3.top {
	line-height: 100%;
	color: #cbbf99;
	font-weight: bold;
/*	transform: scale(1, 1.3); */
/*	letter-spacing: 0.05em; */
	float: left;
		@media only screen and (min-width: 480px){
		padding-top: 15px;
		padding-bottom	: 20px;
		padding-right: 16px;
		font-size: 34px;
		}
		@media only screen and (max-width: 480px){
		padding-top: 5px;
		padding-bottom	: 10px;
		padding-right: 10px;
		font-size: 24px;
		}
	border: 0px #ccaa00 solid;
}
h3.top-s {
	line-height: 120%;
	color: #cbbf99;
	font-weight: bold;
/*	transform: scale(1, 1.3); */
/*	letter-spacing: 0.05em; */
	float: left;
		@media only screen and (min-width: 480px){
		padding-top: 15px;
		padding-bottom	: 20px;
		padding-right: 16px;
		font-size: 30px;
		}
		@media only screen and (max-width: 480px){
		padding-top: 5px;
		padding-bottom	: 10px;
		padding-right: 10px;
		font-size: 20px;
		}
	border: 0px #ccaa00 solid;
}
h3.top-m{
	color: #444;
	letter-spacing: 0.1em;
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight: bold;
	@media only screen and (min-width: 480px){
		font-size: 23px;
		line-height: 45px;
	}
	@media only screen and (max-width: 480px){
		font-size: 18px;
		line-height: 40px;
		text-align: center;
	}
}
h3.top-j {
		@media only screen and (min-width: 480px){
		font-size: 28px !important;
		line-height: 160%;
		}
		@media only screen and (max-width: 480px){
		font-size: 22px !important;
		line-height: 140%;
		margin-top: 0px;
		}
	border: 0px #ccaa77 solid;
}
p.h3txt{
	color: #666;
		@media only screen and (min-width: 480px){
		padding-top: 23px;
		font-size: 16px;
		}
		@media only screen and (max-width: 480px){
		padding-top: 11px;
		font-size: 13px;
		}
	border: 0px #ccaa77 solid;
	overflow: hidden;
}
p.h3txt-s{
	color: #666;
		@media only screen and (min-width: 480px){
		padding-top: 23px;
		font-size: 16px;
		}
		@media only screen and (max-width: 480px){
		padding-top: 9px;
		font-size: 13px;
		}
	border: 0px #ccaa77 solid;
	overflow: hidden;
}
p.h3uline{
	background-color: #ebe4ce;
	height: 5px;
	border-radius: 0px 3px 3px 0px;
	margin-top: 0px;

}


h4 {
	line-height: 180%;
	overflow: hidden;
}
@media only screen and (min-width: 480px){h4 {
	margin:20px 0px 0px;
	font-size: 18px;
	padding: 8px 15px;
}}
@media only screen and (max-width: 480px){h4 {
	margin: 10px 0px 0px;
	font-size: 15px;
	padding: 10px 8px 8px 10px;
}}


.h-main {
	background: url("../img/common/dash-gold.png") top left repeat;
	background-color: #ddccaa;
	border-left: 8px #ccaa77 solid;
}
.t-gold {
	background: url("../img/common/dash-gold.png") top left repeat;
	background-color: #ddccaa;
}
.t-drad {
	background: url("../img/common/dash-dred.png") top left repeat;
	background-color: #990000;
	color: #ffffff;
}
.t-lbrown {
	background: url("../img/common/dash-gold.png") top left repeat;
	background-color: #f0f0e0;
}
.t-gleen {
	background: url("../img/common/slash-gleen.png") top left no-repeat;
	background-color: #88a800;
	color: #fff;
}
.t-red {
	background: url("../img/common/dash-red.png") top left repeat;
	background-color: #dd0022;
	color: #fff;
}