@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* ▼各ボックス共通▼ */
.box {
	padding:15px;
	margin:0px;
	margin-bottom:50px;
	background-color: #fbf2e6;
}

.boxC, .box3, .box4, .box5, .box6, .boxC, .pageButton {
	padding:15px;
	margin:0px;
	margin-bottom:50px;
}

.box2 {
	padding-right: 5%;
	padding-left: 5%;
	margin:0px;
}

.boxcenter {
	padding:20px;
	margin:0px;
}

.number {
	display: inline-block;
	width: 1.9em;
	height: 1.9em;
	border-radius: 50%;
	color: #444444;
	vertical-align: middle;
	text-align: center;
	line-height: 2.1em;
	font-weight: bold;
	border: 2px solid #444444;
}


.youtu {
	width: 90%;
	padding:5px;
	color: #444444;
	vertical-align: middle;
	font-size:11px;
	text-align: center;
	line-height: 2.1em;
	border: 2px solid #bbbbbb;
}

.ore {
	color: #ff6600;
	font-weight: normal;
}

.youtu:hover {
	width: 90%;
	padding:5px;
	color: #444444;
	vertical-align: middle;
	font-size:11px;
	text-align: center;
	line-height: 2.1em;
	border: 2px solid #ff6600;
}

.box h1, .box3 h1, .box4 h1, .box5 h1, .box6 h1, .boxC h1, .boxD h1, .pageButton h1 {
	margin-top: 25px;	
	margin-bottom: 25px;	
	font-size: 20px;
	line-height: 1.5em;
	text-align: center;
	letter-spacing: 1px;
	font-weight: bold;
	color: #444444;
	
}	

.box h2, .box3 h2, .box4 h2, .box5 h2, .box6 h2, .boxC h2, .boxD h2, .pageButton h2 {
	margin:0;
	margin-bottom:10px;	
	font-size:14px;
	text-align:center;
	line-height: 2em;
	letter-spacing: 1px;
	font-weight: bold;
	color:#444444;
	
}

.box p, .box3 p, .box4 p, .box5 p, .box6 p, .boxC p, .boxD p {
	margin-top:10px;	
	margin-bottom: 15px;
	font-size:12px;
	text-align:center;
	color:#444444;
	line-height: 2.5em;
}

.boxcenter h1 {
	margin-top:5px;	
	margin-bottom:10px;	
	font-size:23px;
	line-height:1.5em;
	text-align:center;
	letter-spacing: 1px;
	font-weight: bold;
	color:#444444;
	
}

.boxcenter h2 {
	margin:0;
	margin-top:30px;
	margin-bottom:10px;	
	font-size:13px;
	text-align:center;
	letter-spacing: 1px;
	font-weight: bold;
	color:#444444;
	
}

.boxcenter p {
	margin-top:10px;	
	margin-bottom:10px;	
	font-size:11px;
	text-align:left;
	color:#444444;
	line-height:2em;
}

.box2 h1 {
	margin-top:5px;	
	margin-bottom:30px;
	padding-right: 15px;
	padding-left: 15px;	
	font-size:23px;
	line-height:1.5em;
	text-align:left;
	letter-spacing: 1px;
	font-weight: bold;
	color:#444444;
	
}	

.box2 h2 {
	margin:0;
	margin-bottom:50px;
	padding-right: 15px;
	padding-left: 15px;	
	font-size:11px;
	text-align:left;
	letter-spacing: 1px;
	font-weight: bold;
	color:#444444;
	
}

.box2 p {
	margin-top:10px;	
	margin-bottom:10px;	
	padding-right: 15px;
	padding-left: 15px;	
	font-size:12px;
	text-align:left;
	color:#444444;
	line-height:2em;
}

.ITEM {
	padding-right: 5%;
	padding-left: 5%;
	margin:0px;
}


