@charset "utf-8";
@charset "utf-8";
@font-face {
font-family: 'icomoon';
src:url(./../../../shared/common/font/icomoon/fonts/icomoon.eot?734knw);
src:url(./../../../shared/common/font/icomoon/fonts/icomoon.eot?#iefix734knw) format('embedded-opentype'),
url(./../../../shared/common/font/icomoon/fonts/icomoon.ttf?734knw) format('truetype'),
url(./../../../shared/common/font/icomoon/fonts/icomoon.woff?734knw) format('woff'),
url(./../../../shared/common/font/icomoon/fonts/icomoon.svg?734knw#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-google-plus:before {
content: "\e600";
}
.icon-facebook:before {
content: "\e601";
}
.icon-twitter:before {
content: "\e602";
}

.anchor1 {
color: #000;
}
.anchor1:hover {
color: #696969;
}
.anchor2 {
color: #FFF;
}
.anchor2:hover {
color: #FEC4D6;
}  * {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,
img {
border: 0;
}
img {
vertical-align: top;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
font-weight: normal;
}
ol,
ul {
list-style: none;
}
caption,
th {
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
q:before,
q:after {
content: '';
}
abbr,
acronym {
border: 0;
}
iframe {
border: none;
}
input:focus {
outline: none;
}  h1 { font-size: 138.5%;
}
h2 { font-size: 123.1%;
}
h3 { font-size: 108%;
}
h1,
h2,
h3 { margin: 0 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong { font-weight: bold;
}
abbr,
acronym { border-bottom: 1px dotted #000;
cursor: help;
}
em { font-style: italic;
}
blockquote,
ul,
ol,
dl { margin: 0;
}
ol,
ul,
dl { margin: 0;
}
ol li { list-style: none;
}
ul li { list-style: none;
}
dl dd { margin: 0;
}
th,
td { padding: 0;
}
th { font-weight: bold;
text-align: center;
}
caption { margin-bottom: .5em; text-align: center;
}
p,
fieldset,
table { margin: 0;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
} a {
color: #000;
text-decoration: none;
}
a:visited {
color: #000;
text-decoration: none;
}
a:hover {
color: #333;
text-decoration: none;
outline:0;
}
a:active {
color: #333;
text-decoration: none;
outline:0;
}
area {
outline: none;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px; /*/*/}/**/img.preload {
display: none;
}
.font1_s {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
}
.font1_m {
font-family: 'Oswald', sans-serif;
font-weight: 400;
letter-spacing: 0.1em;
}
.font2_S {
font-family: 'Roboto';
font-weight: 300;
letter-spacing: 0.1em;
}
.responsiveimg {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}

.newstag {
background: #CCC;
border-top-color: #CCC;
border-bottom-color: #CCC;
}
.newstag:after {
border-top-color: #CCC;
}
.newstag.news_campaign {
background: #e57e04;
border-top-color: #e57e04;
border-bottom-color: #e57e04;
}
.newstag.news_campaign:after {
border-top-color: #e57e04;
}
.newstag.news_newitem {
background: #2c1d06;
border-top-color: #2c1d06;
border-bottom-color: #2c1d06;
}
.newstag.news_newitem:after {
border-top-color: #2c1d06;
}
.newstag.news_news {
background: #f05487;
border-top-color: #f05487;
border-bottom-color: #f05487;
}
.newstag.news_news:after {
border-top-color: #f05487;
}
.newstag.news_important {
background: #79ba09;
border-top-color: #79ba09;
border-bottom-color: #79ba09;
}
.newstag.news_important:after {
border-top-color: #79ba09;
}
.newstag.news_event {
background: #4fb7d8;
border-top-color: #4fb7d8;
border-bottom-color: #4fb7d8;
}
.newstag.news_event:after {
border-top-color: #4fb7d8;
} html,
body {
width: 100%;
height: 100%;
-webkit-text-size-adjust: 100%;
color: #000;
font-size: 13px;
font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', YuGothic, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
background: #FFF;
line-height: 175%;
-webkit-font-smoothing: subpixel-antialiased;
}
body.antialiased { }
#bodywrapper {
width: 100%;
height: auto;
position: relative;
max-height: 100%;
padding-top: 60px;
}
@media screen and (max-width: 640px) {
	#bodywrapper {
	padding-top: 50px;
	}
}
#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background: #2c1d06;
}
#header .bgleft {
position: absolute;
left: 0;
top: 0px;
width: 50%;
height: 60px;
z-index: 1;
background: #c5bbad;
}
#header .inner {
max-width: 1180px;
padding: 0 20px;
margin: 0 auto;
position: relative;
z-index: 2;
}
@media screen and (max-width: 640px) {
	#header .inner {
	max-width: none;
	padding: 0 4%;
	margin: 0 auto;
	}
}
#header .logo {
float: left;
width: 20%
}
#header .logo a {
display: block;
background: url(./../../../shared/common/img/header/logo.png) no-repeat left center;
height: 60px;
width: 100%;
text-indent: -9999px;
}
#header .searchbox {
float: left;
width: 5%;
height: 60px;
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
position: relative;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#header .searchbox .text {
border: none;
width: 85%;
padding: 0 5% 0 10%;
height: 60px;
background: none;
color: #FFF;
position: relative;
z-index: 2;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#header .searchbox .text::-webkit-input-placeholder {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 14px;
line-height: 100%;
}
#header .searchbox .text::-moz-placeholder {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 14px;
}
#header .searchbox .text:-ms-input-placeholder {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 12px;
}
#header .searchbox .button {
display: block;
background: url(./../../../shared/common/img/header/icon_search.png) no-repeat center center;
width: 100%;
height: 60px;
border: none;
position: absolute;
top: 0%;
right: 0px;
z-index: 3;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#header .searchbox .bg {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
background: #6f0f09;
-webkit-transform: skew(-13deg, 0);
-moz-transform: skew(-13deg, 0);
-o-transform: skew(-13deg, 0);
transform: skew(-13deg, 0);
}
#header .subnavbg {
background: #2c1d06;
position: absolute;
left: 0;
top: 60px;
width: 100%;
height: 0;
opacity: 0.9;
z-index: 1;
}
#header.searchon #gnav {
width: 73%;
}
#header.searchon .searchbox {
width: 20%;
}
#header.searchon .searchbox .button {
width: 50px;
opacity: 0.8;
}
#header.searchon .searchbox .text {
visibility: visible;
opacity: 1;
}
@media screen and (max-width: 640px) {
	#header {
	height: 50px;
	}
	#header .bgleft {
	width: 120px;
	height: 50px;
	-webkit-transform: skew(-13deg, 0);
	-moz-transform: skew(-13deg, 0);
	-o-transform: skew(-13deg, 0);
	transform: skew(-13deg, 0);
	left: -10px;
	}
	#header .inner {
	padding: 0 0;
	}
	#header .logo {
	float: none;
	width: auto;
	}
	#header .logo a {
	display: block;
	background: url(./../../../shared/common/img/header/logo_sp.png) no-repeat left center;
	height: 50px;
	width: 100px;
	text-indent: -9999px;
	margin-left: 4px;
	background-size: cover;
	}
	#header .searchbox {
	display: none;
	}
	#header .btn_menu_sp {
	position: relative;
	}
	#header .btn_menu_sp span {
	display: block;
	}
}
#btn_menu_sp {
display: none;
}
@media screen and (max-width: 640px) {
#btn_menu_sp {
display: block;
position: fixed;
z-index: 1001;
right: 0px;
top: 0px;
width: 50px;
height: 50px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
}
#btn_menu_sp span {
display: block;
position: absolute;
left: 10px;
width: 27px;
height: 3px;
background: #FFF;
}
#btn_menu_sp .line1 {
top: 14px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#btn_menu_sp .line2 {
top: 23px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#btn_menu_sp .line3 {
top: 32px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#btn_menu_sp.open .line1 {
top: 14px;
-webkit-transform: translate(0px, 9px) rotate(135deg);
-moz-transform: translate(0px, 9px) rotate(135deg);
-ms-transform: translate(0px, 9px) rotate(135deg);
-o-transform: translate(0px, 9px) rotate(135deg);
}
#btn_menu_sp.open .line2 {
top: 23px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
}
#btn_menu_sp.open .line3 {
top: 32px;
-webkit-transform: translate(0px, -9px) rotate(-135deg);
-moz-transform: translate(0px, -9px) rotate(-135deg);
-ms-transform: translate(0px, -9px) rotate(-135deg);
-o-transform: translate(0px, -9px) rotate(-135deg);
}
} #gnav_sp {
display: none;
}
@media screen and (max-width: 640px) {
#gnav_sp {
display: block;
background: #fafafa;
position: fixed;
left: 0;
top: 0;
z-index: 101;
width: 100%;
height: 100%;
overflow: scroll;
-webkit-overflow-scrolling: touch;
display: none;
color: #FFF;
}
#gnav_sp .inner {
padding-top: 50px;
}
#gnav_sp .searchbox {
width: 86%;
margin: 20px auto 0;
height: 45px;
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
position: relative;
background: #891e18;
}
#gnav_sp .searchbox .text {
border: none;
width: 80%;
padding: 0 5% 0 5%;
height: 45px;
background: none;
color: #FFF;
position: relative;
z-index: 2;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#gnav_sp .searchbox .text::-webkit-input-placeholder {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 14px;
line-height: 100%;
}
#gnav_sp .searchbox .text::-moz-placeholder {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 14px;
}
#gnav_sp .searchbox .text::-ms-input-placeholder {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 14px;
line-height: 100%;
}
#gnav_sp .searchbox .button {
display: block;
background: url(./../../../shared/common/img/header/gnavsp/icon_search.png) no-repeat center center;
width: 22px;
height: 23px;
background-size: contain;
border: none;
position: absolute;
top: 11px;
right: 18px;
z-index: 3;
opacity: 0.8;
}
#gnav_sp a {
color: #2c1d06;
}
#gnav_sp .navbox .en {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 16px;
display: block;
}
#gnav_sp .navbox .jp {
display: block;
}
#gnav_sp .navbox ul {
width: 100%;
}
#gnav_sp .navbox ul a {
padding-top: 15px;
padding-bottom: 15px;
position: relative;
border-bottom: 1px solid #2c1d06;
}
#gnav_sp .navbox ul a:after {
content: "";
display: block;
position: absolute;
right: 4%;
top: 50%;
z-index: 2;
background: url(./../../../shared/common/img/header/gnavsp/arrow.png) no-repeat;
width: 9px;
height: 14px;
margin-top: -7px;
background-size: contain;
}
#gnav_sp .navbox ul a.blank:after {
content: "";
display: block;
position: absolute;
right: 4%;
top: 50%;
z-index: 2;
background: url(./../../../shared/common/img/header/gnavsp/blank.png) no-repeat;
width: 11px;
height: 9px;
margin-top: -4px;
background-size: contain;
}
#gnav_sp .navbox ul > li {
width: 100%;
}
#gnav_sp .navbox ul > li > a {
display: block;
width: 100%;
}
#gnav_sp .navbox ul > li > a .en {
padding-left: 4%;
line-height: 135%;
}
#gnav_sp .navbox ul > li > a .jp {
padding-left: 4%;
font-size: 10px;
line-height: 100%;
}
#gnav_sp .navbox ul > li.accent > a .jp {
    font-weight: bold;
}
#gnav_sp .navbox ul > li ul {
border-top: none;
}
#gnav_sp .navbox ul > li ul > li:first-child {
border-top: none;
}
#gnav_sp .navbox ul > li ul > li > a {
display: block;
width: 100%;
}
#gnav_sp .navbox ul > li ul > li > a .jp {
font-size: 13px;
padding-left: 8%;
}
#gnav_sp .navbox ul > li ul > li {
	background-color: #f3f0ec;
}
}/* end of media queries 640px */
#gnav {
float: left;
width: 60%;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#gnav ul li.gli {
width: 20%;
float: left;
}
#gnav ul li.gli a.gbtn {
display: block;
position: relative;
height: 60px;
width: 100%;
color: #FFF;
}
#gnav ul li.gli a.gbtn .en {
display: block;
position: absolute;
width: 100%;
top: 18px;
z-index: 3;
text-align: center;
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 16px;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s;
transition: all 0.15s ease 0s;
}
#gnav ul li.gli a.gbtn .jp {
position: absolute;
width: 100%;
top: 34px;
text-align: center;
z-index: 4;
font-size: 11px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s;
transition: all 0.15s ease 0s;
}
#gnav ul li.gli a.gbtn .bg {
display: block;
border-left: 1px solid #160d01;
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
overflow: hidden;
background: #2c1d06;
-webkit-transform: skew(-13deg, 0);
-moz-transform: skew(-13deg, 0);
-o-transform: skew(-13deg, 0);
transform: skew(-13deg, 0);
}
#gnav ul li.gli a.gbtn .bg:after {
content: "";
display: block;
position: absolute;
left: 0%;
top: 60px;
z-index: 2;
width: 100%;
height: 100%;
background: #c5bbad;
-webkit-transition: all 0.15s ease 0s;
-moz-transition: all 0.15s ease 0s;
-o-transition: all 0.15s ease 0s;
transition: all 0.15s ease 0s;
}
#gnav ul li:hover a.gbtn .en {
top: 14px;
}
#gnav ul li:hover a.gbtn .jp {
top: 30px;
visibility: visible;
opacity: 1;
}
#gnav ul li:hover a.gbtn .bg:after {
top: 0px;
left: 0px;
}
#gnav ul li.gli:first-child a.gbtn .jp {
width: 97%;
}
#gnav ul li.gli:first-child a.gbtn .bg {
border: none;
}
#gnav ul li.gli:first-child a.gbtn .bg:after {
border: none;
}
#gnav .subnav {
position: absolute;
left: 0;
top: 60px;
padding: 40px 20px 40px;
width: 100%;
display: none;
}
#gnav .subnav.product .box:first-child {
margin-bottom: 45px;
}
#gnav .subnav.product .box .left {
float: left;
width: 17%;
background: url(./../../../shared/common/img/header/subnav/dot.png) repeat-y right top;
}
#gnav .subnav.product .box .right {
float: left;
width: 83%;
}
#gnav .subnav.product .box .magicshine {
display: block;
text-indent: -9999px;
background: url(./../../../shared/common/img/header/subnav/magicshine.png) no-repeat;
width: 160px;
height: 62px;
}
#gnav .subnav.product .box .pink {
display: block;
text-indent: -9999px;
background: url(./../../../shared/common/img/header/subnav/pink.png) no-repeat;
width: 94px;
height: 76px;
}
#gnav .subnav.product .box .btn_list {
display: block;
width: 160px;
height: 34px;
line-height: 34px;
text-align: center;
font-size: 13px;
letter-spacing: 0.08em;
box-sizing: border-box;
position: relative;
margin-top: 14px;
color: #FFF;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#gnav .subnav.product .box .btn_list:before {
content: ">";
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 13px;
margin-right: 3px;
color: #fbfbfb;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#gnav .subnav.product .box .btn_list:after {
content: "";
border: 1px solid #944950;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
}
#gnav .subnav.product .box .btn_list:hover {
background: #FFF;
color: #aa0000;
}
#gnav .subnav.product .box .btn_list:hover:before {
color: #ffffff;
margin-right: 6px;
}
#gnav .subnav.product .box ul {
padding-left: 5%;
padding-top: 2%;
}
#gnav .subnav.product .box ul li {
float: left;
width: 130px;
margin-bottom: 14px;
}
#gnav .subnav.product .box ul li a {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
color: #FFF;
line-height: 100%;
font-size: 15px;
}
#gnav .subnav.product .box ul li a:before {
content: ">";
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 12px;
margin-right: 4px;
color: #FFF;
vertical-align: top;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#gnav .subnav.product .box ul li a:hover {
color: #DDD;
}
#gnav .subnav.product .box ul li a:hover:before {
color: #DDD;
margin-right: 6px;
}
#gnav .subnav.enjoy ul {
text-align: center;
}
#gnav .subnav.enjoy ul li {
display: inline-block;
margin-left: 20px;
}
#gnav .subnav.enjoy ul li a {
display: block;
width: 270px;
overflow: hidden;
}
#gnav .subnav.enjoy ul li a .ph {
display: block;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
position: relative;
}
#gnav .subnav.enjoy ul li a .ph:after {
content: "";
position: absolute;
left: -100%;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.2);
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#gnav .subnav.enjoy ul li a .bdr_image {
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  line-height: 0 !important;
  background-color: #c7beb3;
}
#gnav .subnav.enjoy ul li a .bdr_image:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2) inset;
          box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2) inset;
  position: absolute;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  z-index: 1;
}
#gnav .subnav.enjoy ul li a .bdr_image img {
  -webkit-border-radius: 2px;
          border-radius: 2px;
}

