@charset "utf-8";
/* CSS INFORMATION -====================================================
File name : top.css
Description : TOPページCSS
===================================================================== */

/* =====================================================================
*    ヘッダー
* =================================================================== */
#header {
    position: relative;
}

#header .chase-top_wrap {
	background-color: transparent;
}

#header .chase-top_wrap::before {
	background-color: transparent;
}

#header .chase-top_wrap .img_logo {
	display: none;
}

/*-------------------------------------
    SNSエリア
-------------------------------------*/
#header .sns {
	width: 80%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

#header .sns ul {
    letter-spacing: -.40em;
    text-align: left;
	padding-top: 10px;
}

#header .sns ul li {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
}

@media screen and (min-width:700px){
	#header .sns {
		width: 100%;
		top: auto;
		bottom: 0;
	}

	#header .sns ul {
	    text-align: right;
		padding-bottom: 10px;
		margin-right: 6.25%;
	}

	#header .sns ul li {
	    padding-left: 0;
	    padding-right: 10px;
	}
}

/*-------------------------------------
    メインビジュアル
-------------------------------------*/
#header #main-visual {
	background-color: #b3deea;
}

#header #main-visual .inner {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	padding-top: 60px;
}

#header #main-visual .inner > img {
	width: 162.5%;
	max-width: 162.5%;
	height: auto;
	margin-left: -31.25%;
}

#header #main-visual .inner .text {
	width: 26.5625%;
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 3.125%;
	margin-bottom: 1.5625%;
}

@media screen and (min-width:700px){
	#header #main-visual {
		position: relative;
		overflow: hidden;
		padding-top: 0;
	}

	#header #main-visual .inner {
		height: 990px;
		overflow: visible;
		padding-top: 0;
	}

	#header #main-visual .inner > img {
		width: 1390px;
		max-width: 1390px;
		height: auto;
		position: relative;
		left: 50%;
		top: -60px;
		margin-left: -695px;
	}

	#header #main-visual .inner .text {
		width: 350px;
		height: 0;
		padding-top: 360px;
		background: url(../images/top/img_text_pc.png) no-repeat center top;
		left: 50%;
		right: auto;
		bottom: 110px;
		margin-left: 290px;
		margin-right: 0;
		margin-bottom: 0;
	}

	#header #main-visual .inner .text > img {
		display: none;
	}

	#header #main-visual .inner .onair {
		width: 358px;
		height: 332px;
		position: absolute;
		top: 0;
		right: 50%;
		margin-top: 544px;
		margin-right: 268px;
	}
}


/*-------------------------------------
    メインビジュアル：動き
-------------------------------------*/
#header #main-visual .inner .hukidashi_wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 60px;
	left: 0;
}

#header #main-visual .inner .hukidashi_wrap > div {
	position: absolute;
	top: 0;
	opacity: 0;

	transition: all 2s ease;
}

#header #main-visual .inner .hukidashi_wrap > div.show:not(.pc) {
	opacity: 1;

	transition: all 0s ease;
}

#header #main-visual .inner .hukidashi_wrap .h01_1 {
	width: 18.75%;
	left: 50%;
	margin-top: 8.75%;
	margin-left: 9.375%;
}

#header #main-visual .inner .hukidashi_wrap .h01_2 {
	width: 10.9375%;
	right: 50%;
	margin-top: 20.3125%;
	margin-right: 20.3125%;
}

#header #main-visual .inner .hukidashi_wrap .h01_3 {
	width: 17.1875%;
	right: 50%;
	margin-top: 39.0625%;
	margin-right: 26.5625%;
}

#header #main-visual .inner .hukidashi_wrap .h01_4 {
	width: 20.625%;
	left: 50%;
	margin-top: 34.375%;
	margin-left: 3.75%;
}

#header #main-visual .inner .hukidashi_wrap .h01_5 {
	width: 18.125%;
	left: 50%;
	margin-top: 57.8125%;
	margin-left: 18.75%;
}

#header #main-visual .inner .hukidashi_wrap .h01_6 {
	width: 32.5%;
	left: 50%;
	margin-top: 23.4375%;
	margin-left: -15.9375%;
}

#header #main-visual .inner .hukidashi_wrap .h01_7 {
	width: 17.1875%;
	right: 50%;
	margin-top: 53.125%;
	margin-right: 7.8125%;
}

#header #main-visual .inner .hukidashi_wrap .h01_8 {
	width: 23.125%;
	right: 50%;
	margin-top: 10.625%;
}

#header #main-visual .inner .hukidashi_wrap .h01_9 {
	width: 23.125%;
	right: 50%;
	margin-top: 42.1875%;
	margin-right: 3.125%;
}

#header #main-visual .inner .hukidashi_wrap .h01_10 {
	width: 25%;
	right: 50%;
	margin-top: 57.1875%;
	margin-right: 21.125%;
}

#header #main-visual .inner .hukidashi_wrap .h01_11 {
	width: 11.5625%;
	left: 50%;
	margin-top: 53.125%;
	margin-left: 10%;
}

#header #main-visual .inner .hukidashi_wrap .h01_12 {
	width: 21.875%;
	left: 50%;
	margin-top: 31.25%;
	margin-left: 22.1875%;
}

#header #main-visual .inner .hukidashi_wrap .h01_13 {
	width: 31.875%;
	left: 50%;
	margin-top: 3.4375%;
	margin-left: 21.875%;
}

#header #main-visual .inner .hukidashi_wrap .h01_14 {
	width: 21.875%;
	right: 50%;
	margin-top: 15.625%;
	margin-right: 28.125%;
}

#header #main-visual .inner .hukidashi_wrap .h01_15 {
	width: 19.375%;
	left: 50%;
	margin-top: 20.3125%;
	margin-left: 28.125%;
}

