@charset "utf-8";

/* ========================================
* File Name: common.css
* Created Date: 2014.11.4
* Author: TAM
======================================== */

/* ========================================
	common
======================================== */
html, body, div, h1, h2, h3, h4, h5,
p, address, figure,
ul, ol, li, dl, dt, dd,
table, th, td,
section, nav, article, aside, header, footer {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
section, nav, article, aside, figure, header, footer {
	display: block;
}
img {
	border: none;
	vertical-align: bottom;
}
ul li, ol li {
	list-style: none;
}
a:link,
a:visited {
	color: #444;
	text-decoration: none;
}
a:hover,
a:active {
	color: #444;
	text-decoration: underline;
}
/* clearfix */
.clearfix {
	zoom: 1;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}

/* ========================================
	base
======================================== */

/* //////////////背景画像の変更をする際はココ//////// */
html {
	font-family:"Hiragino Kaku Gothic Pro",Meiryo,Osaka,"MS PGothic",sans-serif;
	color: #444;
	font-size: 100%;
	-webkit-text-size-adjust: none;
	letter-spacing: -0.5px;
	font-size: 62.5%;
	background:url(/common/images/bg_summer.png)#F87E8A repeat left top; 
/*	background:url(/common/images/1609/bg.png)#F87E8A repeat left top; */
/*	background:url(/common/images/1704/bg.png)#F87E8A repeat left top;*/
/*TOPはtop.cssに記述する*/
}

body {
	width: 100%;
	min-width: 320px;
	text-align: center;
	margin:0;
}


/* ========================================
	gHeader
======================================== */
#gHeader {
	width:100%;
}
#gHeader .openbtn {
	padding:8px 9px 0px 3px;
	text-align:center;
	display:none;
}
#gHeader .openbtn img {
	padding-top:4px;
}
#gHeader .menu-header {
	display:none;
}
#gHeader .inner {
	background:url(/common/images/header2.png) no-repeat center top;
	height:134px;
	width: 1128px;
	margin:0 auto;
	position:relative;

}


#gHeader .sp-logo {
	position:absolute;
	top:0;
	left:3px;
	width:57px;
	z-index: 999;
	display:none;
}
#menu ul {
	padding:38px 0 0 249px;

}
#menu ul li {
	float:left;
	position:relative;
	width:auto;
}
#menu ul li a {
	text-indent: -9999px;
	overflow: hidden;
	text-align: left;
	display:block;
	height:65px;
	background-repeat:no-repeat;
	background-position:left top;
}
#menu ul li span {
	display:none;
}
#menu ul li.nav01 {
	background-image:url(/common/images/header_nav_01_off.jpg);
	width:88px;
}
#menu ul li.nav02 {
	background-image:url(/common/images/header_nav_02_off.jpg);
	width:95px;
}
#menu ul li.nav03 {
	background-image:url(/common/images/header_nav_03_off.jpg);
	width:88px;
}
#menu ul li.nav04 {
	background-image:url(/common/images/header_nav_04_off.jpg);
	width:183px;
}
#menu ul li.nav05 {
	background-image:url(/common/images/header_nav_05_off.jpg);
	width:95px;
}
#menu ul li.nav06 {
	background-image:url(/common/images/header_nav_06_off.jpg);
	width:85px;
}
#menu ul li.nav02.active {
	background-image:url(/common/images/header_nav_02_on.jpg);
}
#menu ul li.nav03.active {
	background-image:url(/common/images/header_nav_03_on.jpg);
}
#menu ul li.nav04.active {
	background-image:url(/common/images/header_nav_04_on.jpg);
}
#menu ul li.nav05.active {
	background-image:url(/common/images/header_nav_05_on.jpg);
}
#menu ul li.nav06.active {
	background-image:url(/common/images/header_nav_06_on.jpg);
}

#menu ul li.nav01:hover {
	background-image:url(/common/images/header_nav_01_on.jpg);
}
#menu ul li.nav02.active:hover,
#menu ul li.nav02:hover {
	background-image:url(/common/images/header_nav_02_active.jpg);
}
#menu ul li.nav03:hover {
	background-image:url(/common/images/header_nav_03_on.jpg);
}
#menu ul li.nav04.active:hover,
#menu ul li.nav04:hover {
	background-image:url(/common/images/header_nav_04_active.jpg);
}
#menu ul li.nav05:hover {
	background-image:url(/common/images/header_nav_05_on.jpg);
}
#menu ul li.nav06:hover {
	background-image:url(/common/images/header_nav_06_on.jpg);
}



#menu ul li ul {
	display:none;
	position: absolute;
	top: 61px;
	left: 0;
	padding:5px 10px 10px;
	width: 140px;
	background: #F3940B;
	z-index:99999;
	
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	box-shadow:1px 3px 3px rgba(0,0,0,0.39);
}
#menu ul li.nav04 ul {
	width: 200px;
}
#menu ul li ul li {
	float:none;
	margin-top:10px;
}
#menu ul li ul li a {
	background:none;
	padding-left:18px;
	font-size:131%;
	line-height:1.7;
	
	text-indent: 0;
	height:auto;
	color:#FFF;
}

