@charset "UTF-8";
.serif{
	font-family:  serif;
}
.italic{
	font-style: italic;
}
strong {
	font-size : 28px;
	font-weight : bold;
	color : red;
	text-decoration: underline;
}
.bold {
	font-weight: bold;
	font-size: 1.1em;
}
.shadow{
	text-shadow:
	 1px 1px 8px rgba(0, 0, 0, .7),
	 -1px 1px 8px rgba(0, 0, 0, .7),
	 -1px -1px 8px rgba(0, 0, 0, .7),
	 1px -1px 8px rgba(0, 0, 0, .7);
}

.navy {
	font-weight : bold;
	color : #4e4eff;
}
.red {
	font-weight : bold;
	color : #f42846;
}
.pink{
	font-weight: bold;
	color: #f2136a;
}
.darkred{
	font-weight : bold;
	color : #e72828;
}
.green {
	font-weight : bold;
	color : #64c404;
}
.yellow {
	font-weight : bold;
	color : #f4ee46;
}
.white{
	font-weight: bold;
	color: white;
}
.orange{
	font-weight: bold;
	color: #ffbc42;
}
.emerald{
	font-weight: bold;
	color : #179fa1;
}
.blue{
	font-weight: bold;
	color: #00529d;
}



.bgnavy {
	background:   linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(172,193,235,0.9) 80%,rgba(172,193,235,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(172,193,235,0.9) 80%,rgba(172,193,235,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background:    -moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(172,193,235,0.9) 80%,rgba(172,193,235,0.9) 100%); /* FF3.6-15 */
	background:     -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(172,193,235,0.9) 80%,rgba(172,193,235,0.9) 100%); /* IE11 */
	font-weight: bold;
}
.bgblue {
	background:   linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(78,133,169,0.9) 80%,rgba(78,133,169,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(78,133,169,0.9) 80%,rgba(78,133,169,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background:    -moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(78,133,169,0.9) 80%,rgba(78,133,169,0.9) 100%); /* FF3.6-15 */
	background:     -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(78,133,169,0.9) 80%,rgba(78,133,169,0.9) 100%); /* IE11 */
	font-weight: bold;
}


.bggreen{
	background:   linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(23,159,161,0.3) 80%,rgba(23,159,161,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(23,159,161,0.3) 80%,rgba(23,159,161,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background:    -moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(23,159,161,0.3) 80%,rgba(23,159,161,0.3) 100%); /* FF3.6-15 */
	background:     -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 80%,rgba(23,159,161,0.3) 80%,rgba(23,159,161,0.3) 100%); /* IE11 */
	font-weight: bold;
}

.bggold{
	text-decoration: underline; /* 下線 */
	text-decoration-thickness: 0.5em; /* 線の太さ */
	text-decoration-color: rgba(203, 150, 0, 0.3); /* 線の色 */
	text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */
	text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
	font-weight: bold;
}
.bgwred{
	text-decoration: underline; /* 下線 */
	text-decoration-thickness: 0.5em; /* 線の太さ */
	text-decoration-color: rgba(157, 0, 18, 0.3); /* 線の色 */
	text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */
	text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
	font-weight: bold;
}
.under_b{
	border-bottom: 1px solid #2d2d2d;
	line-height: 2em;
}
.under_w{
	border-bottom: 1px solid #fff;
	line-height: 2em;
}
.under_r{
	border-bottom: 1px solid #f42846;
	line-height: 2em;
}
.bgyellow{
    display: inline;
    position: relative;
    background: linear-gradient(#f4ee46, #f4ee46) no-repeat;
    background-position: 0 100%;
    background-size: 0 2px;
    transition: all .6s;
    padding-bottom: 0.1em;
    font-weight: 700;
}
.bgLine.bgyellow{
    background-size: 100% 4px;
}
.bgred{
    display: inline;
    position: relative;
    background: linear-gradient(#f42846, #f42846) no-repeat;
    background-position: 0 100%;
    background-size: 0 2px;
    transition: all .6s;
    padding-bottom: 0.1em;
    font-weight: 700;
}
.bgLine.bgred{
    background-size: 100% 4px;
}

.bgwht{
    display: inline;
    position: relative;
    background: linear-gradient(#fff, #fff) no-repeat;
    background-position: 0 100%;
    background-size: 0 2px;
    transition: all .6s;
    padding-bottom: 0.1em;
    font-weight: 700;
}
.bgLine.bgwht{
    background-size: 100% 2px;
}

.txt_tag{
	display: inline-block;
	padding: 0 8px;
	background: #fff;
	color: #0c1c5c;
	text-shadow: none;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
	font-weight: bold;
}

.fs10 {font-size: 10px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs22 {font-size: 22px;}
.fs24 {font-size: 24px;}
.fs26 {font-size: 26px;}
.fs28 {font-size: 28px;}
.fs30 {font-size: 30px;}
.fs32 {font-size: 32px;}
.fs34 {font-size: 34px;}
.fs36 {font-size: 36px;}
.fs38 {font-size: 38px;}
.fs40 {font-size: 40px;}
.fs42 {font-size: 42px;}
.fs44 {font-size: 44px;}
.fs46 {font-size: 46px;}
.fs48 {font-size: 48px;}
.fs50 {font-size: 50px;}
.fs60 {font-size: 60px;}

a{
	color : #000;
	text-decoration : none;
}

a:hover {
	color : #000;
	text-decoration : underline;
	position : relative;
	top : 1px;
	left : 1px;
}
.mt_100{margin-top: -100px;}
.mt0 {margin-top: 0px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}
.mt110 {margin-top: 110px;}
.mt120 {margin-top: 120px;}
.mt130 {margin-top: 130px;}
.mt140 {margin-top: 140px;}
.mt150 {margin-top: 150px;}
.mt160 {margin-top: 160px;}
.mt170 {margin-top: 170px;}
.mt180 {margin-top: 180px;}
.mt190 {margin-top: 190px;}
.mt200 {margin-top: 200px;}

.mb0 {margin-bottom: 0px!important;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb90 {margin-bottom: 90px;}
.mb100 {margin-bottom: 100px;}
.mb110 {margin-bottom: 110px;}
.mb120 {margin-bottom: 120px;}
.mb130 {margin-bottom: 130px;}
.mb140 {margin-bottom: 140px;}
.mb150 {margin-bottom: 150px;}
.mb160 {margin-bottom: 160px;}
.mb170 {margin-bottom: 170px;}
.mb180 {margin-bottom: 180px;}
.mb190 {margin-bottom: 190px;}
.mb200 {margin-bottom: 200px;}

.pt60{padding-top: 60px;}
.pt80{padding-top: 80px;}

.pb0{padding-bottom: 0;}
.pb60{padding-bottom: 60px;}
.pb40{padding-bottom: 40px;}
.pb80{padding-bottom: 80px;}

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

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


/*デバイスごとの改行*/
.on_sp{display: none;}
.on_414 {display: none;}


@media screen and (max-width: 640px){
	.off_sp{display: none;}
	.on_sp{display: initial;}
	.mb160{margin-bottom: 100px;}
	.mt_100{margin-top: -60px;}
}
@media screen and (max-width: 414px) {
	br.none_414 {display: none !important;}
	br.on_414 {display: initial;}
	table#guide tr td {font-size: 30px;}
}
@media screen and (max-width: 375px){
	br.none_375 {display: none !important;}
}
@media screen and (min-width: 321px){
	br.none_320 {display: inline-block;}
}
@media screen and (max-width: 320px){
/*	p {font-size: 38px;}*/
	br.none_320 {display: none !important;}
}