#header #main-visual .inner .hukidashi_wrap .h01_16 {
	width: 10.9375%;
	right: 50%;
	margin-top: 29.6875%;
	margin-right: 12.5%;
}

#header #main-visual .inner .hukidashi_wrap .h01_17 {
	width: 17.1875%;
	left: 50%;
	margin-top: 45.9375%;
	margin-left: 25%;
}

#header #main-visual .inner .hukidashi_wrap .h01_18 {
	width: 21.25%;
	left: 50%;
	margin-top: 48.4375%;
	margin-left: -6.25%;
}

#header #main-visual .inner .hukidashi_wrap .h02_1 {
	width: 6.25%;
	right: 50%;
	margin-right: 17.5%;
}

#header #main-visual .inner .hukidashi_wrap .h02_2 {
	width: 6.25%;
	left: 50%;
	margin-top: 1.5625%;
	margin-left: 17.8125%;
}

#header #main-visual .inner .hukidashi_wrap .h02_3 {
	width: 8.4375%;
	left: 50%;
	margin-top: 39.84375%;
	margin-left: 20.9375%;
}

#header #main-visual .inner .hukidashi_wrap .h02_4 {
	width: 16.5625%;
	right: 50%;
	margin-top: 2.5%;
	margin-right: -2.5%;
}

#header #main-visual .inner .hukidashi_wrap .h02_5 {
	width: 7.1875%;
	right: 50%;
	margin-top: 10.46875%;
	margin-right: 30.46875%;
}

#header #main-visual .inner .hukidashi_wrap .h02_6 {
	width: 9.0625%;
	right: 50%;
	margin-top: 40.625%;
	margin-right: -0.9375%;
}

#header #main-visual .inner .hukidashi_wrap .h02_7 {
	width: 6.25%;
	left: 50%;
	margin-top: 5.3125%;
	margin-left: 3.125%;
}

#header #main-visual .inner .hukidashi_wrap .h02_8 {
	width: 8.4375%;
	left: 50%;
	margin-top: 21.25%;
	margin-left: 14.6875%;
}

#header #main-visual .inner .hukidashi_wrap .h02_9 {
	width: 5.625%;
	right: 50%;
	margin-top: 7.8125%;
	margin-right: 21.875%;
}

#header #main-visual .inner .hukidashi_wrap .h02_10 {
	width: 5.3125%;
	left: 50%;
	margin-top: 12.1875%;
	margin-left: 32.8125%;
}

#header #main-visual .inner .hukidashi_wrap .h02_11 {
	width: 5.3125%;
	left: 50%;
	margin-top: 15.625%;
	margin-left: 6.875%;
}

#header #main-visual .inner .hukidashi_wrap .h02_12 {
	width: 5.3125%;
	right: 50%;
	margin-top: 16.71875%;
	margin-right: 15.625%;
}

#header #main-visual .inner .hukidashi_wrap .h02_13 {
	width: 4.6875%;
	left: 50%;
	margin-top: 28.125%;
	margin-left: 19.375%;
}

#header #main-visual .inner .hukidashi_wrap .h02_14 {
	width: 5.3125%;
	right: 50%;
	margin-top: 36.25%;
	margin-right: 3.625%;
}


#header #main-visual .inner .hukidashi_wrap .h02_15 {
	width: 5.625%;
	right: 50%;
	margin-top: 35.15625%;
	margin-right: 40.15625%;
}

#header #main-visual .inner .hukidashi_wrap .h02_16 {
	width: 5.625%;
	left: 50%;
	margin-top: 44.0625%;
	margin-left: 14.0625%;
}

#header #main-visual .inner .hukidashi_wrap .h02_17 {
	width: 5.625%;
	right: 50%;
	margin-top: 50.3125%;
	margin-right: 31.25%;
}

#header #main-visual .inner .hukidashi_wrap .h02_18 {
	width: 5.625%;
	left: 50%;
	margin-top: 61.40625%;
	margin-left: 38.75%;
}

