@charset "utf-8";


/* --▼▼▼ width 指定 ▼▼▼-- */
.wide5per{width:5%;}
.wide6per{width:6%;}
.wide8per{width:8%;}
.wide10per{width:10%;}
.wide15per{width:15%;}
.wide17per{width:17%;}
.wide20per{width:20%;}
.wide22per{width:22%;}
.wide23per{width:23%;}
.wide25per{width:25%;}
.wide28per{width:28%;}
.wide30per{width:30%;}
.wide32per{width:32%;}
.wide35per{width:35%;}
.wide40per{width:40%;}
.wide45per{width:45%;}
.wide48per{width:48%;}
.wide50per{width:50%;}
.wide60per{width:60%;}
.wide70per{width:70%;}
.wide80per{width:80%;}
.wide90per{width:90%;}
.wide95per{width:95%;}
.wide98per{width:98%;}
.wide100per{width:100%;}

.wide1em{width:1em;}
.wide1.5em{width:1.5em;}
.wide2em{width:2em;}
.wide2.5em{width:2.5em;}
.wide3em{width:3em;}
.wide3.5em{width:3.5em;}
.wide4em{width:4em;}
.wide4.5em{width:4.5em;}
.wide5em{width:5em;}
.wide5.5em{width:5.5em;}
.wide6em{width:6em;}
.wide6.5em{width:6.5em;}
.wide7em{width:7em;}
.wide7.5em{width:7.5em;}
.wide8em{width:8em;}
.wide8.5em{width:8.5em;}
.wide9em{width:9em;}
.wide9.5em{width:9.5em;}
/* --▲▲▲ width 指定 ▲▲▲-- */

