@charset "EUC-JP";

/* --------------------------------------------------------------------
 base
--------------------------------------------------------------------- */

body { 
font-size:14px; line-height:19px; color:#2c2a27;
}

/* defult */
body,div,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,span,img,
form,fieldset,legend,pre,blockquote,
p,blockquote,th,td {
	margin:0px;
	padding:0px;
	border:0px;
	list-style:none;
}

/* head */
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }

/* ie images */
body img { vertical-align:top; font-size:0; }

/* clear */
.clear { clear:both; }

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}
/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* img */
img{
border:0px;
border-style:none;
}

/* link */
a {	color: #6b655c; }
a:link { 
text-decoration:underline;
}
a:hover {
	color:#4c4842;
	text-decoration: none;
}
a:visited {}
a:active { }


/* --------------------------------------------------------------------
 id
--------------------------------------------------------------------- */

/* hseo */
#hseo { font-size:10px; font-weight:normal; color:#b6ad99; position:absolute; top:17px; right:18px; }
#h_tel { }
#h_contact { position:absolute; top:60px; right:0; }
#h_contact a:hover { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha( opacity=70 )"; }

/* logo */
#logo {
position: relative;
padding: 25px 28px;
}
#logo a {
display: block;
width: 316px;
height: 80px;
font-size: 0;
background-image: url(../images/common/logo.png);
background-repeat: no-repeat;
background-size: contain;
}

/* wrapper */
#wrapper {
	background-image: url(../images/common/bg.jpg);
	background-repeat: repeat;
}
@media (max-width:1260px) {
	#wrapper {
	width: 1260px;
	}
}

/*  header  */
#header_wrap {
	background-repeat: repeat-x;
	background-position: top;
}
#header_top { width:100%; margin:0 auto;  position:relative; }
#header { width:1000px; margin:0 auto;  position:relative; }

/* hnav */
#hnav {
display: flex;
position: absolute;
top: 40px;
right: 18px;
}
#hnav li {
background-image: url(../images/common/ja_icon.png);
background-repeat: no-repeat;
background-position: left 8px;
padding-left: 16px;
padding-top: 5px;
}
#hnav li.ja {
	background-image: url(../images/common/ja_icon.png);
	background-repeat: no-repeat;
}
#hnav li.en {
	background-image: url(../images/common/en_icon.png);
	background-repeat: no-repeat;
}
#hnav li.fr {
	background-image: url(../images/common/fr_icon.png);
	background-repeat: no-repeat;
}

/* g_nav */
#gnav_wrap {
background-image: url(../images/common/f_bg.jpg);
}
#gnav {
display: flex;
align-items: center;
justify-content: center;
max-width: 1200px;
margin: auto;
}
#gnav li {
width: calc(100% / 5);
text-align: center;
border-right: 1px solid #919191;
}
#gnav li:first-of-type {
border-left: 1px solid #919191;
}
#gnav li:hover {
background-color: rgba(255,255,255,.3);
transition: .5s;
}
#gnav li a {
display: block;
padding: 25px 30px;
font-family: serif;
font-size: 17px;
font-weight: bold;
text-decoration: none;
}


/* headermenu */
#headermenu_top {
position: relative;
width: 1000px;
height: 67px;
margin: -10px auto 40px auto;
padding: 0px 0px 0px 2px;
}
#headermenu_top li {
height: 100px;
display: block;
list-style: none;
float: left;
}
#headermenu_top li a {
height: 100px;
overflow: hidden;
display: block;
text-indent: -9999px;
}
#headermenu_top .MENU01 { width: 230px;	height: 100px; background-image: url(../images/top/top01.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu_top .MENU02 { width: 230px;	height: 100px; background-image: url(../images/top/top02.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu_top .MENU03 { width: 230px;	height: 100px; background-image: url(../images/top/top03.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu_top .MENU04 { width: 230px;	height: 100px; background-image: url(../images/top/top04.jpg); background-repeat: no-repeat; background-position: 0px 0px; }