#gnav .subnav.enjoy ul li a .en {
color: #FFF;
display: block;
text-align: center;
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 17px;
line-height: 100%;
margin-top: 14px;
}
#gnav .subnav.enjoy ul li a .en:before {
content: ">";
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 14px;
margin-right: 3px;
color: #FFF;
vertical-align: top;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#gnav .subnav.enjoy ul li a .jp {
color: #FFF;
display: block;
text-align: center;
margin-top: 2px;
line-height: 100%;
font-size: 12px;
}
#gnav .subnav.enjoy ul li a:hover .ph {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
#gnav .subnav.enjoy ul li a:hover .ph:after {
left: 0;
}
#gnav .subnav.enjoy ul li a:hover .en {
color: #DDD;
}
#gnav .subnav.enjoy ul li a:hover .jp {
color: #DDD;
}
#gnav .subnav.support {
text-align: center;
}
#gnav .subnav.support ul {
background: url(./../../../shared/common/img/header/subnav/dot.png) repeat-y left top;
display: inline-block;
text-align: left;
}
#gnav .subnav.support ul li {
display: inline-block;
background: url(./../../../shared/common/img/header/subnav/dot.png) repeat-y right top;
text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
#gnav .subnav.support ul li a {
color: #FFF;
display: inline-block;
text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}
#gnav .subnav.support ul li.detail_region a {
    color: #00BCD4;
}
#gnav .subnav.support ul li a .en {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 17px;
display: block;
min-width: 100px;
}
#gnav .subnav.support ul li a .en:before {
content: ">";
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 14px;
margin-right: 3px;
color: #FFF;
vertical-align: top;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#gnav .subnav.support ul li.detail_region a .en:before {
    color: #00BCD4;
}
#gnav .subnav.support ul li a .jp {
display: block;
font-size: 13px;
min-width: 100px;
padding-left: 9px;
}
#gnav .subnav.support ul li a:hover {
color: #DDD;
}
#gnav .subnav.support ul li.detail_region a:hover,
#gnav .subnav.support ul li.detail_region a:hover .en:before {
color: #099cab;
}
@media screen and (max-width: 1140px) {
#gnav .subnav.product .box .left {
width: 20%;
}
#gnav .subnav.product .box .right {
width: 80%;
}
}
@media screen and (max-width: 980px) {
#gnav .subnav.product .box .left {
width: 24%;
}
#gnav .subnav.product .box .right {
width: 76%;
}
}
@media screen and (max-width: 980px) {
#gnav .subnav.product .box .left {
width: 28%;
}
#gnav .subnav.product .box .right {
width: 72%;
}
}
@media screen and (max-width: 640px) {
	#gnav {
	display: none;
	}
}
.header_reservation {
    float: left;
    width: 18%;
    height: 40px;
    margin-left: 2%;
    display: block;
    background: #00BCD4;
    box-sizing: border-box;
    padding: 9px;
    margin-top: 10px;
    position: relative;
}
.header_reservation span {
    width: 100%;
    box-sizing: border-box;
    display: block;
    background: url(./../../top/img/resavation_btn.png) no-repeat center center;
	background-size: contain;
	text-indent: -9999px;
}
.header_reservation.header_recruit_btn span {
   background: url(./../../top/img/header_recruit_btn.png) no-repeat center center;
	background-size: contain;
}
.header_reservation:before {
    -webkit-box-shadow: 0 0 0 1px rgba(197, 187, 173, 0.65) inset;
    box-shadow: 0 0 0 1px rgba(197, 187, 173, 0.65) inset;
    display: block;
    content: "";
    height: 40px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.header_reservation:hover {
    background: rgba(0, 188, 212, 0.8);
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.header_reservation:hover:before {
    -webkit-box-shadow: 0 0 0 1px rgba(197, 187, 173, 0.65) inset;
    box-shadow: 0 0 0 1px rgba(197, 187, 173, 0.65) inset;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
@media screen and (max-width: 640px) {
	.header_reservation {
	    position: absolute;
	    right: 50px;
	    top: 5px;
	    margin-top: 0;
	    width: 120px;
	    border-radius: 3px;
	}
}
#footer {
background: #625b54;
color: #cfcfcf;
padding-bottom: 45px;
}
#footer .pagetop {
background: #333333;
display: block;
width: 100%;
height: 58px;
position: relative;
overflow: hidden;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#footer .pagetop .arrow {
display: block;
background: url(./../../../shared/common/img/footer/pagetop.png) no-repeat;
background-position: 0 20px;
width: 28px;
height: 58px;
margin: 0 auto;
position: relative;
z-index: 2;
}
#footer .pagetop:after {
content: "";
position: absolute;
left: 0;
top: 58px;
width: 100%;
height: 58px;
background: #000;
z-index: 1;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#footer .pagetop:hover:after {
top: 0;
}
#footer .inner {
max-width: 1180px;
padding: 0 20px;
margin: 0 auto;
}
@media screen and (max-width: 640px) {
#footer .inner {
max-width: none;
padding: 0 4%;
margin: 0 auto;
}
}
#footer nav {
padding-top: 60px;
}
#footer nav .block {
    float: left;
    padding: 0 10px 0 0;
    box-sizing: border-box;
}
#footer nav .block .tit {
display: inline-block;
color: #cfcfcf;
}
#footer nav .block .tit .en {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 18px;
display: inline-block;
line-height: 100%;
position: relative;
}
#footer nav .block .tit .jp {
display: block;
font-size: 11px;
line-height: 100%;
letter-spacing: 0;
}
#footer nav .block .tit:first-child {
margin-bottom: 25px;
}
#footer nav .block .tit.layed {
margin-bottom: 25px;
}
#footer nav .block .tit:hover {
color: #FFF;
}
#footer nav .block .tit.blank .en:after {
content: "";
position: absolute;
right: -10px;
top: 0;
background: url(./../../../shared/common/img/footer/blank.png) no-repeat right top;
width: 7px;
height: 6px;
opacity: 0.7;
}
#footer nav .block ul li {
line-height: 100%;
}
#footer nav .block ul li a {
font-size: 14px;
line-height: 170%;
position: relative;
padding-left: 11px;
color: #cfcfcf;
}
#footer nav .block ul li a:before {
content: ">";
position: absolute;
left: 0;
top: 0;
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 11px;
line-height: 120%;
display: inline-block;
vertical-align: top;
}
#footer nav .block ul li a:hover {
color: #FFF;
}
#footer nav .block1,
#footer nav .block2,
#footer nav .block3,
#footer nav .block4,
#footer nav .block5 {
	width: 20%;
}
#footer nav .block_share .sns {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 12px;
line-height: 32px;
}
#footer nav .block_share .sns a {
background: #b2b2b2;
display: inline-block;
width: 32px;
height: 32px;
border-radius: 16px;
margin-left: 3px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#footer nav .block_share .sns a .icon {
display: inline-block;
text-indent: -9999px;
width: 32px;
height: 32px;
}
#footer nav .block_share .sns a:first-child {
margin-left: 0;
}
#footer nav .block_share .sns .fb .icon {
background: url(./../../../shared/common/img/footer/icon_fb.png) no-repeat center center;
}
#footer nav .block_share .sns .tw .icon {
background: url(./../../../shared/common/img/footer/icon_tw.png) no-repeat center center;
}
#footer nav .block_share .sns .go .icon {
background: url(./../../../shared/common/img/footer/icon_google.png) no-repeat center center;
}
#footer nav .block_share .sns .line {
display: none;
}
#footer nav .block_share .sns a:hover {
background: #FFF;
}
#footer nav .block_share .searchbox {
background: #373737;
width: 100%;
height: 42px;
position: relative;
margin-top: 24px;
}
#footer nav .block_share .searchbox .text {
border: none;
width: 90%;
padding: 0 5%;
height: 42px;
background: #373737;
color: #FFF;
position: relative;
}
#footer nav .block_share .searchbox .text::-webkit-input-placeholder {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 12px;
line-height: 100%;
}
#footer nav .block_share .searchbox .text::-moz-placeholder {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 14px;
}
#footer nav .block_share .searchbox .text:-ms-input-placeholder {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 12px;
line-height: 100%;
}
#footer nav .block_share .searchbox .button {
display: block;
background: url(./../../../shared/common/img/footer/icon_search.png) no-repeat center center;
width: 40px;
height: 42px;
border: none;
position: absolute;
top: 0%;
right: 0px;
z-index: 2;
opacity: 0.7;
}
#footer .logo {
background: url(./../../../shared/common/img/footer/logo.png) no-repeat;
    width: 116px;
    height: 50px;