@media screen and (min-width:700px){
	#header #main-visual .inner .hukidashi_wrap {
		top: 0;
	}

	#header #main-visual .inner .hukidashi_wrap > div.show.pc {
		opacity: 1;

		transition: all 0s ease;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_1 {
		width: 160px;
		margin-top: 16px;
		margin-left: 82px;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_2 {
		width: 94px;
		margin-top: 115px;
		margin-right: 170px;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_3 {
		width: 148px;
		margin-top: 280px;
		margin-right: 230px;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_4 {
		width: 176px;
		margin-top: 236px;
		margin-left: 32px;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_5 {
		width: 152px;
		margin-top: 433px;
		margin-left: 160px;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_6 {
		width: 277px;
		margin-top: 145px;
		margin-left: -135px;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_7 {
		width: 146px;
		margin-top: 394px;
		margin-right: 66px;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_8 {
		width: 197px;
		margin-top: 30px;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_9 {
		width: 197px;
		margin-top: 300px;
		margin-right: 25px;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_10 {
		width: 214px;
		margin-top: 430px;
		margin-right: 182px;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_11 {
		width: 97px;
		margin-top: 393px;
		margin-left: 90px;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_12 {
		width: 186px;
		margin-top: 204px;
		margin-left: 190px;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_13 {
		width: 273px;
		margin-top: -30px;
		margin-left: 160px;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_14 {
		width: 188px;
		margin-top: 76px;
		margin-right: 240px;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_15 {
		width: 165px;
		margin-top: 115px;
		margin-left: 240px;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_16 {
		width: 94px;
		margin-top: 195px;
		margin-right: 100px;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_17 {
		width: 145px;
		margin-top: 335px;
		margin-left: 215px;
	}

	#header #main-visual .inner .hukidashi_wrap .h01_18 {
		width: 180px;
		margin-top: 355px;
		margin-left: -50px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_1 {
		width: 53px;
		margin-top: -60px;
		margin-right: 148px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_2 {
		width: 53px;
		margin-top: -45px;
		margin-left: 120px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_3 {
		width: 71px;
		margin-top: 280px;
		margin-left: 180px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_4 {
		width: 140px;
		margin-top: -36px;
		margin-right: -22px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_5 {
		width: 59px;
		margin-top: 30px;
		margin-right: 260px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_6 {
		width: 77px;
		margin-top: 290px;
		margin-right: -10px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_7 {
		width: 52px;
		margin-top: -15px;
		margin-left: 30px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_8 {
		width: 71px;
		margin-top: 122px;
		margin-left: 125px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_9 {
		width: 47px;
		margin-top: 10px;
		margin-right: 180px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_10 {
		width: 47px;
		margin-top: 45px;
		margin-left: 250px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_11 {
		width: 46px;
		margin-top: 70px;
		margin-left: 55px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_12 {
		width: 46px;
		margin-top: 85px;
		margin-right: 135px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_13 {
		width: 39px;
		margin-top: 180px;
		margin-left: 165px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_14 {
		width: 46px;
		margin-top: 250px;
		margin-right: 45px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_15 {
		width: 47px;
		margin-top: 240px;
		margin-right: 340px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_16 {
		width: 46px;
		margin-top: 320px;
		margin-left: 120px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_17 {
		width: 47px;
		margin-top: 370px;
		margin-right: 270px;
	}

	#header #main-visual .inner .hukidashi_wrap .h02_18 {
		width: 47px;
		margin-top: 465px;
		margin-left: 330px;
	}

	#header #main-visual .inner .hukidashi_wrap .h03_1 {
		width: 154px;
		right: 50%;
		margin-top: -10px;
		margin-right: 370px;
	}

	#header #main-visual .inner .hukidashi_wrap .h03_2 {
		width: 88px;
		left: 50%;
		margin-top: 10px;
		margin-left: 440px;
	}

	#header #main-visual .inner .hukidashi_wrap .h03_3 {
		width: 266px;
		right: 50%;
		margin-top: 175px;
		margin-right: 300px;
	}

	#header #main-visual .inner .hukidashi_wrap .h03_4 {
		width: 156px;
		left: 50%;
		margin-top: 245px;
		margin-left: 405px;
	}

	#header #main-visual .inner .hukidashi_wrap .h03_5 {
		width: 169px;
		right: 50%;
		margin-top: 345px;
		margin-right: 340px;
	}

	#header #main-visual .inner .hukidashi_wrap .h03_6 {
		width: 254px;
		left: 50%;
		margin-top: 95px;
		margin-left: 480px;
	}

	#header #main-visual .inner .hukidashi_wrap .h03_7 {
		width: 219px;
		right: 50%;
		margin-top: 410px;
		margin-right: 495px;
	}

	#header #main-visual .inner .hukidashi_wrap .h03_8 {
		width: 81px;
		left: 50%;
		margin-top: 400px;
		margin-left: 500px;
	}

	#header #main-visual .inner .hukidashi_wrap .h03_9 {
		width: 83px;
		right: 50%;
		margin-top: 255px;
		margin-right: 465px;
	}

	#header #main-visual .inner .hukidashi_wrap .h03_10 {
		width: 133px;
		left: 50%;
		margin-top: 285px;
		margin-left: 550px;
	}

	#header #main-visual .inner .hukidashi_wrap .h03_11 {
		width: 126px;
		right: 50%;
		margin-top: 445px;
		margin-right: 400px;
	}

	#header #main-visual .inner .hukidashi_wrap .h03_12 {
		width: 145px;
		left: 50%;
		margin-top: 375px;
		margin-left: 325px;
	}

	#header #main-visual .inner .hukidashi_wrap .h04_1 {
		width: 92px;
		right: 50%;
		margin-top: -20px;
		margin-right: 320px;
	}

	#header #main-visual .inner .hukidashi_wrap .h04_2 {
		width: 85px;
		left: 50%;
		margin-top: -5px;
		margin-left: 520px;
	}

	#header #main-visual .inner .hukidashi_wrap .h04_3 {
		width: 144px;
		right: 50%;
		margin-top: 130px;
		margin-right: 535px;
	}

	#header #main-visual .inner .hukidashi_wrap .h04_4 {
		width: 59px;
		right: 50%;
		margin-top: 80px;
		margin-right: 505px;
	}

	#header #main-visual .inner .hukidashi_wrap .h04_5 {
		width: 84px;
		left: 50%;
		margin-top: 195px;
		margin-left: 450px;
	}

	#header #main-visual .inner .hukidashi_wrap .h04_6 {
		width: 74px;
		right: 50%;
		margin-top: 325px;
		margin-right: 525px;
	}

	#header #main-visual .inner .hukidashi_wrap .h04_7 {
		width: 73px;
		left: 50%;
		margin-top: 455px;
		margin-left: 405px;
	}

	#header #main-visual .inner .hukidashi_wrap .h04_8 {
		width: 51px;
		left: 50%;
		margin-top: 365px;
		margin-left: 440px;
	}

	#header #main-visual .inner .hukidashi_wrap .h04_9 {
		width: 31px;
		left: 50%;
		margin-top: 40px;
		margin-left: 405px;
	}

	#header #main-visual .inner .hukidashi_wrap .h04_10 {
		width: 46px;
		left: 50%;
		margin-top: 85px;
		margin-left: 395px;
	}

	#header #main-visual .inner .hukidashi_wrap .h04_11 {
		width: 47px;
		left: 50%;
		margin-top: 175px;
		margin-left: 415px;
	}

	#header #main-visual .inner .hukidashi_wrap .h04_12 {
		width: 46px;
		left: 50%;
		margin-top: 290px;
		margin-left: 380px;
	}

	#header #main-visual .inner .hukidashi_wrap .h04_13 {
		width: 31px;
		right: 50%;
		margin-top: 415px;
		margin-right: 420px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_1 {
		width: 120px;
		right: 50%;
		margin-top: 45px;
		margin-right: 745px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_2 {
		width: 46px;
		right: 50%;
		margin-top: 45px;
		margin-right: 615px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_3 {
		width: 47px;
		right: 50%;
		margin-top: 320px;
		margin-right: 620px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_4 {
		width: 109px;
		left: 50%;
		margin-top: 30px;
		margin-left: 775px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_5 {
		width: 244px;
		right: 50%;
		margin-top: 220px;
		margin-right: 620px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_6 {
		width: 187px;
		left: 50%;
		margin-top: 220px;
		margin-left: 700px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_7 {
		width: 156px;
		left: 50%;
		margin-top: 415px;
		margin-left: 650px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_8 {
		width: 31px;
		left: 50%;
		margin-top: 50px;
		margin-left: 715px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_9 {
		width: 92px;
		left: 50%;
		margin-top: 135px;
		margin-left: 710px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_10 {
		width: 84px;
		left: 50%;
		margin-top: 185px;
		margin-left: 895px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_11 {
		width: 58px;
		left: 50%;
		margin-top: 280px;
		margin-left: 915px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_12 {
		width: 32px;
		right: 50%;
		margin-top: 280px;
		margin-right: 895px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_13 {
		width: 69px;
		left: 50%;
		margin-top: 310px;
		margin-left: 700px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_14 {
		width: 94px;
		right: 50%;
		margin-top: 445px;
		margin-right: 645px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_15 {
		width: 89px;
		left: 50%;
		margin-top: -20px;
		margin-left: 930px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_16 {
		width: 141px;
		left: 50%;
		margin-top: 230px;
		margin-left: 1020px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_17 {
		width: 183px;
		right: 50%;
		margin-top: 360px;
		margin-right: 645px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_18 {
		width: 254px;
		left: 50%;
		margin-top: 120px;
		margin-left: 895px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_19 {
		width: 190px;
		right: 50%;
		margin-top: 145px;
		margin-right: 875px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_20 {
		width: 117px;
		right: 50%;
		margin-top: 415px;
		margin-right: 860px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_21 {
		width: 111px;
		right: 50%;
		margin-top: 245px;
		margin-right: 935px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_22 {
		width: 145px;
		left: 50%;
		margin-top: 445px;
		margin-left: 875px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_23 {
		width: 122px;
		right: 50%;
		margin-top: 335px;
		margin-right: 940px;
	}

	#header #main-visual .inner .hukidashi_wrap .h05_24 {
		width: 81px;
		left: 50%;
		margin-top: 340px;
		margin-left: 830px;
	}
}

/*-------------------------------------
    タイトル
-------------------------------------*/
#header .title_area {
	background-color: #FFF;
	padding-top: 3.125%;
	padding-bottom: 4.6875%;
}

#header .title_area h1 {
	width: 79.875%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width:700px){
	#header .title_area {
		width: 100%;
		max-width: 1080px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		padding-top: 0;
		padding-bottom: 0;
	}

	#header .title_area h1 {
		width: 47.2223%;
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 6.8519%;
		margin-left: 2.7778%;
	}

	.chase-top_wrap {
		width: 45.8334% !important;
		height: auto !important;
		position: relative !important;
		margin-left: auto;
		margin-right: 0;
		padding-top: 3.2408%;
		padding-bottom: 1.3889%;
	}

	.chase-top_wrap #nav {
		position: relative;
	}

	#nav ul.menu_list {
	    max-width: 100%;
		text-align: left;
	}

	#nav ul.menu_list li {
		width: 22.2223% !important;
		height: 0px !important;
		position: relative;
		padding-top: 26.2627%;
		margin: 0px 2.0203% 4.0405% 0 !important;
		transition: none;
	}

	#nav ul.menu_list li a {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
}

/*-------------------------------------
    オンエア日
-------------------------------------*/
#header .onair_area {
	background-color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
}

#header .onair_area img {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
}


/* =====================================================================
*    コンテンツ
* =================================================================== */
/*-------------------------------------
    見逃し配信
-------------------------------------*/
#mydo_area {
	position: relative;
	background: url(../images/common/bg_mydo_area.jpg) repeat center top;
	background-size: 5px 5px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#mydo_area a {
	width: 87.5%;
	height: 40px;
	display: block;
	color: #3570b7;
	font-size: 1.4rem;
	line-height: 40px;
	text-align: center;
	background-color: #FFF;
	border-radius: 50px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width:700px){
	#mydo_area {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#mydo_area a {
		width: 460px;
		font-size: 1.6rem;
	}
}

/*-------------------------------------
    SNS
-------------------------------------*/
#sns_area {
	width: 100%;
	background-color: #fff34c;
	position: relative;
	padding-top: 45px;
	padding-bottom: 15px;
	z-index: 1;
}

#sns_area::before {
	content: "";
	width: 15.625%;
	height: 100%;
	background: url(../images/common/bg_yellow_line_left.jpg) repeat center top;
	background-size: 40px 40px;
	position: absolute;
	top: 0;
	left: 0;
}

#sns_area::after {
	content: "";
	width: 15.625%;
	height: 100%;
	background: url(../images/common/bg_yellow_line_right.jpg) repeat center top;
	background-size: 28px 28px;
	position: absolute;
	top: 0;
	right: 0;
}

#sns_area > h1 {
	width: 100%;
	height: 27px;
	position: relative;
	font-family: 'PROGBOT';
	font-size: 3.5rem;
	line-height: 1em;
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 25px;
}


#sns_area > h1::after {
	content: "";
	width: 46.875%;
	max-width: 150px;
	height: 4px;
	display: block;
	background: linear-gradient(to right, rgba(43, 110, 183, 0) 0%, rgba(43, 110, 183, 1) 50%, rgba(43, 110, 183, 0) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

#sns_area .chase-sns_wrap {
	position: relative;
	background-color: transparent;
	padding-top: 0;
	padding-bottom: 0;
	z-index: 10;
}

#sns_area .chase-sns_wrap li {
	width: 92px;
	height: 92px;
	vertical-align: top;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

#sns_area .chase-sns_wrap li a {
	height: 26px;
	font-family: 'Roboto', sans-serif !important;
	line-height: 26px;
	color: #FFF;
	text-indent: inherit;
	letter-spacing: 0.05em;
	padding-top: 66px;
}

#sns_area .chase-sns_wrap li a::after {
	content: "";
	width: 60%;
	height: 1px;
	display: block;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
	position: absolute;
	top: 65px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

#sns_area .chase-sns_wrap li a::before {
	font-family: 'iconfont' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
    height: 65px;
    line-height: 65px;
}

@media screen and (min-width:700px){
	#sns_area {
		padding-top: 50px;
		padding-bottom: 30px;
		overflow: hidden;
	}

	#sns_area::before {
		width: 50%;
		left: auto;
		right: 50%;
		margin-right: 640px;
	}

	#sns_area::after {
		width: 50%;
		right: auto;
		left: 50%;
		margin-left: 640px;
	}


	#sns_area > h1 {
		height: 35px;
		font-size: 4.4rem;
		line-height: 1em;
	}

	#sns_area > h1::after {
		width: 23.4375%;
		max-width: 300px;
	}

	#sns_area .chase-sns_wrap {
		width: 100%;
		max-width: 1280px;
		background: none;
		top: auto;
		margin-left: auto;
		margin-right: auto;
	}

	#sns_area .chase-sns_wrap li {
		width: 170px;
		height: 170px;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 20px;
	}

	#sns_area .chase-sns_wrap li a {
	    height: 53px;
		font-size: 1.6rem;
		letter-spacing: 0.05em;
	    line-height: 53px;
	    padding-top: 117px;
	}

	#sns_area .chase-sns_wrap li a::before {
		padding-top: 20px;
	    height: 116px;
	    line-height: 96px;
	}

	#sns_area .chase-sns_wrap li a::after {
		width: 100px;
		top: 116px;

		transition: all 0.2s ease;
	}

	#sns_area .chase-sns_wrap li a.if-twitter::before,
	#sns_area .chase-sns_wrap li a.if-facebook::before,
	#sns_area .chase-sns_wrap li a.if-instagram::before,
	#sns_area .chase-sns_wrap li a.if-line::before,
	#sns_area .chase-sns_wrap li a.if-snow::before {
		font-size: 5.8rem;
	}

	#sns_area .chase-sns_wrap ul li a.if-twitter:hover {
		color: #56a3d9;
	}

	#sns_area .chase-sns_wrap ul li a.if-facebook:hover {
		color: #3b5998;
	}

	#sns_area .chase-sns_wrap ul li a.if-instagram:hover {
		color: #d93175;
	}

	#sns_area .chase-sns_wrap ul li a.if-line:hover {
		color: #00b900;
	}

	#sns_area .chase-sns_wrap ul li a.if-snow:hover {
		color: #0cc8f0;
	}

	#sns_area .chase-sns_wrap li a.if-twitter:hover::after {
		background: linear-gradient(to right, rgba(86, 163, 217, 0) 0%, rgba(86, 163, 217, 1) 50%, rgba(86, 163, 217, 0) 100%);
	}

	#sns_area .chase-sns_wrap ul li a.if-facebook:hover::after {
		background: linear-gradient(to right, rgba(59, 89, 152, 0) 0%, rgba(59, 89, 152, 1) 50%, rgba(59, 89, 152, 0) 100%);
	}

	#sns_area .chase-sns_wrap ul li a.if-instagram:hover::after {
		background: linear-gradient(to right, rgba(217, 49, 117, 0) 0%, rgba(217, 49, 117, 1) 50%, rgba(217, 49, 117, 0) 100%);
	}

	#sns_area .chase-sns_wrap ul li a.if-line:hover::after {
		background: linear-gradient(to right, rgba(0, 185, 0, 0) 0%, rgba(0, 185, 0, 1) 50%, rgba(0, 185, 0, 0) 100%);
	}

	#sns_area .chase-sns_wrap ul li a.if-snow:hover::after {
		background: linear-gradient(to right, rgba(12, 200, 240, 0) 0%, rgba(12, 200, 240, 1) 50%, rgba(12, 200, 240, 0) 100%);
	}
}

