@charset "utf-8";
/* CSS Document */


@import url(index_sp.css) screen and (max-width: 768px); /* 768以下　スマホ用 */

@import url(index_pc.css) screen and (min-width: 769px);  /*769以上  PC用　*/


/* 共通　文字装飾*/








.blue-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bold;
	color: #0033FF;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}

.blue-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bold;
	color: #0033FF;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}

.blue-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #0033FF;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.blue-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #0033FF;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.blue_box02 {
	padding: 8px;
	width: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	border: 1px solid #CCC;
	font-size: x-large;
	font-weight: bold;
	color: #00F;
}



.bar_b01 {
	line-height: 130%;
	font-weight: bold;
	color: #009;
	background-color: #F0FFFF;
	padding: 5px;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	border-top-width: 1px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: solid;
	border-top-color: #06F;
	border-right-color: #03C;
	border-bottom-color: #03C;
	border-left-color: #06C;
}
.box_s {
	font-size: small;
	color: #333;
	width: 93%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border: 1px dotted #999;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	line-height: 90%;
}


/*黒背景バナー用*/
.bk_box {
	background-color: #000;
	width: 100%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-radius: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.clear {
	clear: both;
}

.cap {
	font-size: x-small;
	line-height: 130%;
	color: #333;
	padding: 0px;
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
}



.center {
	text-align: center;
	clear: both;
}

.dod_line01 {
	font-size: x-large;
	line-height: 110%;
	font-weight: bold;
	color: #300;
	margin-bottom: 1em;
	padding-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-top-color: #933;
	border-right-color: #933;
	border-bottom-color: #933;
	border-left-color: #933;
	clear: both;
}
.fnt24 {
	font-size: 24px;
	line-height: 110%;
	font-weight: bolder;
}
.fnt30pt {
	font-size: 30px;
	line-height: 110%;
	font-weight: bolder;
}

.fnt50 {
	font-size: 50px;
	line-height: 110%;
	font-weight: bolder;
}

.fnt60 {
	font-size: 60px;
	line-height: 110%;
	font-weight: bolder;
}
.fnt70 {
	font-size: 70px;
	line-height: 110%;
	font-weight: bolder;
}
.fnt_red {
	color: #F00;
}





.glay_box01 {
	padding: 2%;
	width: 90%;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
	border: 1px solid #CCC;
	background-color: #FFF;
	border-radius: 10;
	list-style-position: inside;
}
.glay_box02 {
	padding: 8px;
	width: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	border: 1px solid #CCC;
	font-size: x-large;
	font-weight: bold;
	color: #900;
}

.green_box02 {
	padding: 8px;
	width: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	border: 1px solid #CCC;
	font-size: x-large;
	font-weight: bold;
	color: #090;
}

.gree-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bolder;
	color: #009933;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}

.gree-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bold;
	color: #009933;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.gree-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #009933;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.gree-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #009933;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.gree-b {
	line-height: 135%;
	font-weight: bold;
	color: #009933;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}

.gree-line01 {
	font-size: large;
	font-weight: bold;
	color: #060;
	padding: 5px;
	width: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #3C0;
	border-right-color: #3C0;
	border-bottom-color: #3C0;
	border-left-color: #3C0;
}
.glay-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bold;
	color: #666666;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}


.glay-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bold;
	color: #666666;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}

.glay-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #666666;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.glay-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #666666;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.green_back {
	font-size: medium;
	font-weight: bold;
	color: #FFF;
	background-color: #090;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}



.mizuiro-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bold;
	color: #3399FF;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.mizuiro-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bold;
	color: #3399FF;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}

.mizuiro-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #3399FF;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.mizuiro-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #3399FF;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.or-line01 {
	font-size: large;
	font-weight: bold;
	color: #F30;
	padding: 5px;
	width: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F90;
	border-right-color: #F90;
	border-bottom-color: #F90;
	border-left-color: #F90;
	clear: both;
}

.per-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bold;
	color: #CC0066;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}


.per-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bold;
	color: #CC0066;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}

.per-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #CC0066;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}

.pink-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bold;
	color: #FF3333;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}

.pink-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bold;
	color: #FF3333;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}



.pink-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #FF3333;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.pink-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #FF3333;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.pink-m-unline {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #FF3333;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #F33;
	border-right-color: #F33;
	border-bottom-color: #F33;
	border-left-color: #F33;
}
.pink_midashi01 {
	font-size: large;
	color: #FFF;
	background-color: #F66;
	border: 2px inset #F66;
	font-weight: bolder;
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	padding: 0.3em;
}

.red-lll {
	font-size: 48px;
	line-height: 135%;
	font-weight: bolder;
	color: #FF0000;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}


.red-ll {
	font-size: xx-large;
	line-height: 135%;
	font-weight: bolder;
	color: #FF0000;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}

.red-l {
	font-size: x-large;
	line-height: 135%;
	font-weight: bold;
	color: #FF0000;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.red-m {
	font-size: large;
	line-height: 135%;
	font-weight: bold;
	color: #FF0000;
	margin-top: 0.2em;
	margin-right: 0em;
	margin-bottom: 0.2em;
	margin-left: 0em;
}
.red_back {
	font-size: medium;
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}



.red-block {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF3333;
	border-right-color: #CC0000;
	border-bottom-color: #990000;
	border-left-color: #FF3333;
	font-size: small;
	margin: 1em;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: auto;
	width: auto;
	clear: both;
}
.red-block02 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF3333;
	border-right-color: #CC0000;
	border-bottom-color: #990000;
	border-left-color: #FF3333;
	margin: 1em;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: auto;
	width: auto;
}




.yell_back {
	font-size: medium;
	font-weight: bold;
	color: #F00;
	background-color: #FF0;
	padding: 3px;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}


.yellow_back01 {
	font-size: x-large;
	font-weight: bold;
	color: #F00;
	background-color: #FF0;
	padding: 5px;
	line-height: 130%;
}
.yellow_back_m {
	font-size: medium;
	font-weight: bold;
	color: #F00;
	background-color: #FF0;
	padding: 3px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 130%;
}
.yellow_back_xxl {
	font-size: xx-large;
	font-weight: bold;
	color: #F00;
	background-color: #FF0;
	padding: 3px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 130%;
}


.yellow_back02 {
	font-size: 44px;
	font-weight: bold;
	color: #F00;
	background-color: #FF0;
	padding: 3px;
	height: auto;
	line-height: 120%;
}


.red_box02 {
	padding: 8px;
	width: auto;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	border: 1px solid #CCC;
	font-size: x-large;
	font-weight: bold;
	color: #F00;
}