@charset "utf-8";

@font-face
{
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format('opentype');
	-ms-font-feature-settings: "normal";
}
@font-face
{
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 200;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
	-ms-font-feature-settings: "normal";
}
@font-face
{
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
	-ms-font-feature-settings: "normal";
}
@font-face
{
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
	-ms-font-feature-settings: "normal";
}
@font-face
{
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
	-ms-font-feature-settings: "normal";
}
@font-face
{
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
	-ms-font-feature-settings: "normal";
}
@font-face
{
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
	-ms-font-feature-settings: "normal";
}



/* vietnamese */
@font-face
{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 200;
	src: url(//fonts.gstatic.com/s/montserrat/v10/eWRmKHdPNWGn_iFyeEYjaxJVFIDcAmz_xdaO4iposbc.woff2) format('woff2'),
	url(//fonts.gstatic.com/s/montserrat/v10/eWRmKHdPNWGn_iFyeEYjaxp4ivTFcMoDJtPEqAe9hmM.woff) format('woff');
	unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
	-ms-font-feature-settings: "normal";
}
/* latin-ext */
@font-face
{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 200;
	src: url(//fonts.gstatic.com/s/montserrat/v10/eWRmKHdPNWGn_iFyeEYjawmpp9opcZztmOKdRoeEHCU.woff2) format('woff2'),
	url(//fonts.gstatic.com/s/montserrat/v10/eWRmKHdPNWGn_iFyeEYjaxp4ivTFcMoDJtPEqAe9hmM.woff) format('woff');
	unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
	-ms-font-feature-settings: "normal";
}
/* latin */
@font-face
{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 200;
	src: url(//fonts.gstatic.com/s/montserrat/v10/eWRmKHdPNWGn_iFyeEYja6EWXqnGSfwnQD3YDlprsb0.woff2) format('woff2'),
	url(//fonts.gstatic.com/s/montserrat/v10/eWRmKHdPNWGn_iFyeEYjaxp4ivTFcMoDJtPEqAe9hmM.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
	-ms-font-feature-settings: "normal";
}
/* vietnamese */
@font-face
{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/s/montserrat/v10/SKK6Nusyv8QPNMtI4j9J2yEAvth_LlrfE80CYdSH47w.woff2) format('woff2'),
	url(//fonts.gstatic.com/s/montserrat/v10/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
	unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
	-ms-font-feature-settings: "normal";
}
/* latin-ext */
@font-face
{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/s/montserrat/v10/gFXtEMCp1m_YzxsBpKl68iEAvth_LlrfE80CYdSH47w.woff2) format('woff2'),
	url(//fonts.gstatic.com/s/montserrat/v10/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
	unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
	-ms-font-feature-settings: "normal";
}
/* latin */
@font-face
{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/s/montserrat/v10/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'),
	url(//fonts.gstatic.com/s/montserrat/v10/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
	-ms-font-feature-settings: "normal";
}

/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Infant';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyPU44g9vKiM1sORYSiWeAsLN997_oV2QsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Infant';
  font-style: normal;
  font-weight: 400;
  src:url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyPU44g9vKiM1sORYSiWeAsLN997_MV2QsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Infant';
  font-style: normal;
  font-weight: 400;
  src:url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyPU44g9vKiM1sORYSiWeAsLN997_gV2QsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Infant';
  font-style: normal;
  font-weight: 400;
  src:url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyPU44g9vKiM1sORYSiWeAsLN997_kV2QsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Infant';
  font-style: normal;
  font-weight: 400;
  src:url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyPU44g9vKiM1sORYSiWeAsLN997_cV2Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Infant';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyIU44g9vKiM1sORYSiWeAsLN995ygxzDkhQ5cd.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Infant';
  font-style: normal;
  font-weight: 600;
  src:url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyIU44g9vKiM1sORYSiWeAsLN995ygxzDAhQ5cd.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Infant';
  font-style: normal;
  font-weight: 600;
  src:url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyIU44g9vKiM1sORYSiWeAsLN995ygxzDshQ5cd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Infant';
  font-style: normal;
  font-weight: 600;
  src:url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyIU44g9vKiM1sORYSiWeAsLN995ygxzDohQ5cd.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cormorant Infant';
  font-style: normal;
  font-weight: 600;
  src:url(https://fonts.gstatic.com/s/cormorantinfant/v8/HhyIU44g9vKiM1sORYSiWeAsLN995ygxzDQhQw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@import url(https://fonts.googleapis.com/css?family=Cormorant+Infant:400,600&display=swap);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900&display=swap);
@import url(https://fonts.googleapis.com/css?family=Sawarabi+Mincho);




body
{
	margin: 0;
	padding: 0;

	font-size: 14px;
	font-family: 'Noto Sans Japanese', serif;
	-ms-font-feature-settings: "normal";
	min-width: 980px;

	color: #787878;
	background-color: #f4f4f4;
}

div,
a
{
	-webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}


h1,
h2,
h3,
h4,
h5,
h6,
p
{
	margin: 0;
	padding: 0;
}


table,
tr,
th,
td,
form
{
	margin: 0;
	padding: 0;

	border-collapse: collapse;
}

th,
td
{
	vertical-align: top;
}

img
{
	border: 0;

	vertical-align: top;
}

a
{
	color: #333333;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

.centerview
{
	margin: 0 auto;
	overflow: hidden;

	width: 980px;
}


.pc-partition
{
	overflow: hidden;
}

.pc-partition .partition-left
{
	float: left;
}

.pc-partition .partition-right
{
	float: right;
}



#header
{
	position: relative;
	z-index: 1;

	overflow: hidden;
	box-sizing: border-box;
/*	height: 80px;*/

	background-color: #fff;
}

#header .centerview
{
	box-sizing: border-box;
	padding: 0 20px;
}

@media screen and (min-width:980px)
{
	#header .centerview
	{
		padding: 0 20px;
		width: inherit;
	}
}

#header .logo
{
	float: left;

	margin-top: 24px;
}

#header .list
{
	float: right;
	overflow: hidden;
	padding-bottom: 20px;
	/*position:relative;*/
}

#header .list .item,
#header .list .goj,
#header .list .e-stance
{
	float: left;
	margin-left: 20px;
}
/*#header .list .item:first-child,*/
#header .list .goj
{
	margin-left: inherit;
	padding-top:1px;
}

#menu .content.content-05 .list .item:nth-of-type(1) {
		margin-bottom:1em;
}

#header .list .item a,
#header .list .item span,
#header .list .goj a,
#header .list .e-stance a
{
	display: block;
	box-sizing: border-box;
	padding-top: 26px;
	height: 80px;
	text-decoration: none;
	border-bottom: 2px solid transparent;
}
#header .list > .item a,
#header .list .goj a,
#header .list .e-stance a {
	height:auto;
/*	padding:22px 0;*/
}


#header .list .item em.rec-want {
	width:33px;
	padding:0;
	height:16px;
	border-bottom:none;
	font-weight:normal;
	background-image:url(../images/common/rec-w.png);
	background-repeat:no-repeat;
	background-position:center top;
	display:inline-block;
	color:#FFF;
	font-style: normal;
    font-size: 12px;
    text-align: center;
    line-height: 1.35;
    margin-left: 5px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace
}

#header .list .item.active a
{
	color: #3cc878;
	border-bottom: 2px solid #3cc878;
}
#header .list .item a:hover,
#header .list .e-stance a:hover
{
	color: #3cc878;
}

#header .list .store
{
/*	float: left;
	margin-left: 20px;
	margin-top: 18px;
	margin-bottom:20px;*/
	position:absolute;
	left: 180px;
    top: 18px;
}

#header .list .store a
{
	position: relative;
	display: block;
	box-sizing: border-box;
	padding-top: 9px;
	width: 150px;
	height: 40px;
	background: url(../images/common/header_store.png) no-repeat;
	background: url(../images/common/header_store.svg) no-repeat;
	background-size: cover;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

#header .list .store a:hover:before
{
	opacity: 0.2;
}

#header .list .store a:before
{
	content: "";
	opacity: 0;
	border-radius: 20px;
	background-color: #1f89ab;
	top: 0;
	left: 0;
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	mix-blend-mode: color-burn;
}

#header .list .com_head_sns {
	float: left;
	margin-left: 20px;
	margin-top: 25px;
}

#header .list .com_head_sns a {
	/*width:110px;
	height:0;
	padding-top:28px;*/
	width:25px;
	height:0;
	padding-top:25px;
	overflow:hidden;
	line-height:40px;
	background: url(../images/common/fb_s.png) no-repeat;
	background-size: cover;
	text-decoration:none;
	word-wrap: break-word;
	display:block;
}
#header .list .com_head_sns a:hover,
#header .list .goj a:hover {
	opacity:0.5;
}

#header .list .multilingual {
	float:left;
	margin-top:28px;
	margin-right:6px;
}

#header .list .multilingual a {
	background-image:url(../images/common/multilingual-btn.png);
	background-repeat:no-repeat;
	background-position:center top;
	width:20px;
	height:0px;
	padding-top:29px;
	line-height:2;
	overflow:hidden;
}
#header .list .item.multilingual.active a {
	border-bottom-color:#fff;
	background-image:url(../images/common/multilingual-btn_on.png);
}


#header .list .multilingual a:hover {
	background-image:url(../images/common/multilingual-btn_on.png);
}

#header .list .e-stance a:link,
#header .list .e-stance a:visited {
	color:#00a53c;
}