/*-------------------------------------
    次回予告
-------------------------------------*/
#next_area {
	position: relative;
	background: url(../images/top/bg_next-area_sp.jpg) no-repeat center bottom #83d1e6;
	background-size: 100% auto;
	padding-top: 10.9375%;
	padding-bottom: 56.25%;
	overflow: hidden;
}

#next_area::before {
	content: "";
	width: 36.875%;
	height: 0;
	padding-top: 54.21875%;
	background: url(../images/top/bg_next-area_01_sp.png) no-repeat center bottom;
	background-size: 100% auto;
	position: absolute;
	bottom: 0;
	left: 0;
}

#next_area::after {
	content: "";
	width: 40.78125%;
	height: 0;
	padding-top: 54.0625%;
	background: url(../images/top/bg_next-area_02_sp.png) no-repeat center bottom;
	background-size: 100% auto;
	position: absolute;
	bottom: 0;
	right: 0;
}

#next_area > h1 {
	width: 100%;
	height: 27px;
	position: relative;
	font-family: 'PROGBOT';
	font-size: 3.5rem;
	line-height: 1em;
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 4.6875%;
}

#next_area > h1::after {
	content: "";
	width: 93.75%;
	max-width: 300px;
	height: 4px;
	display: block;
	background: linear-gradient(to right, rgba(255, 243, 76, 0) 0%, rgba(255, 243, 76, 1) 50%, rgba(255, 243, 76, 0) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

/* サムネイル（＆SPリンク） */
#next_area .thumbnail_area {
	position: relative;
	background: url(../images/story/bg_movie_area.png) no-repeat center top;
	background-size: 104.6875% auto;
    padding: 5.46875% 14.6875% 13.28125% 11.875%;
}