#menu ul li.nav02 ul li a,
#menu ul li.nav02 ul li a:hover {
	background:url(/common/images/icon_link_wh.png) no-repeat 0 0.3em;
	width:auto;
}
#menu ul li.nav04 ul li a,
#menu ul li.nav04 ul li a:hover {
	background:url(/common/images/icon_link_wh.png) no-repeat 0 0.3em;
	width:auto;
}

/* SP ------------------------------------------------------- */

@media screen and (max-width:640px) {
#gHeader .openbtn {
	display:block;
}


#gHeader .inner {
	background:none;
	height:auto;
	width: auto;
	margin:0 auto;
	background-image:url(/common/images/sp_logo.png), url(/common/images/sp_header_bg.png);
	background-size:57px 54px, 10px 54px;
	background-repeat:no-repeat, repeat-x;
	background-position:3px 0, left top;
}
#gHeader {
	width: auto;
	background:none;
	height:auto;
}
#gHeader .sp-logo {
	display:block;
	
}


#gHeader .inner {
	background:none;
	height:54px;
	width: auto;
	margin:0 auto;
	background-image:url(/common/images/sp_header_bg.png);
	background-size:10px 54px;
	background-repeat:repeat-x;
	background-position:left top;
}
#gHeader .openbtn {
	display:block;
}
#pageslide {
	border-left:solid 4px #fff;
	border-bottom:solid 4px #fff;
	box-shadow: 6px 6px 6px 6px rgba(0,0,0,0.4);
}
#menu .menu-header {
	padding:0 6px 7px;
}
#menu .title {
	float:left;
	width:47px;
	padding-top:6px;
}
#menu .closebtn {
	float:right;
	width:29px;
}
#menu ul {
	padding:0 0 0 0;
	width:auto;
	border-top:solid 1px #F4BC6C;
}
#menu ul li a {
	text-indent: 0;
	height:auto;
}

#menu ul li a,
#menu ul li a:hover {
	background-image:none !important;
}

#menu ul li.nav01,
#menu ul li.nav01.active,
#menu ul li.nav01:hover {
	background-image:url(/common/images/sp_menu_icon01.jpg);
	width:auto;
}
#menu ul li.nav02,
#menu ul li.nav02.active,
#menu ul li.nav02:hover {
	background-image:url(/common/images/sp_menu_icon02.jpg);
	width:auto;
}
#menu ul li.nav03,
#menu ul li.nav03.active,
#menu ul li.nav03:hover {
	background-image:url(/common/images/sp_menu_icon03.jpg);
	width:auto;
}
#menu ul li.nav04,
#menu ul li.nav04.active,
#menu ul li.nav04:hover {
	background-image:url(/common/images/sp_menu_icon04.jpg);
	width:auto;
}
#menu ul li.nav05,
#menu ul li.nav05.active,
#menu ul li.nav05:hover {
	background-image:url(/common/images/sp_menu_icon05.jpg);
	width:auto;
}
#menu ul li.nav06,
#menu ul li.nav06.active,
#menu ul li.nav06:hover {
	background-image:url(/common/images/sp_menu_icon06.jpg);
	width:auto;
}
#menu ul li {
	float:none;
	width:auto;
	padding:0 0 0 64px;
	height:63px;
	border-bottom:solid 1px #F4BC6C;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:56px 56px;
	vertical-align:middle;
	font-size: 1.4em;
    font-weight: bold;
}
#menu ul li span {
	color:#F8D6A4;
	font-size:80%;
	font-weight:normal;
	display:block;
}
#menu ul li a {
    color: #FFF;
	width:auto;
	text-decoration: none;
	padding:17px 0 0;
}
}


#main-contents {
	width: 1150px;
	margin:0 auto;
	padding:0 0 20px;
	text-align:left;
}
#main-contents h1 {
	text-align:center;
	margin:0 auto;
}


#main-contents .main-inner {
	width:890px;
	margin:0 auto;
	position:relative;
	height:auto;
}
#main-contents .page-wrap {
	margin-top:18px;
	background-image:url(/common/images/contents_bg01.jpg), url(/common/images/contents_bg03.jpg);
	background-position:left top, left bottom;
	background-repeat:no-repeat, no-repeat;
	background-color:#FFF;
	padding:18px 0;
	
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.39);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.39);
	box-shadow:1px 1px 3px rgba(0,0,0,0.39);
	-moz-border-radius:17px;
	-webkit-border-radius:17px;
	border-radius:17px;
	position:relative;

}
#main-contents .page-wrap .page-inner {
	background:url(/common/images/contents_bg02.jpg) repeat-y left top;
	padding:0 8px 8px 28px;
}
#main-contents .page-wrap .page-inner a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#main-contents .page-wrap .ribbon01 {
	position:absolute;
	top:-10px;
	left:-30px;
}
#main-contents .page-wrap .ribbon02 {
	position:absolute;
	bottom:-6px;
	left:-6px;
}
#main-contents .page-wrap .ribbon03 {
	position:absolute;
	bottom:-19px;
	right:-17px;
}
#main-contents .lcont {
	float:left;
	width:605px;
}

