@charset "utf-8";
/* CSS Document */

/*----------リセットCSS*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;/*background:transparent;*/
}
em {
	text-decoration: none;
	font-style: normal;
}
body {
	line-height: 1;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}
ul, ol, dl {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;/*background:transparent;*/
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
/*----------リセットCSS*/
* {
	color: #000;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	letter-spacing: 0.05em;
}
html, body {
	width: 100%;
	height: 100%;
	font-size: 10px;
}
/*------------------------------共通項目*/
/*cf*/
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/*a*/
a {
	color: #000;
	text-decoration: none;
}
a.cart {
	display:inline-block;
}
a:hover,
a:hover img,
.hover:hover,
.cart:hover{
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
	transition: all 0.2s;
}

/*回転*/
.spin {
	animation: spin 20s linear infinite;
}
@keyframes spin {
 from {
 transform: rotate(0deg);
}
 to {
 transform: rotate(360deg);
}
}
/*料金*/
.detail {
	font-size: 1.2rem;
	line-height: 1.8rem;
	margin: 4px auto 0;
}
.detail .txt {
	padding-right: 4px;
}
.detail .txt em {
	color: #a90000;
}
.detail td {
	vertical-align: middle;
}
/*画像の拡大縮小用*/
.exp {
	width: 100%;
	height: auto;
}
/*四角ボタン*/
.btn_other li a,
.btn_allitem-link a {
	display:block;
	text-align:center;
	border:1px solid #000;
	padding:14px 0;
	width:300px;
	margin:0 10px;
	box-sizing:border-box;
}

.btn_other li a:hover,
.btn_allitem-link a:hover {
	background-color:#eee;
	border:1px solid #999;
}
@media screen and (min-width:1367px) and (max-width:1919px) {

.btn_other li a,
.btn_allitem-link a {
	padding:24px 0;
	width:450px;
	margin:0 10px;
}
}
@media screen and (min-width:1920px) {

.btn_other li a,
.btn_allitem-link a {
	padding:24px 0;
	width:450px;
	margin:0 10px;
}
}
/*------------------------------全体を包む系のdiv*/
.container {
	position: relative;
	height: 100%;
	width: 100%;
	overflow:hidden;
	min-width: 1024px;/*横幅最小値*/
	overflow: hidden;
	background-color: #FFF;
}
.main_wrap {
	position: relative;
	height: 100%;
	width: 100%;
}
/*------------------------------.header*/
.header, .modal_header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}
/*------------------------------menu*/
.global_menu, .modal_menu {
	position: relative;
	margin: 12px 36px;
}
.global_menu {
	position: relative;
	margin: 22px 36px;
}
.global_menu .header_zofflogo, .modal_menu .header_zofflogo {
	position: absolute;
	top: 4px;
	left: 0;
}
.global_menu .btn_allitem {
	position: absolute;
	top: 0;
	right: 230px;
}
.global_menu .btn_shoplist {
	position: absolute;
	top: 0;
	right: 100px;
}
.global_menu .btn_menu, .modal_menu .btn_close {
	position: absolute;
	top: 0;
	right: 0;
}
.modal_menu .header_zofflogo a,
.link_txt a {
	display:block;
	position:relative;
	font-size:1.2rem;
	height:28px;
	padding-top:8px;
	margin-right:25px;
	box-sizing:border-box;
}