#next_area .thumbnail {
	position: relative;
}

#next_area .thumbnail_area .link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#next_area .thumbnail_area .link a {
    width: 100%;
    height: 100%;
    background: url(../images/common/btn_movie.png) no-repeat center center;
    background-size: 20% auto;
    display: block;
    overflow: hidden;
}

/* タイトル・放送時間・ボタン */
#next_area .title_area {
	width: 87.5%;
	position: relative;
	background-color: #FFF;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: rgba(26, 144, 191, 0.25) 0 0 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6.25%;
	padding-top: 7.03125%;
	padding-bottom: 6.25%;
}

#next_area .title_area::before {
	content: "";
	width: 4.4643%;
	height: 0;
	padding-top: 3%;
	background: url(../images/story/bg_title_area.png) no-repeat center bottom;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	right: 10%;
	margin-top: -3%;
}

#next_area .title_area .img_story-number {
	width: 19.2858%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-top: -12.5%;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
}

#next_area .title_area .text_title {
	width: 85.7143%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#next_area .title_area .text_title strong {
	font-size: 2.4rem;
	line-height: 1.2em;
	color: #2b6eb7;
	font-weight: bold;
	text-align: center;
}

#next_area .title_area .text_onair {
	width: 85.7143%;
	font-size: 1.2rem;
	line-height: 1.5em;
	text-align: center;
	padding-top: 1.7859%;
	margin-left: auto;
	margin-right: auto;
}

