@charset "UTF-8";

.sp { display: none !important; }
.no-sp {}

html, body {
	min-height: 100%;
	background-color: #fff;
	}

html {
	font-size: 62.5%;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	/*overflow-y:hidden;*/
	}

body {
	min-height: 100%;
	font-family:  YuGothic, '游ゴシック', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.4rem;
	line-height: 1.6;
	overflow-y:hidden;
	}
	
/* ドロワー関連 */
#overlay {
	position: fixed;
	top: 0;
	left: 70px;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.70);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	opacity: 0;
	}
#overlay.open {
	z-index: 9999;
	opacity: 1;
	}
	
	
#drawer {
	position: fixed;
	top: 0;
	left: -500px;
	width: 250px;
	height: 100%;
	overflow: hidden;
	background-color: #FFF;
	/*-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;*/
	z-index: 10001;
	border-right: 1px solid #FFF;
	}
#drawer.section1 	{	background-color: #FFF; }
#drawer.section2	{	background-color: #F1F9FD; }
#drawer.section3	{	background-color: #F1F9FD; }
#drawer.section4	{	background-color: #F1F9FD; }
#drawer.section5	{	background-color: #E3F2FC; }
#drawer.section6	{	background-color: #C6E6F9; }
#drawer.section7	{	background-color: #B8E0F7; }
#drawer.section8	{	background-color: #AAD9F6; }
#drawer.section9	{	background-color: #9CD3F4; }
#drawer.section10	{	background-color: #9CD3F4; }
#drawer.section11	{	background-color: #ADD0E4; }
#drawer.section12	{	background-color: #BDCCD4; }
#drawer.section13	{	background-color: #CEC9C4; }
#drawer.section14	{	background-color: #DEC6B4; }
#drawer.section15	{	background-color: #EFC2A4; }
#drawer.section16	{	background-color: #FFBF94; }
#drawer.section17	{	background-color: #A2918C; }
#drawer.section18	{	background-color: #446284; }
#drawer.section19	{	background-color: #FFF; }

	
#drawer-inner {
	width: 270px;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	}
	
	
	
/*
#drawer-toggle {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100px;
	height: 0;
	padding-top: 100px;
	background: url(../images/btn_gmenu.png) no-repeat;
	line-height: 100px;
	overflow: hidden;
	z-index: 10000;
	cursor: pointer;
	}*/
#drawer-header {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 70px;
	height: 100%;
	z-index: 10004;
	transition: all .4s;
	}
#drawer-header.open {
	display: block;
	}
	#drawer-header h1 {
		display: block;
		position: absolute;
		top: 8px;
		left: 9px;
		width: 110px;
		overflow: hidden;
		}
#drawer-header.drawer-header-white {
	background-color: #fff;
	}



#drawer-toggle {
	display: block;
	position: fixed;
	left: 16px;
	top: 16px;
	width: 36px;
	height: 32px;
	transition: all .4s;
	box-sizing: border-box;
	z-index: 10005;
	cursor: pointer;
	}
	#drawer-toggle span {
		display: inline-block;
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #000;
		transition: all .4s;
		box-sizing: border-box;
		}
	#drawer-toggle.drawer-toggle-white span {
		background-color: #fff;
		}		
	#drawer-toggle span:nth-of-type(1) {
		top: 0;
		}
	#drawer-toggle span:nth-of-type(2) {
		top: 16px;
		}
	#drawer-toggle span:nth-of-type(3) {
		bottom: 0;
		}
		
	#drawer-toggle.open span:nth-of-type(1) {
		-webkit-transform: translateY(16px) rotate(-45deg);
		transform: translateY(16px) rotate(-45deg);
		background-color: #000;
		}
	#drawer-toggle.open span:nth-of-type(2) {
		opacity: 0;
		}
	#drawer-toggle.open span:nth-of-type(3) {
		-webkit-transform: translateY(-16px) rotate(45deg);
		transform: translateY(-16px) rotate(45deg);
		background-color: #000;
		}
	
	