#menu
{
	position: relative;
	display: none;

	z-index: 102;

	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
#menu #GOJ,
#menu #e-stance ,
#menu #sp-fb {
	display:none;
}

#menu .abs
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;

	z-index: 2;

	background-color: rgba(255,255,255,0.95);
	border-top: 1px solid #dfdfdf;
	box-shadow: 0px 4px 10px 0px rgba(28, 31, 52, 0.2);
}

#menu .centerview
{
	overflow: inherit;
}

#menu .pc-partition
{
	position: relative;
	overflow: inherit;

	height: 393px;
}

#menu .partition-left
{
	padding-top: 64px;

	width: 400px;
}

#menu .partition-right
{
	padding-top: 68px;

	width: 580px;
}

@media screen and (max-width:980px) and (min-width:810px)
{
	#menu .pc-partition
	{
		margin: 0 20px;
	}

	#menu .partition-left
	{
		width: 360px;
	}
}

#menu .title
{
	font-size: 26px;
	font-weight: 200;
	letter-spacing: 0.04em;

}
#menu .title em {
	display:none;
}

#menu .sub
{
	margin-top: 30px;

	font-family: 'Montserrat';
	-ms-font-feature-settings: "normal";
}

#menu .desc
{
	margin-top: 30px;

	line-height: 26px
}