text-indent: -9999px;
margin: 57px auto 0;
}
#footer .copyright {
font-family: 'Roboto';
font-weight: 300;
letter-spacing: 0.1em;
text-align: center;
font-size: 11px;
line-height: 150%;
margin-top: 37px;
color: #a6a6a6;
}
#footer .copyright2 {
font-family: 'Roboto';
font-weight: 300;
letter-spacing: 0.1em;
text-align: center;
font-size: 11px;
line-height: 150%;
color: #a6a6a6;
}
@media screen and (max-width: 640px) {
	#footer {
	padding-bottom: 25px;
	}
	#footer .pagetop {
	background: #9b8669;
	display: block;
	width: 100%;
	height: 56px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	}
	#footer .pagetop .arrow {
	display: block;
	background: url(./../../../shared/common/img/footer/pagetop.png) no-repeat;
	background-position: 0 24px;
	width: 14px;
	height: 56px;
	background-size: 28px 8px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	}
	#footer .pagetop:after {
	display: none;
	}
	#footer .pagetop:hover .arrow {
	background-position: 0 24px;
	}
	#footer .pagetop:hover:after {
	top: 0;
	}
	#footer nav {
	padding-top: 17px;
	}
	#footer nav .block {
	display: none;
	}
	#footer nav .block.block_share {
	display: block;
	width: 100%;
	border-bottom: 1px solid #383838;
	padding-bottom: 15px;
	text-align: center;
	}
	#footer nav .block.block_share .sns {
	font-size: 12px;
	line-height: 32px;
	display: inline-block;
	margin-left: -48px;
	}
	#footer nav .block.block_share .sns a {
	background: #b2b2b2;
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	margin-left: 15px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	}
	#footer nav .block.block_share .sns a .icon {
	display: inline-block;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background-size: cover;
	background-position: center center;
	}
	#footer nav .block.block_share .sns a:first-child {
	margin-left: 0;
	}
	#footer nav .block.block_share .sns .fb {
	margin-left: 5px;
	}
	#footer nav .block.block_share .sns .fb .icon {
	background-image: url(./../../../shared/common/img/footer/icon_fb_sp.png);
	}
	#footer nav .block.block_share .sns .tw .icon {
	background-image: url(./../../../shared/common/img/footer/icon_tw_sp.png);
	}
	#footer nav .block.block_share .sns .go .icon {
	background-image: url(./../../../shared/common/img/footer/icon_google_sp.png);
	}
	#footer nav .block.block_share .sns .line {
	display: inline-block;
	}
	#footer nav .block.block_share .sns .line .icon {
	background-image: url(./../../../shared/common/img/footer/icon_line_sp.png);
	}
	#footer nav .block.block_share .sns a:hover {
	background: #FFF;
	}
	#footer nav .block.block_share .searchbox {
	display: none;
	}
	#footer .logo {
		width: 115px;
	    height: 33px;
	    background-size: cover;
	    margin-top: 20px;
	}
	#footer .copyright {
	font-size: 9px;
	line-height: 200%;
	margin-top: 20px;
	}
	#footer .copyright2 {
	font-size: 9px;
	line-height: 150%;
	}
}/*__________/media Queries 640px */