#drawer.open {
	/*
	-webkit-transform: translate3d(320px, 0, 0);
	-moz-transform: translate3d(320px, 0, 0);
	-ms-transform: translate3d(320px, 0, 0);
	-o-transform: translate3d(320px, 0, 0);
	transform: translate3d(320px, 0, 0);*/
	left: 70px;
	}
	#drawer-close {
		display: block;
		position: absolute;
		top: 30px;
		right: 30px;
		width: 32px;
		height: 0;
		padding-top: 33px;
		background-color: #FF0004;
		line-height: 33px;
		overflow: hidden;
		}

	#drawer .drawer-nav1 {
		display: block;
		width: 250px;
		margin-bottom: 24px;
		padding-top: 35px;
		overflow: hidden;
		}
		#drawer .drawer-nav1 li {
			display: block;
			height: 10px;
			margin: 0 auto 24px;
			}
			#drawer .drawer-nav1 li a {
				display: block;
				width: 100%;
				padding: 0;
				font-size: 0;
				-webkit-transition: all .8s ease;
				-moz-transition: all .8s ease;
				-ms-transition: all .8s ease;
				-o-transition: all .8s ease;
				transition: all .8s ease;
				overflow: hidden;
				}
			#drawer .drawer-nav1 li a:hover {
				opacity: .6;
				}
		#drawer .drawer-nav1 li:nth-child(1) {
			width: 40px;
			}
		#drawer .drawer-nav1 li:nth-child(2) {
			width: 112px;
			}
		#drawer .drawer-nav1 li:nth-child(3) {
			width: 114px;
			}
		#drawer .drawer-nav1 li:nth-child(4) {
			width: 61px;
			margin-bottom: 30px;
			}
		#drawer .drawer-nav1 li:nth-child(5) {
			float: left;
			width: 28px;
			height: 24px;
			margin: 0 auto 0 86px;
			}
		#drawer .drawer-nav1 li:nth-child(6) {
			float: right;
			width: 28px;
			height: 24px;
			margin: 0 86px 0 auto;
			}
		/*
	#drawer .drawer-nav2 {
		display: block;
		width: 250px;
		overflow: hidden;
		}
		#drawer .drawer-nav2 li {
			display: block;
			width: 100%;
			height: 0;
			padding-top: 31.25%;
			}
			#drawer .drawer-nav2 li a {
				display: block;
				width: 100%;
				height: 0;
				margin-top: -31.25%;
				padding-top: 0;
				background-repeat: no-repeat;
				background-size: 100% auto;
				background-position: left top;
				-webkit-transition: all .8s ease;
				-moz-transition: all .8s ease;
				-ms-transition: all .8s ease;
				-o-transition: all .8s ease;
				transition: all .8s ease;
				}
			#drawer.open .drawer-nav2 li a {
				padding-top: 31.25%;
				}
			#drawer .drawer-nav2 li:nth-child(1) a {
				background-image: url(../images/sn_1.jpg);
				transition-delay: .3s;
				}
			#drawer .drawer-nav2 li:nth-child(2) a {
				background-image: url(../images/sn_2.jpg);
				transition-delay: .6s;
				}
			#drawer .drawer-nav2 li:nth-child(3) a {
				background-image: url(../images/sn_3.jpg);
				transition-delay: .9s;
				}
			#drawer .drawer-nav2 li:nth-child(4) a {
				background-image: url(../images/sn_4.jpg);
				transition-delay: 1.2s;
				}
			#drawer .drawer-nav2 li:nth-child(5) a {
				background-image: url(../images/sn_5.jpg);
				transition-delay: 1.2s;
				}
			#drawer .drawer-nav2 li:nth-child(6) a {
				background-image: url(../images/sn_6.jpg);
				transition-delay: 1.2s;
				}
			#drawer .drawer-nav2 li:nth-child(7) a {
				background-image: url(../images/sn_7.jpg);
				transition-delay: 1.2s;
				}
			#drawer .drawer-nav2 li:nth-child(8) a {
				background-image: url(../images/sn_8.jpg);
				transition-delay: 1.2s;
				}
			#drawer .drawer-nav2 li:nth-child(9) a {
				background-image: url(../images/sn_9.jpg);
				transition-delay: 1.2s;
				}
			#drawer .drawer-nav2 li:nth-child(10) a {
				background-image: url(../images/sn_10.jpg);
				transition-delay: 1.2s;
				}
			#drawer .drawer-nav2 li:nth-child(11) a {
				background-image: url(../images/sn_11.jpg);
				transition-delay: 1.2s;
				}
			#drawer .drawer-nav2 li:nth-child(12) a {
				background-image: url(../images/sn_12.jpg);
				transition-delay: 1.2s;
				}
			#drawer .drawer-nav2 li:nth-child(13) a {
				background-image: url(../images/sn_13.jpg);
				transition-delay: 1.2s;
				}
			#drawer .drawer-nav2 li:nth-child(14) a {
				background-image: url(../images/sn_14.jpg);
				transition-delay: 1.2s;
				}
			#drawer .drawer-nav2 li:nth-child(15) a {
				background-image: url(../images/sn_15.jpg);
				transition-delay: 1.2s;
				}
			#drawer .drawer-nav2 li:nth-child(16) a {
				background-image: url(../images/sn_16.jpg);
				transition-delay: 1.2s;
				}
			#drawer .drawer-nav2 li:nth-child(17) a {
				background-image: url(../images/sn_17.jpg);
				transition-delay: 1.2s;
				}
	.drawer-credit {
		width: 100%;
		padding: 16px 0 14px 0;
		font-size: 10px;
		line-height: 1.4;
		color: #000;
		text-align: center;
		}*/
		
		
