@charset "utf-8";
/* style.css (TOP_COLLECTION) */

#top_image, #top_2nd{
max-width:1100px;
margin:0 0 60px 0;
line-height:0;
}
#top_image img, #top_2nd img{
width:100%;
}
#top_concept{
width:53%;
margin:50px auto 70px auto;
text-align:left;
font-size:18px;
line-height:1.6;
color:#e7935b;
}
#top_concept h2{
margin:0 0 30px 0;
line-height:1;
font-size:24px;
font-weight:nomal;
}

/************ collection ************/
.page{
width:100%;
margin-bottom:50px;
text-align:left;
line-height:0;
position:relative;
}
.page2{
width:100%;
margin-bottom:0px;
text-align:left;
line-height:0;
position:relative;
}
.page img{
width:100%;
height:auto;
}
.box_l{/*2つ横並び左*/
width:47.27%;
max-width:520px;
height:auto;
margin-right:5.46%;
position:relative;
float:left;
}
.box_r{/*2つ横並び右*/
width:47.27%;
max-width:520px;
height:auto;
position:relative;
float:left;
}
.box_f{/*1つ全幅*/
width:100%;
height:auto;
line-height:0;
position:relative;
}
.box_c{/*1つ全幅*/
width:47.27%;
max-width:520px;
margin-left:26%;
height:auto;
line-height:0;
position:relative;
}
.vertical_m{
top:0;
left:0;
margin-top:30%;
position:absolute;
}

.anime_full, .anime_full_fast {/*画像切替　全幅*/
	margin: 0 auto;
	max-width: 1100px;
	position: relative;
	overflow: hidden;
}

.anime {/*画像切替　半幅*/
	margin: 0 auto;
	max-width: 520px;
	position: relative;
	overflow: hidden;
}
.anime ul, .anime_full ul, .anime_full_fast ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.anime ul li, .anime_full ul li, .anime_full_fast ul  {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.anime ul li img, .anime_full ul li img, .anime_full_fast ul li img {
	width: 100%;
}
.anime ul:after, .anime_full ul:after, .anime_full_fast ul:after,{
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.anime ul, anime_full ul, anime_full_fast ul {
	display: inline-block;
	overflow: hidden;
}
/************ 設立からのカウントアップ ************/
.countup{
font-family: 'Libre Baskerville', serif;
font-size:60px;
text-align:center;
line-height:1.6;
position:absolute;
top:35%;
left:15%;
z-index:100;
}
/* jQuery Countdown styles 2.0.0. */
.is-countdown {
/*	border: 1px solid #ccc;
	background-color: #eee;*/
}
.countdown-rtl {
	direction: rtl;
}
.countdown-holding span {
/*	color: #888;*/
}
.countdown-row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown-section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown-amount {/*数字表記*/
		margin-right:2px;
}
.countdown-amount:after {
    content:":";
}
.countdown-amount:last-child{
		margin:right:-60px;
}
.countdown-period {
    display: none;
}
.countdown-descr {
	display: block;
	width: 100%;
}

/************ CREDIT ************/
.credit{/*商品リンク*/
margin:0;
text-align:left;
font-family: 'Libre Baskerville', serif;
letter-spacing:-0.01em;
font-size:14px;
font-size:1.4rem;
text-align:left;
position:absolute;
left:0;
bottom:-23px;
}
.credit a{
display:block;
}
.pricebox{/*値段表記リンク*/
padding:20px 10px 7px 10px;
background:#FFF;
opacity:0.7;
font-family: 'Libre Baskerville', serif;
text-align:left;
font-ize:14px;
line-height:1.6;
position:absolute;
bottom:0;
left:0;
z-index:100;
}
.pricebox2{/*値段表記リンク中央*/
padding:20px 10px 7px 10px;
background:#FFF;
opacity:0.7;
font-family: 'Libre Baskerville', serif;
text-align:left;
font-ize:14px;
line-height:1.6;
position:absolute;
bottom:0;
left:22.5%;
z-index:100;
}
.pricebox a.close, .pricebox2 a.close {/*xボタン*/
width:14px;
height:14px;
text-indent:-2000px;
overflow:hidden;
background:url(../img/x.png) no-repeat;
display:block;
position:absolute;
top:5px;
right:5px;
z-index:5;
}
.pricebox li{
margin:0;
padding:0;
}
.pricebox ul{
vertical-align:bottom;
}

/************ BTN ************/
#btns{/*固定右下ボタン(2)*/
margin:0;
	position:fixed;
	bottom:0;
	right:10px;
	width: 78px;
	height:121px;
	z-index:500;
	}
.btn_top {
	position: absolute;
	top: 0;
	left: 0;
	}
#btns li a{
display:block;
line-height:0;
text-indent:-2000px;
overflow:hidden;
}
#btns li.btn_top a{
width:78px;
height:60px;
margin-bottom:1px;
background:url(../img/btn_top.png) no-repeat;
}
#btns li.btn_story a{
	width:78px;
	height:60px;
	background:url(../img/btn_another.png) no-repeat;
	}
