#body_section {
	min-width: 1107px;
	display: none;
}
.SP #body_section {
	width: 100%;
	min-width: 100%;
	font-size: 18px;
}
#main_image {
	width: 100%;
	height: 4560px;
	background-image: url(../mock/images/main.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	z-index: 2;
}
#header_section {
	background-color: transparent;
	position: relative;
}
#header_inner {
	background-color: transparent;
}
.SP #header_inner {
	background-color: #afb9be;
}
#header_section .sub_nav {
	top: -600px!important;
	z-index: 2;
}

#header_bg {
	display: block;
	position: absolute;
	top: -65px;
	width: 100%;
	height: 65px;
	background-color: #afb9be;
	z-index: 3;
}
#header_bg_ov {
	position: absolute;
	top: 0;
	width: 100%;
	height: 65px;
	z-index: 1;
}

#contents_section > .img {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-image: url(../images/top/ov_slider.png);
	background-repeat: repeat-x;
	background-position: left top;
}


#main_slider {
	visibility: hidden;
}
.bx-wrapper {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 0;
}
.PC #main_slider .bx-wrapper {
	min-width: 1107px!important;
}
.SP .bx-wrapper {
	height: 100%;
}
.SP .bx-wrapper li {
	width: 100%;
}
.PC .bx-wrapper li img {
	width: 100%;
	height: auto;
	z-index: -1;
	position: relative;
}

.bx-default-pager {
	width: 100%;
	position: absolute;
	top: 491px;
	left: 0;
	z-index: 90;
	text-align: center;
}
.bx-default-pager .bx-pager-item {
	width: 12px;
	height: 12px;
	margin: 0 7px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.bx-default-pager .bx-pager-item .bx-pager-link {
	width: 12px;
	height: 12px;
	display: block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	text-indent: -9999px;
}
.bx-default-pager .bx-pager-item .bx-pager-link.active {
	background-color: #afb9be;
}

.box3 .bx-wrapper {
	position: absolute;
	width: 674px;
	top: 0;
	left: 326px;
	z-index: 0;
}
.box3 bx-wrapper li img {
	width: 674px;
	height: auto;
}
.box3 .bx-default-pager {
	width: 100%;
	position: absolute;
	top: auto;
	bottom: 5px;
	left: 0;
	z-index: 90;
	margin: 0 0 0 163px;
	text-align: center;
}

#main_section {
	position: relative;
	z-index: 10;
}
.PC #main_section a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#main_section .box1 {
	width: 100%;
	height: 525px;
	position: relative;
}
#main_section .logo {
	width: 554px;
	height: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -277px;
}
#main_section .rays {
	width: 667px;
	height: 460px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -230px 0 0 -333px;
}
#main_section .rays:hover {
	opacity: 0.6;
	transition-duration: .3s;
}
.PC #main_section .box1 .scroll {
	display: none;
}
#main_section .box2 {
	width: 100%;
	height: 450px;
	border-top: 7px solid #afb9be;
	text-align: center;
	position: relative;
	background-color: rgba(255, 255, 255, 0.9);
	font-size: 11px;
}
.ie8 #main_section .box2,
.ie7 #main_section .box2 {
	background-image: url(../images/top/bg_white_ie.png);
	background-repeat: repeat;
	background-position: left top;
}