#pankuzu {
background: #f4f4f4;
height: 41px;
line-height: 41px;
}
#pankuzu ol {
max-width: 1180px;
padding: 0 20px;
margin: 0 auto;
}

@media screen and (max-width: 640px) {
	#pankuzu ol {
	max-width: none;
	padding: 0 4%;
	margin: 0 auto;
	}
}/*__________/media Queries 640px */

#pankuzu li {
display: inline;
font-size: 12px;
color: #777;
}
#pankuzu li a {
color: #333333;
}
#pankuzu li a:hover {
text-decoration: underline;
}
#pankuzu li:before {
content: "";
background: url(./../../../shared/common/img/parts/arrow_pankuzu.png) no-repeat 0 0;
width: 3px;
height: 7px;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
#pankuzu li:first-child:before {
content: "";
display: none;
}

@media screen and (max-width: 640px) {
	#pankuzu {
	display: none;
	}
}/*__________/media Queries 640px */

.anchor1 {
color: #000;
}
.anchor1:hover {
color: #696969;
}
.anchor2 {
color: #FFF;
}
.anchor2:hover {
color: #FEC4D6;
}

#mainvisual {
position: relative;
background: #000;
}
#mainvisual .images {
width: 100%;
height: 510px;
padding-top: 0;
position: relative;
    z-index: 0;
}
#mainvisual .images li {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
display: none;
}
#mainvisual .images li a span {
display: block;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
text-indent: -9999px;
}
#mainvisual .thumbs {
    text-align: center;
    background: transparent;
    padding: 18px 0 11px;
    letter-spacing: 0.4em;
    margin-top: -87px;
    z-index: 1;
}
#mainvisual .thumbs li {
display: inline-block;
margin-left: 4px;
letter-spacing: normal;
vertical-align: top;
}
#mainvisual .thumbs li a span {
width: 280px;
height: 67.7px;
display: inline-block;
background-repeat: no-repeat;
background-size: cover;
text-indent: -9999px;
position: relative;
}
#mainvisual .thumbs li a span:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
background: none\9;
opacity: 0.5;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#mainvisual .thumbs li.on a span::after {
opacity: 0;
}

@media screen and (max-width: 640px) {
	#mainvisual {
	position: relative;
	background: #000;
	}
	#mainvisual .images {
	width: 100%;
	height: 0;
	padding-top: 57%;
	position: relative;
	}
	#mainvisual .thumbs {
	text-align: center;
	background: #141414;
	padding: 67px 0 10px;
	letter-spacing: 0.4em;
	    margin-top: 0;
	}
	#mainvisual .thumbs li {
	display: inline-block;
	margin-left: 16px;
	letter-spacing: normal;
	vertical-align: top;
	}
	#mainvisual .thumbs li:first-child {
	margin-left: 0;
	}
	#mainvisual .thumbs li a {
	background: #BBB;
	width: 12px;
	height: 12px;
	display: block;
	border-radius: 6px;
	}
	#mainvisual .thumbs li a span {
	display: none;
	}
	#mainvisual .thumbs li.on a {
	background: #FFF;
	}
	#mainvisual .copy_box {
	    height: 50px;
	    width: 100%;
	    position: absolute;
	    margin: -100px auto 0;
	    top: 100%;
	    bottom: 0;
	    left: 0;
	    z-index: 3;
	    text-align: center;
	}
	#mainvisual .copy_box li {
	    height: 50px;
	    width: 100%;
	    position: absolute;
	    margin: auto;
	    top: 0;
	    bottom: 0;
	    left: 0;
	}
	#mainvisual .copy_box li span {
	    font-size: 16px;
		font-weight: 200;
	    background: rgba(255, 255, 255, 0.33);
	    border-width: 1px 0;
	}
}
#product .innerh1 {
max-width: 1180px;
padding: 0 20px;
margin: 0 auto;
display: none;
}
@media screen and (max-width: 640px) {
#product .innerh1 {
max-width: none;
padding: 0 4%;
margin: 0 auto;
}
}
#product .innerh1 h1 {
position: relative;
text-align: center;
}
#product .innerh1 h1 .wrap {
display: inline-block;
margin: 0 auto;
color: #000000;
text-align: center;
line-height: 100%;
position: relative;
z-index: 2;
padding: 0 18px;
background: #ffffff;
}
#product .innerh1 h1 .wrap .en {
display: inline-block;
font-family: 'Oswald', sans-serif;
font-weight: 400;
letter-spacing: 0.1em;
letter-spacing: 0.06em;
font-size: 30px;
line-height: 100%;
}
#product .innerh1 h1 .wrap .jp {
display: inline-block;
font-size: 14px;
line-height: 100%;
font-weight: normal;
}
#product .innerh1 h1:after {
content: "";
background: #d7d7d7;
width: 100%;
height: 1px;
position: absolute;
top: 49%;
left: 0;
z-index: 1;
}
@media screen and (max-width: 640px) {
	#product .innerh1 h1 .wrap {
	padding: 0 12px;
	line-height: 80%;
	}
	#product .innerh1 h1 .wrap .en {
	font-size: 20px;
	}
	#product .innerh1 h1 .wrap .jp {
	font-size: 10px;
	}
}/*__________/media Queries 640px */

#product .productbox {
color: #FFF;
width: 100%;
height: auto;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
#product .productbox .inner {
max-width: 1180px;
padding: 0 20px;
margin: 0 auto;
position: relative;
}
#imgmap img {
	width: 100%;
}
.select_wrap {
	display: none;
}
@media screen and (max-width: 640px) {
	#product .productbox .inner {
	max-width: none;
	padding: 0 4%;
	margin: 0 auto;
	}
	#imgmap {
		background: url(./../../../shared/top/img/map_sp.png);
	    background-repeat: no-repeat;
	    background-size: contain;
	    background-position: center center;
	    width: 100%;
	    min-height: 240px;
	    position:relative;
	}
	#imgmap img {
		display: none;
	}
	#imgmap .select_wrap {
	    display:block;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    width: 220px;
	    margin-left: -110px;
	    font-size: 14px;
	    margin-top: -15px;
	    background: rgba(223, 223, 223, 0.2);
    }
	#search_area {
		width: 100%;
		height: 100%;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    border: 1px solid rgba(118, 111, 108, 0.7);
	    border-radius: 2px;
	    padding: 14px 30px 14px 20px;
	    background: url(./../../../shared/top/img/pull_down.png) no-repeat scroll right center;
	    background-size: 13px 6px;
	    box-sizing: border-box;
	    text-indent: .01px;
	    text-overflow: "";
	    display:block;
	    outline:none;
	    cursor: pointer;
	}
}/*__________/media Queries 640px */