/* --▼▼▼ 文字色 指定 ▼▼▼-- */
.fb{font-weight:bold;}
.fn{font-weight:normal;}
.b3bold{color:#333333; font-weight:bold;}
.b4bold{color:#444444; font-weight:bold;}
.necessary{color:#ff0000;line-height:1;}
.redbold{color:#ff0000;font-weight:bold;}
.red{color:#ff0000;}
.orangebold{color:#d86701;font-weight: bold;}
.bluebold{color:#0082B3;font-weight: bold;}
.bluebold2{color:#6D8BD1;font-weight: bold;}
.aquablu{color:#3399ff;}
.piyoblu{color:#3D65BD;}
.green{color:#1b7e20}
.greenbold{color:#1b7e20;font-weight:bold;}
.pink{color:#FF827D;}
.brown{color:#7A563E;}
.gray01{color:#666666;}
/* --▲▲▲ 文字色 指定 ▲▲▲-- */

.bg_w{background-color:#fff;}
.bg_ef{background-color:#efefef;}
.bg_pink{background-color:#E89999;}
.bg_pkup{background-color:#D32929; color:#fff; font-weight:normal;  font-size: 14px; font-size: 1.4rem;padding-left:0.2em;padding-right:0.2em;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
.bg_orange{background-color:#EB8A29;color:#fff;padding-left:0.3em;padding-right:0.3em;}

.bb_line{border-bottom:1px dotted #666;}

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


/* --▼▼▼ 文字サイズ ▼▼▼-- */
.size60per{font-size:60%;}
.size70per{font-size:70%;}
.size80per{font-size:80%;}

.size10px{
  font-size: 10px;
  font-size: 1.0rem;
}

.size12px{
  font-size: 12px;
  font-size: 1.2rem;
}

.size16px{
  font-size: 16px;
  font-size: 1.6rem;
}

.size18px{
  font-size: 18px;
  font-size: 1.8rem;
}



p.txt01{
  font-size: 10px;
  font-size: 1.0rem;
  line-height:1;
}
	
/* --▲▲▲ 文字サイズ ▲▲▲-- */

img {
  max-width: 100%;
  height: auto;
}

/* 短縮型　clearfix ▼▼▼　http://zxcvbnmnbvcxz.com/css-clearfix/　▼▼▼ */

.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;}
.oldie .cf{zoom:1;}


/* float指定 */
.f_left{float:left;}
.f_left2{float:left; margin-right:0.5em;}
.f_right{float:right;}
.f_right2{float:right; margin-left:0.5em;}
.f_clear{clear:both;}
.mlara{margin-left:auto;margin-right:auto;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.mb02{margin-bottom:0.2em;}
.mb05{margin-bottom:0.5em;}
.mb12{margin-bottom:12px;}
.mb24{margin-bottom:24px;}
.mb1{margin-bottom:1em;}
.mb0{margin-bottom:0 !important;}

.mr05{margin-right:0.5em}
.mr1{margin-right:1em}
.mr5{margin-right:5px}
.mr10{margin-right:10px}

.ml05{margin-left:0.5em;}
.ml1{margin-left:1em;}
.ml10{margin-left:10px;}

.mt05{margin-top:0.5em;}
.mt10{margin-top:10px;}



/* 	DEFAULT ROW STYLES 
	Set bottom padding according to preference */
.row { padding-bottom: 0; }
			
								  
/* DEFAULT COLUMN STYLES */
.col { 
	display: block;
	float: left;
	width: 100%;
}

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

.container{
	overflow:hidden;
	/* スマホ　左右に動く　防止　http://kichikichi.me/sumaho_zureru/　*/
}

.ar2:before{
	content: "\e63b";
	font-family: 'icomoon';
	margin-right:0.5em;
	color:#555;
}

.disc li:before{
	content: "\e62a";
	font-family: 'icomoon';
	margin-right:0.5em;
	color:#333;
}

.disc dd:before{
	content: "\e62a";
	font-family: 'icomoon';
	margin-right:0.5em;
	color:#333;
}

th.disc:before,
td.disc:before{
	content: "\e62a";
	font-family: 'icomoon';
	margin-right:0.5em;
	color:#333;
}

.disc2 li{
	padding-left:1.5em;
}

.disc2 li:before{
	content: "\e62a";
	font-family: 'icomoon';
	margin-left:-1.5em;
	margin-right:0.5em;
	color:#333;
}

.disc2 dd{
	padding-left:1.5em;
}

.disc2 dd:before{
	content: "\e62a";
	font-family: 'icomoon';
	margin-left:-1.5em;
	margin-right:0.5em;
	color:#333;
}

.disc3 li:before{
	content: "\e62a";
	font-family: 'icomoon';
	margin-right:0.5em;
	color:#333;
}

.disc3 li{
	border-bottom:1px dotted #999;
}

.disc3 dd:before{
	content: "\e62a";
	font-family: 'icomoon';
	margin-right:0.5em;
	color:#333;
}

th.disc3:before,
td.disc3:before{
	content: "\e62a";
	font-family: 'icomoon';
	margin-right:0.5em;
	color:#333;
}

#top_title{
	max-width:100%;
	background-color:#FFD200;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	position:relative;
	margin-bottom:24px;
}

#top_title_left{height:80px;float:left;}
#top_title_left #logo_box{position:absolute; top:0; left:5px; }
#logo_box{max-width:97%;position:relative;}
#logo_top{position:absolute;top:5px;right:0; font-size: 10px;font-size: 1.0rem;line-height:1.2;width:264px;text-align:center;font-weight:bold;}
#top_title_left ul{position:absolute; bottom:0; left:35px;}
#top_title_left li{float:left; height:18px;}


/*▼▼▼　トップ　タイトル　右ローテ　▼▼▼*/
#top_title_right,
#top_title_right2{display:none;}
.rota_top{position:absolute; top:3px; left:40px;}
.rota_title{position:absolute; top:18px; font-size:11px; font-size:1.1rem; left:40px;}
.rota_txt{padding-top:2px; width:400px; position:absolute; bottom:5px; font-size:11px; font-size:1.1rem; line-height:1; left:40px;border-top:3px solid #FFD200;}
/*▲▲▲　トップ　タイトル　右ローテ　▲▲▲*/


/*▼▼▼　ボタン　▼▼▼*/
.btn {
  display: inline-block;
  padding: 5px 23px;
  border: 1px #e6e6e6 solid;
  border-radius: 5px;
  background: #e5e5e5;
  background: -webkit-linear-gradient(top, #ffffff, #e5e5e5);
  background: -moz-linear-gradient(top, #ffffff, #e5e5e5);
  background: -o-linear-gradient(top, #ffffff, #e5e5e5);
  background: linear-gradient(to bottom, #ffffff, #e5e5e5);
  color: #333;
  text-decoration: none;
}
.btn:hover {
  border: 1px #ccc solid;
  background: #d9d9d9;
  background: -webkit-linear-gradient(top, #e5e5e5, #d9d9d9);
  background: -moz-linear-gradient(top, #e5e5e5, #d9d9d9);
  background: -o-linear-gradient(top, #e5e5e5, #d9d9d9);
  background: linear-gradient(to bottom, #e5e5e5, #d9d9d9);
}

.btnBlue span {
  background: #3D65BD;
  background: -webkit-linear-gradient(top, #8AA2D7, #3D65BD);
  background: -moz-linear-gradient(top, #8AA2D7, #3D65BD);
  background: -o-linear-gradient(top, #8AA2D7, #3D65BD);
  background: linear-gradient(to bottom, #8AA2D7, #3D65BD);
  border:1px solid #999;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  color: #fff;
  padding-left:0.5em;
  padding-right:0.5em;
}

.btnBlue span a{
	color:#fff;
	text-decoration:none;
}

.btnBlue span:hover {
  background: #0a1c26;
  background: -webkit-linear-gradient(top, #3D65BD, #0a1c26);
  background: -moz-linear-gradient(top, #3D65BD, #0a1c26);
  background: -o-linear-gradient(top, #3D65BD, #0a1c26);
  background: linear-gradient(to bottom, #3D65BD, #0a1c26);
}

.disc li.btnBlue:before{
	content: "";
}

.btnBlue span:before{
	content: "\e62b";
	font-family: 'icomoon';
	margin-right:0.4em;
	color:#fff;
}

.btnGreen {
  background: #83a603;
  background: -webkit-linear-gradient(top, #83a603, #769300);
  background: -moz-linear-gradient(top, #83a603, #769300);
  background: -o-linear-gradient(top, #83a603, #769300);
  background: linear-gradient(to bottom, #83a603, #769300);
  color: #fff;
}
.btnGreen:hover {
  background: #5c7200;
  background: -webkit-linear-gradient(top, #769300, #5c7200);
  background: -moz-linear-gradient(top, #769300, #5c7200);
  background: -o-linear-gradient(top, #769300, #5c7200);
  background: linear-gradient(to bottom, #769300, #5c7200);
}

/* このサイトに行く */
.go_btn a:link,
.go_btn a:visited {
	background-color: #FBBC00;
	background:-moz-linear-gradient(top, #FFD659, #FBBC00);
	background:-webkit-gradient(linear, left top, left bottom, from(#FFD659), to(#FBBC00));
	background:-webkit-linear-gradient(top, #FFD659, #FBBC00);
	background:linear-gradient(to bottom, #FFD659, #FBBC00);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;

}
/* マウスオーバー時にグラデーションの色を変更 */
.go_btn a:hover,
.go_btn a:active {
	background-color: #FFD659;
	background: -moz-linear-gradient(top, #FFD659, #FFD659);
	background:-webkit-gradient(linear, left top, left bottom, from(#FFD659), to(#FFD659));
	background:-webkit-linear-gradient(top, #FFD659, #FFD659);
	background:linear-gradient(to bottom, #FFD659, #FFD659);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
}

.go_btn{
	text-align:center;
}
.go_btn span a {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	padding:0.2em 1em;
	border:1px solid #ccc;
	font-weight:normal;
}

.wrap_go_btn {
margin-bottom:25px;
}
.wrap_go_btn ul {
	margin-left:auto;
	margin-right:auto;
}
.wrap_go_btn ul li {
    margin-right: 5px;
	margin-bottom:10px;
}

/* このサイトに行く ピンク */
.go_btn02 a:link,
.go_btn02 a:visited {
	background-color: #FAB32E;
	background:-moz-linear-gradient(top, #FCD58B, #FAB32E);
	background:-webkit-gradient(linear, left top, left bottom, from(#FCD58B), to(#FAB32E));
	background:-webkit-linear-gradient(top, #FCD58B, #FAB32E);
	background:linear-gradient(to bottom, #FCD58B, #FAB32E);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;

}
/* マウスオーバー時にグラデーションの色を変更 */
.go_btn02 a:hover,
.go_btn02 a:active {
	background-color: #FCD58B;
	background: -moz-linear-gradient(top, #FCD58B, #FCD58B);
	background:-webkit-gradient(linear, left top, left bottom, from(#FCD58B), to(#FCD58B));
	background:-webkit-linear-gradient(top, #FCD58B, #FCD58B);
	background:linear-gradient(to bottom, #FCD58B, #FCD58B);
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
}

.go_btn02{
	text-align:center;
}
.go_btn02 span a {
	display: inline-block;
	text-decoration: none;
	text-align: center;
	padding:0.2em 1em;
	border:1px solid #999;
	font-weight:normal;
}

.go_btn_blue{text-align:center;}
.go_btn_blue2{text-align:center;}

.go_btn_blue.pd05,
.go_btn_blue2.pd05{
	padding:1em;
}

.go_btn_blue a,
.go_btn_blue2 a{
  box-shadow: 0 3px 0 0 #164eb2;
  background-color: #2f69ea;
}

.go_btn_blue2 a{
  display:block;
}

.go_btn_blue a,
.go_btn_blue2 a{
  padding: 1em 2em;
  border: 0;
  border-radius: 3px;
  color: #fff;
  text-align: center;
}

.go_btn_blue:hover,
.go_btn_blue2:hover {
  opacity: 0.7;
}

.go_btn_blue a:link,
.go_btn_blue a:visited,
.go_btn_blue2 a:link,
.go_btn_blue2 a:visited{
	text-decoration: none;
}

/*目次に戻るボタン*/
.rank-btn-contents {
	margin-top: -.5em;
	margin-bottom: 1.5em;
	width: 100%;
	text-align: center;
}
.rank-btn-contents span{
	position: relative;
	vertical-align: middle;
	display: inline-block;
	padding: .25em 1em .25em 3em;
	background-color: #FFF;
	font-size: 12px;
	font-size: 1.2rem;
	border: 1px solid #F5842D;
	border-radius: 5px;
}

.rank-btn-contents span::before,
.rank-btn-contents span::after{
	position: absolute;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.rank-btn-contents span::before {
	top: .9em;
	left: 1.25em;
	width: .5em;
	height: .5em;
	border-left: 2px solid #F5842D;
	border-top: 2px solid #F5842D;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.rank-btn-contents a {
	color: #F5842D;
}
.rank-btn-contents span:hover {
	background-color: #F5842D;
	color: #FFF;
	transition-property: all;
  transition: .1s linear;
}

.rank-btn-contents span:hover::before {
	border-left: 2px solid #FFF;
	border-top: 2px solid #FFF;
}

/*▲▲▲　ボタン　▲▲▲*/

/*Classes*/
.textWarning {
  color: #c09853;
}
.textError {
  color: #b94a48;
}

/*Table*/

.table td,
.table th {
  padding: 5px;
  border: 1px solid #ccc;
}
.table thead td {
  background: #18445c;
  color: #fff;
  text-align: center;
}

/* Mark */

.mk1 li:before{
	content: "\e63b";
	font-family: 'icomoon';
	margin-right:0.5em;
	color:#F06161;
}

.mk1 dt:before{
	content: "\e63b";
	font-family: 'icomoon';
	margin-right:0.5em;
	color:#F06161;
}

.mk2:before{
	content: "\e63a";
	font-family: 'icomoon';
	margin-right:0.5em;
	color:#3861C7;
}

span.reco,
span.reco2{
	font-size:10px;
	font-size:1.0rem;
	letter-spacing:0.1em;
	background-color:#ff0000;
	color:#fff;
	padding:0 0.4em;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
}

span.reco2{
	font-size:12px;
	font-size:1.2rem;
}

/* page top */
#sample03 {
	position: fixed;
	bottom: -40px;
	right: 20px;
}
#sample03 a {
	display: block;
	width: 60px;
	height: 40px;
	background-color: #FFD200;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	border-radius: 8px 8px 0 0;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 40px;
}

#copyright{
    font-size: 12px;
    font-size: 1.2rem;
	text-align:center;
}

.br-sp2{display:none;}	

/*--------------------------------------------------------*/

/* @group 768px - wide tablet
ここに768px～1023pxまでのCSSを記述
--------------------------------------------------------*/

@media only screen and (min-width:768px){
.br-sp{display:none;}	
.br-sp2{display:table-cell;}
/*footer*/
#footer{margin-left:auto;margin-right:auto; margin-bottom:0.3em;}

#footer li{
	float:left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height:1.5;
	border-left: 1px solid #666;
	margin-left:5px;
	padding-left:5px;
}

#footer li:first-child { 
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}

/** page top **/
#sample03 {
	right: 50px;
}

h1{
text-align:right;
font-weight:normal;
display:block;
}

/*▼▼▼　ボタン　▼▼▼*/

.wrap_go_btn {
    overflow: hidden;
    position: relative;
	margin-bottom:10px;
}
.wrap_go_btn ul {
    list-style: none outside none;
    float: left;
    position: relative;
    left: 50%;
}
.wrap_go_btn ul li {
    float: left;
    margin-right: 5px;
		margin-bottom:0px;
    position: relative;
    left: -50%;
}

.go_btn_blue.pd05{
	padding:0.5em;
}

.go_btn_blue a{
  padding: 0.3em 0.8em;
}

/*▲▲▲　ボタン　▲▲▲*/
}

/*--------------------------------------------------------*/

/* @group 1024px - wide desktop
ここに1024px以上のCSSを記述z
--------------------------------------------------------*/


@media only screen and (min-width:1024px){
img {/*
  max-width:none;*/
}

	
/*▼▼▼　トップ　タイトル　右ローテ　▼▼▼*/
#top_title_right{display:block; float:right;height:80px; height:75px;width:512px; margin-top:5px; background:url(../images/hm_top_04.gif) no-repeat top left;}

#top_title_right2{display:block; float:right;height:80px; height:75px;width:512px; margin-top:5px;}
/*▲▲▲　トップ　タイトル　右ローテ　▲▲▲*/
}