#next_area .title_area .text_onair span {
	display: block;
}

#next_area .title_area .btn {
	margin-top: 7.1429%;
}

@media screen and (min-width:700px){
	#next_area {
		background: url(../images/top/bg_next-area_pc.jpg) no-repeat center 20px #83d1e6;
		background-size: 100% auto;
		padding-top: 60px;
		padding-bottom: 90px;
	}

	#next_area::before {
		width: 251px;
		padding-top: 347px;
		background: url(../images/top/bg_next-area_01_pc.png) no-repeat center bottom;
		background-size: 100% auto;
		right: 50%;
		left: auto;
		margin-right: 263px;
	}

	#next_area::after {
		width: 272px;
		padding-top: 345px;
		background: url(../images/top/bg_next-area_02_pc.png) no-repeat center bottom;
		background-size: 100% auto;
		right: auto;
		left: 50%;
		margin-left: 263px;
	}

	#next_area > h1 {
		height: 35px;
		height: 35px;
		font-size: 4.4rem;
		line-height: 1em;
		background: url(../images/common/bg_subpage_h1_pc.jpg) no-repeat center bottom;
		background-size: auto 4px;
		margin-bottom: 20px;
	}

	#next_area > h1::after {
		width: 360px;
		max-width: 360px;
	}

	/* サムネイル＆リンク */
	#next_area .thumbnail_area {
		width: 74.0741%;
		max-width: 800px;
		background: url(../images/story/bg_movie_area.png) no-repeat center top;
		background-size: 100% auto;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
	}

	#next_area .thumbnail_area .thumbnail {
		padding: 5.25% 16.5% 13% 13.5%;
	}

	#next_area .thumbnail_area .link {
	    width: 70%;
		height: 68.33%;
		top: 9.1%;
	    left: 13.5%;
}

#next_area .thumbnail_area .link a {
    width: 100%;
    height: 100%;
    background: url(../images/common/btn_movie.png) no-repeat center center;
    background-size: 20% auto;
    display: block;
    overflow: hidden;
}

	/* タイトル・放送時間・ボタン */
	#next_area .title_area {
		width: 55%;
		max-width: 440px;
		box-shadow: rgba(26, 144, 191, 0.25) 0 0 20px;
		margin-top: -5px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#next_area .title_area .img_story-number {
		width: 13.6364%;
		margin-top: -8.5%;
	}

	#next_area .title_area .text_title {
		width: 90.9091%;
	}

	#next_area .title_area .text_title strong {
		font-size: 3.0rem;
		line-height: 1.2em;
	}

	#next_area .title_area .text_onair {
		width: 90.9091%;
		font-size: 1.6rem;
		line-height: 1.5em;
		padding-top: 1.1364%;
	}

	#next_area .title_area .btn {
		margin-top: 4.4546%;
	}
}

@media screen and (min-width:1080px){
	#next_area {
		background: url(../images/top/bg_next-area_pc.jpg) no-repeat center 20px #83d1e6;
		background-size: 1080px auto;
	}
}

/*-------------------------------------
    新着情報・Twitterエリア
-------------------------------------*/
.news_tw_area {
	width: 100%;
	background-color: #f0f0eb;
	position: relative;
	padding-top: 10.9375%;
	padding-bottom: 17.1875%;
}