#menu .detail-link
{
	position: absolute;
	left: 0;
	bottom: 0;
}

#menu .detail-link a
{
	display: block;

	box-sizing: border-box;
	width: 280px;
	height: 60px;
	padding-top: 20px;

	text-align: center;

	color: #fff;
	background-color: #3cc878;
}
#menu .detail-link a:hover
{
	text-decoration: none;

	background-color: #21ae5d;
}

#menu .list
{
	overflow: hidden;
}

#menu .list .list-left,
#menu .list .list-right
{
	float: left;
	width: 50%;
}

#menu .list .item
{
	margin-top: 5px;
}

#menu .list .item a
{
	display: table;

	box-sizing: border-box;
	padding-left: 59px;

	width: 100%;
	height: 45px;

	background: url(../images/menu/menu_text_arrow.png) no-repeat;
	background-position: 16px 4px;
}

#menu .list .item a span
{
	display: table-cell;

	letter-spacing: 0;
	line-height: 20px;
	vertical-align: top;
}

#menu .banner
{
	position: absolute;

	right: 0;
	bottom: 0;
}

#menu .banner .item
{
	float: left;
	position: relative;

	width: 290px;
	height: 110px;
}
#menu .banner.banner-3set .item
{
	margin-left: 5px;

	width: 190px;
	height: 85px;
}
#menu .banner.banner-3set .item:first-child
{
	margin-left: inherit;
}

#menu .banner .item a
{
	display: table;
	float: left;

	width: 100%;
	height: 100%;

	color: #fff;
	text-align: center;

	background-repeat: no-repeat;
	background-position: center;
	background-size: 120%;
}
#menu .banner .item a:hover
{
	text-decoration: none;
}


#menu .banner .item a:hover:before
{
	opacity: 0.05;
}
#menu .banner .item a:before
{
	content: "";
	opacity: 0;

	background-color: #000;
	top: 0;
	left: 0;
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	mix-blend-mode: color-burn;
}

#menu .banner .item .play
{
	padding-right: 4px;
}

#menu .banner .item .arrow
{
	display: table-cell;
	box-sizing: border-box;

	vertical-align: middle;

	background: url(../images/menu/menu_banner_arrow.png) no-repeat;
	background-position: right 20px center;
}

#menu .content
{
	display: none;

	padding-bottom: 56px;
}