#product .productbox a {
color: #00BCD4;
}
#product .productbox h2 {
position: absolute;
left: 20px;
top: 58px;
color: #2c1d06;
}
#product .productbox h2 .en {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 22px;
letter-spacing: 0.05em;
margin-right: 2px;
vertical-align: top;
}
#product .productbox h2 .jp {
font-size: 14px;
vertical-align: bottom;
padding-top: 4px;
display: inline-block;
font-weight: normal;
}
#product .productbox h2 .jp:before {
content: "/";
margin-right: 4px;
}
#product .productbox h3 {
position: absolute;
left: 20px;
top: 96px;
text-indent: -9999px;
}
#product .productbox h3 .btn {
display: none;
}
#product .productbox .container {
padding-top: 140px;
}
@media screen and (max-width: 640px) {
	#product .productbox .container {
		padding-top: 0;
		background: #fff;
	}
}
#product .productbox ul li a {
display: table;
}
#product .productbox ul li a .ph {
display: table-cell;
vertical-align: middle;
}
#product .productbox ul li a .ph img {
vertical-align: middle;
}
#product .productbox ul li a .descbox {
display: table-cell;
vertical-align: middle;
}
#product .productbox ul li a .descbox .nm {
font-size: 16px;
vertical-align: middle;
}
#product .productbox ul li a .descbox .new {
font-family: 'Oswald', sans-serif;
font-weight: 400;
letter-spacing: 0.1em;
font-size: 11px;
height: 18px;
line-height: 18px;
display: inline-block;
background: #dc2122;
padding: 0 4px;
margin-left: 4px;
position: relative;
}
#product .productbox ul li a .descbox .new:before {
content: "";
position: absolute;
left: -4px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 18px 4px;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: #dc2122;
border-left-color: transparent;
}
#product .productbox ul li a .descbox .new:after {
content: "";
position: absolute;
right: -4px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 18px 4px 0 0;
border-top-color: #dc2122;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
}
#product .productbox ul li a .descbox .cd {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
display: block;
font-size: 16px;
position: relative;
padding-left: 12px;
text-decoration: underline;
}
#product .productbox ul li a .descbox .cd:before {
content: ">";
position: absolute;
left: 0;
top: 0;
}
#product .productbox ul li a .descbox .txt {
font-size: 14px;
margin-top: 20px;
}
#product .productbox ul li a:hover {
color: #FFF;
}
#product .productbox ul li a:hover:hover {
color: #FEC4D6;
}
#product .productbox ul li a:hover .ph {
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
transform: scale(1.03);
}
#product .productbox ul li.l {
float: left;
width: 52%;
padding-top: 20px;
}
#product .productbox ul li.l .ph {
width: 52%;
}
#product .productbox ul li.l .descbox {
width: 48%;
}
#product .productbox ul li.s {
float: right;
width: 45%;
margin-bottom: 0px;
}
#product .productbox ul li.s .ph {
width: 32%;
}
#product .productbox ul li.s .descbox {
width: 63%;
padding-left: 4%;
}
#product .productbox ul li.s .descbox .txt {
margin-top: 5px;
}
#product .productbox .btn_listbox .btn_list {
display: block;
width: 180px;
height: 36px;
line-height: 36px;
text-align: center;
font-size: 14px;
letter-spacing: 0.08em;
box-sizing: border-box;
position: absolute;
font-weight: bold;
right: 20px;
top: 55px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#product .productbox .btn_listbox .btn_list:before {
content: ">";
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
margin-right: 3px;
color: #00BCD4;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#product .productbox .btn_listbox .btn_list:after {
content: "";
border: 1px solid #00BCD4;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
}
#product .productbox .btn_listbox .btn_list:hover {
background: #FFF;
color: #099cab;
}
#product .productbox .btn_listbox .btn_list:hover:before {
color: #099cab;
margin-right: 6px;
}
#product .productbox.magicbox {
	background: #fff;
}
#product .productbox.magicbox h3 {
background: url(./../../../shared/top/img/product/copy_magic.png) no-repeat;
width: 618px;
height: 62px;
}
#product .productbox.pinkbox {
background-image: url(./../../../shared/top/img/product/bg_pink.jpg);
}
#product .productbox.pinkbox h3 {
top: 84px;
left: 14px;
background: url(./../../../shared/top/img/product/copy_pink.png) no-repeat;
width: 361px;
height: 95px;
}
#product .productbox.pinkbox .btn_listbox .btn_list:hover {
color: #ea51ab;
}
#product .productbox.pinkbox .btn_listbox .btn_list:hover:before {
color: #ea51ab;
}
@media screen and (max-width: 640px) {
	#product .innerh1 {
	display: block;
	margin-top: 30px;
	margin-bottom: 22px;
	}
	#product .productbox {
	color: #FFF;
	width: 100%;
	height: auto;
	}
	#product .productbox .inner {
	padding: 0 0;
	}
	#product .productbox a {
	color: #10110c;
	}
	#product .productbox h2 {
	display: none;
	}
	#product .productbox h3 {
	position: relative;
	left: auto;
	top: auto;
	text-indent: -9999px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
	}
	#product .productbox h3 .btn {
	display: block;
	position: absolute;
	right: 15px;
	top: 49%;
	width: 19px;
	height: 3px;
	background: #FFF;
	}
	#product .productbox h3 .btn:after {
	content: "";
	display: block;
	position: absolute;
	top: -8px;
	left: 8px;
	width: 3px;
	height: 19px;
	background: #FFF;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	}
	#product .productbox h3.open .btn:after {
	top: 0px;
	height: 2px;
	}
	#product .productbox ul {
	padding-top: 0px;
	display: none;
	}
	#product .productbox ul li a {
	display: table;
	padding: 10px 0;
	}
	#product .productbox ul li a .ph {
	display: table-cell;
	vertical-align: middle;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	transform: none;
	}
	#product .productbox ul li a .ph img {
	vertical-align: middle;
	}
	#product .productbox ul li a .descbox .nm {
	font-size: 13px;
	vertical-align: middle;
	letter-spacing: 0em;
	}
	#product .productbox ul li a .descbox .new {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	letter-spacing: 0.1em;
	font-size: 9px;
	height: 14px;
	line-height: 14px;
	display: inline-block;
	background: #dc2122;
	padding: 0 3px;
	margin-left: 2px;
	position: relative;
	}
	#product .productbox ul li a .descbox .new:before {
	content: "";
	position: absolute;
	left: -3px;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 14px 3px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: #dc2122;
	border-left-color: transparent;
	}
	#product .productbox ul li a .descbox .new:after {
	content: "";
	position: absolute;
	right: -3px;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 3px 0 0;
	border-top-color: #dc2122;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	}
	#product .productbox ul li a .descbox .cd {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	font-size: 13px;
	position: relative;
	padding-left: 12px;
	text-decoration: underline;
	}
	#product .productbox ul li a .descbox .cd:before {
	content: ">";
	position: absolute;
	left: 0;
	top: 0;
	}
	#product .productbox ul li a .descbox .txt {
	font-size: 13px;
	margin-top: 4px;
	line-height: 150%;
	}
	#product .productbox ul li a:hover .ph {
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	transform: none;
	}
	#product .productbox ul li.l {
	float: none;
	width: 100%;
	margin: 0 auto;
	padding-top: 0px;
	}
	#product .productbox ul li.l .ph {
	width: 38%;
	padding-left: 2%;
	}
	#product .productbox ul li.l .descbox {
	width: auto;
	padding-right: 2%;
	padding-left: 2%;
	}
	#product .productbox ul li.s {
	float: none;
	width: 100%;
	margin: 0 auto;
	}
	#product .productbox ul li.s .ph {
	width: 38%;
	padding-left: 2%;
	}
	#product .productbox ul li.s .descbox {
	width: auto;
	padding-right: 2%;
	padding-left: 2%;
	}
	#product .productbox ul li.s .descbox .txt {
	margin-top: 0px;
	}
	#product .productbox .btn_listbox {
	padding: 5px 0 40px;
	}
	#product .productbox .btn_listbox .btn_list {
	display: block;
	width: 64%;
	height: 42px;
	margin: 0 auto;
	line-height: 42px;
	text-align: center;
	font-size: 14px;
	letter-spacing: 0.08em;
	box-sizing: border-box;
	position: relative;
	right: auto;
	top: auto;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	}
	#product .productbox .btn_listbox .btn_list:before {
	content: ">";
	color: #141414;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	margin-right: 3px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	}
	#product .productbox .btn_listbox .btn_list:after {
	content: "";
	border: 1px solid #141414;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background:rgba(255, 255, 255, 0.1);
	}
	#product .productbox .btn_listbox .btn_list:hover:after {
	border: 1px solid #141414;
	}
	#product .productbox .btn_listbox .btn_list:hover {
	background: inherit;
	color: #10110c;
	}
	#product .productbox .btn_listbox .btn_list:hover:before {
	color: #141414;
	margin-right: 3px;
	}
	#product .productbox.magicbox {
	background: #ffffff;
	}
	#product .productbox.magicbox h3 {
	background: url(./../../../shared/top/img/product/copy_magic_sp.png) no-repeat;
	width: 100%;
	height: 0;
	padding-top: 18%;
	background-size: cover;
	}
	#product .productbox.pinkbox {
	background-image: none; background: #de386f; background: -moz-linear-gradient(left, #de386f 0%, #f15f96 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #de386f), color-stop(100%, #f15f96)); background: -webkit-linear-gradient(left, #de386f 0%, #f15f96 100%); background: -o-linear-gradient(left, #de386f 0%, #f15f96 100%); background: -ms-linear-gradient(left, #de386f 0%, #f15f96 100%); background: linear-gradient(to right, #de386f 0%, #f15f96 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#de386f', endColorstr='#f15f96', GradientType=1); }
	#product .productbox.pinkbox h3 {
	top: auto;
	left: auto;
	background: url(./../../../shared/top/img/product/copy_pink_sp.png) no-repeat;
	width: 100%;
	height: 0;
	padding-top: 18%;
	background-size: cover;
	}
	#product .productbox.pinkbox .btn_listbox .btn_list:hover {
	color: #FFF;
	}
}/*__________/media Queries 640px */
#pickup {
padding: 0 0 85px;
margin-top: 80px;
}
#pickup .inner {
max-width: 1180px;
padding: 0 20px;
margin: 0 auto;
}
@media screen and (max-width: 640px) {
	#pickup .inner {
	max-width: none;
	padding: 0 4%;
	margin: 0 auto;
	}
}/*__________/media Queries 640px */
#pickup h1 {
position: relative;
text-align: center;
}
#pickup h1 .wrap {
display: inline-block;
margin: 0 auto;
color: #000000;
text-align: center;
line-height: 100%;
position: relative;
z-index: 2;
padding: 0 18px;
background: #ffffff;
}
#pickup h1 .wrap .en {
display: inline-block;
font-family: 'Oswald', sans-serif;
font-weight: 400;
letter-spacing: 0.1em;
letter-spacing: 0.06em;
font-size: 30px;
line-height: 100%;
}
#pickup h1 .wrap .jp {
display: inline-block;
font-size: 14px;
line-height: 100%;
font-weight: normal;
}
#pickup h1:after {
content: "";
background: #d7d7d7;
width: 100%;
height: 1px;
position: absolute;
top: 49%;
left: 0;
z-index: 1;
}
@media screen and (max-width: 640px) {
#pickup h1 .wrap {
padding: 0 12px;
line-height: 80%;
}
#pickup h1 .wrap .en {
font-size: 20px;
}
#pickup h1 .wrap .jp {
font-size: 10px;
}
}
#pickup ul {
margin-top: 36px;
}
#pickup ul li a {
display: block;
position: relative;
}
#pickup ul li a .ph {
display: block;
width: 100%;
height: 0;
padding-top: 50%;
position: relative;
z-index: 1;
}
#pickup ul li a .catch {
display: block;
position: absolute;
left: 0;
top: 52%;
z-index: 4;
width: 100%;
text-align: center;
color: #FFF;
margin-top: -19px;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#pickup ul li a .catch .en {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 40px;
}
#pickup ul li a .catch .jp {
font-size: 16px;
display: block;
}
#pickup ul li a .bg {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
background: url(./../../../shared/common/img/parts/cover_black.png);
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#pickup ul li a:hover .catch {
top: 50%;
opacity: 1;
}
#pickup ul li a:hover .bg {
opacity: 1;
}
#pickup ul li.s {
width: 49%;
float: left;
margin-left: 2%;
margin-top: 2%;
}
#pickup ul li.s a .ph {
padding-top: 46.4%;
}
#pickup ul li.s.left {
margin-left: 0;
}