.modal_menu .header_zofflogo a:after,
.link_txt a:after  {
	position: absolute;
	top: 8px;
	right: -16px;
	content: "";
	display: block;
	width: 12px;
	height: 9px;
	background-image: url(/pages/em_glasses2016/icon_linkopen.png);
	background-size: contain;
}
/*------------------------------ナビゲーションボタン*/
.nav {
	position: absolute;
	background-size: cover;
	width: 40px;
	height: 72px;
	margin: auto;
	overflow: hidden;
	z-index: 900;
}
.nav:hover {
	cursor: pointer;
	transition: all 0.3s;
}
.nav.btn_right {
	top: 0;
	bottom: 0;
	right: 0;
	background-image: url(/pages/em_glasses2016/btn_next_off.png);
	background-position: center left;
}
.nav.btn_right:hover {
	width: 192px;
	background-image: url(/pages/em_glasses2016/btn_next_on.png);
}
.nav.btn_left {
	top: 0;
	bottom: 0;
	left: 0;
	background-image: url(/pages/em_glasses2016/btn_back_off.png);
	background-position: center right;
}
.nav.btn_left:hover {
	width: 192px;
	background-image: url(/pages/em_glasses2016/btn_back_on.png);
}
/*arrow*/
.btn_left .arrow {
	position: absolute;
	top: 27px;
	left: 9px;
	width: 9px;
	height: 17px;
	background-image: url(/pages/em_glasses2016/arrow_black_left.png);
	background-size: 9px 17px;
}
.btn_right .arrow {
	position: absolute;
	top: 27px;
	right: 9px;
	width: 9px;
	height: 17px;
	background-image: url(/pages/em_glasses2016/arrow_black_right.png);
	background-size: 9px 17px;
}
.nav:hover .arrow img, .nav.page-08:hover .arrow {
	opacity: 0;
	transition: all 1s;
}
/*nav_text*/
.nav .nav_txt {
	position: absolute;
	width: 160px;
	height: 72px;
	margin: 0 16px;
	opacity: 0;
}
.nav.btn_left .nav_txt {
	top: 0;
	right: 0px;
}
.nav.btn_right .nav_txt {
	top: 0;
	left: 0px;
}
.nav.page-08 .nav_txt:after {
	position: absolute;
	content: "";
	width: 17px;
	height: 17px;
	background-image: url(/pages/em_glasses2016/arrow_page-08.png);
	background-size: contain;
	top: 24px;
	right: -6px;
}
.nav:hover .nav_txt {
	opacity: 1;
	transition: all 1s;
}
/*details*/
.btn_left_details {
	width: 140px;
	height: 36px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.btn_right_details {
	width: 192px;
	height: 36px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
/*------------------------------背景画像*/
.back_img {
	position: relative;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center center;
}
/*画像指定*/
#page-02 .back_img {
	background-image: url(/pages/em_glasses2016/bg_page-02.jpg);
	background-position: center center;
}
#page-03 .back_img {
	background-image: url(/pages/em_glasses2016/bg_page-03.jpg);
}
#page-04 .back_img {
	background-image: url(/pages/em_glasses2016/bg_page-04.jpg);
}
#page-05 .back_img {
	background-image: url(/pages/em_glasses2016/bg_page-05.jpg);
}
#page-06 .back_img {
	background-image: url(/pages/em_glasses2016/bg_page-06.jpg);
}
#page-03-detail-01 .back_img {
	background-image: url(/pages/em_glasses2016/bg_page-03-detail-01.jpg);
}
#page-04-detail-01 .back_img {
	background-image: url(/pages/em_glasses2016/bg_page-04-detail-01.jpg);
}
#page-05-detail-01 .back_img {
	background-image: url(/pages/em_glasses2016/bg_page-05-detail-01.jpg);
}
#page-06-detail-01 .back_img {
	background-image: url(/pages/em_glasses2016/bg_page-06-detail-01.jpg);
}
/*------------------------------#page-02～#page-06*/
/*バナー*/
.banner_sweet {
	position: absolute;
	left: 24px;
	bottom: 24px;
	width: 168px;
	height: 168px;
	overflow: hidden;
}
.banner_sweet .waku {
	position: absolute;
	top: 0;
	left: 0;
}
.banner_sweet .nakami {
	position: absolute;
	top: 34px;
	left: 34px;
}
/*#page-02*/
#page-02 .title_box {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 36px;
	margin: auto;
	width: 344px;
	text-align: center;
}
#page-02 .title-02 {
	margin-bottom: 36px;
}