#headermenu_top .en_MENU01 { width: 230px;	height: 100px; background-image: url(../images/en_top/top01.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu_top .en_MENU02 { width: 230px;	height: 100px; background-image: url(../images/en_top/top02.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu_top .en_MENU03 { width: 230px;	height: 100px; background-image: url(../images/en_top/top03.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu_top .en_MENU04 { width: 230px;	height: 100px; background-image: url(../images/en_top/top04.jpg); background-repeat: no-repeat; background-position: 0px 0px; }

#headermenu_top .fr_MENU01 { width: 230px;	height: 100px; background-image: url(../images/fr_top/top01.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu_top .fr_MENU02 { width: 230px;	height: 100px; background-image: url(../images/fr_top/top02.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu_top .fr_MENU03 { width: 230px;	height: 100px; background-image: url(../images/fr_top/top03.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu_top .fr_MENU04 { width: 230px;	height: 100px; background-image: url(../images/fr_top/top04.jpg); background-repeat: no-repeat; background-position: 0px 0px; }

/* headermenu */
#headermenu {
position: relative;
width: 1000px;
height: 67px;
margin: 0px auto 40px auto;
padding: 0px 0px 0px 2px;
}
#headermenu li {
height: 67px;
display: block;
list-style: none;
float: left;
}
#headermenu li a {
height: 67px;
overflow: hidden;
display: block;
text-indent: -9999px;
}
#headermenu .MENU01 { width: 250px;	height: 67px; background-image: url(../images/common/drop01.png); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu .MENU02 { width: 250px;	height: 67px; background-image: url(../images/common/drop02.png); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu .MENU03 { width: 250px;	height: 67px; background-image: url(../images/common/drop03.png); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu .MENU04 { width: 250px;	height: 67px; background-image: url(../images/common/drop04.png); background-repeat: no-repeat; background-position: 0px 0px; }

#headermenu .en_MENU01 { width: 250px;	height: 67px; background-image: url(../images/en_common/drop01.png); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu .en_MENU02 { width: 250px;	height: 67px; background-image: url(../images/en_common/drop02.png); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu .en_MENU03 { width: 250px;	height: 67px; background-image: url(../images/en_common/drop03.png); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu .en_MENU04 { width: 250px;	height: 67px; background-image: url(../images/en_common/drop04.png); background-repeat: no-repeat; background-position: 0px 0px; }

#headermenu .fr_MENU01 { width: 250px;	height: 67px; background-image: url(../images/fr_common/drop01.png); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu .fr_MENU02 { width: 250px;	height: 67px; background-image: url(../images/fr_common/drop02.png); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu .fr_MENU03 { width: 250px;	height: 67px; background-image: url(../images/fr_common/drop03.png); background-repeat: no-repeat; background-position: 0px 0px; }
#headermenu .fr_MENU04 { width: 250px;	height: 67px; background-image: url(../images/fr_common/drop04.png); background-repeat: no-repeat; background-position: 0px 0px; }

/* main */
#main_wrap {
	height: 616px;
	margin: 0 auto 50px;
	background-image: url(../images/top/main_bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#main {
	position:relative;
	width: 1000px;
	height: 505px;
	margin:0 auto;
	background-image: url(../images/top/main.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#en_main {
	position:relative;
	width: 1000px;
	height: 505px;
	margin:0 auto;
	background-image: url(../images/en_top/main.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#main_btn01 {
	position: absolute;
	top: 296px;
	left:620px;
}
#main_btn02 { position:absolute; top:330px; left:620px; }

/* side */
#side_top { width:310px; float:right; }
#side_top ul li { }
#side_top ul li img { display: block;width: 100%; }
#side { width:254px; float:right; }
#side ul li { margin-bottom:8px; }

/* content */
#content_wrap { width:1000px; margin:0 auto; }
#content_top { width:650px; float:left; }
#content { width:700px; float:left; }
#content2 { width:940px; margin:0 auto; }

/* page-up */
.page-up {
	text-align:right;
	margin:0 5px;
	padding:55px 0 10px;	
}
.page-up a { text-decoration:none; color:#999999; padding-right:10px;
background-image: url(../common_img/arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	}
.page-up a:hover { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha( opacity=70 )"; }


/* fnav */
#fnav_top {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding:70px 0 0; margin:25px auto; color:#565656; clear:both; text-align:center; font-size:13px; }
#fnav_top a {
position: relative;
display: block;
margin: 0 10px;
color:#565656; text-decoration:none;
}
#fnav_top a::before,
#fnav_top a:last-of-type::after {
position: absolute;
content: "";
width: 1px;
height: 14px;
top: 50%;
transform: translateY(-50%);
left: -10px;
background-color: #565656;
}
#fnav_top a:last-of-type::after {
left: inherit;
right: -10px;
}
#fnav_top a:hover { color:#7b7b7b; text-decoration:underline; }
#fnav { padding:10px 0 0; margin:25px auto; color:#565656; clear:both; text-align:center; font-size:13px; }
#fnav a { color:#565656; text-decoration:none; }
#fnav a:hover { color:#7b7b7b; text-decoration:underline; }
/* footer */
#footer_wrap {
padding: 30px 15px;
background-image: url(../images/common/f_bg.jpg);
background-repeat: repeat;
}
#footer {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width:940px;
position:relative; 
margin:0 auto;
padding:0;
color:#565656;
font-size:13px;
}
#f_logo {
width: 226px;
height: 81px;
font-size: 0;
background-image: url(../images/common/f_logo.png);
background-repeat: no-repeat;
background-size: contain;
}
#f_fb {
position: absolute;
top: 20px;
right: 0;
}
#f_address {
padding-left: 30px;
}