#main_section #aside_news {
	width: 304px;
	height: 350px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	padding: 50px 25px ;
	margin: 0 25px 0 0;
	text-align: left;
	position: relative;
}
#main_section #aside_news p {
	padding: 8px 0 20px 0;
	font-weight: bold;
}
#main_section #aside_news ol {
	list-style-type: none;
	border-top: 1px solid #74787b;
}
#main_section #aside_news li {
	border-bottom: 1px solid #74787b;
	padding: 10px 0;
	line-height: 1.5em;
	position: relative
}
#main_section #aside_news li img {
	position: absolute;
	top: 10px;
	right: 0;
}
#main_section #aside_news li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}
#main_section #aside_news li a span.date {
	font-weight: bold;
}
#main_section #aside_news li a:hover {
	opacity: 0.6;
	transition-duration: .3s;
}
#main_section .catch {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#main_section #newopen {
	width: 304px;
	height: 350px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	padding: 50px 25px;
	margin: 0 0 0 25px;
	text-align: left;
	position: relative;
}
#main_section #newopen p {
	padding: 8px 0 20px 0;
	font-weight: bold;
}
#main_section #newopen ol {
	list-style-type: none;
	border-top: 1px solid #74787b;
}
#main_section #newopen li {
	border-bottom: 1px solid #74787b;
	padding: 10px 0;
	line-height: 1.5em;
}
#main_section #newopen li a {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}
#main_section #newopen li a span {
	font-weight: bold;
}
#main_section #newopen li a:hover {
	opacity: 0.6;
	transition-duration: .3s;
}
#main_section .box a.opacity {
	position: absolute;
	bottom: 20px;
	right: 25px;
}
#main_section .box3 {
	height: 350px;
	background-color: rgba(175, 185, 190, 0.625);
	text-align: center;
	position: relative;
}
.ie8 #main_section .box3,
.ie7 #main_section .box3 {
	background-image: url(../images/top/bg_gray_ie.png);
	background-repeat: repeat;
	background-position: left top;
}

#link {
	position: absolute;
	top: 50px;
	left: 50%;
	z-index: 10;
	margin: 0 0 0 -500px
}
#link ul {
	text-align: center;
}
#link > ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 4px 4px;
	opacity: 0;
	position: relative;
	top: 100px;
}
#link ul li a {
	display: block;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}
#link ul li a:hover {
	box-shadow: 0 0 0 5px #888 inset;
}
#link > ul li img {
	z-index: -1;
	position: relative;
}
#main_section #bn_large {
	width: 1000px;
	margin: 4px auto 0 auto;
	padding: 0;
}
#main_section #bn_large a {
	display: block;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
#main_section #bn_large a:hover {
	box-shadow: 0 0 0 5px #888 inset;
}
#main_section #bn_large img {
	z-index: -1;
	position: relative;
}
#main_section #bn {
	width: 1000px;
	height: 123px;
	margin: 4px auto 0 auto;
	position: relative;
	padding: 0;
	opacity: 0;
	top: 100px;
}
.PC #main_section #bn .bn_title {
	width: 326px;
}
#main_section #slider_bn a {
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
#main_section #slider_bn a:hover {
	box-shadow: 0 0 0 5px #888 inset;
}
#main_section #bn .bx-prev {
	display: block;
	width: 32px;
	height: 32px;
	background-image: url(../images/top/recommend_btn_left_off.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 99;
	margin: -16px 0 0 0;
}
#main_section #bn .bx-next {
	display: block;
	width: 32px;
	height: 32px;
	background-image: url(../images/top/recommend_btn_right_off.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 99;
	margin: -16px 0 0 0;
}
#main_section #bn .bx-prev:hover {
	background-image: url(../images/top/recommend_btn_left_on.png);
}
#main_section #bn .bx-next:hover {
	background-image: url(../images/top/recommend_btn_right_on.png);
}

#main_section .box4 {
	width: 100%;
	position: relative;
	border-top: 7px solid #afb9be;
	background-image: url(../images/top/japan.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
	padding: 590px 0 0 0;
}
#japan_text {
	position: absolute;
	/* top: 228px; */
	top: 328px;
	left: 50%;
	margin: 0 0 0 -138px;
	z-index: 10;
	opacity: 0;
}
#japan {
	position: relative;
	width: 100%;
	z-index: 10;
	text-align: center;
	background-color: rgba(175, 185, 190, 0.625);
	padding: 40px 0;
}
.ie8 #japan,
.ie7 #japan {
	background-image: url(../images/top/bg_gray_ie.png);
	background-repeat: repeat;
	background-position: left top;
}