/*大きい画面用*/
@media screen and (min-height: 900px) {
#page-02 .title_box {
	bottom: 72px;
}
}
/*------------------------------.more_detail*/
.more_details {
	position: absolute;
	left: 40px;
	bottom: 28px;
	height: 150px;
	width: 380px;
	overflow:hidden;

}
.more_details .icon_style {
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	overflow: hidden;
	z-index: 300;
}
.more_details .icon_style .waku {
	position: absolute;
	top: 0;
	left: 0;
}
.more_details .icon_style .nakami {
	position: absolute;
	top: 20px;
	left: 10px;
	z-index: 1001;
	 -webkit-transform: translate3d(0,0,0);/*iOSハック*/
}
.more_details .thumb {
	position: absolute;
	top: 26px;
	left: 18px;
	box-shadow: 4px 4px hsla(0,0%,100%,1.00);
	cursor: pointer;
}
.more_details .btn_moredetails {
	position: absolute;
	bottom:0;
	left: 0;
	cursor: pointer;
}
.more_details .btn_txt {
	position: absolute;
	top: 0;
	left: 0;
	height:89px;
}
.more_details .btn_txt h2 {
	margin-bottom: 8px;
}
.more_details .btn_txt p {
	font-size: 1.2rem;
	line-height: 1.8rem;
}

.btn_moredetails_wrap {
	position: absolute;
	left:0px;
	/*left:154px;*//*sweet対応時に修正*/
	width:238px;
	top:26px;
	height:124px;
}

.btn_moredetails_wrap:hover .btn_txt,
.btn_moredetails_wrap:hover .btn_moredetails {
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
	transition: all 0.2s;
}

/*------------------------------.details*/

.details-01_bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 80px;
	padding: 34px 0;
	background-color: #fff;
}

.details-01_bottom .copyright {
	position:absolute;
	top:-20px;
	left:12px;
}
.details-01_bottom .copyright img {
	width:172px;
	height:auto;
}
.details-01_bottom {
	text-align:center;

}
.details-01_bottom table.inner td {
	vertical-align: middle;
	text-align:left;
}
.details-01_bottom table.inner td.txt {
	padding: 0 8px 0 16px;
	font-size: 1.2rem;
	line-height: 2.1rem;
}
.details-01_bottom table.inner td.txt em {
	color: #a90000;
}
/*-*/
.details-02 h2 {
	font-size: 1.6rem;
	line-height: 2.1rem;
	font-weight: bold;
	height: 40px;
}
.details-02 h2 span {
	font-size: 1.2rem;
}
.details-02 .point_wrap {
	width: 100%;
}
.details-02 .point_wrap td {
	text-align: center;
}
.details-02 .point_wrap .point {
	vertical-align: top;
}
.details-02 .point_wrap .point p {
	font-size: 1.2rem;
	line-height: 1.8rem;
	text-align: left;
	width: 500px;
	margin: 12px auto 0;
}
.details-02 .point_wrap .case p {
	font-size: 1.2rem;
	margin: 12px auto 0;
}
.details-02 h3 {
	width: 100%;
	overflow: hidden;
	margin: 22px 0;
}
.details-02 .variation li {
	display: block;
	width: 28%;
	margin-right: 8%;
	float: left;

}
.details-02 .variation li a {
	display:block;
}
.details-02 .variation li a>img{
	display:block;
	height:92px;
	width:auto;
	margin:0 auto;
}
.details-02 .variation li:last-child {
	margin-right: 0;
}

@media screen and (min-width:1367px) and (max-width:1919px) {
.details-02 h3 {
	margin: 36px 0 48px;
}
.details-02 .point_wrap .point img {
	height: 209px;
	width: auto;
}
.details-02 .point_wrap .case img {
	height: 240px;
	width: auto;
}
.details-02 .detail {
	margin: 26px auto 0;
}
.details-02 .variation li a>img{
	height:108px;
}

}
@media screen and (min-width:1920px) {
.details-02 h3 {
	width: 100%;
	overflow: hidden;
	margin: 60px 0 60px;
}
.details-02 .point_wrap .point img {
	height: 272px;
	width: auto;
}
.details-02 .point_wrap .case img {
	height: 312px;
	width: auto;
}
.details-02 .detail {
	margin: 24px auto 0;
}
.details-02 .variation li a>img{
	height:120px;
}
}

/*------------------------------モーダル共通*/

.page_title {
	text-align: center;
	margin-bottom: 30px;
}


/*------------------------------#shop*/

.info {
	text-align: center;
	margin-bottom: 40px;
	font-size: 1.6rem;
	line-height: 2.4rem;
}
#shop {
	overflow-y: scroll;
}