.news_tw_area > * {
	position: relative;
	z-index:10;
}

.news_tw_area::before {
	content: "";
	width: 15.625%;
	height: 100%;
	background: url(../images/common/bg_gray_line_left.jpg) repeat center top;
	background-size: 40px 40px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.news_tw_area::after {
	content: "";
	width: 15.625%;
	height: 100%;
	background: url(../images/common/bg_gray_line_right.jpg) repeat center top;
	background-size: 28px 28px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

/* ニュースエリア */
#news_area {
	margin-bottom: 10.9375%;
}

#news_area > h1 {
	width: 100%;
	height: 27px;
	position: relative;
	font-family: 'PROGBOT';
	font-size: 3.5rem;
	line-height: 1em;
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 7.8125%;
}

#news_area > h1::after {
	content: "";
	width: 93.75%;
	max-width: 300px;
	height: 4px;
	display: block;
	background: linear-gradient(to right, rgba(43, 110, 183, 0) 0%, rgba(43, 110, 183, 1) 50%, rgba(43, 110, 183, 0) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

#news_area .inner {
	width: 87.5%;
	height: 0;
	padding-top: 46.875%;
	position: relative;
	background-color: #FFF;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: rgba(223, 223, 212, 0.5) 0 0 10px;
	margin-left: auto;
	margin-right: auto;
}

#news_area .inner .inner_wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	box-sizing: border-box;
	padding: 7.1429%;
}

#news_area .inner dl {
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

#news_area .inner dl dt {
	font-size: 1.4rem;
	line-height: 1.2em;
	color: #2b6eb7;
	font-weight: bold;
}

#news_area .inner dl dd {
	font-size: 1.4rem;
	line-height: 1.5em;
}

#news_area .inner dl dd:not(:last-child) {
	margin-bottom: 4.1667%;
}

#news_area .inner dl dd a {
	color: #000;
}

/* ツイッターエリア */
#twitter_area > h1 {
	width: 100%;
	height: 27px;
	position: relative;
	font-family: 'PROGBOT';
	font-size: 3.5rem;
	line-height: 1em;
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 7.8125%;
}

#twitter_area > h1::after {
	content: "";
	width: 93.75%;
	max-width: 300px;
	height: 4px;
	display: block;
	background: linear-gradient(to right, rgba(43, 110, 183, 0) 0%, rgba(43, 110, 183, 1) 50%, rgba(43, 110, 183, 0) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

#twitter_area .twitter-widget_area {
	width: 87.5%;
	height: 0;
	padding-top: 62.5%;
	position: relative;
	background-color: #FFF;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
	box-shadow: rgba(223, 223, 212, 0.5) 0 0 10px;
	margin-left: auto;
	margin-right: auto;
}

#twitter_area .twitter-widget_area .twitter-widget {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
	overflow: hidden;
}

@media screen and (min-width:700px){
	.news_tw_area {
		letter-spacing: -.40em;
		text-align: center;
		padding-top: 70px;
		padding-bottom: 90px;
		overflow: hidden;
	}

	.news_tw_area::before {
		width: 50%;
		height: 100%;
		left: auto;
		right: 50%;
		margin-right: 640px;
	}

	.news_tw_area::after {
		width: 50%;
		height: 100%;
		right: auto;
		left: 50%;
		margin-left: 640px;
	}

	#news_area,
	#twitter_area {
		width: 37.5%;
		max-width: 480px;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 0;
		margin-left: 30px;
		margin-right: 30px;
	}

	/* ニュースエリア */
	#news_area > h1 {
		height: 35px;
		font-size: 4.4rem;
		line-height: 1em;
		letter-spacing: 0;
		margin-bottom: 30px;
	}

	#news_area > h1::after {
		width: 62.5%;
	}

	#news_area .inner {
		width: 100%;
		padding-top: 75%;
		box-shadow: rgba(223, 223, 212, 0.5) 0 0 20px;
	}

	#news_area .inner .inner_wrap {
		padding: 8.3334%;
		letter-spacing: normal;
		text-align: left;
	}

	#news_area .inner dl::-webkit-scrollbar-button {
		width: 0;
		height: 0;
	}

	#news_area .inner dl::-webkit-scrollbar {
	    width: 7px;
	    background:#fff34c;
	}

	#news_area .inner dl::-webkit-scrollbar-thumb {
		background:#2b6eb7;
	}

	#news_area .inner dl dt {
		line-height: 1.5em;
		float: left;
	}

	#news_area .inner dl dd {
		margin-left: 120px;
	}

	#news_area .inner dl dd:not(:last-child) {
		margin-bottom: 5%;
	}

	/* ツイッターエリア */
	#twitter_area > h1 {
		height: 35px;
		font-size: 4.4rem;
		line-height: 1em;
		letter-spacing: 0;
		margin-bottom: 30px;
	}

	#twitter_area > h1::after {
		width: 62.5%;
	}

	#twitter_area .twitter-widget_area {
		width: 100%;
		padding-top: 75%;
		box-shadow: rgba(223, 223, 212, 0.5) 0 0 20px;
	}
}

/*-------------------------------------
    インスタグラムエリア
-------------------------------------*/
#instagram_area {
	background: url(../images/top/bg_instagram-area.jpg) repeat center top;
	background-size: 5px 5px;
	padding-top: 12.5%;
	padding-bottom: 10.9375%;
}

#instagram_area h1 {
	width: 100%;
	height: 27px;
	position: relative;
	font-family: 'PROGBOT';
	font-size: 3.5rem;
	line-height: 1em;
	color: #e4448a;
	text-shadow: #FFF 3px 3px 0px, #FFF -3px 3px 0px, #FFF 3px -3px 0px, #FFF -3px -3px 0px;
	text-align: center;
	margin-bottom: 7.8125%;
}