#japan ul {
	text-align: left;
	width: 1044px;
	margin: 0 auto;
}
#japan ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 14px 14px;
	opacity: 0;
	position: relative;
	top: 100px;
}
#japan ul li a {
	display: block;
	width: 230px;
	height: 230px;
	position: relative;
	overflow: hidden;
}
#japan ul li a img.text {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}
#japan ul li a img.image {
	position: relative;
	z-index: 1;
    -webkit-transition-duration: .7s;
    transition-duration: .7s;
	width: 100%;
	height: 100%;
}
#japan ul li a:hover img.image {
	opacity: 0.6;
	-webkit-transform: scale(1.3);
    transform: scale(1.3);
}

#main_section .box5 {
	width: 100%;
	position: relative;
	border-top: 7px solid #afb9be;
	background-image: url(../images/top/global.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
	padding: 590px 0 0 0;
}
#global_text {
	position: absolute;
	/* top: 228px; */
	top: 328px;
	left: 50%;
	margin: 0 0 0 -138px;
	z-index: 10;
	opacity: 0;
}
#global {
	position: relative;
	width: 100%;
	z-index: 10;
	text-align: center;
	background-color: rgba(175, 185, 190, 0.625);
	padding: 40px 0;
}
.ie8 #global,
.ie7 #global {
	background-image: url(../images/top/bg_gray_ie.png);
	background-repeat: repeat;
	background-position: left top;
}

#global ul {
	text-align: left;
	width: 1044px;
	margin: 0 auto;
}
#global ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 14px 14px;
	opacity: 0;
	position: relative;
	top: 100px;
}


#global ul li a {
	display: block;
	width: 230px;
	height: 230px;
	position: relative;
	overflow: hidden;
}
#global ul li a img.text {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}
#global ul li a img.image {
	position: relative;
	z-index: 1;
    -webkit-transition-duration: .7s;
    transition-duration: .7s;
	width: 100%;
	height: 100%;
}
#global ul li a:hover img.image {
	opacity: 0.6;
	-webkit-transform: scale(1.3);
    transform: scale(1.3);
}

#header_s {
	position: fixed;
	top: -65px;
	left: 0;
	width: 100%;
	height: 65px;
	background-image: url(../mock/images/menu.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #afb9be;
	z-index: 20;
}

#totop {
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 10;
	opacity: 0;
	margin: -61px 0 0 0;
}

#footer_section {
	background: #fff;
	z-index: 2;
}