#shop .content_box {
/*position:relative !important;
	margin:120px auto 0;*/
}
.shoplist_wrap {
	width: 960px;

	margin: auto;
}
.shoplist .area_wrap {
	position: relative;
	margin: 0 0 36px;
}
.shoplist .area_wrap h3 {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
	font-size: 1.6rem;
}
.shoplist .area_wrap ul {
	margin: 0 0 0 140px;
}
.shoplist li {
	width: 230px;
	padding-left: 12px;
	box-sizing: border-box;
	float: left;
	height: 86px;
	border-left: 1px dotted #000000;
	margin: 0 36px 16px 0;
}

.shoplist li a {
	display:block;
}
.shoplist dt span {
	display: inline-block;
	position: relative;
	font-size: 1.2rem;
	line-height: 1.6rem;
	margin: 0 0 6px;
	font-weight: bold;
}
.shoplist dt span:after {
	position: absolute;
	bottom: 5px;
	right: -20px;
	content: "";
	display: block;
	width: 12px;
	height: 9px;
	background-image: url(/pages/em_glasses2016/icon_linkopen.png);
	background-size: contain;
}
.shoplist dd {
	font-size: 1.1rem;
	line-height: 1.6rem;
}

@media screen and (min-width:1281px) and (max-width:1366px) {
}
@media screen and (min-width:1367px) and (max-width:1919px) {
.shoplist_wrap {
	height:476px;
}}

@media screen and (min-width:1920px) {
}
/*------------------------------#menu*/
.btn_lineup {
	width:100%;
	margin:0 auto;
}
.btn_lineup li {
	float:left;
	margin:0 40px 0 0;
}
.btn_lineup li img {
	width:210px;
	height:174px;
}
.btn_lineup li:last-child {
	margin:0;
}

.btn_sunglass {
	width:710px;
	margin:20px auto;
	border-top:1px dotted #000;
	padding:20px 0 0;
}

.btn_sunglass img {
	height:61px;
}

.btn_other {
	width:640px;
	margin:auto;
}
.btn_other li {
	float:left;
}
/*リンク形態、ホバー処理は共通項目に記述*/

.sns {
	width:280px;
	margin:30px auto 0;
}

.sns h3 {
	width:146px;
	margin:0 auto 16px;
}

.sns p {
	font-size:1.2rem;
	text-align:center;
	margin:0 0 8px;
}
.btn_sns {
	padding-top:8px;
	background-image:url(/pages/em_glasses2016/icon_check.png);
	background-repeat:no-repeat;
	background-position: top right;
	background-size: 46px auto;
	text-align:center;
	}
.btn_sns li {
	display:inline-block;
	width:28px;
	margin:0 12px;
}

@media screen and (min-width:1281px) and (max-width:1366px) {

.btn_lineup {
	width:960px;
}
}
@media screen and (min-width:1367px) and (max-width:1919px) {
.btn_lineup li {
	margin:0 48px 0 0;
}
.btn_lineup li img {
	width:254px;
	height:210px;
}
.btn_sunglass {
	width:740px;
	margin:30px auto;
	padding:20px 0 0;
}
.btn_sunglass img {
	height:64px;
}


.btn_other {
	width:940px;
	margin:auto;
}
.btn_other li {
	float:left;
}
.btn_other li a {
	padding:24px 0;
	width:450px;
	margin:0 10px;
}
}
@media screen and (min-width:1920px) {
.btn_lineup li {
	margin:0 60px 0 0;
}
.btn_lineup li img {
	width:335px;
	height:277px;
}
.btn_sunglass {
	width:920px;
	margin:48px auto;
	padding:48px 0 0;
}
.btn_sunglass img {
	height:80px;
}


.btn_other {
	width:940px;
	margin:auto;
}
.btn_other li {
	float:left;
}
.btn_other li a {
	padding:24px 0;
	width:450px;
	margin:0 10px;
}

.sns {
	width:420px;
	margin:60px auto 0;
}

.sns h3 {
	width:219px;
	margin:0 auto 24px;
}
.sns p {
	font-size:1.6rem;
	text-align:center;
	margin:0 0 12px;
}
.btn_sns {
	padding-top:16px;
	background-size: 78px auto;
}
.btn_sns li {
	width:42px;
	margin:0 18px;
}
}
/*------------------------------sunglasse*/
.title_sunglasse {
	height:15%;
	text-align:center;
	margin:0 0 4%;
}