#menu .content-01 .banner .item-01 a
{
	background-image: url(../images/menu/menu_banner_01_01.jpg);
	background-position: 70% 25%;
	background-size: 140%;
}
#menu .content-01 .banner .item-02 a
{
	background-image: url(../images/menu/menu_banner_01_02.jpg);
}
#menu .content-02 .banner .item-01 a
{
	background-image: url(../images/menu/menu_banner_02_01.jpg);
}
#menu .content-02 .banner .item-02 a
{
	background-image: url(../images/menu/menu_banner_02_02.jpg);
}
#menu .content-03 .banner .item-01 a
{
	background-image: url(../images/menu/menu_banner_03_01.jpg);
	background-position: 40% 20%;
}
#menu .content-04 .banner .item-01 a
{
	background-image: url(../images/menu/menu_banner_04_01.jpg);
}
#menu .content-04 .banner .item-02 a
{
	background-image: url(../images/menu/menu_banner_04_02.jpg);
}
#menu .content-04 .banner .item-03 a
{
	background-image: url(../images/menu/menu_banner_04_03.jpg);
}
#menu .content-05 .banner .item-01 a
{
	background-image: url(../images/menu/menu_banner_05_01.jpg);
}
#menu .content-05 .banner .item-02 a
{
	background-image: url(../images/menu/menu_banner_05_02.jpg);
}
#menu .content-05 .banner .item-03 a
{
	background-image: url(../images/menu/menu_banner_05_03.jpg);
}

#menu .content.content-08 {
	padding-bottom: 0px;
}
#menu .content.content-08 ul {
	text-align:right;
	padding:13px 23px 13px 0;
	margin:0;
}
#menu .content.content-08 ul li {
	display:inline-block;
	line-height:1;
	margin-left:30px;
}

#menu .content.content-08 ul li.wovn-switch {
	color:#aaaaaa;
}
#menu .content.content-08 ul li.wovn-switch:hover {
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
}
#menu .content.content-08 ul li.wovn-switch.selected {
	color:#FFF;
	cursor:default;
}
#menu .abs.multilingual_ad {
	background-color: rgba(51,51,51,0.8);
	box-shadow:none;
}

#menu .abs.multilingual_ad .centerview {
	width:inherit;
}

#en_translate_msg {
	padding:5px;
	font-size:11px;
	background-color:#eeeeee;
	text-align:right;
	position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 110;
    box-sizing: border-box;
}
#en_translate_msg a {
	display:inline-block;
	width:170px;
	padding-top:18px;
	height:0;
	background-image:url(../images/common/gt.png);
	background-repeat:no-repeat;
	background-position:center top;
	overflow:hidden;
	line-height:2;
}

/*FOOTER SETTING*/

#footer-gnavi
{
	margin-top: 76px;
	padding: 40px 0;
	border-top: 1px solid #d5dae2;
	background-color:#fff;
}
#footerFlex,
#footer-gnavi .list {
	display: flex;
	justify-content: space-between;
	font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, sans-serif;
}
#footerFlex ul {
	margin: 0;
	padding: 0;
}
#footerFlex ul li {
	list-style: none;
	font-size: 11px;
}
/* old
#footer-gnavi .logo
{
	display: none;
}

#footer-gnavi .list
{
	text-align: center;
}

#footer-gnavi .list .item
{
	display: inline-block;
	margin-left: 30px;
}
#footer-gnavi .list .item:first-child
{
	margin-left: inherit;
}
#footer-gnavi .list .item.item-top
{
	display: none;
}

#footer-gnavi .list .item a
{
	color: #2a3443;
}

*/

#footer
{
	border-top: 1px solid #afb9c8;
	background-color: #363636;
}

#footer,
#footer a
{
	color: #808080;
}

#footer a:hover
{
	color: #f4f4f4;
	text-decoration: none;
}

#footer .content
{
	overflow: hidden;
	margin-top: 36px;
}

#footer .content .linkbox
{
	float: left;
	overflow: hidden;

	margin-top: 4px;

	font-family: 'Montserrat';
	-ms-font-feature-settings: "normal";
}
#footer .content .linkbox.language
{
	margin-left: 110px;
}

#footer .content .linkbox .label
{
	float: left;
	margin-top: 3px;

	font-size: 10px;
}

#footer .content .linkbox .list
{
	float: left;
	overflow: hidden;
}

#footer .content .linkbox .list .item
{
	float: left;
	margin-left: 24px;
}

