﻿@charset "utf-8";
/* ======================================================================
 Web Font
====================================================================== */
@import url("https://hello.myfonts.net/count/3b0c0a");
@font-face {font-family: 'CentSchbookBTWGL4WXX-Roman';src: url('../webfonts/3B0C0A_0_0.eot');src: url('../webfonts/3B0C0A_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/3B0C0A_0_0.woff2') format('woff2'),url('../webfonts/3B0C0A_0_0.woff') format('woff'),url('../webfonts/3B0C0A_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CentSchbookBTWGL4WXX-Italic';src: url('../webfonts/3B0C0A_1_0.eot');src: url('../webfonts/3B0C0A_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/3B0C0A_1_0.woff2') format('woff2'),url('../webfonts/3B0C0A_1_0.woff') format('woff'),url('../webfonts/3B0C0A_1_0.ttf') format('truetype');}

.eng {
	font-family: 'CentSchbookBTWGL4WXX-Roman', sans-serif;
	font-weight: 500;
	letter-spacing:0.025em;
}
.eng_i {
	font-family: 'CentSchbookBTWGL4WXX-Italic', sans-serif;
	font-weight: 500;
	letter-spacing:0.025em;
}

/* base
----------------------------------------------------*/
* {
	padding: 0;
	margin: 0;
}
html {
	overflow-y: scroll;
	padding: 0;
	margin: 0;
	height:100%;
}
html[lang="ja"] body, html[lang="ja"] button, html[lang="ja"] input, html[lang="ja"] select, html[lang="ja"] textarea {
 font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 15px;
	color: #3e3a39;
	line-height: 1.7;
 /*background-color:#f5f5f5;*/
 min-width: 980px;
}
h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	font-size:16px;
}

p,pre,blockquote,ul,ol,dl,dt,dd,hr,form,input {
	margin:0;
	padding:0;
}
table {
	border-collapse: collapse;
}
img {
	border: none;
	vertical-align: top;
 max-width: 100%;
	height: auto;
}

li {
	list-style-type: none;
}
.sp {
	display: none !important;
}
.sp_inline {
	display:none !important;
}
/* font
----------------------------------------------------*/
.cap{
	font-size:12px;
}

/* anchor */
a:link,a:visited{
	color:#333333;
	text-decoration:none;
}
a:hover,a:active{
	color:#333333;
	text-decoration:underline;
}

/* rollover
----------------------------------------------------*/
.hov {
	transition: opacity 0.2s;
}
.hov:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}





/* clear
----------------------------------------------------*/
/* ---IE7.IE8 clearfix--- */
.clearfix:after { content: ".";display: block;clear: both;height: 0;visibility: hidden;overflow:hidden;font-size:0.1em;line-height:0;}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



.min {
	font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
}


div#document {
	width:1100px;
	margin:0 auto;
}

/* ======================================================================
 Global header
====================================================================== */
#gHeader{
	width:100%;
	min-width:980px;
	height:130px;
}
#gHeader>.inner{
	width:100%;
	height:130px;
	position:relative;
	background-color:#fff;
	transition:height 0.5s ease;
 z-index: 57;
}
#gHeader.fixed>.inner{
	height:70px;
	position:fixed;
	left:0; top:0;
}

/* -----------------------------------------
 headerLogo
----------------------------------------- */
#headerLogo{
	width:173px;
	height:60px;
	margin:auto;
	position:absolute;
	left:0; right:0; top:0; bottom:0;
	transition:transform 0.5s ease;
 z-index: 1;
}
#headerLogo img {
 max-height: 60px;
}
#gHeader.fixed #headerLogo{
	transform:scale(0.6705202312138728);
}
#gHeader.fixed #headerLogoimg {
 max-height: 40px;
}

/* -----------------------------------------
 gnav
----------------------------------------- */
#gnav{
	width:100%;
	height:100%;
	position:relative;
}
#gnavList{
	width:1000px;
	height:60px;
	margin:auto;
	position:absolute;
	left:0; right:0; top:0; bottom:0;
}
#gnavList>li{
	width:120px;
	height:100%;
	position:absolute;
	top:0;
}

#gnavList>li:nth-of-type(1){
	left:0;
}
#gnavList>li:nth-of-type(2){
	left:127px;
}
#gnavList>li:nth-of-type(3){
	left:260px;
}
#gnavList>li:nth-of-type(4){
	right:260px;
}
#gnavList>li:nth-of-type(5){
	right:140px;
}
#gnavList>li:nth-of-type(6){
	right:0;
}
#gnavList>li:nth-of-type(6){
	width:140px;
}

#gnavList>li>a{
	width:100%;
	height:100%;
	display:block;
	position:relative;
	text-align:center;
 color: #333333;
}
#gnavList>li>a>.eng{
	height:100%;
	padding-top:15px;
	margin:0 auto;
	font-size:18px;
	line-height:1;
	display:inline-block;
	box-sizing:border-box;
	border-bottom:solid 2px;
	border-color:transparent;
	
	transition:border 0.2s ease;
}
#gnavList>li:nth-of-type(3)>a>.eng{
 width: 70px;
}
#gnavList>li:nth-of-type(5)>a>.eng{
	letter-spacing:0.05em;
 width: 60px;
}
#gnavList>li>a:hover>.eng{
	border-color:#333333;
}
#gnavList>li.active>a>.eng{
	border-color:#333333;
}
#gnavList>li>a>.jpn{
	margin:auto;
	font-size:11px;
	line-height:1;
	letter-spacing:0.05em;
	display:inline-block;
	position:absolute;
	left:0; right:0; top:38px;
}