.list_sunglasse {
	width:100%;
}

.list_sunglasse li {
	width:30%;
	float:left;
	margin:0 8% 2% 12%;
}
.list_sunglasse li:nth-child(2n) {
	margin:0 12% 2% 8%;
}

.list_sunglasse li .detail {
	margin:4% auto;
}

.anotation {
	text-align:center;
	color:#a90000;
	font-size:1.2rem;
}

.anotation_color {
	color:#a90000;
}

@media screen and (min-width:1281px) and (max-width:1366px) {
	#page-07 .content_box {
		width:960px !important;
	}
}
@media screen and (min-width:1920px)  {
	#page-07 .content_box {
		width:1360px !important;
		height:670px !important;
	}
}
/*------------------------------Link*/
.link_box {
	text-align:center;
	width:960px;
	margin:auto;
}

.link_box h2 {
	width:100%;
}
.btn_allitem-link {
	width:100%;
	margin:24px auto !important;
}
.btn_allitem-link a {

	margin:0 auto;

}
.btn_allitem-link a img {
	width:113px;
}
.btn_allitem-link + h3 {
	border-top: 1px dotted #000;
	padding:24px 0 0;
}

.link_box h3 {
	margin-bottom:18px;
}

.link_box p {
	font-size:1.2rem;
	line-height:1.8rem;
	margin: 0 0 24px;
}

.link_txt_wrap  {
	font-size:1.2rem;
}
.link_txt_wrap .link_txt {
	display:inline-block;
	margin:0 5%;
}
@media screen and (min-width:1367px) and (max-width:1919px) {

.btn_allitem-link + h3 {
	padding:32px 0 0;
	margin-top: 32px;
}
.link_box h3 {
	margin-bottom:20px;
}
.link_box p {
	margin: 0 0 32px;
}
.btn_allitem-link {
	width:100%;
	margin:48px auto 36px !important;
}

}

@media screen and (min-width:1920px)  {

.link_box h2 img {
	margin-top:12px;
	width:360px;
	height:auto;
}
.btn_allitem-link + h3 {
	padding:72px 0 0;
	margin-top: 48px;
}
.link_box h3 {
	margin-bottom:36px;
}
.link_box p {
	margin: 0 0 60px;
}
.btn_allitem-link {
	margin:72px auto 48px !important;
}
}

/*------------------------------ALL ITEMS*/

.list_item {
	width:100%;
	margin:0 0 14px;
}
.list_item td{
	vertical-align:top;
	text-align:center;

}
.list_item .title {
	width:21%;
	border-right:1px dotted #000;
	box-sizing:border-box;
	text-align:left;
}
.list_item .thumb_item {
	height:46px;
	width:auto;
	margin-bottom:2px;
}

.list_item .item_detail {
	font-size:1.2rem;
	width:136px;
	margin: 0 auto 0;
}
.list_item .item_detail img {
	width:28px;
	height:auto;
}
.list_item .item_detail li {
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}
.list_item .item_detail li:first-child {
	width:108px;
}

@media screen and (min-width:1367px) and (max-width:1919px){
.list_item {
	width:100%;
	margin:0 0 24px;
}
.list_item .title {
	width:18%;
}
.list_item .item_detail img {
	width:30px;
	height:auto;
}
.list_item .thumb_item {
	height:49px;
	width:auto;
	margin-bottom:6px;
}
}
@media screen and (min-width:1920px) {
.list_item {
	width:100%;
	margin:0 0 36px;
}
.list_item .title {
	width:15%;
}
.list_item .item_detail img {
	width:32px;
	height:auto;
}
.list_item .thumb_item {
	height:76px;
	width:auto;
	margin-bottom:12px;
}
}
/*------------------------------toppage*/
.title-01 li,.title-02 li,.title-03 li{
	float:left;
	opacity:0;
	
}
/*IE9*/
.title-01 li:not(:target),
.title-02 li:not(:target),
.title-03 li:not(:target) {
	opacity:1\0/;
}
/*IE10*/
@media all and (-ms-high-contrast: none) {
.title-01 li:not(:target),
.title-02 li:not(:target),
.title-03 li:not(:target) {
	opacity:0;
}
}
/*-*/
.title-01 img,.title-02 img,.title-03 img {
	width:100%;
	height:auto;
}