#footer .content .linkbox.social .list .item a
{
	opacity: 0.4;
}
#footer .content .linkbox.social .list .item a:hover
{
	opacity: inherit;
}

#footer .content .linkbox.language .list .item
{
	font-size: 16px;

	font-weight: 200;
}

#footer .content .linkbox.language .list .item .active
{
	color: #f4f4f4;
}

#footer .content .sns
{
	float: right;
	overflow: hidden;
}

#footer .content .sns .item
{
	float: left;
	margin-left: 36px;
}
#footer .content .sns .item:first-child
{
	margin-left: inherit;
}
#footer .content .sns .fb_iframe_widget span,
#footer .content .sns .fb_iframe_widget iframe {
  width:130px !important;
}


#footer .copyright
{
	margin-top: 60px;
	padding-bottom: 20px;

	text-align: center;
	font-size: 10px;
	font-family: 'Montserrat';
	-ms-font-feature-settings: "normal";
}

#cookieOuter {
	overflow: hidden;
}
#cookieConsentWrap {
	position: -webkit-fixed;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	color: rgb(51, 51, 51);
	background-color: rgba(255, 255, 255, 0.95);
	padding: 1em 1.8em;
	box-shadow: 0px -4px 10px rgb(0 0 0 / 30%);
	z-index: 600;
	line-height: 1.8;
	display: none;
}
#cookieConsentWrap > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#cookieConsentWrap p {
	line-height: 1.8;
}
#cookieConsentWrap p a:link,
#cookieConsentWrap p a:visited {
	text-decoration: underline;
}
#cookieConsentWrap #CookieAllowBtn {
	display: block;
	background-color: #009279;
	color: #fff;
	padding: 0.6em 0.8em;
	margin: 0 3em 0 0;
	cursor: pointer;
	transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
#cookieConsentWrap #CookieAllowBtn:hover {
	opacity: 0.5;
}



@media screen and (min-width:810px) and (max-width:1070px)
{
	#header .logo
	{
		margin-top: 27px;
	}

	#header .logo img
	{
		width: 120px;
	}
	#header .list {
		padding-bottom: 40px;
	}

	#header .list .item
	{
		margin-left: 15px;
	}
	#header .list .item:first-child
	{
		margin-left: inherit;
	}

	#header .list .item a,
	#header .list .item span
	{
		padding-top: 28px;
		font-size: 13px;
	}

	#header .list .store
	{
		/*margin-left: 15px;
		margin-top: 20px;*/
		left: 200px;
		top: 53px;

	}

	#header .list .store a
	{
		padding-top: 7px;
		/*width: 85px;
		height: 40px;*/
		width: 120px;
    height: 40px;
    font-size: 13px;
    background-size: 100% auto;
		font-size: 13px;
	}

}


