@charset "utf-8";

body {
	-webkit-text-size-adjust: 100%;
 min-width:inherit;
 font-size: 13px;
 line-height: 1.7;
}
img {
	max-width:100%;
 height: auto;
}
.pc {
	display:none !important;
}
.sp {
	display: block !important;
}
.sp_inline {
	display:inline !important;
}

div#document {
	width:auto;
	margin:0;
}
#gHeader{
	width:100%;
	min-width:inherit;
	height:auto;
 position: fixed;
 left: 0;
 top: 0;
 z-index: 57;
}
#gHeader>.inner{
	width:100%;
	height:auto;
	position:relative;
	background-color:#fff;
	transition:height 0.5s ease;
}
#gHeader.fixed>.inner{
	height:auto;
	position:static;
}
div#header {
	width:100%;
	margin:0;
	padding:0;
 left: 0;
 top: 0;
 height: 55px;
 z-index: 61;
}
div#header #logo {
	float:none;
	padding:14px 0 0 13px;
 width: 87px;
}
#gHeader.fixed #headerLogo{
	transform:none;
}
#headerLogo{
	width:87px;
	height:auto;
	margin:0 auto;
	position:static;
 padding: 10px 0;
}


/* -----------------------------------------
 gnav
----------------------------------------- */
#gnav{
	width:100%;
	height:100%;
	position:relative;
}
#gnavList{
	width:100%;
	height:auto;
	margin:auto;
	position:fixed;
	left:0;
 top:50px;
 background-color: #FFF;
 bottom: inherit;
 right: inherit;
 border-top: 1px solid #ededed;
 overflow-y: scroll;
 max-height: 90%;
 display: none;
}
#gnavList>li{
	width:100%;
	height:auto;
	position:static;
 border-bottom: 1px solid #ededed;
}

#gnavList>li>a{
	width:auto;
	height:100%;
	display:block;
	position:relative;
	text-align:left;
 padding: 17px 15px;
}
#gnavList>li>a>.eng{
	height:auto;
	padding-top:0;
	border-bottom:none;
 margin: 0 15px 0 0;
 width: auto !important;
}

#gnavList>li>a>.jpn{
	font-size:12px;
	position:static;
	white-space: nowrap;
}
#gnavList>li:nth-of-type(4){
 background: url(../images/sp_gmenu_icon.png) no-repeat right 18px top 26px;
 background-size: 13px auto;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
 visibility: visible;
}
#gnavList>li:nth-of-type(4).active {
 background: url(../images/sp_gmenu_icon_on.png) no-repeat right 18px top 26px;
 background-size: 13px auto;
}
#gnavList>li:nth-of-type(6){
	width:100%;
}
#gnavList>li .subnav{
	position: static;
 width: inherit;
 left: inherit;
 -webkit-transition: none;
 transition: none;
 visibility: visible;
 opacity: 1;
 z-index: 1;
 padding: 0 0 20px 0;
 display: none;
}
#gnavList>li .subnav li {
 border-bottom: none;
 width: 100%;
 float: none;
 font-weight: normal;
 font-size: 14px;
 line-height: 1.3;
 margin-bottom: 0;
}

#gnavList>li:nth-of-type(5){
	width:auto !important;
	height:100%;
	position: static;
}

#gnavList>li .subnav li:nth-of-type(2),
#gnavList>li .subnav li:nth-of-type(5),
#gnavList>li .subnav li:nth-of-type(8) {
 margin: 0;
}
#gnavList>li .subnav li:nth-of-type(7),
#gnavList>li .subnav li:nth-of-type(8) {
 border-bottom: none;
}
#gnavList>li .subnav li a {
 display: block;
 padding: 10px 10px 10px 30px;
}
#gnavList>li .subnav span {
 display: inline-block;
}
#gnavList>li .subnav span.g_img {
 display: none;
}
#gnavList>li .subnav span.palty {
 font-size: 14px;
 padding: 0 5px 0 0;
 display: inline-block;
}

#gHeader.fixed #gnavList>li .subnav{
	padding: 0 0 20px 0;
}

.subnav_bg {
 display: none;
}






div#sp_bg {
 background: rgba(0,0,0,0.9);
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 59;
 display: none;
}

p.sp_menu {
 display: block;
 position: absolute;
 right: 15px;
 top: 18px;
 z-index: 62;
 width: 20px;
 height: 14px;
 text-align: center;
}
.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.menu-trigger {
    position: relative;
    width: 20px;
    height: 14px;
}
.menu-trigger span {
 position: absolute;
 left: 0;
 width: 100%;
 height: 2px;
 background-color: #333;
 border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
 top: 0;
}
.menu-trigger span:nth-of-type(2) {
 top: 6px;
}
.menu-trigger span:nth-of-type(3) {
 bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(6px) rotate(-45deg);
 transform: translateY(6px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
 opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-6px) rotate(45deg);
 transform: translateY(-6px) rotate(45deg);
}

.contents {
 padding-top: 50px;
}

.title_area {
 height: 90px;
}
.title_area h1 {
 font-size: 28px;
 padding: 22px 0 0 0;
 line-height: 1;
}

p.pagetop img {
 width: 80px;
}
#gFooter {
 background-color: #f2f2f2;
 padding: 30px 0 0 0;
}

#footer_logo_palty {
 text-align: center;
 margin: 0 0 20px 0;
}
#footer_logo_palty img {
 width: 115px;
}
#gFooter ul#footer_linkList01,
#gFooter ul#footer_linkList02,
#gFooter ul#footer_linkList03,
#footer_logo_palty {
 float: none;
}
#gFooter ul#footer_linkList01,
#gFooter ul#footer_linkList02,
#gFooter ul#footer_linkList03 {
 border-top: none;
 width: auto;
}
#gFooter ul#footer_linkList01,
#gFooter ul#footer_linkList02 {
 margin-right: 0;
}
#gFooter ul#footer_linkList02 {
 width: auto;
}
#gFooter-sitemap {
 max-width: inherit;
 margin: 0 15px;
}
#gFooter ul li {
 border-top: 1px solid #bfbfbf;
}
#gFooter ul li a {
 background: none;
 display: block;
 padding: 5px 0 10px 0;
 font-size: 12px;
}
#gFooter ul#footer_linkList01 li,
#gFooter ul#footer_linkList02 li,
#gFooter ul#footer_linkList03 li {
 border-bottom: none;
 width: 48%;
 float: left;
}
#gFooter ul#footer_linkList01 li:nth-child(4),
#gFooter ul#footer_linkList01 li:nth-child(2),
#gFooter ul#footer_linkList02 li {
 float: right;
}
#gFooter ul#footer_linkList01 li:nth-child(3) {
 border-bottom: none;
}
#gFooter ul#footer_linkList02 ul {
 display: none;
}
#gFooter ul#footer_linkList03 li {
 background: url(../images/insta_icon.png) no-repeat 0 8px;
 background-size: 12px auto;
}
#gFooter ul#footer_linkList03 li a {
 padding-left: 20px;
}

#copy {
 background-color: #FFF;
 padding: 25px 0;
 margin: 50px 0 0 0;
}
#copy .inner {
 max-width: inherit;
 margin: 0 auto;
 line-height: 1;
}
.footer_logo {
 float: none;
 text-align: center;
}
.copyright {
 float: none;
 text-align: center;
 color: #333333;
 font-size: 10px;
 margin: 10px 0 0 0;
}


.news_list_item img, .news_item img, #newsList img, #mainvisual img {
 pointer-events: none;
}