@charset "UTF-8";
body{
background-color:#787878;
}
.inline_B{
	display: inline-block;
	margin-left: 0.45em;
}
/* -------------------------------------------------------------------- */
#content .sp_only{
	display:none;
}
#content .sp_only_400{
	display:none;
}
@media only screen and (max-width: 767px) {
#content .pc_only{
	display:none;
}
#content .sp_only{
	display:inherit;
}
}
@media only screen and (max-width: 400px) {
#content .pc_only_400{
	display:none;
}
#content .sp_only_400{
	display:inherit;
}
}
/* -------------------------------------------------------------------- */
#content{
width:100%;
}

/*header -------------------------------*/
#mv_img{
width:100%;
/*background-color:#e60012;
padding:10px 0 15px 0;*/
}
#mv_img h2{
width:970px;
margin:0 auto;
background-color:#ffffff;

}
/*article -------------------------------*/
article{
width:100%;
}
article #content{
width:100%;
}
.content_00,#content_01,#content_02,#content_03,#content_04,#content_05,#content_06{
position: relative;
width:100%;
}
#content_03{
/*background-color:#ff4500;
background-color:#fffcd1;*/

}
.all_img_00,#all_img_01,#all_img_02,#all_img_03,#all_img_04,#all_img_05,#all_img_06{
width:970px;
margin:0 auto;
position: relative;
top: 0;
left: 0;
}
@media only screen and (min-width: 768px) {
/*    .all_img_00{
        border-right: 1px solid #6ba8d5;
        border-left:  1px solid #6ba8d5;
    }*/
}
#btn_st{
	width: 970px;
	margin: auto;
}
#btn_st img{
display:inline-block;
margin-left:10px;
}
#btn_st a:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}


/* ↓150716 *************************************/


div#top_box {
	width: 970px;
	margin: 0 auto ;
}


div#btn_st {
	margin: 0 auto 100px;
}
div#btn_st p {
	margin: 80px 0 50px;
}
div#btn_st ul {
	text-align: center;
}
div#btn_st ul li {
	height: 77px;
	margin: 0 10px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}
div#btn_st ul li.li_01 { width: 418px;}
div#btn_st ul li.li_02 { width: 323px;}
div#btn_st ul li img {
	width: 100%;
	margin: 0;
}
div#btn_st ul li span {
	color: #444;
	font-size: 12px;
	display: block;
}


/* ↑150716 *************************************/
#noteAreaWrap{
width:100%;
background-color:#ffffff;
}
#noteArea{
width:970px;
margin:0 auto;
padding:20px 10px 50px 15px;
}
#noteArea .noteTtl{
border-bottom: 1px solid #ffa500;
border-left: 15px solid #ffa500;
padding: 0 0 2px 5px;
font-weight:bold;
font-size:120%;
}
#noteArea li{
margin-top:5px;
}
#noteArea .noteTxt{
margin:10px 0 0 30px;
font-size:90%;
}
#noteArea .noteTxt ul{
list-style-type: disc
}
#noteArea .redTxt{
color:#ff0000;
font-size:120%;
}
#noteArea .noteKome{
margin-top:10px;
}
@media only screen and (max-width: 767px) {
#noteArea .noteTxt{
margin:10px 0 0 10px;
font-size:90%;
}
}
/*footer -------------------------------*/
footer{
width:100%;
background: #150e0d;
margin-top: 1px;
}
footer #copy{
width:970px;
margin:0 auto;
padding-top:15px;
padding-bottom:15px;
font-size:90%;
text-align:center;
font-weight:bold;
color:#505050;
}

/*767 -------------------------------*/

@media only screen and (max-width: 970px) {
#mv_img h2,article #content,footer #copy,.all_img_00,#all_img_01,#all_img_02,#all_img_03,#all_img_04,#all_img_05,#all_img_06{
width:100%;
}