@media screen and (max-width:810px)
{
	body
	{
		min-width: inherit;
		line-height: 180%;
	}

	.centerview
	{
		width: inherit;
	}

	.pc-partition
	{
		overflow: inherit;
	}

	.pc-partition .partition-left
	{
		float: inherit;
	}

	.pc-partition .partition-right
	{
		float: inherit;
	}

	#en_translate_msg {
		padding: 0 5px 0;
    	font-size: 10px;
    	line-height: 1.8;
	}

	#header
	{
		position: relative;

		/*padding: 12.5px 0;*/
		padding:15px 0;
		min-width: inherit;
		/*height: 60px;*/
	}

	#header .logo
	{
		margin-top: 0px;
		float: inherit;
		text-align: center;
	}

	#header .logo img
	{
		width: 120px;
		height: 26px;
	}

	#header .list
	{
		display: none;
	}

	#header .menu-button
	{
		position: absolute;
		left: 4%;
		top: 22px;

		width: 20px;
		height: 15px;

		background: url(../images/sp/common/header_menu_open_new.png) no-repeat;
		background-size: 100%;
	}

	#header .menu-button.close
	{
		top: 20px;

		width: 20px;
		height: 20px;

		background: url(../images/sp/common/header_menu_close.png) no-repeat;
		background-size: 100%;
	}
	#header .store-button
	{
		position: absolute;
		right: 4%;
		top: 15px;
		width: 27px;
		height: 26px;

		background: url(../images/sp/common/onlineshop_btn.png) no-repeat;
		background-size: 100%;
		/*display:none;*/
	}
	#header .fb-button {
		position:absolute;
		right:150px;
		top:18px;
		width:25px;
		height:25px;
		background: url(../images/common/fb_s.png) no-repeat;
		background-size: cover;
		/*display:none;*/
	}

	#header .multilingual_sp {
		background-image:url(../images/common/multilingual-sp_btn.png);
		background-size:20px 29px;
		background-repeat:no-repeat;
		width:20px;
		height:29px;
		display:block;
		position:absolute;
		right:60px;
		top:16px;
	}

	#menu .content.content-08 ul {
		padding:0;
		margin:0;
	}

	#menu .content.content-08 ul li {
		display:block;
		padding:30px 24px;
		border-bottom:1px solid #dcdcdc;
		margin:0px;
		font-size:22px;
		font-weight: 200;
	}
	#menu .content.content-08 ul li:last-child {
		border-bottom:none;
	}
	#menu .content.content-08 ul li.wovn-switch.selected {
		display:none;
	}
	#menu .content.content-08 ul li.wovn-switch{
		color:#aaa;
	}

	#menu .abs
	{
		background-color: #fafafa;
	}

	#menu .sub
	{
		display: none;
	}

	#menu .pc-partition
	{
		position: inherit;

		height: inherit;
	}

	#menu .partition-left
	{
		padding: 30px 24px;
		width: inherit;

		background-color: #fff;
	}
	#menu .content.open .partition-left
	{
		background-color: #F3F3F3;
	}

	#menu .partition-right
	{
		padding-top: 0;
		width: inherit;

		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}

	#menu .content
	{
		border-bottom: 1px solid #dcdcdc;
	}

	#menu .content-header
	{
		position: relative;
	}

	#menu .content-header .title
	{
		margin-right: 32px;
		font-size: 22px;
	}

	#menu .content-header .toggle-button
	{
		position: absolute;
		right: 0;
		top: 3px;

		width: 20px;
		height: 20px;

		background: url(../images/sp/menu/menu_list_plus.png) no-repeat;
		background-size: 100%;
		background-position: center;
	}
	#menu .content.open .toggle-button
	{
		background: url(../images/sp/menu/menu_list_minus.png) no-repeat;
		background-size: 100%;
		background-position: center;
	}

	#menu .content-inside
	{
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}

	#menu .detail-link
	{
		position: inherit;
		left: inherit;
		bottom: inherit;

		margin-top: 20px;
	}

	#menu .detail-link a
	{
		padding-top: 18px;
		width: 200px;
	}

	#menu .content
	{
		padding-bottom: 0;
	}

	#menu .list
	{
		padding: 0 10px 24px;
	}

	#menu .list .list-left,
	#menu .list .list-right
	{
		float: left;
		box-sizing: border-box;
		padding: 0 10px;
		width: 50%;
	}

	#menu .list .item
	{
		float: none;
		width: initial;

		margin-top: 24px;
	}

	#menu .list .item a
	{
		padding-left: 32px;
		height: inherit;

		background-position: 0 8px;

		background-size: 22.4px 10.4px;
	}

	#menu .content.content-05 .list .list-left .item:nth-of-type(1) {
		margin-bottom:2em;
	}
	#menu .content.content-05 .list .list-right .item:nth-of-type(1) {
		margin-bottom:3.3em;
	}

	#menu .banner
	{
		position: inherit;
		overflow: hidden;

		margin: 0 24px;
		padding: 32px 0;
		border-top: 1px solid #dcdcdc;
	}

	#menu .banner .item
	{
		float: inherit;

		width: 100%;
	}
	#menu .banner.banner-3set .item,
	#menu .banner.banner-3set .item:first-child
	{
		margin-left: 0;

		width: 100%;
	}

	#menu .banner .item a
	{
		margin-top: 5px;
	}

	#menu .title em {
		display:inline-block;
		background-color:#EF6D3C;
		width: 45px;
    height: 20px;
	border-radius:15px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    line-height: 1.4;
    vertical-align: 0.2em;
	font-style:normal;
	margin-left:5px;
}

#menu #GOJ,
#menu #e-stance,
#menu #sp-fb {
	display:block;
	border-bottom: 1px solid #dcdcdc;
    background-color: #fff;
	font-size: 22px;
	font-weight: 200;
    letter-spacing: 0.04em;
}

#menu #GOJ a,
#menu #e-stance a,
#menu #sp-fb a {
	color:#00a53c;
	text-decoration:none;
	padding: 30px 24px;
	display:block;
}