.ITEM h1 {
	margin-top:5px;	
	margin-bottom:30px;
	padding-right: 15px;
	padding-left: 30px;	
	font-size:23px;
	line-height:1.5em;
	text-align:left;
	letter-spacing: 1px;
	font-weight: bold;
	color:#444444;
	
}	

.ITEM h2 {
	margin:0;
	margin-bottom:50px;
	padding-right: 15px;
	padding-left: 30px;	
	font-size:11px;
	text-align:left;
	letter-spacing: 1px;
	font-weight: bold;
	color:#444444;
	
}

.ITEM p {
	margin-top:10px;	
	margin-bottom:10px;	
	padding-right: 15px;
	padding-left: 30px;	
	font-size:12px;
	text-align:left;
	color:#444444;
	line-height:2em;
}

.TITLE {
	padding-right: 5%;
	padding-left: 5%;
	margin:0px;
}


.TITLE h1 {
	margin-top: 100px;	
	margin-bottom: 20px;
	padding-right: 15px;
	padding-left: 30px;	
	font-size: 25px;
	line-height: 1.5em;
	text-align: center;
	letter-spacing: 1px;
	font-weight: bold;
	color: #444444;
	
}	

.TITLE h2 {
	margin:0;
	margin-bottom: 30px;
	padding-right: 15px;
	padding-left: 30px;	
	font-size: 10px;
	text-align: center;
	letter-spacing: 1px;
	font-weight: bold;
	color: #444444;
	
}

.TITLE p {
	margin-top: 10px;	
	margin-bottom: 10px;	
	padding-right: 15px;
	padding-left: 15px;	
	font-size: 12px;
	text-align: center;
	color: #444444;
	line-height: 2em;
}


.ITEM2 {
	padding-right: 5%;
	padding-left: 5%;
	margin:0px;
}


.ITEM2 h1 {
	margin-top: 25px;	
	margin-bottom: 10px;
	padding-right: 15px;
	padding-left: 30px;	
	font-size:23px;
	line-height:1.5em;
	text-align:left;
	letter-spacing: 1px;
	font-weight: bold;
	color:#e76416;
	
}	

.ITEM2 h2 {
	margin:0;
	margin-bottom: 10px;
	padding-right: 15px;
	padding-left: 30px;	
	font-size:11px;
	text-align:left;
	letter-spacing: 1px;
	font-weight: bold;
	color: #e76416;
	
}

/* ▼ 強調 ▼ */

.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
}