#pickup ul.three_col li {
width: 32%;
margin-left: 2%;
float: left;
}
#pickup ul.three_col li:first-child {
margin-left: 0;
}
#pickup ul.three_col li a {
display: block;
position: relative;
color: #000;
}
#pickup ul.three_col li a .ph {
overflow: hidden;
}
#pickup ul li a .newstag {
height: 26px;
line-height: 26px;
padding: 0 8px;
text-align: center;
display: inline-block;
position: absolute;
left: 0;
top: 0;
z-index: 12;
font-size: 12px;
color: #FFF;
letter-spacing: 0;
}
#pickup ul li a .newstag:after {
content: "";
position: absolute;
right: -8px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 26px 8px 0 0;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
}
#pickup ul.ul li a .newstag {
height: 26px;
line-height: 26px;
padding: 0 8px;
text-align: center;
display: inline-block;
position: absolute;
left: 0;
top: 0;
z-index: 12;
font-size: 12px;
color: #FFF;
letter-spacing: 0;
}
#pickup ul.ul li a .newstag:after {
content: "";
position: absolute;
right: -8px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 26px 8px 0 0;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
}
@media screen and (max-width: 640px) {
	#pickup {
	padding: 0 0 40px;
	margin-top: 40px;
	}
	#pickup ul {
	margin-top: 20px;
	}
	#pickup ul li a {
	display: block;
	position: relative;
	}
	#pickup ul li a .ph {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 62%;
	position: relative;
	z-index: 1;
	}
	#pickup ul li a .catch {
	top: 50%;
	z-index: 4;
	width: 100%;
	font-size: 27px;
	margin-top: -10px;
	opacity: 1;
	}
	#pickup ul li a .catch .en {
	font-size: 27px;
	}
	#pickup ul li a .catch .jp {
	font-size: 12px;
	}
	#pickup ul li a .bg {
	opacity: 1;
	}
	#pickup ul li.s {
	width: 100%;
	float: none;
	margin-left: 0%;
	margin-top: 3%;
	}
	#pickup ul li.s a .ph {
	padding-top: 46.4%;
	}
	#pickup ul li.s.left {
	margin-left: 0;
	}
	#pickup ul.three_col li {
	    width: 100%;
	    float: none;
	    margin-left: 0%;
	    margin-top: 3%;
	}
}
#news {
padding: 0 0 90px;
}
#news .inner {
max-width: 1180px;
padding: 0 20px;
margin: 0 auto;
}
@media screen and (max-width: 640px) {
#news .inner {
max-width: none;
padding: 0 4%;
margin: 0 auto;
}
}
#news h1 {
position: relative;
text-align: center;
}
#news h1 .wrap {
display: inline-block;
margin: 0 auto;
color: #000000;
text-align: center;
line-height: 100%;
position: relative;
z-index: 2;
padding: 0 18px;
background: #ffffff;
}
#news h1 .wrap .en {
display: inline-block;
font-family: 'Oswald', sans-serif;
font-weight: 400;
letter-spacing: 0.1em;
letter-spacing: 0.06em;
font-size: 30px;
line-height: 100%;
}
#news h1 .wrap .jp {
display: inline-block;
font-size: 14px;
line-height: 100%;
font-weight: normal;
}
#news h1:after {
content: "";
background: #d7d7d7;
width: 100%;
height: 1px;
position: absolute;
top: 49%;
left: 0;
z-index: 1;
}
#news .view_all {
    text-align: center;
    margin-top: 35px;
}
#news .view_all a {
    display: inline-block;
    background: #f7f4f1;
    max-width: 300px;
    width: 100%;
    height: 74px;
    position: relative;
    z-index: 3;
    overflow: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#news .view_all a .txt {
    display: inline-block;
    text-align: center;
    font-size: 15px;
    vertical-align: top;
    letter-spacing: 0.2em;
    color: #000;
    font-weight: bold;
    line-height: 74px;
    width: 100%;
    height: 74px;
    position: relative;
    z-index: 4;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#news .view_all a .txt:before {
    content: ">";
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    letter-spacing: 0.1em;
    font-size: 17px;
    display: inline-block;
    vertical-align: top;
    margin-top: -1.5px;
    margin-right: 3px;
    position: relative;
    color: #000;
    z-index: 2;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#news .view_all a:hover {
background: #dacfc5;
}
#news .view_all a:hover .txt {
color: #FFF;
}
#news .view_all a:hover .txt:before {
margin-left: -1px;
margin-right: 8px;
color: #FFF;
}
#news .new_tag {
    color: #c1b190;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0.08em;
    box-sizing: border-box;
    position: relative;
    font-weight: bold;
    border-radius: 3px;
    margin-left: 13px;
    border: 1px solid #ede7da;
    padding: 0 5px;
    background: #fcfbf9;
}
@media screen and (max-width: 640px) {
#news h1 .wrap {
padding: 0 12px;
line-height: 80%;
}
#news h1 .wrap .en {
font-size: 20px;
}
#news h1 .wrap .jp {
font-size: 10px;
}

}
#news ul {
margin-top: 42px;
}
#news ul li {
width: 100%;
margin-left: 0;
float: left;
margin-top: 20px;
    line-height: 1;
    font-size: 0;
}
#news ul li:first-child {
margin-top: 0;
}
#news ul li a {
display: inline-block;
position: relative;
color: #000;
}
#news ul li a .ph {
overflow: hidden;
}
#news ul li a .ph img {
position: relative;
z-index: 1;
overflow: hidden;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}

#news ul li a:hover {
color: #696969;
}
#news ul li a:hover .newstag.news_newitem {
    background: #b8a995;
    border-top-color: #b8a995;
    border-bottom-color: #b8a995;
}
#news ul li a:hover .newstag.news_newitem:after {
    border-top-color: #b8a995;
}
#news ul li a:hover .ph img {
-webkit-transform: scale(1.06);
-moz-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06);
}
#news ul li a:hover .ph:after {
left: 0;
opacity: 0.3;
}
@media screen and (max-width: 640px) {
#news ul li a {
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
#news ul li a .ph img {
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}

#news ul li a:hover .ph img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
#news ul li a .ph {
display: block;
position: relative;
}
#news ul li a .ph .newstag {
height: 26px;
line-height: 26px;
padding: 0 8px;
text-align: center;
display: inline-block;
position: relative;
z-index: 12;
font-size: 12px;
color: #FFF;
letter-spacing: 0;
float: left;
    background: #7a7062;
    border-top-color: #7a7062;
    border-bottom-color: #7a7062;
}
#news ul li a .ph .newstag:after {
content: "";
position: absolute;
right: -8px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 26px 8px 0 0;
border-top-color: #7a7062;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
}
#news ul li a .descbox {
float: left;
margin-left: 20px;
    width: 100%;
}
#news ul li a .descbox .date {
font-family: 'Roboto';
font-weight: 300;
letter-spacing: 0.1em;
font-size: 13px;
letter-spacing: 0;
color: #666666;
line-height: 26px;
float: left;
}
#news ul li a .descbox h2 {
font-size: 16px;
line-height: 26px;
font-weight: normal;
display: block;
padding-left: 20px;
float: left;
}
#news ul li a .descbox .desc {
margin-top: 16px;
float: left;
}
@media screen and (max-width: 640px) {
	#news {
		padding: 0 0 55px;
	}
	#news ul.ul {
		margin-top: 20px;
	}
	#news ul.ul li {
		width: 100%;
		margin-left: 0%;
		float: none;
		margin-top: 20px;
	}
	#news ul.ul li a {
		display: block;
	}
	#news ul.ul li a .ph {
		display: block;
		position: relative;
	}
	#news ul.ul li a .ph .phimg {
		display: block;
		position: relative;
		z-index: 1;
	}
	#news ul.ul li a .ph .phimg img {
		position: absolute;
		left: 0;
		top: 0;
	}
	#news ul.ul li a .ph .phimg:after {
		content: "";
		display: block;
		width: 100%;
		height: 0;
		padding-top: 57.936507936507944%;
	}
	#news ul.ul li a .ph .newstag {
		height: 26px;
		line-height: 26px;
		padding: 0 8px;
		text-align: center;
		display: inline-block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 12;
		font-size: 12px;
		color: #FFF;
		letter-spacing: 0;
		float: left;
	}
	#news ul.ul li a .ph .newstag:after {
		content: "";
		position: absolute;
		right: -8px;
		top: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 26px 8px 0 0;
		border-bottom-color: transparent;
		border-left-color: transparent;
		border-right-color: transparent;
	}
	#news ul.ul li a .descbox .date {
		font-family: 'Roboto';
		font-weight: 300;
		letter-spacing: 0.1em;
		font-size: 13px;
		letter-spacing: 0;
		color: #666666;
		margin-top: 15px;
		line-height: 1;
	}
	#news ul li a .descbox {
	    float: left;
	    margin-left: 0;
		margin-top: 6px;
		font-size: 12px;
		line-height: 135%;
		width: 100%;
	}
	#news ul li a .descbox h2 {
	    font-size: 14px;
	    line-height: 130%;
	    font-weight: normal;
	    display: block;
	    padding-left: 0;
		margin-top: 3px;
	    float: left;
		width: 100%;
	}
	#news ul li a .descbox .date {
	    float: left;
	    margin-left: 0;
		font-size: 12px;
		line-height: 135%;
		width: 100%;
	}
}