#menu #GOJ a {
	color:#787878;
}

#menu #sp-fb a {
	background: url(../images/common/fb_s.png) no-repeat;
	background-position:25px;
	background-size:25px;
	padding-left:60px;
	color:#3d5b99;
}

	#footer-gnavi
	{
		margin-top: 70px;
		padding: 3em 0;
	}

	#footer-gnavi .centerview
	{
		position: relative;
	}

	/*#footer-gnavi .logo
	{
		display: inherit;
		position: absolute;
		left: 24px;
		top: 0;
	}*/
/*
	#footer-gnavi .list
	{
		overflow: hidden;
		margin-left: 140px;
		text-align: inherit;

		max-width: 300px;
	}

	#footer-gnavi .list .item
	{
		display: block;
		float: left;
		margin-left: 0 !important;

		width: 50%;
		margin-bottom:16px;
	}
	#footer-gnavi .list .item.item-top
	{
		display: inherit;
	}

	#footer-gnavi .list .item a
	{
		color: #787878;
	}


	#footer .content
	{
		margin: 24px 12px 0;
	}

	#footer .content .linkbox .label
	{
		margin-top: 0;
	}

	#footer .content .linkbox.social
	{
		float: right;
	}
	#footer .content .linkbox.language
	{
		float: left;
		margin-left: inherit;
	}

	#footer .content .linkbox.social .list
	{
		margin-top: 3px;
	}

	#footer .content .linkbox .list .item
	{
		margin-left: 16px;
	}

	#footer .content .sns
	{
		float: inherit;
		clear: both;
		padding-top: 20px;
		text-align: center;
		display: flex;
		justify-content: center;
	}

	#footer .content .sns .item
	{
		display: block;
		float: inherit;
		margin:0 2px;
	}

	#footer .copyright
	{
		margin-top: 20px;
	}

	#footer .copyright img
	{
		max-width: 306px;
		width: 90%;
		height: inherit;
	}

*/



}



@media screen and (max-width:410px)
{
	#footer .content .linkbox
	{
		float: inherit !important;
		margin-left: 0 !important;
		margin-top: 16px;
	}
	#footer .content .linkbox:first-child
	{
		margin-top: 0;
	}

	#footer .content .linkbox .label
	{
		width: 90px;
	}

	#footer .content .linkbox.social .list
	{
		padding-top: 3px;
	}
}



@media screen and (max-width:400px)
{
	#footer-gnavi .logo
	{
		position: inherit;
		left: inherit;
		top: inherit;
		margin-left: 20px;
	}

	#footer-gnavi .list
	{
		margin: 20px 20px 0;

		max-width: inherit;
	}

	#footer-gnavi .list .item
	{
		display: block;
		float: left;
		margin-left: 0 !important;

		width: 50%;
		margin-bottom:16px;
	}

	#menu .content.content-05 .list .list-right .item:nth-of-type(1) {
    margin-bottom: 1.8em;
}

}
@media screen and (max-width:320px){
#menu .content.content-05 .list .list-left .item:nth-of-type(1) {
    margin-bottom: -1.2em;
}



}

.content-dummy
{
	height: 700px;
}
/*add201910renew*/

.renew2019 .centerview {
	width:1100px;
}
.pankuzu .centerview {
	padding:0 29px;
	box-sizing:border-box;
	width:auto;
}

@media screen and (max-width:559px) {
.pankuzu .centerview {
	padding:0;
}
}