#btn{/*固定↑ボタン(1-otherから移植)*/
margin:0;
	position:fixed;
	bottom:0;
	right:10px;
	width: 78px;
	height:60px;
	z-index:500;
	}
.btn_top {
	position: absolute;
	top: 0;
	left: 0;
	}
	#btn li a{
display:block;
line-height:0;
text-indent:-2000px;
overflow:hidden;
}
#btn li.btn_top a{
width:78px;
height:60px;
margin-bottom:1px;
background:url(../img/btn_top.png) no-repeat;
}
#bt_st1 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	}

#bt_st2 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	}
#coll_nextbtn{
margin:0 auto 100px auto;
}

@media screen and (max-device-width: 768px) {/* for Tablet*/
.countup{/*カウントアップ文字*/
font-size:2.6rem;
line-height:1.4;
}
#btns{/*固定右下ボタン*/
width:78px;
height:60px;
margin:0;
position:fixed;
bottom:10px;
right:1%;
z-index:500;	
}
#btn_another{
	display:none;
}
/************ collection TAB ************/
.box_l{/*2つ横並び左*/
width:47.56%;
max-width:484px;
height:auto;
margin-right:4.88%;
position:relative;
float:left;
}
.box_r{/*2つ横並び右*/
width:47.56%;
max-width:484px;
height:auto;
position:relative;
float:left;
}
.box_f{/*1つ全幅*/
width:100%;
height:auto;
line-height:0;
position:relative;
}
.anime_full, .anime_full_fast {/*画像切替　全幅*/
	margin: 0 auto;
	max-width: 983px;
	position: relative;
	overflow: hidden;
}

.anime {/*画像切替　半幅*/
	margin: 0 auto;
	max-width:484px;
	position: relative;
	overflow: hidden;
}
#btns{/*固定右下ボタン*/
width:78px;
height:121px;
margin:0;
position:fixed;
bottom:5px;
right:2%;
z-index:500;	
}
#btns li.btn_story{
display:block;
}
#btns li.btn_top{
display:block;
}
}

@media screen and (max-width: 480px) {/* for SmartPhone*/
#top_image, #top_2nd{/*メニュー分下げる*/
margin:60px auto 40px auto;
}
#top_concept{/*2nd*/
width:90%;
margin:0 auto 4rem auto;
text-align:left;
font-family:Helvetica, Arial, sans-serif;
font-size:1.5rem;
line-height:1.6;
color:#e7935b;
}
#top_concept h2{
margin:0 0 1rem 0;
line-height:1;
font-size:1.8rem;
font-weight:no
}
.countup{/*カウントアップ文字*/
font-size:1.7rem;
line-height:1.4;
position:absolute;
top:35%;
left:13%;
z-index:100;
}
#btns{/*固定右下ボタン*/
width:39px;
height:30px;
margin:0;
position:fixed;
bottom:5px;
right:1%;
z-index:500;	
}
#btns li.btn_top a{
width:39px;
height:30px;
background:url(../img/btn_top.png) no-repeat;
background-size:39px 30px;
}
#btns li.btn_story{
display:none;
}

#coll_nextbtn img{
width:60%;
}
#btn{/*固定右下ボタン*/
width:39px;
height:30px;
margin:0;
position:fixed;
bottom:5px;
right:1%;
z-index:500;	
}
#btn li.btn_top a{
width:39px;
height:30px;
background:url(../img/btn_top.png) no-repeat;
background-size:39px 30px;
}
}

h2.page_title{
width:100%;
max-width:1100px;
margin:0 auto 20px auto;
font-family: 'Libre Baskerville', serif;
font-size:25px;
padding:0.5em;
letter-spacing:0.05em;
color:#0a678b;
text-align:left;
line-height:1;
font-weight:300;
border-top:1px solid #0a678b;
border-bottom:1px solid #0a678b;
box-sizing:border-box;
}

h3.page_title{
width:100%;
max-width:1100px;
margin:0 auto 20px auto;
font-family: 'Libre Baskerville', serif;
font-size:20px;
padding:0.5em;
letter-spacing:0.05em;
color:#0a678b;
text-align:left;
line-height:1;
font-weight:300;
border-bottom:1px solid #0a678b;
box-sizing:border-box;
}