/*2016.06.23 サイドメニュー組み直し分*/
	#drawer .drawer-nav2 {
		display: block;
		width: 261px;
		overflow: hidden;
		}
		#drawer .drawer-nav2 li {
			}
		#drawer .drawer-nav2 li a {
			display: block;
			position:relative;
			overflow: hidden;
			left:-10px;
			-webkit-transition: all .6s ease;
			-moz-transition: all .6s ease;
			-ms-transition: all .6s ease;
			-o-transition: all .6s ease;
			transition: all .6s ease;
			transform-origin: center center;
			cursor: pointer;
			}
		#drawer .drawer-nav2 li a:hover .trimming {
			opacity: 0.9;
			/*transform: scale(1.1,1.1);*/
			}
			
		.trimming {
			position:relative;
			display:block;
			width: 252px;
			height: 93px;
			opacity: 0.3;
			overflow: hidden;
			-webkit-transition: all .7s ease;
			-moz-transition: all .7s ease;
			-ms-transition: all .7s ease;
			-o-transition: all .7s ease;
			transition: all .7s ease;
			}
			.trimming .img1{
				position:absolute;
				width:100%;
				top:-24px;
				left:-5px;
				}	
			
			
		#drawer .drawer-nav2 li a .n_title{
			position:absolute;
			z-index:3;
			border:none;
			}
		#drawer .drawer-nav2 li a .n_page{
			position:absolute;
			z-index:3;
			border:none;
			}
			
			/*メニューボーダー*/
			.n_menu1{
				border-left:19px solid #F1F9FC;
				background:#000;
				transition-delay: .3s;
				}
			.n_menu2{
				border-left:19px solid #F1F9FD;
				background:#000;
				transition-delay: .6s;
				}
			.n_menu3{
				border-left:19px solid #E3F2FC;
				background:#000;
				transition-delay: .9s;
				}
			.n_menu4{
				border-left:19px solid #D5ECFA;
				background:#000;
				transition-delay: 1.2s;
				}
			.n_menu5{
				border-left:19px solid #C6E6F9;
				background:#000;
				transition-delay: 1.2s;
				}
			.n_menu6{
				border-left:19px solid #B8E0F7;
				background:#000;
				transition-delay: 1.2s;
				}
			.n_menu7{
				border-left:19px solid #AAD9F6;
				background:#000;
				transition-delay: 1.2s;
				}
			.n_menu8{
				border-left:19px solid #9CD3F4;
				background:#000;
				transition-delay: 1.2s;
				}
			.n_menu9{
				border-left:19px solid #9CD3F4;
				background:#000;
				transition-delay: 1.2s;
				}
			.n_menu10{
				border-left:19px solid #ADD0E4;
				background:#000;
				transition-delay: 1.2s;
				}
			.n_menu11{
				border-left:19px solid #BDCCD4;
				background:#000;
				transition-delay: 1.2s;
				}
			.n_menu12{
				border-left:19px solid #CEC9C4;
				background:#000;
				transition-delay: 1.2s;
				}
			.n_menu13{
				border-left:19px solid #DEC6B4;
				background:#000;
				transition-delay: 1.2s;
				}
			.n_menu14{
				border-left:19px solid #EFC2A4;
				background:#000;
				transition-delay: 1.2s;
				}
			.n_menu15{
				border-left:19px solid #FFBF94;
				background:#000;
				transition-delay: 1.2s;
				}
			.n_menu16{
				border-left:19px solid #A2918C;
				background:#000;
				transition-delay: 1.2s;
				}
			.n_menu17{
				border-left:19px solid #446284;
				background:#000;
				transition-delay: 1.2s;
				}
			
			/*メニュータイトル*/
			.n_menu1 .n_title{
				width:46px;
				top:4px;
				left:9px;
				}
			.n_menu2 .n_title{
				width:47px;
				top:24px;
				left:100px;
				}
			.n_menu3 .n_title{
				width:46px;
				height:11px;
				top:4px;
				left:9px;
				}
			.n_menu4 .n_title{
				width:171px;
				height:15px;
				top:9px;
				left:9px;
				}
			.n_menu5 .n_title{
				width:171px;
				height:15px;
				top:9px;
				left:9px;
				}
			.n_menu6 .n_title{
				width:171px;
				height:15px;
				top:9px;
				left:9px;
				}
			.n_menu7 .n_title{
				width:171px;
				height:15px;
				top:9px;
				left:9px;
				}
			.n_menu8 .n_title{
				width:171px;
				height:15px;
				top:9px;
				left:9px;
				}
			.n_menu9 .n_title{
				width:171px;
				height:15px;
				top:9px;
				left:9px;
				}
			.n_menu10 .n_title{
				width:171px;
				height:15px;
				top:9px;
				left:9px;
				}
			.n_menu11 .n_title{
				width:171px;
				height:15px;
				top:9px;
				left:9px;
				}
			.n_menu12 .n_title{
				width:46px;
				height:15px;
				top:9px;
				left:9px;
				}
			.n_menu13 .n_title{
				width:46px;
				height:15px;
				top:9px;
				left:9px;
				}
			.n_menu14 .n_title{
				width:46px;
				height:15px;
				top:9px;
				left:9px;
				}
			.n_menu15 .n_title{
				width:46px;
				height:15px;
				top:9px;
				left:9px;
				}
			.n_menu16 .n_title{
				width:46px;
				height:15px;
				top:9px;
				left:9px;
				}
			.n_menu17 .n_title{
				width:46px;
				height:15px;
				top:9px;
				left:9px;
				}
			.n_menu18 .n_title{
				width:46px;
				height:15px;
				top:9px;
				left:9px;
				}
			.n_menu19 .n_title{
				width:46px;
				height:15px;
				top:9px;
				left:9px;
				}
			/*ページ*/
			.n_menu1 .n_page{
				width:30px;
				bottom:4px;
				right:9px;
				}
			.n_menu2 .n_page{
				width:30px;
				bottom:4px;
				right:9px;
				}
			.n_menu3 .n_page{
				width:30px;
				bottom:4px;
				right:9px;
				}
			.n_menu4 .n_page{
				width:30px;
				bottom:4px;
				right:9px;
				}
			.n_menu5 .n_page{
				width:30px;
				bottom:4px;
				right:9px;
				}
			.n_menu6 .n_page{
				width:30px;
				bottom:4px;
				right:9px;
				}
			.n_menu7 .n_page{
				width:30px;
				bottom:4px;
				right:9px;
				}
			.n_menu8 .n_page{
				width:30px;
				bottom:4px;
				right:9px;
				}
			.n_menu9 .n_page{
				width:30px;
				bottom:4px;
				right:9px;
				}
			.n_menu10 .n_page{
				width:33px;
				bottom:4px;
				right:9px;
				}
			.n_menu11 .n_page{
				width:33px;
				bottom:4px;
				right:9px;
				}
			.n_menu12 .n_page{
				width:33px;
				bottom:4px;
				right:9px;
				}
			.n_menu13 .n_page{
				width:33px;
				bottom:4px;
				right:9px;
				}
			.n_menu14 .n_page{
				width:33px;
				bottom:4px;
				right:9px;
				}
			.n_menu15 .n_page{
				width:33px;
				bottom:4px;
				right:9px;
				}
			.n_menu16 .n_page{
				width:33px;
				bottom:4px;
				right:9px;
				}
			.n_menu17 .n_page{
				width:33px;
				bottom:4px;
				right:9px;
				}
			
	.drawer-credit {
		position:relative;
		width: 100%;
		padding: 16px 0 14px 0;
		font-size: 10px;
		line-height: 1.4;
		color: #000;
		text-align: center;
		}