/*2021.02 footerChange*/
#footerFlex {
	display: flex;
	justify-content: space-between;
	max-width: 1200px;
	margin: 0 auto;
}
#footerFlex ul li {
	font-size: 12px;
}
#footerFlex > .list {
	width: 80%;
}
#footer-gnavi .footer-head .logo img {
	width:122px;
}
#footer-gnavi .footer-head .logo span {
	display: block;
	font-size: 16px;
	margin:10px 0 2.25em 0;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro","Sawarabi Mincho","HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight: 500;
}
#footer-gnavi a {
	color: #979797;
}
#footer-gnavi a:hover {
	color:#009279;
	text-decoration: none;
}
#footer-gnavi .cat_h {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 1em;
}
#footer-gnavi .cat_sb + .cat_h,
#footer-gnavi .cat_h.mt {
	margin-top: 2.5em;
}
#footer-gnavi .sustaina,
#footer-gnavi .ppol {
	font-size: 12px;
	margin-bottom: 1em;
}
.cat_sb li {
	line-height: 1.5;
	margin-bottom: 1em;
}
.cat_sb li a {
	padding-right: 1.8em;
	background-image:none;
	background-repeat: no-repeat;
	background-position: right center;
}
.cat_sb li a:hover {
	background-image: url(../images/2019_common/footer_arrow.svg);
}
.cat_sb li a.blankLink {
	background-image:url(../images/2019_common/gm_blank.svg);

}
#footer-gnavi .cat_h span {
	color:#979797 ;
}
#footerFlex ul.sns {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 115px;
}
#footerFlex ul.sns li a {
	background-image:url(../images/2019_common/Facebook.svg);
	background-repeat: no-repeat;
	background-position: center top;
	width:12px;
	padding-top:23px;
	height: 0;
	overflow: hidden;
	display: block;
}
#footerFlex ul.sns li.tw a {
	background-image:url(../images/2019_common/Twitter.svg);
	width: 24px;
	padding-top: 19px;
}
#footerFlex ul.sns li.youtube a {
	background-image:url(../images/2019_common/youtube.svg);
	width: 30px;
	padding-top: 21px;
}
#footer .content .sns {
	float: none;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#footer .content .sns .fb_iframe_widget iframe {
    width: 145px !important;
}
.spmenu {
	display: none;
}
@media screen and (min-width:769px) {
	#footerFlex ul.sns li a:hover {
		opacity:0.5;
	}
}
@media screen and (max-width:768px) {
.spmenu {
	display: block;
}
.pcmenu {
	display: none;
}
#footerFlex {
		display: block;
		width: 85%;
		margin: 0 auto;
		padding-bottom: 2em;
}
#footer-gnavi .footer-head .logo span {
	font-size: 4.2vw;
	margin-bottom: 1.5em;
}
#footer-gnavi .sustaina, #footer-gnavi .ppol,
#footerFlex ul li {
	font-size:3.2vw;
}
#footer-gnavi .logo {
	margin-left: 0;
}
#footer-gnavi .list {
	padding: 0;
	margin: 0;
	width: 100%;
	display: grid;
	grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}
#footer-gnavi .list .item {
	width: 100%;
	margin-bottom: 0;
	float: none;
}
#footer-gnavi .cat_h {
	font-size:3.7vw;
	font-weight: normal;
}
#footer-gnavi .cat_h.mt,
#footer-gnavi .cat_sb + .cat_h {
	margin-top: 0;
}
.cat_sb {
	display: none;
}

#footer-gnavi .list #item1.item {
	grid-row: 1 / 2;
  grid-column: 1 / 2;
}
#footer-gnavi .list #item2.item {
	grid-row: 2 / 3;
  grid-column: 1 / 2;
}
#footer-gnavi .list #item3.item {
	grid-row: 2 / 6;
  grid-column: 2 / 3;
}
#footer-gnavi .list #item4.item {
	grid-row: 1 / 2;
  grid-column: 2 / 3;
}
#footer-gnavi .list #item5.item {
	grid-row: 5 / 6;
  grid-column: 1 / 3;
}
#footer-gnavi .list #item6.item {
	grid-row: 4 / 5;
  grid-column: 1 / 2;
}
#footer-gnavi .cat_h {
	margin-bottom: 0.5em;
}
#footer .content .sns {
	justify-content: center;
}
#footer .content .sns .item {
	margin: 0 1em;
}
#footer-gnavi .list #item5 .cat_sb {
	display: block;
	margin-bottom: 1.5em;
}
#footer-gnavi .list #item5.item .cat_h {
	margin-top: 1em;
}
#footer-gnavi .sustaina {
	margin-bottom: 1em;
}
#footer-gnavi .ppol {
	margin-bottom: 1.5em;
}
#cookieConsentWrap > div {
	display: block;
	width: 89%;
}
#cookieConsentWrap #CookieAllowBtn {
	display: inline-block;
	margin-top: 1.5em;
}
#cookieConsentWrap #CookieAllowBtn:hover {
	opacity: 1;
}

}

@media screen and (min-width: 667px) and (max-width: 768px) {
#footerFlex {
		padding-top: 2em;
}
#footer-gnavi .footer-head .logo span {
	font-size: 16px;
}
#footer-gnavi .cat_h {
	font-size: 15px;
}
#footer-gnavi .sustaina, #footer-gnavi .ppol, #footerFlex ul li {
	font-size: 14px;
}
}