#main-contents .rcont {
	float:right;
	width:242px;
}

.fuwafuwa {
	-webkit-animation-name:fuwafuwa;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	animation-name:fuwafuwa;
	animation-duration:2s;
	animation-iteration-count:infinite;
	animation-timing-function:ease;
}
@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@keyframes fuwafuwa {
	0% {transform:translate(0, 0);}
	50% {transform:translate(0, -10px);}
	100% {transform:translate(0, 0);}
}

#page-top {
	position:fixed;
	bottom: 50px;
	right: 60px;
	cursor:pointer;
	z-index:9999;
}

#page-nav  {
	margin-top:20px;
	text-align:center;
	font-size:13px;
}
#page-nav a.link_before,
#page-nav a.link_next {
	text-decoration:none;
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.34);
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.34);
	box-shadow:1px 1px 3px rgba(0,0,0,0.34);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
#page-nav a.link_before {
	background:url(/common/images/back_icon.png) #FFF no-repeat 5% center;
	padding:5px 8px 5px 20px;
	margin-right:5px;
}
#page-nav a.link_next {
	background:url(/common/images/next_icon.png) #FFF no-repeat 95% center;
	padding:5px 20px 5px 8px;
	margin-left:5px;
}
#page-nav a.link_page,
#page-nav span.current_page {
	padding:5px;
}

/* SP ------------------------------------------------- */

@media screen and (max-width:640px) {

#main-contents {
	width: auto;
	padding:20px 0 10px;
	overflow:hidden;
}

#main-contents h1 img {
	width:100px;
}
#page-top {
	position:relative !important;
	float:right;
	width:60px;
	right:0;
	bottom: 20px !important;
	
}
#page-top img {
	width:100%;
}
.fuwafuwa {
	-webkit-animation-name:none;
	-moz-animation-name:none;
}
#main-contents .main-inner {
	width:auto;
}

#main-contents .page-wrap {
	margin-top:18px;
	background-position:center top, center bottom;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	margin-bottom:6px;
}
#main-contents .page-wrap .page-inner{
	background:none;
	padding:0;
}
#main-contents .page-wrap .ribbon01,
#main-contents .page-wrap .ribbon02,
#main-contents .page-wrap .ribbon03 {
	display:none;
}
#main-contents .lcont {
	float:none;
	width:auto;
}
#main-contents .rcont {
	float:none;
	width:auto;
	margin-top:20px;
}
#page-nav {
	height:40px;
}
#page-nav a.link_page,
#page-nav span.current_page {
	display:none;
}

}

/* ========================================
	gFooter
======================================== */
#gFooter {
	width: 100%;
/*	background:url(/common/images/footer_bg_wide.png) repeat-x center top;*/
	background:url(/common/images/footer_bg_wide_summer.png) repeat-x center top;
	text-align: center;
	font-size: 1em;
	height:197px;
}
#gFooter .bg {
	padding: 135px 0 10px;
	background:url(/common/images/footer_bg_summer.png) no-repeat center top; 
/*	background:url(/common/images/footer_bg.png) no-repeat center top;*/
}
#gFooter .inner {
	width:890px;
	margin:0 auto;
	text-align:left;
}
#gFooter a:link,
#gFooter a:visited {
	text-decoration: none;
}
#gFooter a:hover,
#gFooter a:active {
	text-decoration: underline;
}

#gFooter nav ul li {
	display:inline;
}

/*夏用*/
	#gFooter nav ul li a {
	padding:0 8px;
	border-right:solid 1px #8A6F6D;
	color:#C1F2FD;
	}

/*春用
#gFooter nav ul li a {
	padding:0 8px;
	border-right:solid 1px #8A6F6D;
	color:#333;
}
*/
#gFooter nav ul li:first-child a {
	padding:0 8px 0 0;
}
#gFooter nav ul li:last-child a {
	border-right:0;
	padding:0 0 0 8px;
}
#gFooter .copy {
	color:#FFF;
	margin-top:10px;
}
#gFooter .lcont {
	width:610px;
	float:left;
}
#gFooter ul.sns-btn {
	float:right;
	width:250px;
}
#gFooter ul.sns-btn li {
	float:left;
}
#gFooter ul.sns-btn li:first-child {
	margin-right:10px;
}


@media screen and (max-width:640px) {
#gFooter {
	width: auto;
}

#gFooter .bg {
	padding: 110px 0 0;
	background:url(/common/images/footer_bg_summer.png) no-repeat center top;
/*	background:url(/common/images/footer_bg.png) no-repeat center top;*/
}

#gFooter .inner {
	width: auto;
	padding:0 10px;
}
#gFooter nav ul {
	width: auto;
}
#gFooter nav ul li a {
	padding:0 4px;
}
#gFooter nav ul li:first-child a {
	padding:0 4px 0 0;
}
#gFooter nav ul li:last-child a {
	border-right:0;
	padding:0 0 0 4px;
}
#gFooter .lcont {
	width:auto;
	float:none;
}
#gFooter ul.sns-btn {
	float:none;
	width:auto;
	margin-top:10px;
}
}