#information {
  padding: 0 0 90px;
}
#information .inner {
  max-width: 1180px;
  padding: 0 20px;
  margin: 0 auto;
}
#information h1 {
    position: relative;
    text-align: center;
    background: #e8d4bf;
    padding: 15px 0 0;
}
#information h1 .wrap {
    display: inline-block;
    margin: 0 auto;
    color: #000000;
    text-align: center;
    line-height: 100%;
    position: relative;
    z-index: 2;
    padding: 0;
    background: transparent;
}
#information h1 .wrap .en {
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  letter-spacing: 0.06em;
  font-size: 30px;
  line-height: 100%;
}
#information h1 .wrap .jp {
  display: inline-block;
  font-size: 14px;
  line-height: 100%;
  font-weight: normal;
}
#information h1:after {
  content: "";
  background: #d7d7d7;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 49%;
  left: 0;
  z-index: 1;
}
#information .info_date {
  float: left;
}
#information .info_title {

}

#information .new_tag {
  color: #c1b190;
  display: inline-block;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.08em;
  box-sizing: border-box;
  position: relative;
  font-weight: bold;
  border-radius: 3px;
  margin-left: 8px;
  border: 1px solid #ede7da;
  padding: 0 5px;
  background: #fcfbf9;
}
#information ul {
  padding: 20px 20px;
  border: 10px solid #e8d4bf;
  border-width: 10px 60px 40px 60px;
}
#information ul li {
  width: 100%;
  margin-left: 0;
  float: left;
  margin-top: 20px;
  line-height: 1;
    padding-top: 15px;
    border-top: #c7beb3 1px solid;
    margin-bottom: 0;
    box-sizing: border-box;
}
#information ul li:first-child {
  margin-top: 0;
    border-top: 0;
}

#information ul li .date {
    margin-right: 10px;
    display: inline-block;
    width: 7.5em;
    font-size: 13px;
}
#information ul li .text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#information ul li .text a {
  display: inline-block;
  position: relative;
  color: #594019;
  text-decoration: none;
  font-size: 14px;
  line-height: 22px;
}
.text a:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.text a:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: #594019 1px solid;
    -webkit-transition: bottom 0.2s, opacity 0.2s;
    transition: bottom 0.2s, opacity 0.2s;
}
.text a:hover:after {
    bottom: -2px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#information .newstag.salon_name {
    display: inline-block;
    font-size: 12px;
    background-color: #f3f0ec;
    border-left: #c7beb3 1px solid;
    line-height: 1;
    padding: 5px 10px;
    min-width: 6.5em;
    text-align: center;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    margin-right: 10px;
}
#information ul li a:hover {
  color: #696969;
}
@media screen and (max-width: 640px) {
	#information {
		padding: 0 0 55px;
	}
  #information h1 {
      padding: 15px 0 8px;
  }
  #information ul {
    margin-top: 0px;
    padding: 0 5px 6px;
    border-width: 0;
    border-bottom: #e8d4bf 1px solid;
  }
  #information ul li {
      float: none;
      width: 100%;
      margin-left: 0;
      margin-top: 6px;
      font-size: 12px;
      line-height: 135%;
      width: 100%;
      border-top: 1px solid #e8d4bf;
      padding-left: 3px;
      padding-top: 5px;
	}
  #information ul li > div {
    float: none;
  }
  #information .inner {
    max-width: none;
    padding: 0 4%;
    margin: 0 auto;
  }
  #information h1 .wrap {
    padding: 0 12px;
    line-height: 80%;
  }
  #information h1 .wrap .en {
    font-size: 20px;
  }
  #information h1 .wrap .jp {
    font-size: 10px;
  }
  #information .newstag.salon_name {
      display: inline-block;
      font-size: 10px;
      background-color: #f3f0ec;
      border-left: #c7beb3 1px solid;
      line-height: 1;
      padding: 5px 10px;
      min-width: 6.5em;
      text-align: center;
      -webkit-transition: background-color 0.3s;
      transition: background-color 0.3s;
      margin-right: 0;
    font-weight: 400;
    font-family: "Noto Sans JP";
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
  }
  #information ul li .text a {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
  #information ul li .text a:after {
    display: none;
  }
  #information ul li .info_title .text {
      font-size: 16px;
      line-height: 26px;
      font-weight: normal;
      display: block;
      padding-left: 20px;
  }
  #information ul li .info_title .text {
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 1.5em;
    width: 100%;
    overflow: hidden;
    padding-bottom: 4px;
  }
	#information ul li .info_title .text {
	    font-size: 14px;
	    line-height: 130%;
	    font-weight: normal;
	    display: block;
	    padding-left: 0;
		margin-top: 3px;
	    float: none;
		width: 100%;
	}
  #information .info_date {
      padding-top: 10px;
      margin-bottom: 10px;
  }
	#information .info_date .date {
      font-family: 'Roboto';
      font-weight: 300;
      letter-spacing: 0.1em;
      font-size: 11px;
      letter-spacing: 0;
      color: #666666;
      margin-top: 0;
      line-height: 1;
	}
}
/* ３カラムバナー */
#banner {
padding: 0 0 85px;
}
#banner .inner {
max-width: 1180px;
padding: 0 20px;
margin: 0 auto;
}
@media screen and (max-width: 640px) {
	#banner .inner {
	max-width: none;
	padding: 0 4%;
	margin: 0 auto;
	}
}/*__________/media Queries 640px */

#banner h1 .wrap {
display: inline-block;
margin: 0 auto;
color: #000000;
text-align: center;
line-height: 100%;
position: relative;
z-index: 2;
padding: 0 18px;
background: #ffffff;
}
#banner h1 .wrap .en {
display: inline-block;
font-family: 'Oswald', sans-serif;
font-weight: 400;
letter-spacing: 0.1em;
letter-spacing: 0.06em;
font-size: 30px;
line-height: 100%;
}
#banner h1 .wrap .jp {
display: inline-block;
font-size: 14px;
line-height: 100%;
font-weight: normal;
}
#banner h1:after {
content: "";
background: #d7d7d7;
width: 100%;
height: 1px;
position: absolute;
top: 49%;
left: 0;
z-index: 1;
}
@media screen and (max-width: 640px) {
#banner h1 .wrap {
padding: 0 12px;
line-height: 80%;
}
#banner h1 .wrap .en {
font-size: 20px;
}
#banner h1 .wrap .jp {
font-size: 10px;
}
}
#banner ul li a {
display: block;
position: relative;
}
#banner ul li a .ph {
display: block;
width: 100%;
height: 0;
padding-top: 46.5%;
position: relative;
z-index: 1;
}
#banner ul li a .catch {
display: block;
position: absolute;
left: 0;
top: 52%;
z-index: 4;
width: 100%;
text-align: center;
color: #FFF;
margin-top: -19px;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#banner ul li a .catch .en {
font-family: 'Oswald', sans-serif;
font-weight: 300;
letter-spacing: 0.1em;
font-size: 40px;
}
#banner ul li a .catch .jp {
font-size: 16px;
display: block;
}
#banner ul li a .bg {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
background: url(./../../../shared/common/img/parts/cover_black.png);
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#banner ul li a:hover .catch {
top: 50%;
opacity: 1;
}
#banner ul li a:hover .bg {
opacity: 1;
}
#banner ul li.s {
width: 49%;
float: left;
margin-left: 2%;
margin-top: 2%;
}
#banner ul li.s a .ph {
padding-top: 46.4%;
}
#banner ul li.s.left {
margin-left: 0;
}