/*-*/
.title-01  {
	width:342px;
	margin: 80px auto 68px;
}

/*IE9*/
.title-01:not(:target) {
	margin: 80px auto 48px\0/;
}
/*IE10*/
@media all and (-ms-high-contrast: none) {
.title-01:not(:target)  {
	margin: 80px auto 68px;
}
}

@media screen and (min-width:1441px) and (max-width:1919px) {
.title-01  {
	margin: 110px auto 68px;
}
}

/*-*/
.title-01-01 {
	width:26px;
}
.title-01-02 {
	display:block;
		width:39px;
}
.title-01-03 {
	width:35px;
}
.title-01-04 {
	width:56px;
}
.title-01-05 {
	width:32px;
}
.title-01-06 {
	width:51px;
}
.title-01-07 {
	width:32px;
}
.title-01-08 {
	width:16px;
}
.title-01-09 {
	width:45px;
}
.title-01-10 {
	width:10px;
}
/*-*/

.title-02 {
	width:340px;
	margin: 0 auto 48px;
}

/*-*/
.title-02-01 {
	width: 20px;
}
.title-02-02 {
	width: 21px;
}
.title-02-02 img {
animation-delay:0.5s;
}
.title-02-03 {
	width: 20px;
	animation-delay:1s;
}
.title-02-04 {
	width: 31px;
}
.title-02-05 {
	width: 21px;
}
.title-02-06 {
	width: 22px;
}
.title-02-07 {
	width: 17px;
	margin:0 11px 0 0;
}
.title-02-08 {
	width: 20px;
}
.title-02-09 {
	width: 23px;
}
.title-02-10 {
	width: 11px;
}
.title-02-11 {
	width: 11px;
}
.title-02-12 {
	width: 21px;
}
.title-02-13 {
	width: 22px;
}
.title-02-14 {
	width: 14px;
}
.title-02-15 {
	width: 10px;
}
.title-02-16 {
	width: 24px;
}
.title-02-17 {
	width:21px;
}
/*-*/
.title-03 {
	width:134px;
	margin: -20px auto 84px;
}
/*IE9*/
.title-03:not(:target) {
	margin: 0px auto 84px\0/;
}
/*IE10*/
@media all and (-ms-high-contrast: none) {
.title-03:not(:target)  {
	margin: -20px auto 84px;
}
}
/*-*/
.title-03-01 {
	width:42px;
}
.title-03-02 {
	width:35px;
	margin:0 0 0 -2px;
}
.title-03-03 {
	width:53px;
}

/*-*/
.btn_scroll {
	width:206px;
	margin:0 auto;

}
.btn_scroll span {
	display:table-cell;
	vertical-align:middle;

}
.btn_scroll img {
	width:100%;
	height:auto;
}

.btn_scroll .btn_scroll-01 {
	width:25px;
	padding:0 14px 0 0;
}
.btn_scroll .btn_scroll-02 {
	width:138px;
	padding:0 20px 0 0;
}
.btn_scroll .btn_scroll-03 {
	width:9px;
}