/* credit */
#credit { margin-top: 30px;width: 100%;clear:both; padding-top:10px; text-align:center; }

/* Experience Class */
.experience_class_box {
line-height: 1.8;
}
.experience_class_box p {
margin-bottom: 1em;
}
.experience_class_img {
margin-top: 2em;
}
.experience_class_img img {
display: block;
width: 600px;
margin: auto;
}
.experience_class_mail {
}
.experience_class_mail a {
display: block;
width: 200px;
margin: auto;
padding: 10px;
text-decoration: none;
text-align: center;
letter-spacing: 1px;
color: #fff;
background-color: #022161;
border-radius: 100px;
}
.experience_class_mail a:hover {
opacity: .5;
transition: .5s;
}

/* shopping */
.shopping {
line-height: 1.8;
}
.shopping h3 {
margin-bottom: 1em;
text-align: center;
}
.shopping h3 span:nth-of-type(1) {
display: block;
font-family: serif;
font-size: 24px;
}
.shopping h3 span:nth-of-type(2) {
display: block;
font-weight: normal;
}
.shopping h4 {
margin-top: 2em;
margin-bottom: 10px;
padding: 8px 10px;
font-size: 20px;
font-family: serif;
background-image: url(../images/common/f_bg.jpg);
}
.shopping h5 {
margin-top: 2em;
margin-bottom: 10px;
padding-bottom: 5px;
font-size: 18px;
font-family: serif;
border-bottom: 1px solid #888;
}
.shopping_txt {
}
.shopping_txt_s {
font-size: 12px;
}
.shopping_ol {
}
.shopping_ol li {
list-style: decimal;
margin-left: 18px;
}
.shopping_ol li + li {
margin-top: 1em;
}
.shopping_ol li::marker {
}
.shopping_img {
margin-top: 2em;
margin-bottom: 1em;
}
.world_shopping_link {
position: relative;
margin-top: 6em;
border-radius: 10px;
box-shadow:  0 0 10px rgba(0,0,0,.5);
}
.world_shopping_link::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(../images/en_shopping/link_bg.jpg);
background-size: cover;
background-position: center;
border-radius: 10px;
}
.world_shopping_link::after {
position: absolute;
content: "";
width: 400px;
height: 50px;
top: 50%;
transform: translateY(-50%);
right: 0;
left: 0;
margin: auto;
background-color: #0c4187;
border-radius: 100px;
}
.world_shopping_link a {
z-index: 1;
position: relative;
display: block;
padding: 70px 20px;
font-size: 20px;
font-weight: bold;
font-family: serif;
text-decoration: none;
text-align: center;
letter-spacing: 1px;
color: #fff;
}
.world_shopping_link a::after {
display: inline-block;
vertical-align: middle;
margin-top: -7px;
content: "";
width: 8px;
height: 8px;
margin-left: 15px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.world_shopping_link:hover {
opacity: .5;
transition: .5s;
}