@charset "UTF-8";
/* Common Style CSS Document */

* {
	box-sizing: border-box;
}
body {
	font-size: 16px;
	font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Kosugi', sans-serif;
	line-height: 1.6;
}
a {
	text-decoration: none;
	color: #000;
}

/*scr_bal big*/
.scr_bal {
	opacity: 0;
	-webkit-transform: scale(.3);
	transform: scale(.3);
	-webkit-transition: .8s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: .8s cubic-bezier(0.165, 0.84, 0.44, 1); /*easeOutQuart*/
}
.scr_bal.big {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*~scr_bal big*/


	
/*sns_section*/
div.sns_section section {
	text-align: center;
	padding: 15px 0;
	background: #f8f055;
}
div.sns_section section h2 {
	font-family: 'Passion One', cursive;
	font-size: 30px;
	margin-bottom: 15px;
}
div.sns_section section ul li {
	display: inline-block;
	position: relative;
	margin-right: 40px;
	width: 70px;
}
div.sns_section section ul li:last-child {
	margin-right: 0;
}
div.sns_section section ul li a span {
	width: 57px;
	height: 57px;
	display: block;
	border-radius: 50%;
	background-color: #eb3373;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 57px 57px;
	margin: 0 0 3px 6.5px;
	-webkit-transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
div.sns_section section ul li a p {
	font-size: 15px;
	color: #eb3373;
	-webkit-transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
div.sns_section section ul li:hover a p {
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}
div.sns_section section ul li:first-child a span {
	background-image: url(../image/icon_sns_f_bg.png);
}
div.sns_section section ul li:first-child:hover a span {
	background-color: #3b5998;
}
div.sns_section section ul li:first-child:hover a p {
	color: #3b5998;
}
div.sns_section section ul li:nth-child(2) a span {
	background-image: url(../image/icon_sns_t_bg.png);
}
div.sns_section section ul li:nth-child(2):hover a span {
	/* background-color: #55acee; */
	background-color: #000;
}
div.sns_section section ul li:nth-child(2):hover a p {
	/* color: #55acee; */
	color: #000;
}
div.sns_section section ul li:last-child a span {
	background-color: transparent;
	background-image: url(../image/icon_sns_i_spl.png);
	background-position: -57px 0; 
	background-size: 114px 57px;
	transition: none;
}
div.sns_section section ul li:last-child:hover a span {
	background-position: 0 0;
}
div.sns_section section ul li:last-child:hover a p {
	color: #d93177;
}
/*~sns_section*/

	
/*footer*/
footer {
	padding-bottom: 16px;
}
footer div.twitter_section {
	text-align: center;
	padding: 60px 0;
	background: url(../image/twitter_section_bg.jpg) left top/24px 28px;
}
footer.action div.twitter_section {
	-webkit-animation: twitter_bg 1s infinite linear;
	animation: twitter_bg 1s infinite linear;
}
footer div.twitter_section div.t_intro {
	display: inline-block;
	padding-top: 70px;
	margin-right: 70px;
	vertical-align: top;
	width: 370px;
}
footer div.twitter_section div.t_intro div.p_wrap {
	width: 100%;
	height: 171px;
	background: url(../image/t_intro_bg.png) no-repeat left top/370px 171px;
	padding-top: 48px;
	text-align: center;
}
footer div.twitter_section div.t_intro div.p_wrap p {
	width: 82%;
	margin: 0 auto;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}
footer div.twitter_section div.t_timeLine {
	display: inline-block;
}
footer div.footerNave_section {
	padding: 46px 0;
	text-align: center;
	background: #f8f055;
}
footer div.footerNave_section ul li {
	display: inline-block;
	margin-right: 50px;
	position: relative;
	font-size: 18px;
}
footer div.footerNave_section ul li:last-child {
	margin-right: 0;
}
footer div.footerNave_section ul li::before {
	content: "";
	position: absolute;
	top: -35px;
	z-index: 1;
	width: 96px;
	height: 98px;
	background: url(../image/footer_nav_hover.png) no-repeat left top/100% auto;
	opacity: 0;
	-webkit-transition: .5s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: .5s cubic-bezier(0.215, 0.61, 0.355, 1);/*easeOutCubic*/
}
footer div.footerNave_section ul li:hover::before {
	opacity: 1;
}
footer div.footerNave_section ul li:first-child::before {
	left: -23px;
}
footer div.footerNave_section ul li:nth-child(2)::before {
	left: 13px;
}
footer div.footerNave_section ul li:nth-child(3)::before {
	left: -14px;
}
footer div.footerNave_section ul li:nth-child(4)::before {
	left: 4px;
}
footer div.footerNave_section ul li:nth-child(5)::before {
	left: -23px;
}
footer div.footerNave_section ul li:nth-child(6)::before {
	left: 4px;
}
footer div.footerNave_section ul li:nth-child(7)::before {
	left: 30px;
}
footer div.footerNave_section ul li a {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	z-index: 2;
}
footer div.footerNave_section ul li a:hover {
	color: #e60050;
}
footer div.bottomInfo_section {
	padding-top: 50px;
	text-align: center;
}
footer div.bottomInfo_section div.inner_box div {
	display: inline-block;
	width: 188.7px;
	height: 46.62px;
	margin-top: 25.9px;
	margin-right: 51.8px;
	vertical-align: top;
}
footer div.bottomInfo_section div.inner_box div a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../image/footer_logo.png) no-repeat left top/100% auto;
}
footer div.bottomInfo_section div.inner_box div a span {
	opacity: 0;
}
footer div.bottomInfo_section div.inner_box address {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6;
	text-align: left;
	vertical-align: top;
	margin-top: 25.9px;
	margin-right: 51.8px;
}
footer div.bottomInfo_section div.inner_box img {
	display: inline-block;
	vertical-align: top;
	width: 148px;
	height: 148px;
}
footer div.copy p {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
/*~footer*/


/*subpage*/

	/*header */
	body.subpage header {
		position: fixed;
		z-index: 10;
		background: rgba(255, 255, 255, 0.8);
		width: 100%;
		height: 110px;
		padding: 30px 0 0 15px;
	}
	body.subpage header div.contents_box {	
		margin: 0 auto;
	}
	div.h1 {
		position: relative;
		width: 150px;
		height: 37.5px;
		margin-right: 30px;
		background: url(../image/h1_sub.png) no-repeat left top/100%;
		display: inline-block;
		vertical-align: 13px;
		-webkit-transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
		z-index: 15;
	}
	div.h1:hover {
		opacity: .5;
	}
	div.h1 a {
		display: block;
		width: 100%;
		height: 100%;
	}
	div.h1 span {
		opacity: 0;
	}
	nav {
		position: absolute;
		left: 0;
		top: 30px;
		width: 100%;
		height: 80px;
	}
	nav, nav ul, nav ul li {
		display: inline-block;
	}
	nav ul li a {
		display: block;
		width: 100%;
		height: 100%;
	}
	/*menu_subpage*/
	ul.menu_subpage {
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -360px;
	}
	ul.menu_subpage li {
		width: 75px;
		margin-right: 30px;
	}
	ul.menu_subpage li a span {
		display: block;
		width: 100%;
		height: 50px;
		margin-bottom: 5px;
		background: no-repeat center center;
	}
	ul.menu_subpage li a p {
		text-align: center;
		color: #eb3373;
		font-size: 11px;
		-webkit-transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	ul.menu_subpage li.current a p {
		color: #7abf48;
	}
	ul.menu_subpage li:hover a p {
		/* transform: ; */
		color: #ea9740;
		-webkit-transform: translateY(-3px);
		transform: translateY(-3px);
	}
	ul.menu_subpage li:first-child a span {
		background-image: url(../image/icon_m_home.png);
		background-size: 47px 44px;
	}
	ul.menu_subpage li:first-child:hover a span {
		background-image: url(../image/icon_m_home_h.png);
	}
	ul.menu_subpage li:nth-child(2) a span {
		background-image: url(../image/icon_m_guide.png);
		background-size: 45px 50px;
	}
	ul.menu_subpage li:nth-child(2).current a span {
		background-image: url(../image/icon_m_guide_c.png);
	}
	ul.menu_subpage li:nth-child(2):hover a span {
		background-image: url(../image/icon_m_guide_h.png);
	}
	ul.menu_subpage li:nth-child(2) a p {
		font-size: 10px;
	}
	ul.menu_subpage li:nth-child(3) a span {
		background-image: url(../image/icon_m_access.png);
		background-size: 39px 50px;
	}
	ul.menu_subpage li:nth-child(3).current a span {
		background-image: url(../image/icon_m_access_c.png);
	}
	ul.menu_subpage li:nth-child(3):hover a span {
		background-image: url(../image/icon_m_access_h.png);
	}
	ul.menu_subpage li:nth-child(4) a span {
		background-image: url(../image/icon_m_wm.png);
		background-size: 51px 50px;
	}
	ul.menu_subpage li:nth-child(4).current a span {
		background-image: url(../image/icon_m_wm_c.png);
	}
	ul.menu_subpage li:nth-child(4):hover a span {
		background-image: url(../image/icon_m_wm_h.png);
	}
	ul.menu_subpage li:nth-child(5) a span {
		background-image: url(../image/icon_m_goods.png);
		background-size: 53px 39px;
	}
	ul.menu_subpage li:nth-child(5).current a span {
		background-image: url(../image/icon_m_goods_c.png);
	}
	ul.menu_subpage li:nth-child(5):hover a span {
		background-image: url(../image/icon_m_goods_h.png);
	}
	ul.menu_subpage li:nth-child(6) a span {
		background-image: url(../image/icon_m_con.png);
		background-size: 53px 39px;
	}
	ul.menu_subpage li:nth-child(6).current a span {
		background-image: url(../image/icon_m_con_c.png);
	}
	ul.menu_subpage li:nth-child(6):hover a span {
		background-image: url(../image/icon_m_con_h.png);
	}
	ul.menu_subpage li:last-child {
		margin-right: 0;
	}
	ul.menu_subpage li:last-child a span {
		background-image: url(../image/icon_m_lan.png);
		background-size: 44px 45px; 
	}
	ul.menu_subpage li:last-child.current a span {
		background-image: url(../image/icon_m_lan_c.png);
	}
	ul.menu_subpage li:last-child:hover a span {
		background-image: url(../image/icon_m_lan_h.png);
	}
	/*~menu_subpage*/
	
	/*header_sns*/
	ul.header_sns {
		padding-top: 12px;
		position: absolute;
		right: 30px;
		top: 0;
	}
	ul.header_sns li {
		width: 40px;
		margin-right: 15px;
	}
	ul.header_sns li a span {
		display: block;
		border-radius: 50%;
		background-color: #eb3373;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 30px 30px;
		width: 30px;
		height: 30px;
		margin: 0 0 3px 5px;
		-webkit-transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	ul.header_sns li a p {
		color: #eb3373;
		text-align: center;
		font-size: 9px;
		-webkit-transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
		transition: .2s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	ul.header_sns li:hover a p {
		-webkit-transform: translateY(3px);
		transform: translateY(3px);
	}
	ul.header_sns li:first-child a span {
		background-image: url(../image/icon_sns_f_bg.png);
	}
	ul.header_sns li:first-child:hover a span {
		background-color: #3b5998;
	}
	ul.header_sns li:first-child:hover a p {
		color: #3b5998;
	}
	ul.header_sns li:nth-child(2) a span {
		background-image: url(../image/icon_sns_t_bg.png);
	}
	ul.header_sns li:nth-child(2):hover a span {
		/* background-color: #55acee; */
		background-color: #000;
	}
	ul.header_sns li:nth-child(2):hover a p {
		/* color: #55acee; */
		color: #000;
	}
	ul.header_sns li:last-child {
		position: relative;
		margin-right: 0;
	}
	ul.header_sns li:last-child a span {
		background-color: transparent;
		background-image: url(../image/icon_sns_i_spl.png);
		background-position: -30px 0;
		background-size: 60px 30px;
		transition: none;
	}
	ul.header_sns li:last-child:hover a span {
		background-position: 0 0;
	}
	ul.header_sns li:last-child:hover a p {
		color: #d93177;
	}

	/*~header_sns*/
	
	/*~header */
	
	/*main*/
	 body.subpage main {
		padding-top: 110px;
	}
		/*header_title*/
			div.header_title {
				width: 100%;
				height: 80px;
				background: repeat-x center top/960px 80px;
			}
			div.header_title div.inner_box {
				margin: 0 auto;
				padding-left: 74px;
			}
			div.header_title div.inner_box img {
				margin-right: 15px;
			}
			div.header_title div.inner_box h1 {
				display: inline-block;
				vertical-align: 12px;
				line-height: 1;
				font-family: 'Alfa Slab One', cursive;
				font-size: 70px;
				color: #e60050;
				letter-spacing: 0.05em;
				-webkit-text-stroke: 2px #fff;
			}
			div.header_title div.inner_box span {
				display: inline-block;
				font-family: 'M PLUS 1p', sans-serif;
				font-weight: 900;
				font-size: 24px;
				-webkit-text-stroke: 1.2px #fff;
				letter-spacing: 0;
				margin-left: 20px;
			}
		/*~header_title*/
		
		/*main_section*/
		div.main_section {
			padding-top: 75px;
			text-align: center;
		}
		div.main_section section {
			margin-bottom: 125px;
		}
		div.main_section section h2 {
			background: url(../image/h2_bg.png) no-repeat center top/528px 95px;
			margin-bottom: 60px;
			font-family: 'Passion One', cursive;
			font-size: 36px;
			color: #e60050;
		}
		div.main_section section h2:first-letter {
			font-size: 60px;
		}
		div.main_section section h2 span {
			display: inline-block;
			font-weight: bold;
			font-size: 16px;
			margin-left: 15px;
		}
		/*~main_section*/
	
	/*~main*/
	
	
/*~subpage*/

	
/*960px*/




@media screen and (min-width: 1300px) {
	




/*footer*/
footer div.footerNave_section ul li a {
	font-size: 18px;
}
footer div.bottomInfo_section {
	padding-top: 50px;
}
footer div.bottomInfo_section div.inner_box div {
	width: 255px;
	height: 63px;
	margin-top: 35px;
	margin-right: 70px;
}
footer div.bottomInfo_section div.inner_box address {
	font-size: 14px;
	margin-top: 35px;
	margin-right: 70px;
}
footer div.bottomInfo_section div.inner_box img {
	width: 200px;
	height: 200px;
}
footer div.copy p {
	font-size: 11.84px;
}
/*~footer*/

/*subpage*/

	/*header */
	body.subpage header {
		padding: 30px 0 0 15px;
	}
	body.subpage header div.contents_box {
		width: 1300px ;		
	}
	div.h1 {
		width: 200px;
		height: 50px;
		margin-right: 100px;
		vertical-align: 40px;
	}
	
	/*menu_subpage*/
	ul.menu_subpage li {
		/*height: 65px;*/
		margin-right: 50px;
	}

	/*~menu_subpage*/
	
	/*header_sns*/
	
	ul.header_sns li {
		/*height: 41px;*/
		margin-right: 20px;
	}
	/*~header_sns*/
	
 	/*~header */
	
	/*main*/
		
		/*header_title*/
		div.header_title div.inner_box {
			width: 1300px;
		}
		/*~header_title*/
	
	/*main*/
	
	
/*~subpage*/

}
/*1300px*/