/*------------- SP -------------*/
.SP #header_section {
	display: none;
}
.SP #main_slider {
	position: absolute;
	width: 100%;
}
.SP #main_slider #slider li {
	text-align: center;
}
.SP #main_slider #slider li img {
	margin: 0 auto 0;
}
.SP .bx-pager {
	width: 100%;
}
.SP #main_slider .bx-viewport {
	height: 100%!important;
	background: #aaa;
}
.SP #main_slider .bx-default-pager {
	top: auto;
	bottom: 0;
	width: 100%;
	height: 2%;
	padding: 20px 0;
	background-color: rgba(175, 185, 190, 0.8);
}
.SP .bx-default-pager .bx-pager-item .bx-pager-link   {
	width: 10px;
	height: 10px;
}
.SP #main_section .logo {
	width: 100%;
	height: auto;
	position: absolute;
	top: 43%;
	left: 0;
	margin: 0 0 0 0;
	text-align: center;
}
.SP #main_section .logo img {
	width: 85%;
	height: auto;
}
.SP #main_section .rays {
	width: 100%;
	height: auto;
	position: absolute;
	top: 20%;
	left: 0;
	margin: 0 0 0 0;
	text-align: center;
}
.SP #main_section .rays img {
	width: 85%;
	height: auto;
}
.SP .box1 .scroll {
	display: block;
	width: 100%;
	position: absolute;
	top: 76%;
	left: 0;
	text-align: center;
}
.SP .box1 .scroll img {
	width: 27%;
	height: auto;
}
.SP #main_section .box2 {
	height: auto;
	font-size: 14px;
	padding: 312px 0 0 0;
}
.SP #main_section #aside_news {
	width: 100%;
	height: auto;
	display: block;
	padding: 50px 0 100px 0;
	margin: 0 auto;
	border-bottom: 7px solid #afb9be;
}
.SP #main_section #aside_news h3,
.SP #main_section #aside_news p {
	text-align: center;
}
.SP #main_section #aside_news h3 img {
	width: 27%;
	height: auto;
}
.SP #main_section #aside_news ol {
	width: 95%;
	margin: 0 auto;
}
.SP #main_section #aside_news ol li img {
	width: 11.5%;
	height: auto;
}
.SP #main_section #newopen {
	width: 100%;
	height: auto;
	display: block;
	padding: 50px 0 100px 0;
	margin: 0 auto;
	border-bottom: 7px solid #afb9be;
}
.SP #main_section #newopen h3,
.SP #main_section #newopen p {
	text-align: center;
}
.SP #main_section #newopen h3 img {
	width: 51%;
	height: auto;
}
.SP #main_section #newopen ol {
	width: 95%;
	margin: 0 auto;
}
.SP #main_section .box a.opacity {
	bottom: 45px;
	right: 30px;
}
.SP #main_section .catch {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 7px solid #afb9be;
	width: 100%;
}
.SP #main_section .catch img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.SP #main_section .box3 {
	height: auto;
	padding: 50px 0;
}
.SP #link {
	position: relative;
	top: auto;
	left: auto;
	margin: 0;
}
.SP #link > ul li {
	display: block;
	margin: 0 auto 25px auto;
	opacity: 0;
	position: relative;
	top: 100px;
	width: 95%;
}
.SP #link > ul li img {
	width: 100%;
	height: auto;
}
.SP #main_section #bn {
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 25px 0 0 0;
}
.SP #main_section #bn .bn_title img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.SP #main_section #bn_large {
	display: block;
	margin: 0 auto 0 auto;
	position: relative;
	width: 95%;
}
.SP #main_section #bn_large img {
	width: 100%;
	height: auto;
}
.SP .box3 .bx-wrapper {
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}
.SP .box3 .bx-wrapper li img {
	width: 100%;
	height: auto;
}
.SP .box3 .bx-default-pager {
	width: 100%;
	background-color: transparent;
	margin: 0;
}
/*
.SP #main_section .box4 .bgArea {
	background-image: url(../images/top/japan_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 130%;
	content: "";
	z-index: -1;
	opacity: 1;
}
*/
.SP #main_section .box4 {
	height: auto;
	background-image: none;
	position: relative;
	background-color: #000;
	background-image: url(../images/top/japan_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: inherit;
	background-size: 100% auto;
}
.SP #japan {
	position: relative;
	bottom: auto;
	padding: 50px 0;
	background-color: rgba(175, 185, 190, 0.7);
}
.SP #japan ul {
	text-align: left;
}
.SP #japan ul li {
}
.SP #japan ul li a {
	width: 100%;
	height: 100%;
}
.SP #japan_text {
	width: 100%;
	left: 0;
	margin: 0;
	text-align: center;
}
.SP #japan_text img {
	width: 48%;
	height: auto;
}
.SP #main_section .box5 {
	height: auto;
	border-bottom: 10px solid #afb9be;
	background-color: #000;
	background-image: url(../images/top/global_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: inherit;
	background-size: 100% auto;
}
.SP #global {
	position: relative;
	bottom: auto;
	background-color: rgba(175, 185, 190, 0.7);
}
.SP #global ul {
	text-align: left;
}
.SP #global ul li {
}
.SP #global ul li a {
	width: 100%;
	height: 100%;
}
.SP #global_text {
	width: 100%;
	left: 0;
	margin: 0;
	text-align: center;
}
.SP #global_text img {
	width: 48%;
	height: auto;
}
.SP #totop {
	display: none;
}


.bottega{
	max-width: 100%;}

/* @420px */
@media screen and (min-width : 420px){
	.bottega{max-width: 160%;}
}

/* @600px */
@media screen and (min-width : 600px){
	.bottega{max-width: 79%;}
}