#mv_img h2{
margin:0 auto 0 auto;
}
#mv_img h2 img{
width:100%;
}
#content img{
width:100%;
}
#noteArea{
width:90%;
}
/* ↓150716 *************************************/
div#top_box {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	background: #f1ebe1;
}
div#top_box img {
	width: 100%;
	height: auto;
}
div#btn_st {
	width: 100%;
	margin: 0 auto 0;
	padding: 30px 0 40px;
	background: #f1ebe1;
}
div#btn_st img {
	width: 100%;
	height: auto;
	margin-left: 0;
}
div#btn_st p {
	margin: 0 auto 30px;
}
div#btn_st ul {
}
div#btn_st ul li {
	height: 50px;
}
div#btn_st ul li.li_01 { width: 271px; margin: 0 0 35px;}
div#btn_st ul li.li_02 { width: 210px;}
div#btn_st ul li spsp_onlyan {font-size: 11px;}
}
/* ↑150716 *************************************/
#currency li {
	display: table-cell;
	text-align: center;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media only screen and (max-width: 640px) {
#currency {
	top: 57%;
	left: 50%;
	margin: 0 0 0 -42%;
	width: 84%;
	overflow: hidden;
	display: table;
	table-layout: fixed;
}
#currency li span {
	font-weight: bolder !important;
	font-size: 103%;
	line-height: 1.5;
}
}
@media only screen and (max-width: 480px) {
#currency {
	top: 55%;
	left: 50%;
	margin: 0 0 0 -42%;
	width: 84%;
	overflow: hidden;
	display: table;
	table-layout: fixed;
}
#currency li span {
	font-weight: bolder !important;
	font-size: 102%;
	line-height: 1.2;
}
}
@media only screen and (max-width: 360px) {
#currency {
	top: 48%;
	left: 50%;
	margin: 0 0 0 -42%;
	width: 84%;
	overflow: hidden;
	display: table;
	table-layout: fixed;
}
#currency li span {
	font-weight: bolder !important;
	font-size: 80%;
	line-height: 1;
}
}
.wrapperAll {
	overflow: hidden;
}

/* ↓160525 *************************************/
@media only screen and (min-width: 970px) {
#content_02,#content_03,#content_04{
width:970px;
margin:0 auto;
}
#content_02,#content_04{
font-size:150%;
}
#content_03{
font-size:120%;
}

}
@media only screen and (min-width: 768px) {
#content_02,#content_04{
font-size:130%;
}
#content_03{
font-size:110%;
}
}
#content_02{
	background-color:#eed85e;
	text-align:center;
}
#content_02 p{
	color:#fff;
	padding:10px 20px;
}
#content_03{
	background-color:#231816;
	padding:20px 0;
}

.content_03_in{
	background-color:#fff;
	border-radius: 0.5em;
	margin:0 20px;
	padding:20px;
	word-break: break-all;
}
.content_03_in h2{
	border-left:10px solid #e03227;
	border-bottom:2px solid #e03227;
	padding-left:5px;
}
.content_03_in h3{
	margin-top:1em;
}
.content_03_in ul{
	margin-top:1em;
}
#content_04{
	background-color:#1e2188;
	text-align:center;
	padding:0;
}
#content_04 p{
	margin:0 20px;
}
#content_04 a{
	display:block;
	color:#e60013;
	font-weight:bold;
	text-decoration:none;
	line-height:3em;
	background: linear-gradient(#e8e30e, #ffc70a);
	border-radius: 5px;
}
#content_04 a:hover{
	background: linear-gradient(#fbfa17, #fff211);
}
/* ↑160525 *************************************/
#content_03 .detail{
line-height: 1.2em;
margin: 5px 0 10px 10px;
}
#content_03 h2{
margin-bottom:10px;
}

#content_03 .detail_in{
line-height: 1.2em;
margin: 0 0 0 10px;
}
#content_03 a {
color:#ff8089;
text-decoration:none;
}
#content_03 a:hover {
color:#ffc1c5;
text-decoration:none;
}

.red {
	color: red;
}
.content_03_block {
	margin-bottom: 20px;
}