.text_YEL {
	background: linear-gradient(transparent 60%, #ffff66 60%);
}

.text_money {
	line-height: 2em;	
}

.text_backtitle {
}

.text_point {
	font-size:11px;
	padding: 5px;
	background-color: #47beff;
	color: #ffffff;
}



/* ▼ main ▼ */
.box img{
	margin:0;
	margin-bottom:2px;	
	width:100%;	
}



/* ▼ 分割ボックス23456 ▼ */
.box2 ul, .box3 ul, .box4 ul, .box5 ul, .box6 ul {
	margin:0;
	padding:0;
	list-style:none;
}


.box3 li a, .box4 li a, .box5 li a, .box6 li a, .boxcenter li a {
	display:block;
	padding: 10px;
	padding-bottom: 5px;
	color:#333333;
	font-size:11px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
}


.box2 li a{
	display:block;
	padding: 0px;
	padding-bottom: 0px;
	color:#333333;
	font-size:11px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
}

.box2 ul:after, .box3 ul:after, .box4 ul:after, .box5 ul:after, .box6 ul:after, .boxcenter ul:after {content:"";
	display:block;
	clear:both;	
}


.box2 img {
	max-width:100%;
	height:auto;
	border:none;
	padding-top: 100px;	
}

.box3 img, .box4 img, .box5 img, .box6 img {
	max-width:100%;
	height:auto;
	border:none;
	padding-top: 10px;	
}

.box2 li {
	float:left;	
	width:50%;
}

.box2 li:nth-child(2n+3) {
	clear:both;	
}

.box3 li {
	float:left;	
	width:33.3%;
}

.box3 li:nth-child(3n+4) {
	clear:both;	
}



.box4 li {
	float:left;	
	width:25%;
}

.box4 li:nth-child(4n+5) {
	clear: both;	
}

.box5 li {
	float:left;	
	width:20%;
}

.box5 li:nth-child(5n+6) {
	clear:both;	
}

.box6 li {
	float:left;	
	width:16.6666%;
}

.box6 li:nth-child(6n+7) {
	clear:both;	
}

.box img{
	margin:0;
	margin-bottom:2px;	
	width:100%;	
}




.ITEM ul, .ITEM2 ul {
	margin:0;
	padding:0;
	list-style:none;
}


.ITEM li a, .ITEM2 li a {
	display:block;
	padding: 10px;
	padding-bottom: 5px;
	color:#333333;
	font-size:11px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
}


.ITEM ul:after, .ITEM2 ul:after {content:"";
	display:block;
	clear:both;	
}


.ITEM img, .ITEM2 img {
	max-width:100%;
	height:auto;
	border:none;
	padding-top: 10px;	
}

.ITEM li, .ITEM2 li {
	float:left;	
	width:50%;
}

.ITEM li:nth-child(2n+3) {
	clear:both;	
}

.ITEM2 li:nth-child(2n+3) {
	clear:both;	
}

/* ▼ 分割センター ▼ */
.boxcenter ul {
	list-style-type: none;
	padding-left: 0;
}
.boxcenter li {
	background: #ffffff;
	width: 40%;
	padding: 12.5px;
	margin: 0px;
}
.inline-block {
	text-align: center;
}
.inline-block li {
	display: inline-block;
	vertical-align:top;
}

.boxcenter img {max-width:50%;
	height:auto;
	border:none;	
	display: block;
 	margin-left: auto;
 	margin-right: auto;
}




/* ▼ アイコン・Back number ▼ */
.boxC ul, .boxD ul {
	margin:0;
	padding:0;
	list-style:none;
}

.boxC li, .boxD li {
	display:block;
	padding:10px;
	border-bottom: dotted 1px #47beff;
	color:#000000;
	font-size:11px;	
	text-decoration:none;
}

.boxC li img, .boxD li img {
	border:none;
}

.boxC li a, .boxD li a {
	display:block;
	color:#000000;
	text-decoration: none;
	
}

.boxC li:after, .boxD li:after {
	content:"";
	display:block;
	clear:both;	
}

.boxC img {
	float:left;	
	width:40px;	
}

.boxC .text {
	float:none;	
	width:auto;	
	margin-left:40px;
	padding-left:15px;
	line-height:2em;
}

.boxD img {
	float:left;	
	width:150px;	
}

.boxD .text {
	float:none;	
	width:auto;	
	margin-left:150px;
	padding-top:5px;
	padding-left:15px;
	line-height:2em;
}




/* ▼ 進む・戻るボタン ▼ */
.pageButton {
	margin: 0px;
	padding: 0px;
}


.pageButton ul {
	margin-top: 20px;
	padding:0;
	list-style: none;
}


.pageButton li a:hover {
	text-decoration: none;
}


.pageButton li a {
	display: block;
	padding: 2px;
	color:#333333;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
}

.pageButton ul:after{
	content:"";
	display: block;
	clear: both;	
}

.pageButton li {
	float: left;	
	width: 33.3333%;
}

.pageButton li:nth-child(4) {
	clear: both;	
}





/* ▼ ボタン ▼ */
.Button p {
}


.Button a {
	text-decoration: none;
}

.text_But {
	display: block;
	font-size: 14px;
	text-align: center;
	letter-spacing: 1px;
	padding: 20px;
	background-color: #fbf2e6;
	color: #444444;
	font-family: 'Montserrat',sans-serif;
}