@charset "UTF-8";
.serif{
	font-family: "Noto Serif JP", serif;
}
p {
	margin: 0px auto 80px;
	padding: 0px 100px;
}

p.im800 {
	padding: 0px;
	width: 800px;
	margin: 0px auto 150px;
}

p.im600 {
	padding: 0px 200px;
}

img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
    display: block;
}

strong {
	font-size : 28px;
	font-weight : bold;
	color : red;
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

.navy {
	font-weight : bold;
	color : navy;
}

.red {
	font-weight : bold;
	color : #cd3752;
}

.green {
	font-weight : bold;
	color : #399433;
}
.y_green{
	font-weight: bold;
	color: #d3ff38;
}

.yellow {
	font-weight : bold;
	color : #f2e716;
}
.yellow2 {
	font-weight : bold;
	color : #fff86c;
}
.white{
	font-weight: bold;
	color: white;
}
.orange{
	font-weight: bold;
	color: #ffa23e;
}
.neonblue{
	font-weight: 600;
	color: #21d2c5;
}
.bgred {
	background:   linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(244,15,37,0.3) 50%,rgba(244,15,37,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) 50%,rgba(244,15,37,0.3) 50%,rgba(244,15,37,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background:    -moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(244,15,37,0.3) 50%,rgba(244,15,37,0.3) 100%); /* FF3.6-15 */
	background:     -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(244,15,37,0.3) 50%,rgba(244,15,37,0.3) 100%);; /* IE11 */
	font-weight: bold;
}

.bgnavy {
	background:   linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(53,152,255,0.3) 50%,rgba(53,152,255,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) 50%,rgba(53,152,255,0.3) 50%,rgba(53,152,255,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background:    -moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(53,152,255,0.3) 50%,rgba(53,152,255,0.3) 100%); /* FF3.6-15 */
	background:     -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(53,152,255,0.3) 50%,rgba(53,152,255,0.3) 100%); /* IE11 */
	font-weight: bold;
}

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

.bgyellow {
	background:   linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(242,231,22,0.6) 50%,rgba(242,231,22,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(242,231,22,0.6) 50%,rgba(242,231,22,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background:    -moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(242,231,22,0.6) 50%,rgba(242,231,22,0.6) 100%); /* FF3.6-15 */
	background:     -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(242,231,22,0.6) 50%,rgba(242,231,22,0.6) 100%); /* IE11 */
	font-weight: bold;
}
.bgyellow2 {
	background: rgba(242,231,22,1);
	font-weight: bold;
}
.bgneonblue{
	background:   linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 90%,rgba(33,210,197,0.8) 90%,rgba(33,210,197,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 90%,rgba(33,210,197,0.8) 90%,rgba(33,210,197,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background:    -moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 90%,rgba(33,210,197,0.8) 90%,rgba(33,210,197,0.8) 100%); /* FF3.6-15 */
	background:     -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 90%,rgba(33,210,197,0.8) 90%,rgba(33,210,197,0.8) 100%); /* IE11 */
	font-weight: 600;
}
.red.bggreen{
	text-shadow:
	 1px 0 1px rgb(255 255 255),
	 0 1px 1px rgb(255 255 255),
	 -1px 0 1px rgb(255 255 255),
	 0 -1px 1px rgb(255 255 255)
}
.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;
}

@media screen and (max-width: 640px){
    .fs16 {font-size: 100%;}
    .fs18 {font-size: 100%;}
    .fs20 {font-size: 100%;}
    .fs22 {font-size: 100%;}
    .fs24 {font-size: 100%;}
    .fs26 {font-size: 140%;}
    .fs28 {font-size: 120%;}
    .fs30 {font-size: 120%;}
    .fs32 {font-size: 120%;}
    .fs34 {font-size: 120%;}
    .fs36 {font-size: 130%;}
    .fs38 {font-size: 130%;}
    .fs40 {font-size: 130%;}
    .fs42 {font-size: 140%;}
    .fs44 {font-size: 140%;}
    .fs46 {font-size: 160%;}
    .fs48 {font-size: 160%;}
    .fs50 {font-size: 165%;}
}


a:link {
	color : #fff;
	text-decoration : none;
}

a:visited {
	color : #fff;
}

a:hover {
	color : #fff;
	text-decoration : underline;
	position : relative;
	top : 1px;
	left : 1px;
}

.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;
}

.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;
}

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

.center {
	text-align: center;
}

/*デバイスごとの改行*/
@media screen and (max-width: 414px) {
	br.none_414 {display: none !important;}
}
@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;}
}

@media screen and (max-width: 414px) {
	.box3 p, .box3 p.ttl {
		font-size: 32px;
	}
	.box_case p {padding: 0 45px;}
	.box3 {width:90%;}
	table#guide tr td {font-size: 30px;}
}