#banner ul.three_col li {
width: 32%;
margin-left: 2%;
float: left;
}
#banner ul.three_col li:first-child {
margin-left: 0;
}
#banner ul.three_col li a {
display: block;
position: relative;
color: #000;
}
#banner ul.three_col li a .ph {
overflow: hidden;
}
#banner ul li a .newstag {
height: 26px;
line-height: 26px;
padding: 0 8px;
text-align: center;
display: inline-block;
position: absolute;
left: 0;
top: 0;
z-index: 12;
font-size: 12px;
color: #FFF;
letter-spacing: 0;
}
#banner ul li a .newstag:after {
content: "";
position: absolute;
right: -8px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 26px 8px 0 0;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
}
#banner ul.ul li a .newstag {
height: 26px;
line-height: 26px;
padding: 0 8px;
text-align: center;
display: inline-block;
position: absolute;
left: 0;
top: 0;
z-index: 12;
font-size: 12px;
color: #FFF;
letter-spacing: 0;
}
#banner ul.ul li a .newstag:after {
content: "";
position: absolute;
right: -8px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 26px 8px 0 0;
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
}
@media screen and (max-width: 640px) {
	#banner {
	padding: 0 0 40px;
	}
	#banner ul li a {
	display: block;
	position: relative;
	}
	#banner ul li a .ph {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.5%;
	position: relative;
	z-index: 1;
	}
	#banner ul li a .catch {
	top: 50%;
	z-index: 4;
	width: 100%;
	font-size: 27px;
	margin-top: -10px;
	opacity: 1;
	}
	#banner ul li a .catch .en {
	font-size: 27px;
	}
	#banner ul li a .catch .jp {
	font-size: 12px;
	}
	#banner ul li a .bg {
	opacity: 0;
	}
	#banner ul li.s {
	width: 100%;
	float: none;
	margin-left: 0%;
	margin-top: 3%;
	}
	#banner ul li.s a .ph {
	padding-top: 46.4%;
	}
	#banner ul li.s.left {
	margin-left: 0;
	}
	#banner ul.three_col li {
	    width: 100%;
	    float: none;
	    margin-left: 0%;
	    margin-top: 3%;
	}
}

#support {
background: #f4f4f4;
color: #000;
padding: 66px 0 75px;
}
#support .inner {
max-width: 1180px;
padding: 0 20px;
margin: 0 auto;
}
@media screen and (max-width: 640px) {
#support .inner {
max-width: none;
padding: 0 4%;
margin: 0 auto;
}
}
#support h1 {
position: relative;
text-align: center;
}
#support h1 .wrap {
display: inline-block;
margin: 0 auto;
color: #000000;
text-align: center;
line-height: 100%;
position: relative;
z-index: 2;
padding: 0 18px;
background: #f4f4f4;
}
#support h1 .wrap .en {
display: inline-block;
font-family: 'Oswald', sans-serif;
font-weight: 400;
letter-spacing: 0.1em;
letter-spacing: 0.06em;
font-size: 30px;
line-height: 100%;
}
#support h1 .wrap .jp {
display: inline-block;
font-size: 14px;
line-height: 100%;
font-weight: normal;
}
#support h1:after {
content: "";
background: #cdcdcd;
width: 100%;
height: 1px;
position: absolute;
top: 49%;
left: 0;
z-index: 1;
}
@media screen and (max-width: 640px) {
#support h1 .wrap {
padding: 0 12px;
line-height: 80%;
}
#support h1 .wrap .en {
font-size: 20px;
}
#support h1 .wrap .jp {
font-size: 10px;
}
}
#support .btnbox {
margin-top: 35px;
}
#support .btnbox li {
width: 49%;
float: left;
}
#support .btnbox li.right {
float: right;
}
#support .btnbox li a {
display: block;
background: #FFF;
width: 100%;
height: 74px;
position: relative;
z-index: 3;
overflow: hidden;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; }
#support .btnbox li a .txt {
display: inline-block;
text-align: center;
font-size: 15px;
vertical-align: top;
letter-spacing: 0.2em;
color: #000;
font-weight: bold;
line-height: 74px;
width: 100%;
height: 74px;
position: relative;
z-index: 4;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#support .btnbox li a .txt:before {
content: ">";
font-family: 'Oswald', sans-serif;
font-weight: 400;
letter-spacing: 0.1em;
font-size: 17px;
display: inline-block;
vertical-align: top;
margin-top: -1.5px;
margin-right: 3px;
position: relative;
color: #000;
z-index: 2;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#support .btnbox li a:hover {
background: #212121;
}
#support .btnbox li a:hover .txt {
color: #FFF;
}
#support .btnbox li a:hover .txt:before {
margin-left: -1px;
margin-right: 8px;
color: #FFF;
}
@media screen and (max-width: 640px) {
#support .btnbox li a {
height: 48.84px;
}
#support .btnbox li a .txt {
font-size: 13px;
line-height: 48.84px;
}
#support .btnbox li a .txt:before {
font-size: 15px;
margin-top: -2px;
}
#support .btnbox li a:after {
display: none;
}
}
#support .btnbox li p {
font-size: 13px;
text-align: center;
margin-top: 14px;
}
@media screen and (max-width: 640px) {
#support {
padding: 34px 0 34px;
}
#support .btnbox {
margin-top: 0px;
}
#support .btnbox li {
width: 100%;
float: none;
margin-top: 19px;
}
#support .btnbox li.right {
float: none;
}
#support .btnbox li p {
font-size: 10px;
text-align: center;
margin-top: 6px;
line-height: 120%;
}
}
/*店舗個別採用ページ用ボタンCSS*/
.job-send {
    max-width: 350px;
    margin: 20px auto;
}
.job-send-btn-wrapper {
    display: table;
    width: 100%;
    border-radius: 8px;
    background: #fff;
}
.job-send-btn {
    text-align: center;
}
.job-send-btn {
    padding: 10px 10px 8px;
    width: 100%;
    background: #fe912c;
    border-radius: 8px;
}
.job-send-btn:hover,
.job-send-btn:focus,
.job-send-btn:active {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.job-send-btn {
    border: 0;
}
.job-send-btn {
    min-height: 75px;
}
.job-send-btn::-moz-focus-inner {
    padding: 0;
    border: none;
}
.job-send-btn:-moz-focusring {
    outline: 1px dotted #000;
}
.job-send-btn {
	display: table-cell;
   vertical-align: middle;
   box-shadow: 0px -4px #cc6305 inset;
}

.job-send-btn {
    height: 75px;
}
.job-send-btn-inner {
    text-align: left;
}

.job-send-btn-inner {
	display: inline-block;
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.job-send-btn-txt {
    display: table-cell;
    color: #fff;
    vertical-align: middle;
    text-align: left;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 1.2;
    font-size: 20px;
    position: relative;
}
.job-send-btn-txt:before {
    content: "\f138";
    font-family: "FontAwesome";
    font-size: 22px;
    display: block;
    padding: 0 5px 0 0;
    vertical-align: middle;
    text-align: right;
    position: absolute;
    left: -22px;
    top: 0px;
    line-height: 1;
}

/*job-send2*/
.job-send2 {
    width: 350px;
}
.job-send2-btn-wrapper {
    display: table;
    width: 100%;
    border-radius: 8px;
    background: #fff;
}
.job-send2-btn {
    text-align: center;
}
.job-send2-btn {
    padding: 10px 10px 8px;
    width: 100%;
    background: #fe912c;
    border-radius: 8px;
}
.job-send2-btn:hover,
.job-send2-btn:focus,
.job-send2-btn:active {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.job-send2-btn {
    border: 0;
}
.job-send2-btn {
    min-height: 75px;
}
.job-send2-btn::-moz-focus-inner {
    padding: 0;
    border: none;
}
.job-send2-btn:-moz-focusring {
    outline: 1px dotted #000;
}
.job-send2-btn {
	display: table-cell;
    vertical-align: middle;
}

.job-send2-btn {
    height: 75px;
}
.job-send2-btn-inner {
    text-align: left;
}

.job-send2-btn-inner {
	display: inline-block;
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.job-send2-btn-txt {
    display: table-cell;
    color: #fff;
    vertical-align: middle;
    text-align: left;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 1.2;
    font-size: 20px;
    position: relative;
}
.job-send2-btn-txt:before {
    content: "\f138";
    font-family: "FontAwesome";
    font-size: 22px;
    display: block;
    padding: 0 5px 0 0;
    vertical-align: middle;
    text-align: right;
    position: absolute;
    left: -22px;
    top: 0px;
    line-height: 1;
}


/*囲い*/
.job-wrapper {
	padding: 40px 30px;
    background: #fff7ec;
	margin: 0;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-around;
}

/*TEL*/
.job-tel-wrapper {
	font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
	color: #17897b;
	display: flex;
	flex-direction: column;
}


.job-tel-top .job-tel-time{
	padding: 0 0 0 5px !important;
    font-weight: normal !important;
    color: #000 !important;
    font-size: 12px !important;
}

.job-tel-bottom span {
	color: #f85e01;
    font-size: 28px;
    padding: 0 0 0 26px;
    background: url(/images/icon_tel.png) no-repeat left 9px;
    background-size: 21px 21px;
}
/*LINE BTN*/
.bnr_img_line img {
	width: 100%;
	max-width: 232px;
	display: block;
	margin: 0 auto;
}
[data-ua="sp"] {
	display: none !important;
}
[data-ua="pc"] {
	display: block !important;
}
@media screen and (max-width: 640px) {
	.job-send2 {
		width: 100%;
		margin: 20px auto;
	}
	.job-wrapper {
		padding: 40px 10px;
		flex-direction: column;
		text-align: center
	}
	/*lightbox*/
	.bnr_img_sp img {
		width: 100%;
	}

	[data-ua="pc"] {
		display: none !important;
	}
	[data-ua="sp"] {
		display: block !important;
	}
}