#instagram_area .inner {
	width: 100%;
}

#instagram_area .inner ul {
	letter-spacing: -.40em;
	text-align: center;
}

#instagram_area .inner ul li {
	width: 40.625%;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin-left: 3.125%;
	margin-right: 3.125%;
	margin-bottom: 4.6875%;
}

#instagram_area .inner .icon {
	width: 70px;
	height: 0;
	padding-top: 70px;
	position: relative;
	background: url(../images/common/bg_instagram_icon.jpg) no-repeat center center;
	background-size: cover;
	border-radius: 15px;
	box-shadow: rgba(0, 0, 0, 0.15) 0 7px 7px;
	overflow: hidden;
	margin: 3.125% auto 0;
}


#instagram_area .inner .icon a {
	width: 100%;
	height: 100%;
	text-decoration: none;
	text-indent: -999em;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

#instagram_area .inner .icon a::before {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	font-family: 'iconfont' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-indent: 0;
	letter-spacing: normal;
	text-align: center;
	font-size: 7.0rem;
    line-height: 70px;
}

@media screen and (min-width:700px){
	#instagram_area {
		padding-top: 80px;
		padding-bottom: 80px;
		position: relative;
	}

	#instagram_area > * {
		position: relative;
		z-index: 10;
	}

	#instagram_area::before {
		content: "";
		width: 100%;
		height: 30px;
		background-color: #FFF;
		position: absolute;
		top: 0;
		left: 0;
	}

	#instagram_area::after {
		content: "";
		width: 100%;
		height: 30px;
		background-color: #FFF;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	#instagram_area h1 {
		width: 250px;
		height: 250px;
		font-family: 'roboto';
		font-size: 1.6rem;
		line-height: 40px;
		text-shadow: none;
		background-color: #FFF;
		border: 15px solid #d93175;
		box-sizing: border-box;
		position: absolute;
		top: 0;
		left: 0;
		padding-top: 40px;
		margin-bottom: 0;
	}

	#instagram_area .inner {
		width: 88.28125%;
		max-width: 1130px;
		min-height: 250px;
	}

	#instagram_area .inner ul {
		min-height: 250px;
		margin-left: 250px;
		text-align: left;
	}

	#instagram_area .inner ul li {
		width: 22.7273%;
		min-width: 200px;
		margin-left: 20px;
		margin-right: 0;
		margin-bottom: 20px;
	}

	#instagram_area .inner .icon {
		width: 90px;
		padding-top: 90px;
		border-radius: 20px;
		box-shadow: rgba(0, 0, 0, 0.15) 0 15px 15px;
		position: absolute;
		top: 95px;
		left: 80px;
		margin-top: 0;
	}

	#instagram_area .inner .icon a::before {
		font-size: 9.0rem;
	    line-height: 90px;
	}
}

/*-------------------------------------
    orimokkoriエリア
-------------------------------------*/
#orimokkori_area {
	background-color: #99c337;
	padding-top: 7.8125%;
	padding-bottom: 9.375%;
}

#orimokkori_area .inner {
	width: 100%;
}

#orimokkori_area .inner .icon {
	width: 31.25%;
	padding-bottom: 6.25%;
	margin-left: auto;
	margin-right: auto;
}

#orimokkori_area h1 {
	width: 100%;
	height: 27px;
	position: relative;
	font-family: 'PROGBOT';
	font-size: 3.5rem;
	line-height: 1em;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 3.125%;
}

#orimokkori_area .inner p {
	width: 87.5%;
	font-size: 1.4rem;
	line-height: 1.5em;
	color: #FFF;
	text-align: center;
	padding-bottom: 4.6875%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width:700px){
	#orimokkori_area {
		padding-top: 0;
		padding-bottom: 0;
	}

	#orimokkori_area .inner {
		max-width: 1020px;
		position: relative;
		padding-top: 60px;
		padding-bottom: 60px;
		z-index: 10;
	}

	#orimokkori_area .inner > * {
		position: relative;
		z-index: 10;
	}

	#orimokkori_area .inner::after {
		content: "";
		width: 63px;
		height: 72px;
		background: url(../images/top/img_orimokkori_02.png) no-repeat center top;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50%;
		margin: auto auto auto 300px;
		z-index: 1;
	}

	#orimokkori_area .inner .icon {
		width: 15.6863%;
		height: 0;
		padding-top:  15.6863%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin-top: auto;
		margin-bottom: auto;
		padding-bottom: 0;
		margin-left: 11.7648%;
	}

	#orimokkori_area .inner .icon img {
		position: absolute;
		top: 0;
		left: 0;
	}

	#orimokkori_area h1 {
		width: auto;
		height: auto;
		font-size: 6.0rem;
		line-height: 1em;
		text-align: left;
		margin-left: 35.0981%;
		margin-bottom: 20px;
	}

	#orimokkori_area .inner p {
		width: 410px;
		font-size: 1.6rem;
		line-height: 1.5em;
		text-align: left;
		padding-bottom: 0;
		margin-left: 35.0981%;
		margin-right: auto;
	}

	#orimokkori_area .inner .btn {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	#orimokkori_area .inner .btn a {
		width: 100%;
		height: 100%;
		text-align: left;
		text-indent: -999em;
		background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
		box-shadow: none;
		border-radius: 0;
		padding: 0;
		opacity: 0;
		transition: all 0.2s ease;
	}

	#orimokkori_area .inner .btn a:hover {
		opacity: 1;
	}
}


/* =====================================================================
*    共通：シェアボタン
* =================================================================== */
#sns-share_area {
}