@media screen and (min-width:1920px) {
.title-01  {
	width:513px;
	margin: 140px auto 92px;
}
/*-*/
.title-01-01 {
	width:39px;
}
.title-01-02 {
	width:58.5px;
}
.title-01-03 {
	width:52.5px;
}
.title-01-04 {
	width:84px;
}
.title-01-05 {
	width:48px;
}
.title-01-06 {
	width:76.5px;
}
.title-01-07 {
	width:48px;
}
.title-01-08 {
	width:24px;
}
.title-01-09 {
	width:67.5px;
}
.title-01-10 {
	width:15px;
}
/*-*/

.title-02 {
	width:509.5px;
	margin: 0 auto 72px;
}


/*-*/
.title-02-01 {
	width: 30px;
}
.title-02-02 {
	width: 31.5px;
}
.title-02-03 {
	width: 30px;
}
.title-02-04 {
	width: 46.5px;
}
.title-02-05 {
	width: 31.5px;
}
.title-02-06 {
	width: 33px;
}
.title-02-07 {
	width: 25.5px;
	margin:0 16px 0 0;
}
.title-02-08 {
	width: 30px;
}
.title-02-09 {
	width: 34.5px;
}
.title-02-10 {
	width: 16.5px;
}
.title-02-11 {
	width: 16.5px;
}
.title-02-12 {
	width: 31.5px;
}
.title-02-13 {
	width: 33px;
}
.title-02-14 {
	width: 21px;
}
.title-02-15 {
	width: 15px;
}
.title-02-16 {
	width: 36px;
}
.title-02-17 {
	width:31.5px;
}
/*-*/
.title-03 {
	width:192px;
	margin: 0 auto 84px;
}
/*-*/
.title-03-01 {
	width:63px;
}
.title-03-02 {
	width:52.5px;
	margin:0 0 0 -3px;
}
.title-03-03 {
	width:79.5px;
}

/*-*/
.btn_scroll {
	width:258px;
	margin:0 auto;

}
.btn_scroll span {
	display:table-cell;
	vertical-align:middle;

}
.btn_scroll img {
	width:100%;
	height:auto;
}

.btn_scroll .btn_scroll-01 {
	width:37.5px;
	padding:0 14px 0 0;
}
.btn_scroll .btn_scroll-02 {
	width:207px;
	padding:0 20px 0 0;
}
.btn_scroll .btn_scroll-03 {
	width:13.5px;
}}

/*------------------------------アニメーション*/
/*TOP*/
.title-01-01{
	animation:title-01 ease-out 0.1s 0s 1 forwards;
}
.title-01-02{
	animation:title-01 ease-out 0.1s 0.1s 1 forwards;
}
.title-01-03{
	animation:title-01 ease-out 0.1s 0.2s 1 forwards;
}
.title-01-04{
	animation:title-01 ease-out 0.1s 0.3s 1 forwards;
}
.title-01-05{
	animation:title-01 ease-out 0.1s 0.4s 1 forwards;
}
.title-01-06{
	animation:title-01 ease-out 0.1s 0.5s 1 forwards;
}
.title-01-07{
	animation:title-01 ease-out 0.1s 0.6s 1 forwards;
}
.title-01-08{
	animation:title-01 ease-out 0.1s 0.7s 1 forwards;
}
.title-01-09{
	animation:title-01 ease-out 0.1s 0.8s 1 forwards;
}
.title-01-10{
	animation:title-01 ease-out 0.1s 0.9s 1 forwards;
}
@keyframes title-01 {
0% {
transform: translateY(0);
opacity:0;
}
100% {
transform: translateY(20px);
opacity:1;
}
}
/*-*/
.title-03-01 {
	animation:title-03 ease-out 0.1s 0.8s 1 forwards;
}

.title-03-02 {
	animation:title-03 ease-out 0.1s 0.9s 1 forwards;
}
.title-03-03 {
	animation:title-03 ease-out 0.1s 1.0s 1 forwards;
}
@keyframes title-03 {
0% {
transform: translateY(0);
opacity:0;
}
100% {
transform: translateY(20px);
opacity:1;
}
}

/*-*/

.title-02-01{
animation:title-02 ease-out 0.3s 1.2s 1 forwards;
}
.title-02-02 {
animation:title-02 ease-out 0.3s 1.25s 1 forwards;
}
.title-02-03 {
animation:title-02 ease-out 0.3s 1.3s 1 forwards;
}
.title-02-04 {
animation:title-02 ease-out 0.3s 1.35s 1 forwards;
}
.title-02-05 {
animation:title-02 ease-out 0.3s 1.4s 1 forwards;
}
.title-02-06 {
animation:title-02 ease-out 0.3s 1.45s 1 forwards;
}
.title-02-07 {
animation:title-02 ease-out 0.3s 1.5s 1 forwards;
}
.title-02-08 {
animation:title-02 ease-out 0.3s 1.55s 1 forwards;
}
.title-02-09 {
animation:title-02 ease-out 0.3s 1.6s 1 forwards;
}
.title-02-10 {
animation:title-02 ease-out 0.3s 1.65s 1 forwards;
}
.title-02-11 {
animation:title-02 ease-out 0.3s 1.7s 1 forwards;
}
.title-02-12 {
animation:title-02 ease-out 0.3s 1.75s 1 forwards;
}
.title-02-13 {
animation:title-02 ease-out 0.3s 1.8s 1 forwards;
}
.title-02-14 {
animation:title-02 ease-out 0.3s 1.85s 1 forwards;
}
.title-02-15 {
animation:title-02 ease-out 0.3s 1.9s 1 forwards;
}
.title-02-16 {
animation:title-02 ease-out 0.3s 2.0s 1 forwards;
}
.title-02-17 {
animation:title-02 ease-out 0.3s 2.05s 1 forwards;
}
@keyframes title-02 {
    0% {
        transform:rotateY(90deg);
opacity:0;
    }

    100% {
        transform:rotateY(0deg);
opacity:1;
    }
}