#gnavList>li .subnav{
	position: absolute;
 top: 50px;
 width: 1180px;
 left: -720px;
 
 visibility: hidden;
 opacity: 0;
 z-index: 1;
 padding: 45px 0 0 0;
}
@media only screen and (max-width: 1200px) {
 #gnavList>li .subnav{
  width: 980px;
  left: -620px;
 }
}
#gnavList>li:nth-of-type(4):hover .subnav {
    top: 60px;
    visibility: visible;
    opacity: 1;
}
#gnavList>li .subnav li {
 border-bottom: 1px dotted #999999;
 width: 32%;
 float: left;
 font-weight: bold;
 font-size: 15px;
 line-height: 1.3;
 margin-bottom: 15px;
}
#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 2%;
}
#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-bottom: 10px;
}
#gnavList>li .subnav span {
 display: block;
 
}
#gnavList>li .subnav span.g_img {
 float: left;
 margin: 0 7px 0 0;
 height: 52px;
}
#gnavList>li .subnav span.palty {
 font-size: 12px;
 padding: 5px 0;
}

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

.subnav_bg {
 background-color: #FFF;
 position: absolute;
 left: 0;
 top: 120px;
 width: 100%;
 height: 120px;
 transition:all 0.3s ease;
 -moz-box-shadow: 2px 5px 5px rgba(0,0,0,0.07);
 -webkit-box-shadow: 2px 5px 5px rgba(0,0,0,0.07);
 -o-box-shadow: 2px 5px 5px rgba(0,0,0,0.07);
 -ms-box-shadow: 2px 5px 5px rgba(0,0,0,0.07);
 visibility: hidden;
 opacity: 0;
}
.subnav_bg.open {
 visibility: visible;
 opacity: 1;
 top: 130px;
}
#gHeader.fixed .subnav_bg {
    top: 70px;
}
.title_area {
 background: #ffebf1;
 text-align: center;
 height: 126px;
}
.title_area h1 {
 color: #ee4d83;
 font-size: 35px;
 font-weight: bold;
 padding: 32px 0 0 0;
 line-height: 1;
}
.title_area h1.eng{
 font-family: 'Quicksand', sans-serif;
}
p.pagetop {
 text-align: center;
}
p.pagetop img.hov{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	
	-webkit-transition:none;
	transition:none;
}



#gFooter {
 background-color: #f2f2f2;
 padding: 40px 0 0 0;
}
#gFooter a {
 color: #333333;
}
#footer_logo_palty {
 margin-right: 40px;
}
#footer_logo_palty img {
 width: 120px;
}
#gFooter ul#footer_linkList01,
#gFooter ul#footer_linkList02,
#gFooter ul#footer_linkList03,
#footer_logo_palty {
 float: left;
}
#gFooter ul#footer_linkList01,
#gFooter ul#footer_linkList02,
#gFooter ul#footer_linkList03 {
 border-top: 1px solid #bfbfbf;
 width: 240px;
}
#gFooter ul#footer_linkList01,
#gFooter ul#footer_linkList02 {
 margin-right: 20px;
}
#gFooter ul#footer_linkList02 {
 width: 500px;
}

#gFooter-sitemap {
 max-width: 1180px;
 margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
 #footer_logo_palty {
  margin-right: 20px;
 }
 #gFooter-sitemap {
  max-width: 980px;
  margin: 0 auto;
 }
 #gFooter ul#footer_linkList01,
 #gFooter ul#footer_linkList02,
 #gFooter ul#footer_linkList03 {
  border-top: 1px solid #bfbfbf;
  width: 200px;
 }
 #gFooter ul#footer_linkList01,
 #gFooter ul#footer_linkList02 {
  margin-right: 10px;
 }
 #gFooter ul#footer_linkList02 {
  width: 420px;
 }
}
#gFooter ul li a {
 background: url(../images/li.png) no-repeat right 12px;
 display: block;
 padding: 5px 0;
 font-size: 13px;
}
#gFooter ul#footer_linkList01 li {
 border-bottom: 1px solid #bfbfbf;
}
#gFooter ul#footer_linkList01 li:nth-child(4) {
 border-bottom: none;
}
#gFooter ul#footer_linkList02 ul {
 margin: 0;
}
#gFooter ul#footer_linkList02 ul li {
 float: left;
 width: 55%;
}
#gFooter ul#footer_linkList02 ul li:nth-child(even) {
 width: 45%;
}
#gFooter ul#footer_linkList02 span.pc {
 display: block;
 color: #333333;
 padding: 5px 0;
 font-size: 13px;
}
#gFooter ul#footer_linkList02 ul li a {
 background: none;
 padding: 0;
 font-size: 13px;
}
#gFooter ul#footer_linkList03 li {
 background: url(../images/insta_icon.png) no-repeat 0 center;
}
#gFooter ul#footer_linkList03 li.x {
 background: url(../images/x_icon.png) no-repeat 0 center;
	border-top: 1px solid #bfbfbf;
}
#gFooter ul#footer_linkList03 li a {
 padding-left: 25px;
}

#copy {
 background-color: #FFF;
 padding: 25px 0;
 margin: 65px 0 0 0;
}
#copy .inner {
 max-width: 1180px;
 margin: 0 auto;
 line-height: 1;
}
.footer_logo {
 float: left;
 width:75px
}
.copyright {
 float: right;
 color: #333333;
 font-size: 11px;
 margin: 5px 0 0 0;
}
.not {
text-align: center;
margin: 150px 0;
}
/* end */



@media print {
	.news_list_item img, .news_item img, #newsList img, #mainvisual img, #profile img, .agroup-box figure img {
		display: none !important;
		pointer-events: none;
	}
}