/*2016.06.23 サイドメニュー組み直し分*/




.cont_itemlist {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 300px;
	height: 336px;
	margin: -178px 0 0 -150px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
	z-index: 50000;
	-webkit-transform: translate3d(0, -50px, 0);
	-moz-transform: translate3d(0, -50px, 0);
	-ms-transform: translate3d(0, -50px, 0);
	-o-transform: translate3d(0, -50px, 0);
	transform: translate3d(0, -50px, 0);
	/*background-color: rgba(255,0,4,0.34);*/
	}
.cont_itemlist.open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	}
	
	/*
.itemlist {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 260px;
	height: 316px;
	margin: -165px 0 0 -130px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
	z-index: -1;
	-webkit-transform: translate3d(0, -50px, 0);
	-moz-transform: translate3d(0, -50px, 0);
	-ms-transform: translate3d(0, -50px, 0);
	-o-transform: translate3d(0, -50px, 0);
	transform: translate3d(0, 0-50px, 0);
	}
.itemlist.open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10030;
	opacity: 1;
	}*/
	.itemlist_title {
		display: block;
		width: 90px;
		height: 0;
		margin: 0 auto 26px;
		padding-top: 16px;
		line-height: 16px;
		background: url(../../local/images/il_title_b.svg) no-repeat center top / 90px 16px;
		overflow: hidden;
		}
	.itemlist_frame {
		display: block;
		width: 300px;
		height: 260px;
		overflow-x: hidden;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		}
		.itemlist_frame iframe {
			display:block;
			width: 320px;
			height: 260px;
			border:none;
			overflow: hidden;
			}
	
	.itemlist_btn {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 72px;
		height: 26px;
		overflow: hidden;
		user-select: none;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		}
		.itemlist_btn_down,
		.itemlist_btn_up {
			display: block;
			position: absolute;
			width: 34px;
			height: 26px;
			cursor: pointer;
			background: no-repeat center center / 134px 26px;
			}
		.itemlist_btn_down {
			right: 0;
			background-image: url(../../local/images/il_btn_down_b.svg);
			}
		.itemlist_btn_up {	
			left: 0;
			background-image: url(../../local/images/il_btn_up_b.svg);
			}
			
		.itemlist_btn_down:hover,
		.itemlist_btn_up:hover {
			opacity: .6;
			}
/*
#itemlist-close {
	position: fixed;
	left: 20px;
	bottom: 20px;
	width: 40px;
	height: 54px;
	background: url(../../local/images/il_btn_close.svg) no-repeat center center / 40px 54px;
	cursor: pointer;
	opacity: 0;
	z-index: -1;
	}
	#itemlist-close.open {
		opacity: 1;
		z-index: 10020;
		}*/