/*menu*/
.global_menu .btn_menu {
	top: -60px;
	animation:menu 0.5s ease-out 2.0s 1 forwards;
}
.global_menu .btn_shoplist {
	top: -60px;
	animation:menu 0.5s ease-out 2.2s 1 forwards;
}
.global_menu .btn_allitem {
	top: -60px;
	animation:menu 0.5s ease-out 2.4s 1 forwards;
}

/*IE9*/
.global_menu .btn_menu:not(:target),
.global_menu .btn_shoplist:not(:target),
.global_menu .btn_allitem:not(:target){
	top: 0px\0/;
}
/*IE10*/
@media all and (-ms-high-contrast: none) {
.global_menu .btn_menu:not(:target),
.global_menu .btn_shoplist:not(:target),
.global_menu .btn_allitem:not(:target) {
	top: -60px;
}
}

@keyframes menu {
0% {
transform: translateY(0);}
100% {
transform: translateY(60px);}
}
/*menu*/

.nav.btn_right {
	right: -40px;
	animation:nav 0.5s ease-out 2.6s 1 forwards;
}
/*IE9*/
.nav.btn_right:not(:target){
right: 0\0/;
}
/*IE10*/
@media all and (-ms-high-contrast: none) {
.nav.btn_right:not(:target)  {
right: -40px;
}
}
@keyframes nav {
0% {
transform: translateX(0);}
100% {
transform: translateX(-40px);}
}
/*scroll*/
.btn_scroll {
	top: -20px;
	animation:scroll 0.5s ease-out 2.6s 1 forwards;
	opacity:0;
}
/*IE9*/
.btn_scroll:not(:target) {
	top: 0px\0/;
	opacity:1\0/;
}
/*IE10*/
@media all and (-ms-high-contrast: none) {
.btn_scroll:not(:target)  {
	top: -20px;
	opacity:0;
}
}
@keyframes scroll {
0% {
transform: translateY(0);
opacity:0;}
100% {
transform: translateY(10px);
opacity:1;}
}

.btn_scroll-03 img {
	animation:scrollarow 1s infinite linear;
}
@keyframes scrollarow {
0% {
transform: translateX(0);}
50% {
transform: translateX(6px);}
100% {
transform: translateX(0);}
}


/*------------------------------.content_box*/

.content_box {
	z-index: 200;
}

@media screen and (max-width:1280px) {
.content_box {
	width: 960px;
	height: 520px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
}

@media screen and (min-width:1281px) and (max-width:1366px) {
.content_box {
	width: 1100px;
	height: 520px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
}

@media screen and (min-width:1367px) and (max-width:1919px) {
.content_box {
	width: 1160px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
}

@media screen and (min-width:1920px) {
.content_box {
	width: 1520px;
	height: 820px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

}

/* JS関連 */

#main-slider-wrapper,
#main-slider-container {
	width :100%;
	height: 100%;
}
.modal {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 100%;
	z-index: 2000;
	overflow: hidden;
	background-color: #fff;
}
.modal-bg {
	width: 100%;
	height: 100%;
	background: #000;
	overflow: hidden;
	zoom: 1;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1900;
	-ms-filter: "alpha(opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
	z-index: 5;
}
.detail-wrap {
	width: 100%;
	height: 100%;
	position: relative;
}
.detail-wrap .main_wrap {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
}

.detail-wrap .detail-first {
}

.detail-wrap .detail-second {
	left: 100%;
}
.swiper-wrapper {	
	-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
}