@charset "utf-8";
/* ==========================================================================

	common style
	
========================================================================== */
body, div, p, ul, li, h1, h2, h3, h4, h5, h6, a {margin:0; padding:0; font-weight:normal; font-family: 'Alice',"Noto Sans Japanese",sans-serif;}
a, p, li, ol { color: rgba(30,27,27,1.00); white-space: normal;}
body{ background: #fff;}
*{ font-size:12px;-webkit-text-size-adjust: 100%; /* ブラウザ側での自動調整をなしにする */ }

a {text-decoration:none; cursor:pointer; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;}
a:hover { color: rgba(224,126,128,1.00); -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;}
ul {list-style:none;}
iframe {border:none;}
::selection {background: #e5005a;}
img{ vertical-align: bottom;}
video {
    width: 100%;
    max-width: 100%;
    height: auto;
	margin: 0 auto;
}
.bold{ font-weight: 500;}
.f_img img{ max-width: 100%; width: 100%; height: auto;}
.fb_iframe_widget > span { vertical-align: baseline !important;}
button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}

.pc{display: block;}
.sp{ display: none;}
@media only screen and (max-width: 860px){
.pc{display: none;}
.sp{ display: block;}
}

/* block_link */
.block_link{
    position:relative;
}
.block_link a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}

/* ========================================
 * flex box 
  ========================================*/

.flex-center{
	display: -webkit-flex; /* Safari */ 
	display: flex;
    -webkit-align-items: center; /* Safari */
    align-items: center;
}
.flex-start{
	display: -webkit-flex; /* Safari */ 
	display: flex;
    -webkit-align-items: flex-start; /* Safari */
    align-items: flex-start;
}
.flex-end{
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;
    -webkit-align-items: flex-end; /* Safari */
    align-items: flex-end;
}
/* pcのみ　*/
.flex-center-pc{
	display: -webkit-flex; /* Safari */ 
	display: flex;
    -webkit-align-items: center; /* Safari */
    align-items: center;
}
.flex-start-pc{
	display: -webkit-flex; /* Safari */ 
	display: flex;
    -webkit-align-items: flex-start; /* Safari */
    align-items: flex-start;
}
.flex-end-pc{
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;
    -webkit-align-items: flex-end; /* Safari */
    align-items: flex-end;
}
.flex-row-reverse{
	-webkit-flex-direction: row-reverse; /* Safari */
  	flex-direction:         row-reverse;
}
.flex-space{
	-webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;
}
.flex-space-end{
	-webkit-justify-content: flex-end; /* Safari */
    justify-content:         flex-end;
}
.flex-space-start{
	-webkit-justify-content: flex-start; /* Safari */
    justify-content:         flex-start;
}
.flex-space-center{
	-webkit-justify-content: center; /* Safari */
    justify-content:         center;
}
.flex-wrap {
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}
@media only screen and (max-width: 860px){
	.flex-center-pc{
		display: block;
	}
	.flex-start-pc{
		display: block;
	}
	.flex-end-pc{
		display: block;
	}
}


/* ==========================================================================

	for PC style
	
========================================================================== */


#toppage {width: 100%; margin: 0 auto; overflow: hidden;}

.header_inner_sp{
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center;
	width: 90%;
}
.header_inner_sp .logo{
	width: 50%;
}
.header_inner_sp .menu{
	width: 20%;
}

header{ 
	width: 100%;
	height: 8vh;
	background: rgba(255,255,255,0.76);
    position: fixed;
	top: 0; 
	left: 0;
	z-index: 1001;
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center;
	padding: 0 4%;
	background: linear-gradient(left, rgba(255, 255, 255, 0) 40%, #fff 100%); /* 塗りつぶす */
	box-sizing: border-box;
}
header .logo{ width: 8%; margin: 0.5% 0;}
header ul{
	width: 40%;
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center;
	font-family: 'Alice';
}
header li{font-family: 'Alice'; letter-spacing: 1px;}

@media only screen and (max-width: 860px){
	header .logo{ width: 20%; margin: 0.5% 0;}
	header ul{
		display: none;
	}
}

/* ハンバーガーメニュー　*/
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 35px;
	height: 22px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(75,75,75,0.60);
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger.hover span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(20px) rotate(-45deg);
}
.menu-trigger.hover span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.hover span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-20px) rotate(45deg);
}


/* top slider */
.top_slider{ position:relative; width: 100%; margin: 0 auto; height: 100vh; opacity: 0.8; padding: 8vh;}
#top_slider{ height: 84vh; overflow: hidden;}

.top_slider .right_info{ position: absolute; width: 25%; bottom: 100px; right: 7%; max-width: 400px; text-align: right;}
.top_slider .right_info .title{ width: 100%;}
.top_slider .right_info .onlinestore{ width: 100%; margin: 4% 0; padding: 0 0 0 30%;}
.top_slider .right_info .close_open{ width: 100%; margin: 4% 0; padding: 0 0 0 30%;}

.top_slider .right_info .close_open a{
		margin: 5% 0 0;
		width: 100%;
		display: block;
		font-size: 11px; 
		letter-spacing: 1px;
	    border: solid 2px #fff;
		background: rgba(255,255,255,0.49);
	    color: #4F4F4F;
		padding: 5% 25%;
		transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; 
		box-sizing: border-box; 
		text-align: center;
		webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all  0.5s;
	}
.top_slider .right_info .close_open a:hover{
		margin: 5% 0 0;
		width: 100%;
		display: block;
		font-size: 11px; 
		letter-spacing: 1px;
		border: solid 2px #fff;
		background: rgba(255,255,255,0.79);
		color: #000;
		padding: 5% 25%;
		transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; 
		box-sizing: border-box; 
		text-align: center;
		webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all  0.5s;
	}

.top_slider .left_kazari{ width: 8%; position: absolute; left: 0%; top: 40%;z-index: 1002;}
.top_slider .right_kazari{ width: 8%; position: absolute; right: 0%; top: 40%; margin-left: -5%; z-index: 1002;}

@media only screen and (max-width: 860px){
	.top_slider{ position:relative; width: 100%; margin: 0 auto; height: 100vh; opacity: 0.8; padding: 8vh 0;}
	#top_slider{ height: 84vh; overflow: hidden;}
	.top_slider .right_info{ position: absolute; width: 25%; bottom: 100px; right: 7%; max-width: 400px; text-align: right;}
	.top_slider .left_kazari{ width: 14%; position: absolute; left: 0%; top: 43%;z-index: 1002;}
	.top_slider .right_kazari{ width: 14%; position: absolute; right: 0%; top: 43%; margin-left: -5%; z-index: 1002;}
	.top_slider .right_info{ position: absolute; width: 85%; bottom: 100px; right: 7%; max-width: 400px; text-align: right;}
	.top_slider .right_info .title{ width: 100%;}
	.top_slider .right_info .onlinestore{ width: 100%; margin: 4% 0; padding: 0 0 0 50%;}
	.top_slider .right_info .close_open{ width: 100%; margin: 4% 0; padding: 0 0 0 30%;}

	.top_slider .right_info .close_open a{
			margin: 5% 0 0;
			width: 100%;
			display: block;
			font-size: 10px; 
			letter-spacing: 1px;
			border: solid 2px #fff;
			background: rgba(255,255,255,0.49);
			color: #4F4F4F;
			padding: 5% 25%;
			transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; 
			box-sizing: border-box; 
			text-align: center;
			webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
			-o-transition: all 0.5s;
			transition: all  0.5s;
		}
	.top_slider .right_info .close_open a:hover{
			margin: 5% 0 0;
			width: 100%;
			display: block;
			font-size: 10px; 
			letter-spacing: 1px;
			border: solid 2px #fff;
			background: rgba(255,255,255,0.79);
			color: #000;
			padding: 5% 25%;
			transition:all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s; 
			box-sizing: border-box; 
			text-align: center;
			webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
			-o-transition: all 0.5s;
			transition: all  0.5s;
		}
}

#contents{ width: 100%; background: #fafafa; position: relative; padding: 3.125rem 0 0 0;}


/* exhibition */
.exhibition{ margin: 0 auto 6%; width: 100%; max-width: 900px; position: relative;}
.exhibition .figure01{
	padding: 0 10px 0px 0;
}
.exhibition .figure02{
	padding: 0 0 0 10px;
}
.exhibition .left_kazari{
	width: 80px;
	left: -100px;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}
.exhibition .right_kazari{
	width: 80px;
	right: -100px;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media only screen and (max-width: 860px){
	.exhibition{ margin: 0 auto 6%; width: 72%; max-width: 600px; position: relative;}
	.exhibition .figure01{
		padding: 0 0 10px 0;
	}
	.exhibition .figure02{
		padding: 0;
	}
	.exhibition .left_kazari{
		width: 40px;
		left: -50px;
		position: absolute;
		top: 50%;
		margin-top: -40px;
	}
	.exhibition .right_kazari{
		width: 40px;
		right: -50px;
		position: absolute;
		top: 50%;
		margin-top: -40px;
	}
}

/* NEWS */
#news{ margin: -80px auto 0; padding: 80px 0 0 0; max-width: 1100px;}
#news .kazari{ width: 30%; margin: 0 auto; opacity: 0.7;}
#news h1.title{ width: 20%; margin: 5% auto;}
#news .card{ width: 40%; margin: 6% auto 6%;}
#news .inner{
	width: 76%;
	margin: 5% auto 6%;
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center;
}
#news .left_kazari,
#news .right_kazari{
	width: 50px;
}
#news article { width: 80%;}
#news article ul{
	width: 100%;
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items:flex-start; /* Safari */
    align-items: flex-start;
}
#news article li{
	width: 50%;
	padding: 0 3%;
	display: block;
}
#news article li .photo{ width: 100%; padding: 0 3% 0 0;}
#news article li .txtbox{ width: 90%; margin: 0 auto; padding: 5% 0 0 0%; background: url(../img/news/news_txt_bg.png) no-repeat; background-position: center;  background-size: contain;}
#news article li .txtbox .date{ font-family: 'Alice'; font-size: 12px; letter-spacing: 1px;}
#news article li .txtbox .title{ font-family:"Noto Sans Japanese";  font-weight: 300; font-size: 16px; margin: 5% 0; letter-spacing: 1px;}
#news article li .txtbox .title span{ font-family: "Noto Sans Japanese"; font-weight: 300; font-size: 14px; margin: 5% 0; letter-spacing: 1px; border-bottom: 1px solid rgba(138,138,138,1.00);}
#news article li .txtbox .txt{ font-family: "Noto Sans Japanese","ryo-display-plusn"; font-size: 11px; letter-spacing: 1px; line-height: 1.5}

.section_tsunagi{ width: 30px; margin: 5% auto;}

#news .backnumber{
	width: 20%;
	margin: 0 auto 5%;
}
@media only screen and (max-width: 860px){
	#news{ margin: -80px auto 0; padding: 80px 0 0 0; max-width: 1100px;}
	#news .kazari{ width: 70%; margin: 0 auto;}
	#news h1.title{ width: 50%; margin: 5% auto;}
	#news .card{ width: 60%; margin: 12% auto 2%;}
	#news .inner{
		width: 100%;
		margin: 10% auto 6%;
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: center; /* Safari */
		align-items: center;
	}
	#news .left_kazari,
	#news .right_kazari{
		width: 30px;
	}
	#news article { width: 80%;}
	#news article ul{
		width: 100%;
		display: block;
	}
	#news article li{
		width: 100%;
		padding: 0 3%;
		margin: 7% 0 7% 0;
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: flex-start; /* Safari */
		align-items: flex-start;
	}
	#news article li .photo{ width: 30%; padding: 0 3% 0 0;}
	#news article li .txtbox{ width: 70%; padding: 0 0 0 6%; background: url(../img/news/news_txt_bg.png) no-repeat; background-position: center;  background-size: contain;}
	#news article li .txtbox .date{ font-family: 'Alice'; font-size: 11px; letter-spacing: 1px;}
	#news article li .txtbox .title{ font-family:  "Noto Sans Japanese";  font-weight: bold; font-size: 12px; margin: 8% 0; letter-spacing: 1px;}
	#news article li .txtbox .title span{ font-family: "Noto Sans Japanese"; font-weight: 300; font-size: 12px; margin: 5% 0; letter-spacing: 1px; border-bottom: 1px solid rgba(138,138,138,1.00);}
	#news article li .txtbox .txt{ font-family: "Noto Sans Japanese","ryo-display-plusn"; font-size: 10px; letter-spacing: 1px; line-height: 1.2}

	#news .backnumber{
		width: 40%;
		margin: 0 auto 9%;
	}
	.section_tsunagi{ width: 20px; margin: 10% auto;}
}

/* 共通 barbox */
.bar_box{ width: 100%; position: relative; padding: 0px 0 0 0;} 
.bar_box .kazari_gold{ position: absolute; left: 50%; bottom:10px; margin-left: -20px;  width:40px;}
.bar_box .kazari_gold_btm{ width:40px; margin: 0 auto; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); position: absolute; left: 50%; top: 10px; margin-left: -20px; }
.bar_box .kazari_bar{ background: #9b8c49; height: 10px; width: 100%;}

@media only screen and (max-width: 860px){
	.bar_box{ width: 100%; position: relative; padding: 0px 0 0 0;} 
	.bar_box .kazari_gold{ position: absolute; left: 50%; bottom:8px; margin-left: -20px;  width:40px;}
	.bar_box .kazari_gold_btm{ width:40px; margin: 0 auto; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); position: absolute; left: 50%; top: 8px; margin-left: -20px; }
	.bar_box .kazari_bar{ background: #9b8c49; height: 8px; width: 100%;}
}


/*　ニュースリスト  */

#news_list .kazari{ width: 30%; margin: 0 auto; opacity: 0.9;}
#news_list h2.title{ width: 20%; margin: 5% auto; max-width: 200px;} 
#news_list ul{
	width: 70%;
	margin: 0 auto;
	display: -webkit-flex; /* Safari */ 
	display: flex;
    -webkit-align-items:flex-start; /* Safari */
    align-items: flex-start;
}
#news_list li{
	width: 33.3333333%;
	padding: 0 2%;
	display: block;
	margin: 0 0 8% 0;
}
#news_list li .photo{ width: 100%; padding: 0 3% 0 0;}
#news_list li .txtbox{ width: 90%; margin: 0 auto; padding: 5% 0 0 0%; background: url(../img/news/news_txt_bg.png) no-repeat; background-position: center;  background-size: contain;}
#news_list li .txtbox .date{ font-family: 'Alice'; font-size: 12px; letter-spacing: 1px;}
#news_list li .txtbox .title{ font-family:"Noto Sans Japanese";  font-weight: 300; font-size: 16px; margin: 5% 0; letter-spacing: 1px;}
#news_list li .txtbox .title span{ font-family: "Noto Sans Japanese"; font-weight: 300; font-size: 14px; margin: 5% 0; letter-spacing: 1px; border-bottom: 1px solid rgba(138,138,138,1.00);}
#news_list li .txtbox .txt{ font-family: "Noto Sans Japanese","ryo-display-plusn"; font-size: 11px; letter-spacing: 1px; line-height: 1.5}

@media only screen and (max-width: 860px){
	#news_list h2.title{ width: 40%; margin: 15% auto; max-width: 200px;} 
	#news_list ul{
		width: 90%;
		margin: 0 auto;
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-align-items:flex-start; /* Safari */
		align-items: flex-start;
	}
	#news_list li{
		width: 50%;
		padding: 0 2%;
		display: block;
		margin: 0 0 8% 0;
	}
	#news_list li .photo{ width: 100%; padding: 0 3% 0 0;}
	#news_list li .txtbox{ width: 90%; margin: 0 auto; padding: 5% 0 0 0%; background: url(../img/news/news_txt_bg.png) no-repeat; background-position: center;  background-size: contain;}
	#news_list li .txtbox .date{ font-family: 'Alice'; font-size: 11px; letter-spacing: 1px;}
	#news_list li .txtbox .title{ font-family:"Noto Sans Japanese";  font-weight: 300; font-size: 13px; margin: 5% 0; letter-spacing: 1px;}
	#news_list li .txtbox .title span{ font-family: "Noto Sans Japanese"; font-weight: 300; font-size: 12px; margin: 5% 0; letter-spacing: 1px; border-bottom: 1px solid rgba(138,138,138,1.00);}
	#news_list li .txtbox .txt{ font-family: "Noto Sans Japanese","ryo-display-plusn"; font-size: 10px; letter-spacing: 1px; line-height: 1.5}
}



/* news　詳しいページ  */
#news_info{ margin: -80px auto 0; padding: 80px 0 0 0; max-width: 1100px; color: rgba(37,37,37,1.00);}
#news_info h2.title{ width: 25%; margin: 9% auto 5%; z-index: 999; position: relative;}  
#news_info .title_txtbox { position: relative; margin: 1% auto 0%; text-align: center;}
#news_info .title_txtbox .bg_img{ width: 30%; margin: -5% auto 0; z-index: 100;}
#news_info .title_txtbox .txt{ margin: -10% 0 0 0; letter-spacing: 1px; font-size: 18px;}
#news_info .title_txtbox .txt span{ margin: 2% auto 0; display: block; letter-spacing: 1px; width: 100%; line-height: 1.5; font-family: "Noto Sans Japanese"; font-size: 12px;}

#news_info article{
	position: relative;
}
#news_info .kazari{ width: 30%; margin: 0 auto; opacity: 0.9;}
#news_info h1.title{ width: 20%; margin: 5% auto;} 
#news_info .inner{
	width: 56%;
	margin: 6% auto 6%;
	position: relative;
}
#news_info .right_kazari{
	width: 50px;
	position: absolute;
}
#news_info .left_kazari{
	width: 50px;
	position: absolute;
}
#news_info article { width: 100%; position: relative;}
#news_info article ul{
	width: 100%;
}
#news_info article li{
	list-style: none;
}
#news_info article .news_img{
	width: 100%;
	margin: 5% auto;
	display: block;
	position: relative;
}
#news_info article .photo{ 
	width: 100%;
	margin: 8% auto 2%;
	padding: 0 3% 0 0;
}
#news_info article .photo_100{ 
	width: 100%;
	margin: 8% auto 2%;
	padding: 0 3% 0 0;
}
#news_info article .photo li:first-child{
	padding: 0 3% 0 0;
}
#news_info article .photo li:second-child{
	padding: 0 0 0 3%;
}
#news_info article .photo_100 li{
	padding: 0 0 3% 0;
}

#news_info article .txtbox{ 
	width: 100%; 
	margin: 0 auto; 
	background: url(../img/news/news_txt_bg.png) no-repeat;
	background-position: center;  
	background-size: contain;
}
#news_info article .txtbox .date{
	font-family: 'Alice'; 
	font-size: 14px;
	letter-spacing: 1px;
	margin: 0 0 0px 0;
	color: #4c4948;
}
#news_info article .txtbox .category{
	position: absolute;
	top: 0;
	right: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	margin: 0;
	color: #4c4948;
	text-align: right;
	padding: 3px 5px;
	border: 1px solid #4c4948;
	display: inline-block;
}
#news_info article .title{ 
	margin: 20px 0 20px;
}
#news_info article .title span{ 
	font-family: "Noto Sans Japanese"; 
	font-weight: 500;
	font-size: 18px;
	margin: 5% 0 30px;
	letter-spacing: 1px;
}
#news_info article .txtbox .txt{
	font-family: "Noto Sans Japanese","ryo-display-plusn";
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 1.5;
	margin: 0 0 3% 0;
}
#news_info article .txtbox .txt_bold{
	font-size: 16px;
	color: #E5494C;
	letter-spacing: 1px;
	line-height: 1.5;
	margin: 3% 0 1px -13px;
}
#news_info article .txtbox .place{
	font-family: "Noto Sans Japanese","ryo-display-plusn";
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.5;
	margin: 0 0 3% 0;
	font-weight: 500;
	margin: 0 0 0 -10px;
	text-align: left;
}
#news_info article .txtbox .txt a{
	font-family: "Noto Sans Japanese","ryo-display-plusn";
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 1.5;
	margin: 0 0 3% 0;
}

.section_tsunagi{ width: 30px; margin: 5% auto;}

#news_info .next{
	width: 20%;
	margin: 6% auto;
}
#news_info .next li{
	width: 50%;
}
#news_info .next img{
	width: 50%;
}
#news_info .next p{
	display: inline-block;
	margin: 0 5px;
	font-size: 13px;
}


@media only screen and (max-width: 860px){
	#news_info{ margin: -80px auto 0; padding: 80px 0 0 0; max-width: 1100px;}
	#news_info h2.title{ width: 40%; margin: 10% auto;} 
	#news_info .txtbox { position: relative; width: 90%; margin: 1% auto 5%; text-align: center;}
	#news_info .txtbox .bg_img{ width: 30%; margin: 0 auto}
	#news_info .txtbox .txt span{ margin: 2% auto 0; display: block; letter-spacing: 1px; width: 100%; line-height: 1.5; font-family: "Noto Sans Japanese"; font-size: 11px;}
	
	#news_info .inner{
		width: 86%;
		margin: 10% auto 10%;
		position: relative;
	}
	#news_info article .txtbox .date{
		font-family: 'Alice'; 
		font-size: 12px;
		text-align: left;
		letter-spacing: 1px;
		margin: 0 0 0px 0;
		color: #4c4948;
	}
	#news_info article .title{
		text-align: left;
	}
	#news_info article .txtbox .category{
		font-size: 11px;
	}
	#news_info article .title span{ 
		font-family: "Noto Sans Japanese"; 
		font-weight: 500;
		font-size: 16px;
		text-align: left;
		margin: 5% 0 30px;
		letter-spacing: 1px;
	}
	#news_info article .news_img{
		width: 100%;
		margin: 10% auto 10%;
		display: block;
		position: relative;
	}
	#news_info article .txtbox .txt{
		font-family: "Noto Sans Japanese","ryo-display-plusn";
		font-size: 12px;
		letter-spacing: 1px;
		line-height: 1.5;
		text-align: left;
	}
	#news_info article .txtbox .txt_bold{
		font-size: 16px;
		color: #E5494C;
		letter-spacing: 1px;
		line-height: 1.5;
		margin: 3% 0 1px -13px;
		text-align: left;
	}
	#news_info .next{
		width: 50%;
		margin: 6% auto;
	}
}



/* NEW ARRIVAL */
#new_arrival{ margin: 0 auto 0; padding: 0px 0 0 0; width: 100%; background: #fff; max-width: 1100px;}
#new_arrival h2.title{ width: 26%; margin: 0 auto; padding: 5% 0 2%}

#new_arrival .inner{
	width: 62%;
	margin: 5% auto 5%;
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center;
}
#new_arrival .left_kazari,
#new_arrival .right_kazari{
	width: 50px;
}
#new_arrival .inner .cover{ width: 70%; padding: 0 3%;}
#new_arrival .inner .photo{ width: 100%;}
#new_arrival .inner .kazari_over{ width: 80%; margin: -10% auto 0; opacity: 0.8; z-index: 99;}
#new_arrival .inner .txtbox{
	width: 100%;
	margin: -24% auto 0;
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center;
	z-index: 100;
}
#new_arrival .inner .txtbox .left{ width: 50%;z-index: 100;}
#new_arrival .inner .txtbox .left .title{ width: 80%; margin: 0 0 5% 0;}
#new_arrival .inner .txtbox .left .bar{ width: 100%; height: 1px; background: rgba(77,72,72,0.60);}
#new_arrival .inner .txtbox .left .sub{ margin: 3% 0; font-family: "Mplus 1p"; font-size: 12px; letter-spacing: 3px; } 
#new_arrival .inner .txtbox .right{ width: auto;z-index: 100;}
#new_arrival .inner .txtbox .right .txt{ font-family: "Mplus 1p"; font-size: 12px; letter-spacing: 3px; }

@media only screen and (max-width: 860px){
	#new_arrival{ margin: 0 auto 0; padding: 0px 0 0 0; width: 100%; background: #fff; max-width: 1100px;}
	#new_arrival h2.title{ width: 50%; margin: 0 auto; padding: 10% 0 2%}

	#new_arrival .inner{
		width: 100%;
		margin: 5% auto 5%;
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: center; /* Safari */
		align-items: center;
	}
	#new_arrival .left_kazari,
	#new_arrival .right_kazari{
		width: 30px;
	}
	#new_arrival .inner .cover{ width: 80%; padding: 0 3%;}
	#new_arrival .inner .photo{ width: 100%;}
	#new_arrival .inner .kazari_over{ width: 80%; margin: -10% auto 0; opacity: 0.8; z-index: 99;}
	#new_arrival .inner .txtbox{
		width: 100%;
		margin: -24% auto 0;
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: center; /* Safari */
		align-items: center;
		z-index: 100;
	}
	#new_arrival .inner .txtbox .left{ width: 50%;z-index: 100;}
	#new_arrival .inner .txtbox .left .title{ width: 80%; margin: 0 0 5% 0;}
	#new_arrival .inner .txtbox .left .bar{ width: 100%; height: 1px; background: rgba(77,72,72,0.60);}
	#new_arrival .inner .txtbox .left .sub{ margin: 3% 0; font-family: "Mplus 1p"; font-size: 10px; letter-spacing: 2px; } 
	#new_arrival .inner .txtbox .right{ width: 50%; padding: 0 0 0 5%; z-index: 100;}
	#new_arrival .inner .txtbox .right .txt{ font-family: "Mplus 1p"; font-size: 10px; letter-spacing: 2px; }

}

/* collection */
#collection{ margin: -80px auto 0; padding: 80px 0 0 0; max-width: 1100px;}
#collection h2.title{ width: 25%; margin: 0% auto;} 
#collection .basic{ width: 100%; margin: 5% auto;}
#collection .basic .inner{
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center;
}
#collection .basic .kazari_left,#collection .basic .kazari_right{ width: 10%;}

#collection .basic ul{
	width: 70%;
	margin: 0;
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: flex-end; /* Safari */
    align-items:flex-end;
}
#collection .basic ul .photo{ width: 50%; }
#collection .basic ul .photo{ 
	overflow: hidden; 
	width: 85%; 
	z-index: 99; 
	background: #2f3238; 
	max-height: 240px;
	-webkit-transition: all .6s cubic-bezier(0.25,0.1,0.2,1);
  -moz-transition: all .6s cubic-bezier(0.25,0.1,0.2,1);
  transition: all .6s cubic-bezier(0.25,0.1,0.2,1);
}
@media only screen and (min-width: 1281px){
	#collection .basic ul .photo{
		max-height: 300px;
		width: 55%; 
	}
}

#collection .basic ul .photo img {
	max-width: none;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0.8;
}

#collection .basic li:hover .photo img {
	opacity: 1;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}


#collection .basic ul .txtbox{ width: 50%;padding: 0 0 0 8%;}
#collection .basic ul .txtbox .title{ width: 70%; margin: 0 0 5% 0;}
#collection .basic ul .txtbox .bar{ width: 60%; height: 1px; background: rgba(77,72,72,0.60);}
#collection .basic ul .txtbox .sub{ margin: 3% 0 0; font-family: "Mplus 1p"; font-size: 12px; letter-spacing: 3px; } 
#collection .list ul{
	width: 73%;
	margin: 5% auto;
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center;
	-webkit-flex-wrap: wrap; /* Safari */
    flex-wrap:         wrap;
}
#collection .list li{ width: 50%; padding: 2%;}
#collection .list li .photo{ 
	overflow: hidden; 
	width: 100%; 
	z-index: 99; 
	background: rgba(249,246,230,1.00); 
	max-height: 240px;
	-webkit-transition: all .6s cubic-bezier(0.25,0.1,0.2,1);
  -moz-transition: all .6s cubic-bezier(0.25,0.1,0.2,1);
  transition: all .6s cubic-bezier(0.25,0.1,0.2,1);
}
#collection .list li .photo img {
	max-width: none;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0.8;
}

#collection .list li:hover .photo img {
	opacity: 1;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

#collection .list ul .txtbox .title{ 
	width: 60%;
	margin: 5% 0 5% 0;
}
/* アイテム　14からタイトル表示 */
#collection .list ul .collection14 .txtbox .title{ 
	width: 60%;
	height: 56px;
	background-image: url(../img/collection/collection_14_txt.png);
	background-size: contain;
}
#collection .list ul .collection15 .txtbox .title{ 
	width: 60%;
	height: 56px;
	background-image: url(../img/collection/collection_15_txt.png);
	background-size: contain;
}
#collection .list ul .collection16 .txtbox .title{ 
	width: 60%;
	height: 56px;
	background-image: url(../img/collection/collection_16_txt.png);
	background-size: contain;
}
#collection .list ul .collection17 .txtbox .title{ 
	width: 60%;
	height: 56px;
	background-image: url(../img/collection/collection_17_txt.png);
	background-size: contain;
}
#collection .list ul .collection18 .txtbox .title{ 
	width: 60%;
	height: 56px;
	background-image: url(../img/collection/collection_18_txt.png);
	background-size: contain;
}
#collection .list ul .collection19 .txtbox .title{ 
	width: 60%;
	height: 56px;
	background-image: url(../img/collection/collection_19_txt.png);
	background-size: contain;
}
#collection .list ul .collection20 .txtbox .title{ 
	width: 60%;
	height: 56px;
	background-image: url(../img/collection/collection_20_txt.png);
	background-size: contain;
}
#collection .list ul .txtbox .title_swim{ width: 30%; margin: 5% 0 5% 0;}
#collection .list ul .txtbox .bar{ width: 60%; height: 1px; background: rgba(77,72,72,0.60);}
#collection .list ul .txtbox .sub{ margin: 3% 0 0; font-family: "Mplus 1p"; font-size: 12px; letter-spacing: 3px; } 
#collection .more{ width: 15%; margin: 10% auto;}


#collection .colabotitle{ width: 90%; margin: 10% auto 5%;}

@media only screen and (max-width: 860px){
	#collection{ margin: -80px auto 0; padding: 80px 0 0 0; max-width: 1100px;}
	#collection h2.title{ width: 50%; margin: 0% auto;} 
	#collection .basic{ width: 100%; margin: 5% auto;}
	#collection .basic .inner{
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: center; /* Safari */
		align-items: center;
	}
	#collection .basic .kazari_left,#collection .basic .kazari_right{ width: 8%;}

	#collection .basic ul{
		width: 80%;
		margin: 0 auto;
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: center; /* Safari */
		align-items: center;
	}
	#collection .basic ul .photo{ width: 100%; }
	#collection .basic ul .photo{ 
		overflow: hidden; 
		z-index: 99;
		max-height: 240px;
		-webkit-transition: all .6s cubic-bezier(0.25,0.1,0.2,1);
	  -moz-transition: all .6s cubic-bezier(0.25,0.1,0.2,1);
	  transition: all .6s cubic-bezier(0.25,0.1,0.2,1);
	}
	#collection .basic ul .photo img {
		max-width: none;
		-webkit-transition: opacity 1s, -webkit-transform 1s;
		transition: opacity 1s, transform 1s;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		opacity: 0.8;
	}

	#collection .basic li:hover .photo img {
		opacity: 1;
		-webkit-transform: scale3d(1.1,1.1,1);
		transform: scale3d(1.1,1.1,1);
	}


	#collection .basic ul .txtbox{ width: 100%;padding: 0 0 0 8%;}
	#collection .basic ul .txtbox .title{ width: 70%; margin: 0 0 5% 0;}
	/* アイテム　14からタイトル表示 */
	#collection .list ul .collection14 .txtbox .title{ 
		width: 60%;
		height: 30px;
		background-image: url(../img/collection/collection_14_txt.png);
		background-size: contain;
	}
	#collection .list ul .collection15 .txtbox .title{ 
		width: 60%;
		height: 30px;
		background-image: url(../img/collection/collection_15_txt.png);
		background-size: contain;
	}
	#collection .list ul .collection16 .txtbox .title{ 
		width: 60%;
		height: 30px;
		background-image: url(../img/collection/collection_16_txt.png);
		background-size: contain;
	}
	#collection .list ul .collection17 .txtbox .title{ 
		width: 60%;
		height: 30px;
		background-image: url(../img/collection/collection_17_txt.png);
		background-size: contain;
	}
	#collection .list ul .collection18 .txtbox .title{ 
		width: 60%;
		height: 30px;
		background-image: url(../img/collection/collection_18_txt.png);
		background-size: contain;
	}
	#collection .list ul .collection19 .txtbox .title{ 
		width: 60%;
		height: 30px;
		background-image: url(../img/collection/collection_19_txt.png);
		background-size: contain;
	}
	#collection .list ul .collection20 .txtbox .title{ 
		width: 60%;
		height: 30px;
		background-image: url(../img/collection/collection_20_txt.png);
		background-size: contain;
	}
	#collection .basic ul .txtbox .bar{ width: 60%; height: 1px; background: rgba(77,72,72,0.60);}
	#collection .basic ul .txtbox .sub{ margin: 3% 0 0; font-family: "Mplus 1p"; font-size: 10px; letter-spacing: 3px; } 
	#collection .list ul{
		width: 86%;
		margin: 8% auto;
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: center; /* Safari */
		align-items: center;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap:         wrap;
	}
	#collection .list li{ width: 50%; padding: 2%; margin: 0 0 10% 0;}
	#collection .list li .photo{ 
		overflow: hidden; 
		width: 100%; 
		z-index: 99; 
		background: rgba(249,246,230,1.00); 
		max-height: 240px;
		-webkit-transition: all .6s cubic-bezier(0.25,0.1,0.2,1);
	  -moz-transition: all .6s cubic-bezier(0.25,0.1,0.2,1);
	  transition: all .6s cubic-bezier(0.25,0.1,0.2,1);
	}
	#collection .list li .photo img {
		max-width: none;
		-webkit-transition: opacity 1s, -webkit-transform 1s;
		transition: opacity 1s, transform 1s;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		opacity: 0.8;
	}

	#collection .list li:hover .photo img {
		opacity: 1;
		-webkit-transform: scale3d(1.1,1.1,1);
		transform: scale3d(1.1,1.1,1);
	}

	#collection .list ul .txtbox .title{ width: 80%; margin: 8% 0 8% 0;}
	#collection .list ul .txtbox .bar{ width: 60%; height: 1px; background: rgba(77,72,72,0.60);}
	#collection .list ul .txtbox .sub{ margin: 3% 0 0; font-family: "Mplus 1p"; font-size: 9px; letter-spacing: 1px; } 
	#collection .more{ width: 45%; margin: 10% auto;}
	
}


/* SHOP INFO */
#shop_info{ margin: -80px auto 0; padding: 80px 0 0 0; max-width: 1100px; color: rgba(37,37,37,1.00);}
#shop_info h2.title{ width: 25%; margin: 0% auto;} 
#shop_info .txtbox { position: relative; margin: 1% auto 5%; text-align: center;}
#shop_info .txtbox .bg_img{ width: 30%; margin: 0 auto}
#shop_info .txtbox .txt{ margin: -10% 0 0 0;font-family: "ryo-display-plusn"; font-size: 18px;}
#shop_info .txtbox .txt span{ margin: 2% auto 0; display: block; letter-spacing: 1px; width: 100%; line-height: 1.5; font-family: "Noto Sans Japanese"; font-size: 12px;}


#shop_info ul{ margin: 5% auto;}
#shop_info ul li{ background: #fff; width: 100%; padding: 5% 5% 3%; margin: 0 auto 2%;}


#shop_info ul li ar{-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;}
#shop_info ul li a:hover{ opacity: 0.3; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;}
#shop_info ul .official{ width: 68%; margin: 0% auto; padding: 0 0 1% 0; }

#shop_info ul .kera{ width: 58%; margin: 0 auto;padding: 0 0 1% 0;}
#shop_info ul .shop_txt{ text-align: center; color: rgba(132,132,132,1.00); line-height: 1.8; font-family: "Noto Sans Japanese"; font-size: 11px;margin: 6% auto 0;}

@media only screen and (max-width: 860px){
	#shop_info{ margin: -80px auto 0; padding: 80px 0 0 0; max-width: 1100px;}
	#shop_info h2.title{ width: 60%; margin: 0% auto;} 
	#shop_info .txtbox { position: relative; margin: 1% auto 5%; text-align: center;}
	#shop_info .txtbox .bg_img{ width: 30%; margin: 0 auto}
	#shop_info .txtbox .txt{ margin: -10% 0 0 0;font-family: "ryo-display-plusn"; font-size: 15px;}
	#shop_info .txtbox .txt span{ margin: 2% auto 0; display: block; letter-spacing: 1px; width: 100%; line-height: 1.5; font-family: "Noto Sans Japanese"; font-size: 11px;}
	
	#shop_info ul{ margin: 5% auto;}
	#shop_info ul li{ background: #fff; width: 90%; padding: 10% 3% 3%; margin: 0 auto 5%;}


	#shop_info ul li ar{-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;}
	#shop_info ul li a:hover{ opacity: 0.3; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;}
	#shop_info ul .official{ width: 98%; margin: 0% auto; padding: 0 0 1% 0; }

	#shop_info ul .kera{ width:98%; margin: 0 auto;padding: 0 0 1% 0;}
	#shop_info ul .shop_txt{ text-align: center; color: rgba(132,132,132,1.00); line-height: 1.8; font-family: "Noto Sans Japanese"; font-size: 10px;margin: 6% auto 0;}
}

/* MODELS */
#models{ width: 100%; margin: 0 auto; padding: 0 0 5% 0; max-width: 1100px;}
#models h2.title{ width: 25%; margin: 6% auto;} 
#models ul{
	max-width: 600px;
	width: 55%; 
	margin: 0 auto;
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center;
}
#models li{ width: 33.333333%; margin: 0 auto; padding: 2%;}
#models .link{ width: 20%; margin: 3% auto;}
#models .photo{ width: 40%; margin: 8% auto 5%;}

@media only screen and (max-width: 860px){
	#models{ width: 100%; margin: 0 auto; padding: 0 0 5% 0; max-width: 1100px;}
	#models h2.title{ width: 50%; margin: 15% auto 10%;} 
	#models ul{
		width: 70%; 
		margin: 0 auto;
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: center; /* Safari */
		align-items: center;
	}
	#models li{ width: 33.333333%; margin: 0 auto; padding: 2%;}
	#models .link{ width: 60%; margin: 8% auto;}
	#models .photo{ width: 40%; margin: 8% auto 5%;}	
	
}
#btm_info{ margin: 0 auto; background: #fff; padding: 0 0 8vh;}

#btm_info .other_site ul{
	max-width: 800px;
	width: 60%; 
	margin: 6% auto;
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center;
}
#btm_info .other_site li{ width: 33.333333%; margin: 0 auto; padding: 1%;}
#btm_info .sns{
	width: 10%;
	margin: 0 auto;
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center;
}
#btm_info .sns li{ width: 33.33333%; margin: 0; padding: 0 6%;}
#btm_info .list{ 
	width: 40%;
	margin: 5% auto;
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center;
}
@media only screen and (max-width: 860px){
	#btm_info{ margin: 0 auto; background: #fff; padding: 0 0 8vh;}

	#btm_info .other_site ul{
		max-width: 800px;
		width: 90%; 
		margin: 15% auto 10%;
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: center; /* Safari */
		align-items: center;
	}
	#btm_info .other_site li{ width: 33.333333%; margin: 0 auto; padding: 1%;}
	#btm_info .sns{
		width: 30%;
		margin: 0 auto 5%;
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: center; /* Safari */
		align-items: center;
	}
	#btm_info .sns li{ width: 33.33333%; margin: 0; padding: 0 6%;}
	#btm_info .list{ 
		width: 40%;
		margin: 5% auto;
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: center; /* Safari */
		align-items: center;
	}
	
}
footer{
	width: 100%;
	height: 8vh;
	background:rgba(255,255,255,0.76);
    position: fixed;
	bottom: 0; 
	left: 0;
	z-index: 1001;
	padding: 0 4%;
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center;
	box-sizing: border-box;
}
footer p{ width: auto;}
footer .copy{ width: 50%; font-size: 9px; letter-spacing: 1px; text-align: left;}
footer .contact{ text-align: right; width: 50%;}
footer .btm_kazari{ width: 10%; position: absolute; left: 50%; bottom: 48%; margin-left: -5%; z-index: 1002;}

/* pajyama
----------------------------------*/

.pajyama { width: 100%; height: auto; margin: 0 auto ; background: url(../img/cover1.png); background-size: cover;}

.pajyama .main_visual {background: url(../img/pajyama/001.jpg) no-repeat; background-size:cover; padding-top:40%; height:0; position:relative; width: 70%; margin: 0 auto; border-radius: 30px; top: 80px;}
.pajyama .main_visual h1 {position:absolute; top:0;margin-top: 30%; width:100%; padding: 2%; text-align:center; font-size:30px; color:#333; background-color: rgba(255,255,255,0.8);}
.pajyama .img_box { width: 70%; height: auto; margin: 100px auto;}
.pajyama .inner{ margin: 50px auto;}
.pajyama .inner .left{ float: left; width: 30%; padding: 5%;}
.pajyama .inner .left img{ max-width: 100%; width: 100%; height: auto;}
.pajyama .inner .right{ float: right; width: 55%; margin-left: 5%;}
.pajyama .inner .photo{ float: left; width: 30%;}
.pajyama .inner .photo img{ max-width: 100%; width: 100%; height: auto;}
.moji_pink{background:url(../img/pajyama/pink_moji.png) no-repeat; width: 200px; height: 80px; background-size: contain; margin: 150px 0 0 0 ;}
.moji_perple{background:url(../img/pajyama/perple_moji.png) no-repeat; width: 250px; height: 80px; background-size: contain; margin: 150px 0 0 0 ;}
.moji_mint{background:url(../img/pajyama/mint_moji.png) no-repeat; width: 200px; height: 80px; background-size: contain; margin: 150px 0 0 0 ;}

@media only screen and (max-width: 860px){
	.pajyama { width: 100%; height: auto; margin: 0 auto ; background: url(../img/cover1.png); background-size: cover; padding-bottom: 0px;}

	.pajyama .main_visual {background: url(../img/pajyama/001.jpg) no-repeat; background-size:cover; background-position: center;padding-top:100%; height:0; position:relative; width: 100%; margin: 0 auto; border-radius: 30px; top: 40px;}
	.pajyama .main_visual h1 {position:absolute; top:0;margin-top: 50%; width:100%; padding: 2%; text-align:center; font-size:30px; color:#333; background-color: rgba(255,255,255,0.8);}
	.pajyama .main_visual h1 img{ max-width: 80%; width: 100%; height: auto;}
	.pajyama .img_box { width: 100%; height: auto; margin: 100px auto;}
	.pajyama .inner{ margin: 50px auto;}
	.pajyama .inner .left{ float: none; width: 60%; margin: 0 auto;}
	.pajyama .inner .left img{ max-width: 100%; width: 100%; height: auto;}
	.pajyama .inner .right{ float: none; width: 100%; margin-left: 0;}
	.pajyama .inner .photo{ float: left; width: 30%; margin: 1.5%}
	.pajyama .inner .photo img{ max-width: 100%; width: 100%; height: auto;}
	.moji_pink{background:url(../img/pajyama/pink_moji.png) no-repeat; width: 100px; height: 80px; background-size: contain; margin: 30px auto 0 ;}
	.moji_perple{background:url(../img/pajyama/perple_moji.png) no-repeat; width: 150px; height: 80px; background-size: contain; margin: 30px auto 0 ;}
	.moji_mint{background:url(../img/pajyama/mint_moji.png) no-repeat; width: 100px; height: 80px; background-size: contain; margin: 30px auto 0 ;}

	.pajyama .images {width:80%; margin:0 auto 140px;}
	.pajyama .images img {width:100%; margin-bottom:30px; border-radius:12px;}
}

/* gf
----------------------------------*/

.gf { width: 100%; height: auto; margin: 0 auto ; background: url(../img/collection/sweetgingham/gf_back.png) #F9EFE8; background-size: contain; font-family: "ryo-display-plusn" !important;}
.gf img{ width: 100%; height: auto; max-width: 100%;}
.gf .main_visual {background:url(../img/collection/sweetgingham/001.jpg) no-repeat; background-size:cover; padding-top:60%; height:0; position:relative; width: 100%; margin: 0 auto;}
.gf .logo { position: absolute; left: 50%; margin-top: -40%; margin-left: -35%; width: 20%;}
.gf .img_box { width: 66%; height: auto; margin: 100px auto 0;}
.gf .left{ float: left;}
.gf .right{ float: right;}
.gf .hana{ background: url(../img/collection/sweetgingham/gf_hana.png) no-repeat; background-size: contain; width: 100px; height: 100px; margin: 160px 0 0 0;}
.gf .hana2{ background: url(../img/collection/sweetgingham/gf_hana2.png) no-repeat; background-size: contain; width: 100px; height: 100px; margin: 160px 0 0 0;}
.gf .name_s{ background: url(../img/collection/sweetgingham/gingham_logo.png) no-repeat; background-size: contain; height: 80px; width: 500px; margin: -20px 0 30px 0;}
.gf .name_f{ background: url(../img/collection/sweetgingham/flower_logo.png) no-repeat; background-size: contain; height: 80px; width: 500px; margin: -20px 0 30px 0;}.gf .text{ font-size: 15px; margin: 0 0 20px 0;}
.gf .size{ font-size: 11px;}
.gf .info_img { width: 60%;}
.gf .info{ width: 40%;}
.gf .photo{ width: 60%;}
.gf .photo2{ width: 40%;}
.gf .photo3{ width: 44%;} 
.gf .photo4{ width: 56%;} 
.gf .buy{ background: url(../img/collection/sweetgingham/buy_icon.png) no-repeat; background-size: contain; width: 150px; height: 80px; margin: 30px 0 0 0;}

@media only screen and (max-width: 860px){
	.gf { width: 100%; height: auto; margin: 0 auto ; background: url(../img/collection/sweetgingham/gf_back.png) #F9EFE8; background-size: contain;}
	.gf img{ width: 100%; height: auto; max-width: 100%;}
	.gf .main_visual {background:url(../img/collection/sweetgingham/001_sp.jpg) no-repeat; background-size:cover; padding-top: 500px; height:0; position:relative; width: 100%; margin: 0 auto;}
	.gf .logo { position: absolute;left: 0%;margin-top: -70%; margin-left: 0px; width: 40%;}
	.gf .img_box { width: 100%; height: auto; margin: 100px auto 0;}
	.gf .left{ float: none;}
	.gf .right{ float: none;}
	.gf .hana{ background: url(../img/collection/sweetgingham/gf_hana.png) no-repeat; background-size: contain; width: 60px; height: 60px; margin: 0;}
	.gf .hana2{ background: url(../img/collection/sweetgingham/gf_hana2.png) no-repeat; background-size: contain; width: 60px; height: 60px; margin: 0;}
	.gf .name_s{ background: url(../img/collection/sweetgingham/gingham_logo.png) no-repeat; background-size: contain; height: 60px; width: 100%; margin: -20px 0 30px 0;}
	.gf .name_f{ background: url(../img/collection/sweetgingham/flower_logo.png) no-repeat; background-size: contain; height: 60px; width: 100%; margin: 0px 0 30px 0;}
	.gf .text{ font-size: 15px; margin: 0 0 20px 0;}
	.gf .size{ font-size: 11px;}
	.gf .info_img { width: 100%;}
	.gf .info{ width: 80%; margin: 0 auto;}
	.gf .photo{ width: 90%; margin: 0 auto;}
	.gf .photo2{ width: 90%; margin: 0 auto;}
	.gf .photo3{ width: 90%; margin: 0 auto;} 
	.gf .photo4{ width: 90%; margin: 0 auto;} 
	.gf .buy{ background: url(../img/collection/sweetgingham/buy_icon.png) no-repeat; background-size: contain; width: 150px; height: 80px; margin: 30px 0 0 0;}
}

/* mermaid
----------------------------------*/
.mermaid{ background: url(../img/007/bg005.png); background-attachment: fixed;}
.mermaid .inner{ width: 90%; margin: 0 auto; max-width: 500px;}
.mermaid .inner .section01{ position:relative; padding: 10% 0;}
.mermaid .inner .section01 .img_box{ width: 100%; margin: 0 auto;}
.mermaid .inner .section01 .txt_box{ width: 80%; margin: -80px auto 100px;}
.mermaid .inner .section02{ position: relative; height: auto;}
.mermaid .inner .section02 .img_box01{ width: 70%; float: right;}
.mermaid .inner .section02 .img_box02{ width: 85%; margin: -50px 0 0 -20px; float: left;}
.mermaid .inner .section02 .img_box03{ width: 66%; float: left; margin: -40px 0 0 5%;}
.mermaid .inner .section02 .img_box04{ width: 75%; float: right; margin: -32% -10px 0 0;}

.mermaid .inner .section03 { padding: 80px 0;}
.mermaid .inner .section03 .txt_box{ width: 80%; margin: -20px auto 0;}
.mermaid .inner .section03 .txt_box .fs13{ font-size: 13px; font-weight: bold; line-height: 24px; margin: 20px 0; display: block;}
.mermaid .inner .section03 .txt_box .fs10{ font-size: 10px; line-height: 18px; margin: 20px 0; display: block;}

.mermaid .inner .link p a{ width: 80%; margin: 0 auto; padding: 10px 0 150px; font-size: 18px; border-bottom: 1px dotted #fff; color: rgba(49,49,49,0.81); display: block;}

.mermaid #footer{ font-size: 12px; text-align: center; padding: 80px 0 20px;}

@media only screen and (max-width: 860px){
	.mermaid{ background: url(../img/007/bg005.png); background-attachment: fixed;}
	.mermaid .inner{ width: 90%; margin: 0 auto;}
	.mermaid .inner .section01{ position:relative; padding: 10% 0;}
	.mermaid .inner .section01 .img_box{ width: 100%; margin: 0 auto;}
	.mermaid .inner .section01 .txt_box{ width: 80%; margin: -80px auto 100px;}
	.mermaid .inner .section02{ position: relative; height: auto;}
	.mermaid .inner .section02 .img_box01{ width: 70%; float: right;}
	.mermaid .inner .section02 .img_box02{ width: 85%; margin: -50px 0 0 -20px; float: left;}
	.mermaid .inner .section02 .img_box03{ width: 66%; float: left; margin: -40px 0 0 5%;}
	.mermaid .inner .section02 .img_box04{ width: 75%; float: right; margin: -32% -10px 0 0;}

	.mermaid .inner .section03 { padding: 80px 0;}
	.mermaid .inner .section03 .txt_box{ width: 80%; margin: -20px auto 0;}
	.mermaid .inner .section03 .txt_box .fs13{ font-size: 13px; font-weight: bold; line-height: 24px; margin: 20px 0; display: block;}
	.mermaid .inner .section03 .txt_box .fs10{ font-size: 10px; line-height: 18px; margin: 20px 0; display: block;}

	.mermaid .inner .link p a{ width: 80%; margin: 0 auto; padding: 10px 0 150px; font-size: 18px; border-bottom: 1px dotted #fff; color: rgba(49,49,49,0.81); display: block;}

	.mermaid #footer{ font-size: 12px; text-align: center; padding: 80px 0 20px;}
}
/* gold label
----------------------------------*/

#innocentdream{ font-weight: 300; color: #777; background-color: #f0f0f0; line-height: 1.6;}
#innocentdream .title{ position: fixed; top: 20%; right: 4%; font-size: 10px; letter-spacing: 2px;}
#innocentdream ul{ max-width: 800px; margin: 0 auto; width: 82%; padding: 8% 0 0;}
#innocentdream ul li{ padding: 0 0 80px 0;}
#innocentdream .sentence{ max-width: 800px; margin: 0 auto; width: 82%; padding: 5% 5% 15%; box-sizing: border-box;}
#innocentdream .sentence h1 { font-size: 18px; letter-spacing: 1px; margin: 20px 0;}
#innocentdream .sentence .txt{ font-size: 11px;}
#innocentdream .sentence .spec{ font-size: 9px; margin: 10px 0 0 0;}

#passion{ font-weight: 300; color: #777; background-color: #f0f0f0; line-height: 1.6;}
#passion .title{ position: fixed; top: 20%; right: 4%; font-size: 10px; letter-spacing: 2px;}
#passion ul{ max-width: 600px; margin: 0 auto; width: 82%; padding: 8% 0 0;}
#passion ul li{ padding: 0 0 80px 0;}
#passion .sentence{ max-width: 800px; margin: 0 auto; width: 82%; padding: 5% 5% 15%; box-sizing: border-box;}
#passion .sentence h1 { font-size: 18px; letter-spacing: 1px; margin: 20px 0;}
#passion .sentence .txt{ font-size: 11px;}
#passion .sentence .spec{ font-size: 9px; margin: 10px 0 0 0;}


@media only screen and (max-width: 860px){
	#innocentdream{ font-weight: 300; color: #777; background-color: #f0f0f0; line-height: 1.6;}
	#innocentdream .title{ position: absolute; top: 110px; left: 8%; font-size: 10px; letter-spacing: 2px; color: #3D3D3D;}
	#innocentdream ul{ max-width: 800px; margin: 0 auto; width: 82%; padding: 220px 0 0;}
	#innocentdream ul li{ padding: 0 0 40px 0;}
	#innocentdream .sentence{ max-width: 800px; margin: 0 auto; width: 82%; padding: 5% 0% 15%; box-sizing: border-box;}
	#innocentdream .sentence h1 { font-size: 18px; letter-spacing: 1px; margin: 20px 0;}
	#innocentdream .sentence .txt{ font-size: 11px;}
	#innocentdream .sentence .spec{ font-size: 9px; margin: 10px 0 0 0;}
	
    #passion{ font-weight: 300; color: #777; background-color: #f0f0f0; line-height: 1.6;}
	#passion .title{ position: absolute; top: 110px; left: 8%; font-size: 10px; letter-spacing: 2px; color: #3D3D3D;}
	#passion ul{ max-width: 800px; margin: 0 auto; width: 82%; padding: 220px 0 0;}
	#passion ul li{ padding: 0 0 40px 0;}
	#passion .sentence{ max-width: 800px; margin: 0 auto; width: 82%; padding: 5% 0% 15%; box-sizing: border-box;}
	#passion .sentence h1 { font-size: 18px; letter-spacing: 1px; margin: 20px 0;}
	#passion .sentence .txt{ font-size: 11px;}
	#passion .sentence .spec{ font-size: 9px; margin: 10px 0 0 0;}
}

/* basic main
----------------------------------*/

#basic_main{ background-color: #fafafa; line-height: 1.6; font-family: "tbchibirgothicplusk-pro"; padding: 0 0 180px 0;}
#basic_main .title{ font-size: 10px; max-width: 800px;margin: 0 auto; width: 82%; box-sizing: border-box; letter-spacing: 2px; padding: 8% 580px 0 3%;}
#basic_main ul{ max-width: 800px; margin: 0 auto; width: 82%; padding: 8% 0 0;}
#basic_main li{ width: 33.333333%; height: 300px; float: left; padding: 0 3% 5%; box-sizing: border-box;}

@media only screen and (max-width: 860px){
	#basic_main{ background-color: #fafafa; line-height: 1.6; font-family: "tbchibirgothicplusk-pro"; padding: 0 0 80px 0;}
	#basic_main .title{ font-size: 10px; max-width: 800px; margin: 0 auto; width: 42%; padding: 25% 3% 0; letter-spacing: 2px;}
	#basic_main li{ width: 50%; height: auto; float: left; padding: 0 3% 5%; box-sizing: border-box;}
}

/* f10
----------------------------------*/

#f10{ font-weight: 300; color: #777; background-color: #EBF3F5; line-height: 1.6; font-family: "tbchibirgothicplusk-pro";}
#f10 .title{ position: fixed; top: 20%; right: 4%; font-size: 10px; letter-spacing: 2px;}
#f10 ul{ max-width: 700px; margin: 0 auto; width: 82%; padding: 8% 0 0;}
#f10 ul li{ padding: 0 0 80px 0;}
#f10 .sentence{ max-width: 700px; margin: 0 auto; width: 82%; padding: 0 5% 8%; box-sizing: border-box;}
#f10 .sentence h1 { font-size: 18px; letter-spacing: 1px; margin: 40px 0;}
#f10 .sentence h1 span{border-bottom: 1px dotted #777;}
#f10 .sentence .txt{ font-size: 11px;}
#f10 .sentence .spec{ font-size: 9px; margin: 10px 0 0 0;}

@media only screen and (max-width: 860px){
	#f10{ font-weight: 300; color: #777; background-color: #f0f0f0; line-height: 1.6;}
	#f10 .title{ position: absolute; top: 110px; left: 8%; font-size: 10px; letter-spacing: 2px; color: #3D3D3D;}
	#f10 ul{ max-width: 800px; margin: 0 auto; width: 82%; padding: 220px 0 0;}
	#f10 ul li{ padding: 0 0 40px 0;}
	#f10 .sentence{ max-width: 800px; margin: 0 auto; width: 82%; padding: 5% 0% 15%; box-sizing: border-box;}
	#f10 .sentence h1 { font-size: 18px; letter-spacing: 1px; margin: 20px 0;}
	#f10 .sentence .txt{ font-size: 11px;}
	#f10 .sentence .spec{ font-size: 9px; margin: 10px 0 0 0;}
}

/* f11
----------------------------------*/

#f11{ font-weight: 300; color: #777; background: url(../img/011/bg.jpg); padding: 0 0 100px 0; font-family: "tbchibirgothicplusk-pro";}
#f11 .title{ position: fixed; top: 20%; right: 4%; font-size: 10px; letter-spacing: 2px;}
#f11 ul{ max-width: 700px; margin: 0 auto; width: 82%; padding: 8% 0 0;}
#f11 ul li{ padding: 50px 90px 50px ; background: #FFFFFF; margin: 0 0 40px 0;}
#f11 ul li img{ border-radius: 16px;}
#f11 .sentence{ max-width: 700px; margin: 0 auto; width: 82%; padding: 50px 90px 50px ; background: #FFFFFF; border-radius: 16px; box-sizing: border-box;}
#f11 .sentence h1 { font-size: 18px; letter-spacing: 1px;}
#f11 .sentence h1 span{border-bottom: 1px dotted #777;}
#f11 .sentence .txt{ font-size: 11px;}
#f11 .sentence .spec{ font-size: 9px; margin: 30px 0 0 0; line-height: 15px;}

@media only screen and (max-width: 860px){
	#f11{ font-weight: 300; color: #777; background: url(../img/011/bg.jpg); line-height: 1.6;}
	#f11 .title{ position: absolute; top: 110px; left: 8%; font-size: 10px; letter-spacing: 2px; color: #3D3D3D;}
	#f11 ul{ max-width: 800px; margin: 0 auto; width: 82%; padding: 220px 0 0;}
	#f11 ul li{ padding: 20px 3% 20px ; background: #FFFFFF;}
	#f11 .sentence{ max-width: 800px; margin: 0 auto; width: 82%; padding: 5% 20px 15%; box-sizing: border-box;}
	#f11 .sentence h1 { font-size: 18px; letter-spacing: 1px; margin: 20px 0;}
	#f11 .sentence .txt{ font-size: 11px;}
	#f11 .sentence .spec{ font-size: 9px; margin: 10px 0 0 0;}
}


/* sugarysnow
----------------------------------*/
#sugarysnow{ background: #fffffa;}
.sugarysnow_inner{ max-width: 900px; margin: 0 auto; padding: 20px 0; position: relative;}
#sugarysnow .top_img{ width: 470px; margin: 0 0 0 50px;}
#sugarysnow .top_title{ position:absolute; top: 400px; right: 90px;}
#sugarysnow .bar{ width: 140px; margin: 0 auto; padding: 12% 0;}
#sugarysnow .bar2{ width: 140px; margin: 0 auto; padding: 12% 0;}
#sugarysnow #top_img { width: 450px; margin: 0 auto;}

#sugarysnow .img01{ width: 50%; float: left;}
#sugarysnow .txt_01{ width: 50%; float: left; padding: 20% 5% 0; box-sizing: border-box;}
#sugarysnow .information{ width: 70%; padding: 20% 5% 0; box-sizing: border-box;}
#sugarysnow .sentence{ font-size: 11px; margin: 20px 30px 0 40px; letter-spacing: 1px; line-height: 17px;}
#sugarysnow .img_02{ width: 55%; float: right; margin: 3% 5% 0 40%;}
#sugarysnow .img_03{ width: 100%; float: left; box-sizing: border-box; padding: 0 42% 0 14%; margin: -24% 0 0 0;}

#sugarysnow ul{ width: 80%; margin: 2% auto; display: block;}
#sugarysnow li{ width: 50%; float: left; padding: 0 3%; box-sizing: border-box;}
@media only screen and (max-width: 860px){
	.sugarysnow_inner{ max-width: 500px; margin: 0 auto; padding: 10px 0 0; position: relative;}
	#sugarysnow .top_img{ width: 80%; margin:0 0 0 20px;}
	#sugarysnow .top_title{ position:absolute; top: 440px; right: 10px;}
	#sugarysnow .bar{ width: 140px; margin: 0 auto; padding: 180px 0 80px;}
	#sugarysnow .bar2{ width: 140px; margin: 0 auto; padding: 80px 0 80px;}
	#sugarysnow .slider{ width: 90%; margin: 0 auto;}
	
	#sugarysnow .img01{ width: 80%; float: none; margin: 0 auto;}
	#sugarysnow .txt_01{ width: 90%; float: none;margin: 0 auto; padding: 10% 5% 0; box-sizing: border-box;}
	#sugarysnow .sentence{ font-size: 11px; width: 90%; box-sizing: border-box; padding: 3% 0 0 12%; margin: 0 auto; letter-spacing: 1px; line-height: 17px;}
	#sugarysnow .img_02{ width: 80%; float: right; margin: 8% 5% 0 15%;}
	#sugarysnow .img_03{ width: 100%; float: left; box-sizing: border-box; padding: 0 22% 0 5%; margin: -14% 0 0 0;}

	#sugarysnow ul{ width: 90%; margin: 2% auto; display: block;}
	#sugarysnow li{ width: 100%; float: left; padding: 0 15% 6%; box-sizing: border-box;}
}

/* f13
----------------------------------*/

#f13{ font-weight: 300; color: #777; background-color: #E3E3E3; line-height: 1.6; font-family: "tbchibirgothicplusk-pro";}
#f13 .title{ position: fixed; top: 20%; right: 4%; font-size: 12px; letter-spacing: 2px;}
#f13 ul{ max-width: 800px; margin: 0 auto; width: 82%; padding: 8% 0 5%;}
#f13 ul li{ padding: 0 0 30px 0;}
#f13 .sentence{ max-width: 700px; margin: 0 auto; width: 82%; padding: 0 5% 12% 3%; box-sizing: border-box;}
#f13 .sentence h1 { font-size: 18px; letter-spacing: 1px; margin: 40px 0;}
#f13 .sentence h1 span{border-bottom: 1px dotted #777;}
#f13 .sentence .txt{ font-size: 11px;}
#f13 .sentence .spec{ font-size: 9px; margin: 10px 0 0 0;}

@media only screen and (max-width: 860px){
	#f13{ font-weight: 300; color: #777; background-color: #f0f0f0; line-height: 1.6;}
	#f13 .title{ position: absolute; top: 110px; left: 8%; font-size: 10px; letter-spacing: 2px; color: #3D3D3D;}
	#f13 ul{ max-width: 800px; margin: 0 auto; width: 82%; padding: 220px 0 0;}
	#f13 ul li{ padding: 0 0 40px 0;}
	#f13 .sentence{ max-width: 800px; margin: 0 auto; width: 82%; padding: 5% 0% 15%; box-sizing: border-box;}
	#f13 .sentence h1 { font-size: 18px; letter-spacing: 1px; margin: 20px 0;}
	#f13 .sentence .txt{ font-size: 11px;}
	#f13 .sentence .spec{ font-size: 9px; margin: 10px 0 0 0;}
}


/* 2015 collection
----------------------------------*/

#collection_2015{ font-weight: 300; color: #777; background-color: #F9F9EF; line-height: 1.6; padding: 4% 0 10% 0; box-sizing: border-box;}
#collection_2015 .title{ position: fixed; top: 20%; right: 4%; font-size: 10px; letter-spacing: 2px;}
#collection_2015 .title a{font-family: 'Alice', serif;}
#collection_2015 ul{ max-width: 800px; margin: 0 auto; width: 82%; padding: 3% 0 0;}
#collection_2015 ul li{ padding: 0 0 80px 0;}
#collection_2015 ul li img{ border-radius: 16px;}
#collection_2015 .sentence{ max-width: 800px; margin: 0 auto; width: 82%;box-sizing: border-box; padding: 6% 0 0 0;}
#collection_2015 .sentence h1 { font-size: 18px; letter-spacing: 1px; margin: 40px 0;}
#collection_2015 .sentence h1 span{border-bottom: 1px dotted #777;}
#collection_2015 .sentence .txt{ font-size: 11px;}
#collection_2015 .sentence .spec{ font-size: 9px; margin: 10px 0 0 0;}

@media only screen and (max-width: 860px){
	#collection_2015{ font-weight: 300; color: #777; background-color: #f0f0f0; line-height: 1.6;}
	#collection_2015 .title{ position: relative; top: 0px; right: 0; width: 82%; margin: 0 auto; font-size: 10px; letter-spacing: 2px; color: #3D3D3D;}
	#collection_2015 #first_page{ padding: 20px 0 0;}
	#collection_2015 ul{ max-width: 800px; margin: 0 auto; width: 82%; padding: 20px 0 0;}
	#collection_2015 ul li{ padding: 0 0 15px 0;}
	#collection_2015 .sentence{ max-width: 800px; margin: 0 auto 4%; width: 82%; padding: 15% 0 0; box-sizing: border-box;}
	#collection_2015 .sentence h1 { font-size: 18px; letter-spacing: 1px; margin: 20px 0;}
	#collection_2015 .sentence .txt{ font-size: 11px;}
	#collection_2015 .sentence .spec{ font-size: 9px; margin: 10px 0 0 0;}
}

.maimero{ background: rgba(255,242,242,1.00) !important;}

/* kikilala
----------------------------------*/

#kikilala{ width: 100%;margin: 2% auto; background: url(../img/collection/kikilala/bg.jpg) no-repeat; background-size: cover;}
#kikilala .approval{ position: relative; font-family: 'Alice',"ryo-display-plusn", serif; font-style: italic; z-index: 10000; color:#c7c5b4;font-size: 12px; text-align: center;}
#kikilala .top_img{ width: 100%; padding: 0 13%; max-width: 1400px; box-sizing:border-box; margin: 0 auto; position:relative;}
#kikilala .top_logo{ width: 400px; margin: 0 auto; position:absolute; top: 58%; left: 50%; margin-left: -200px;}
#kikilala .star1{ position: absolute; top: 10%; right: 20%;}
#kikilala .star2{ position: absolute; top: 19%; right: 38%;}
#kikilala .star3{ position: absolute; top: 47%; left: 27%;}
#kikilala .star4{ position: absolute;}
#kikilala .star5{ position: absolute;}
#kikilala .barblue{ background: #e6feff; height: 12px; width: 34%; position: absolute; right: 0; top: 52%;}
#kikilala .barpink{ background: #ffd5cf; height: 12px; width: 34%; position: absolute; right: 0; top: 50%;}
#kikilala .barblue2{ background: #e6feff; height: 12px; width: 34%; position: absolute; left: 0; top: 75%;}
#kikilala .barpink2{ background: #ffd5cf; height: 12px; width: 34%; position: absolute; left: 0; top: 77%;}

.info{ margin: 120px auto 0;}
.info .logo2{ margin: -13% auto 0; width: 33%; max-width: 400px; z-index: 100;} 
.info .race{ margin: 0; z-index: 99;}
.info ul{ width:880px; margin: 4% auto 0;}
.info li{ width: 440px; float: left;}
.info .circle1{ background:url(../img/collection/kikilala/circle01.png); background-size: contain; height: 440px; width: 440px; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.info .circle1:hover{ background:url(../img/collection/kikilala/circle01_hover.png); background-size: contain; height: 440px; width: 440px; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.info .circle2{ background:url(../img/collection/kikilala/circle02.png); background-size: contain; height: 440px; width: 440px;-webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all  1s;}
.info .circle2:hover{ background:url(../img/collection/kikilala/circle02_hover.png); background-size: contain; height: 440px; width: 440px;-webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all  1s;}
.info .txt{ text-align: center; color: #b5a04b; line-height: 1.5; margin: 60px auto 0;}

.point{ background:url(../img/collection/kikilala/bg_2.jpg) no-repeat; background-size: cover; margin: 5% auto; position: relative;}
.point_main{ padding: 0 53% 0 18%;}
.point_title{ position: absolute; left: 42.6%; top: 10%;}
@media only screen and (min-width: 1280px){
	.point{ background:url(../img/collection/kikilala/bg_2.jpg) no-repeat; background-size: cover; margin: 5% auto; position: relative;}
    .point_main{ padding: 0 50% 0 20%;}
    .point_title{ position: absolute; left: 42.6%; top: 10%;}
	.point_tops{ position:absolute;left: 42% !important; top: 27%}
	.point_bottom{ position:absolute;left: 42% !important; bottom: 2%;}
	.back_style{ position:absolute; left: 23% !important; bottom: 12%;}
}

@media only screen and (min-width: 860px){
.point_tops{ position:absolute;left: 36%; top: 27%}
.point_bottom{ position:absolute;left: 36%; bottom: 2%;}
.back_style{ position:absolute; left: 12% !important; bottom: 12%;}
}

.bottom a{ color:#c7c5b4; font-family: 'Meddon', "Times New Roman", Times, serif;font-size: 12px;}
.star{ margin: 0 auto 30px; width: 70px;}

@media only screen and (max-width: 860px){
	#kikilala{ width: 100%; margin: 0 auto; background: url(../img/collection/kikilala/bg.jpg) no-repeat; background-size: cover;}
	#kikilala .approval{ display: block; position: relative; font-family: 'Alice',"ryo-display-plusn", serif; font-style: italic; z-index: 10000; color:#c7c5b4;font-size: 12px; margin: 20px auto; text-align: center;}
	
	#kikilala .top_img{ width: 98%; padding: 0%; box-sizing:border-box; margin: 20px auto; position:relative;}
	#kikilala .top_logo{ width: 80%; margin: 0 auto; position:absolute; top: 60%; left: 50%; margin-left: -37%;}
	#kikilala .star1{ position: absolute; top: 10%; right: 20%; width: 50px;}
	#kikilala .star2{ position: absolute; top: 19%; right: 28%; width: 30px;}
	#kikilala .star3{ position: absolute; top: 47%; left: 17%;width: 20px;}
	#kikilala .star4{ position: absolute;width: 50px;}
	#kikilala .star5{ position: absolute;width: 50px;}
	#kikilala .barblue{ background: #e6feff; height: 5px; width: 34%; position: absolute; right: 0; top: 52%;}
	#kikilala .barpink{ background: #ffd5cf; height: 5px; width: 34%; position: absolute; right: 0; top: 50%;}
	#kikilala .barblue2{ background: #e6feff; height: 5px; width: 34%; position: absolute; left: 0; top: 85%;}
	#kikilala .barpink2{ background: #ffd5cf; height: 5px; width: 34%; position: absolute; left: 0; top: 87%;}

	.info{ margin: 60px auto 80px;}
	.info .logo2{ margin: -18% auto 0; width: 63%; max-width: 400px; z-index: 100;} 
	.info .race{ margin: 0; z-index: 99;}
	.info ul{ width:320px; margin: 4% auto 0;}
	.info li{ width: 320px; float: left;}
	.info .circle1{ background:url(../img/collection/kikilala/circle01.png); background-size: contain; height: 320px; width: 320px; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
	.info .circle1:hover{ background:url(../img/collection/kikilala/circle01_hover.png); background-size: contain; height: 320px; width: 320px; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
	.info .circle2{ background:url(../img/collection/kikilala/circle02.png); background-size: contain; height:  320px; width: 320px;-webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all  1s;}
	.info .circle2:hover{ background:url(../img/collection/kikilala/circle02_hover.png); background-size: contain; height:  320px; width:  320px;-webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all  1s;}
	.info .txt{ text-align: center; color: #b5a04b; line-height: 1.5; margin: 20px auto 0; width: 80%; font-size: 11px;}

	.point{ background:url(../img/collection/kikilala/bg_2.jpg) no-repeat; background-size: cover; margin: 10% auto; position: relative; padding: 8% 0 12%;}
	.point_main{ padding: 0 10% 0;}
	.point_title{ position: absolute; left: 50%; top: -4%; width: 150px;}
	.point_tops{ position: relative; width: 70%; margin: 0 auto 16px;}
	.point_bottom{ position: relative; width: 70%; margin: 0 auto;}
	.back_style{ position:absolute; left: 5%; top: 36%; width: 150px;}

	.bottom a{ color:#c7c5b4; font-family: 'Meddon', "Times New Roman", Times, serif;font-size: 12px;}
	.star{ margin: 0 auto; width: 50px;}
}


/* 2016_swimwear
----------------------------------*/

#swim_2016{ position: relative; background: #fff; padding: 50px 0 0 0;}
.rightside_circle{ position: fixed; right:0; top: 50%; margin-top: -100px; z-index: 100;}
.leftside_circle{ position: fixed; left:0; top: 50%; margin-top: -100px; z-index:  100;}

.top{ margin: 0 auto; width: 50%;}
.top_img{ width: 100%; margin: 0 auto; max-width: 1000px;}
.top_logo{ margin: -35% auto 0; width: 80%;}

.petit{ width: 72%; margin: 15% auto;}
.petit .main_right{ width: 50%; float: left;}
.petit .main_img{ width: 100%;}
.petit .txt_01{ margin: 60px 0 0;}
.petit .title{ box-sizing:border-box; padding: 0 0 0 5%;}
.petit .sentence{ font-size: 12px; line-height: 2; margin: 30px 0 0 70px; color:rgba(99,101,114,1.00);}
.petit .circle1{ width: 100% !important; padding: 8% 20% 0 5%; box-sizing: border-box;}
.petit .circle2{ width: 100% !important; padding: 4% 0% 0 23%; box-sizing: border-box;}

.petit .white{ width: 38%; margin: 0 0 0 29%; display: block;}
.petit .white img{ width: 100%; margin: -20% 0 0 0;}
.petit .white_txt{ width: 33%; margin: -15% 0 0 0;}
.petit .txt_02{ width: 33%; margin: -50% 0 0 20%; font-size: 12px; line-height: 2;font-family: 'Alice',"ryo-display-plusn", serif;}
.petit .txt_02 span{ font-size: 15px; margin: 0 0 10px 0; font-weight: bold;}

.twinkle{ width: 72%; margin: 35% auto 15%;}
.twinkle .main_right{ width: 50%; float: right;}
.twinkle .main_img{ width: 100%;}
.twinkle .txt_01{ margin: 30px 0 0 80px;}
.twinkle .title{ box-sizing:border-box; padding: 0 0 0 5%;}
.twinkle .sentence{ font-size: 12px; line-height: 2; margin: 30px 0 0 70px; color:rgba(99,101,114,1.00);}
.twinkle .circle1{ width: 100% !important; padding: 8% 20% 0 0%; box-sizing: border-box; margin: 0 0 0 -60px;}
.twinkle .circle2{ width: 100% !important; padding: 0% 15% 0 10%; box-sizing: border-box;}

.twinkle .black{ width: 80%; margin: 0 0 0 15%; display: block;}
.twinkle .black img{ width: 56%; margin: 10% 0 0 0; float: left;}
.twinkle .txt_02{ width: 44%; padding: 24% 0 0 0%; box-sizing: border-box; font-size: 12px; line-height: 2;font-family: 'Alice',"ryo-display-plusn", serif; float: left;}
.twinkle .txt_02 span{ font-size: 15px; margin: 0 0 10px 0; font-weight: bold;}

.shop{ width: 35%; margin: 0 auto 80px;}
.shop li{ width: 50%; float: left; padding: 0 5%; box-sizing: border-box;}

@media only screen and (max-width: 860px){
	#swim_2016{ position: relative; background: #fff; padding: 40px 0 0 0;}
	.rightside_circle{ position: fixed; right:0; top: 50%; margin-top: -30px; width:40px;}
	.leftside_circle{ position: fixed; left:0; top: 50%; margin-top: -30px;width: 40px;}

	.top{ margin: 0 auto; width: 100%;}
	.top_img{ width: 100%; margin: 0 auto; max-width: 1000px;}
	.top_logo{ margin: -35% auto 0; width: 80%;}

	.petit{ width: 100%; margin: 20% auto;}
	.petit .main_right{ width: 90%; margin: 0 auto; float: none;}
	.petit .main_img{ width: 80%; margin: 0; z-index: 99;}
	.petit .txt_01{ margin: 60px 0 0;}
	.petit .title{ box-sizing:border-box; padding: 10% 10% 4% 13%;}
	.petit .sentence{ font-size: 10px; line-height: 1.7; margin: 30px 34% 0 10%; color:rgba(99,101,114,1.00);}
	.petit .circle1{ width: 100% !important; padding: 0% 2% 0 34%; box-sizing: border-box;}
	.petit .circle2{ width: 100% !important; padding: 0% 20% 0 10%; box-sizing: border-box;}

	.petit .white{ width: 70%; margin: 0 0 0 30%; display: block;}
	.petit .white img{ width: 100%; margin: 10% 0 0 0;}
	.petit .white_txt{ width: 33%; margin: -80% 0 0 0;}
	.petit .txt_02{ width: 80%; margin: 20% 0 0 15%; font-size: 10px; line-height: 2;font-family: 'Alice',"ryo-display-plusn", serif;}
	.petit .txt_02 span{ font-size: 13px; margin: 0 0 10px 0; font-weight: bold;}

	.twinkle{ width: 100%; margin: 15% auto 15%;}
	.twinkle .main_right{ width: 90%; float: none; margin: 0 0 0 10%;}
	.twinkle .main_img{ width: 76%; margin: 0 auto;}
	.twinkle .txt_01{ width: 86%; margin: 0 0 10px;}
	.twinkle .title{ box-sizing:border-box; padding: 0 0 0 0%;}
	.twinkle .sentence{ font-size: 12px; line-height: 2; margin: 30px 0 0 70px; color:rgba(99,101,114,1.00);}
	.twinkle .circle1{ width: 100% !important; padding: 7% 34% 0 2%; box-sizing: border-box; margin: 0 0 0 -30px;}
	.twinkle .circle2{ width: 100% !important; padding: 0% 9% 0 20%; box-sizing: border-box; margin: -14px 0 0 0;}

	.twinkle .black{ width: 100%; margin: 0 auto; display: block;}
	.twinkle .black img{ width: 70%; margin: 4% 5% 0 25%; float: none; text-align: right;}
	.twinkle .txt_02{ width: 70%; margin: -30% 0 0; padding: 0 0 0 15%; box-sizing: border-box; font-size: 10px; line-height: 2;font-family: 'Alice',"ryo-display-plusn", serif; float: none;}
	.twinkle .txt_02 span{ font-size: 13px; margin: 0 0 10px 0; font-weight: bold;}

	.shop{ width: 90%; margin: 0 auto 40px;}
	.shop li{ width: 50%; float: left; padding: 0 5%; box-sizing: border-box;}
	}


/* 
 cutesycheck
---------------------------------- */
#contents_check{ width: 100%; margin: 0 auto; position: relative; background: #fff;}
#contents_check .inner{ width: 72%; margin: 8% auto 8%; max-width: 1200px; position: relative;}
#contents_check .inner img{max-width: 100%; width: 100%; height: auto;}
#contents_check .inner p{ font-size: 11px; line-height: 1.8; font-weight: bold;}

#contents_check .txt01{ width: 65%; float: left; box-sizing: border-box; padding: 3% 2% 0 48%; position: relative;}
#contents_check .photo01{ width: 35%; float: left; box-sizing: border-box; padding: 0 12% 0 0; position: relative;}

#contents_check .photo02{ width: 50%; float: left; box-sizing: border-box; padding: 0 0% 0 5%; margin: -20% 0 0 0; position: relative;}

#contents_check .title_box{width: 50%; float: left; box-sizing: border-box; padding: 0 24% 0 0; border-bottom: 1px solid #000; margin: -15% 0 5% -7%; z-index: 999; position: relative;}
#contents_check .title_box .sub_title{ width: 30%} 
#contents_check hr{ margin: 5% 0;}
#contents_check .title_txt_box{width: 100%;float: left;  padding: 5% 14% 0 50%;margin: -3% 0 0 0;}
#contents_check .title_txt_j{ margin: 0 0 7%;}

#contents_check .photo03{width: 45%; float: left; box-sizing: border-box; padding: 0 0 0 22%; margin: -10% 0 0 0; position: relative;}

#contents_check .photo04{width: 70%; float: left; box-sizing: border-box; padding: 0 5% 0 22%; margin:5% 0 0 0; position: relative;}

#contents_check .photo05{width: 30%; float: left; box-sizing: border-box; padding: 0 0% 0 0; margin: 5% 0 0 0; position: relative;}

#contents_check .spec_box_01{ width: 72%;float: right; box-sizing: border-box; padding: 0 40% 0 5%; margin:-6% 0 0 0; position: relative;}
#contents_check .spec_box_01 .spec_title{ width: 57%; margin: 0 0 7%;}
#contents_check .spec_box_01 .spec_information{ width: 90%; margin: 0 0 7%;}
#contents_check .spec_hr_01{ width:210px; height: 2px; display: block; background: rgba(0,0,0,0.43); position: absolute; top: 7%; left: 34%;}

#contents_check .photo06{width: 28%; float: right; box-sizing: border-box; padding: 0; margin:-5% 0 0 0; position: relative;}

#contents_check .photo07{width: 55%;float: left; box-sizing: border-box; padding: 0 20% 0 0; margin: 7% 0 10% 0;}

#contents_check .spec_box_02{ width: 45%;float: left; box-sizing: border-box; padding: 0 2% 0 0; margin: 16% 0 0 0; position: relative;}
#contents_check .spec_box_02 .left_box{ width:40%; float: left; box-sizing: border-box; padding: 0 5% 0 0;}
#contents_check .spec_box_02 .right_box{ width:60%; float: left; box-sizing: border-box; padding: 3% 0 0;}
#contents_check .spec_box_02 .right_box .spec_information{ width: 90%; margin: 12% 0 6% 0;}
#contents_check .spec_hr_02{ width:2px; height: 150px; display: block; background: rgba(0,0,0,0.43); position: absolute; top: -60%; left: 16%;}

#contents_check .model{ width: 100%; margin: 30% 0 1%; padding: 0 5% 0 80%;float: left; box-sizing: border-box;}


@media only screen and (max-width: 860px){
	#contents_check .inner{ width: 86%; margin: 8% auto 8%; max-width: 1200px; position: relative;}
	#contents_check .inner p{ font-size: 10px; line-height: 1.8; font-weight: bold;}
	
	#contents_check .txt01{ width: 55%; float: left; box-sizing: border-box; padding: 3% 2% 0 0%; position: relative; margin: 20% 0 0 10%; z-index: 999;}
	#contents_check .photo01{ width: 58%; float: left; box-sizing: border-box; padding: 0 2% 0 0; position: relative; margin: -30% 0 0 40%;}

	#contents_check .photo02{ width: 80%; float: left; box-sizing: border-box; padding: 0 0% 0 0%; margin: -20% 0 0 0%; position: relative;}

	#contents_check .title_box{width: 50%; float: left; box-sizing: border-box; padding: 0 0 0 4%; border-bottom: 1px solid #000; margin: -22% 0 0 0%; z-index: 999; position: relative;}
	#contents_check .title_box .sub_title{ width: 30%} 
	#contents_check .title_txt_box{width: 100%;float: left;  padding: 5% 20% 0 0%;margin: 0% 0 0 0;}
	#contents_check .title_txt_j{ margin: 0 0 7%;}

	#contents_check .photo03{width: 44%; float: left; box-sizing: border-box; padding: 0; margin: 4% 0 0 0; position: relative;}

	#contents_check .photo04{width: 70%; float: left; box-sizing: border-box; padding: 0 5% 0 20%; margin:5% 0 0 0; position: relative;}

	#contents_check .photo05{width: 30%; float: left; box-sizing: border-box; padding: 0 0% 0 0; margin: 5% 0 0 0; position: relative;}

	#contents_check .spec_box_01{ width: 60%;float: right; box-sizing: border-box; padding: 0 5% 0 5%; margin:5% 0 0 0; position: relative;}
	#contents_check .spec_box_01 .spec_title{ width: 45%; margin: 0 0 7%;}
	#contents_check .spec_box_01 .spec_information{ width: 80%; margin: 0 0 7%;}
	#contents_check .spec_hr_01{ width:50%; height: 2px; display: block; background: rgba(0,0,0,0.43); position: absolute; top: 7%; left: 50%;}

	#contents_check .photo06{width: 40%; float: right; box-sizing: border-box; padding: 0; margin:50% 0 0 0; position: relative;}

	#contents_check .photo07{width: 60%;float: left; box-sizing: border-box; padding: 0 0% 0 15%; margin: 7% 0 10% 40%;}

	#contents_check .spec_box_02{ width: 90%;float: left; box-sizing: border-box; padding: 0 2% 0 0; margin: 20% 0 0 0; position: relative;}
	#contents_check .spec_box_02 .left_box{ width:40%; float: left; box-sizing: border-box; padding: 0 5% 0 0;}
	#contents_check .spec_box_02 .right_box{ width:60%; float: left; box-sizing: border-box; padding: 3% 0 0;}
	#contents_check .spec_box_02 .right_box .spec_information{ width: 90%; margin: 12% 0 6% 0;}
	#contents_check .spec_hr_02{ width:2px; height: 100px; display: block; background: rgba(0,0,0,0.43); position: absolute; top: -50%; left: 10%;}

	#contents_check .model{ width: 100%; margin: 30% 0 1%; padding: 0 5% 0 80%;float: left; box-sizing: border-box;}
	
}


/* 
 twilight_star
---------------------------------- */
#twilight_star{ width: 100%; margin: 2% auto 0; padding: 0 0 10% 0;}
#twilight_star .top_visual{ width: 100%; margin: 0 auto; position: relative; }
#twilight_star .top_visual ul{
	width: 100%;
	margin: 0 auto;
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: flex-start; /* Safari */
    align-items: flex-start;
}
#twilight_star .top_visual li:nth-child(1) {
	width: 7%;
	margin: -9% 0 0 0;
	padding: 0 1% 0 0;
}
#twilight_star .top_visual li:nth-child(2) {
	width: 25%;
	padding: 0 1% 0 0;
	margin: 2% 0 0 0;
}
#twilight_star .top_visual li:nth-child(3) {
	width: 25%;
	padding: 0 1% 0 0;
	margin: 15% 0 0 0;
}
#twilight_star .top_visual li:nth-child(4) {
	width: 25%;
	padding: 0 1% 0 0;
	margin: 9% 0 0 0;
}
#twilight_star .top_visual li:nth-child(5) {
	width: 15%;
	margin: 39% 0 0 0;
}
#twilight_star .top_visual .title_box{
	width: 17%;
	margin: -24% 0 0 8%;
}
#twilight_star .top_visual .title_box .star{
	width: 15%;
	margin: -3% 0 0 -10%;
}
#twilight_star .top_visual .title_box .title{
	width: 70%;
	margin: 3% 0 8% 0%;
}
#twilight_star .top_visual .title_box .sub_title{
	width: 55%;
	margin: 8% 0 0 0%;
}
#twilight_star .top_visual .star01{
	position: absolute;
	width: 25px;
	top: 1%;
	left: 32%;
}
#twilight_star .top_visual .star02{
	position: absolute;
	width: 40px;
	top: 2%;
	left: 35%;
}
#twilight_star .top_visual .star03{
	position: absolute;
	width: 40px;
	top: 10%;
	right: 16%;
}
#twilight_star .top_visual .star04{
	position: absolute;
	width: 25px;
	top: 8%;
	right: 14%;	
}
#twilight_star .top_visual .star05{
	position: absolute;
	width:35px;
	bottom: 1%;
	left: 60%;
}
#twilight_star .top_visual .star06{
	position: absolute;
	width: 40px;
	bottom: 6%;
	left: 58%;	
}
#twilight_star .top_visual .star07{
	position: absolute;
	width: 39px;
	bottom: 17%;
	left: 29%;
}

#twilight_star .item{
	width: 100%;
	margin: 7% auto;
}
#twilight_star .item .title_box ul{
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center; 
	width: 30%;
}
#twilight_star .blue .title_box ul{
	margin: 10% 0 0 8%;
}
#twilight_star .pink .title_box ul{
	margin: 10% 0 0 72%;
}
#twilight_star .item .title_box li:nth-child(1) {
	width: 40%;
	padding: 0 10% 0 0;
}
#twilight_star .item .title_box li:nth-child(2) {
	width: 60%;
	padding: 0 40% 0 0%;
}
#twilight_star .blue .inner{
	background-color: #c9d6d5;
	padding: 4% 7%;
	margin: 5% auto;
}
#twilight_star .pink .inner{
	background-color: #f2ddd9;
	padding: 4% 7%;
	margin: 5% auto;
}
#twilight_star .blue .inner{
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center;
}
#twilight_star .pink .inner{
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center;
	-webkit-flex-direction: row-reverse; /* Safari */
    flex-direction:         row-reverse;
}
#twilight_star .inner .left{
	width: 30%;
	padding: 0 5% 0 0;
}
#twilight_star .inner .right{
	width: 70%;
	padding: 0 2% 0 4%;
	position: relative;
}
#twilight_star .inner .right ul{
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center;
}
#twilight_star .inner .right ul li:nth-child(1) {
	width: 33%;
	padding: 0 0 15% 0;
}
#twilight_star .inner .right ul li:nth-child(2) {
	width: 30%;
	margin: 14% 8% 0 3%;
}
#twilight_star .inner .right ul li:nth-child(3) {
	width: 36%;
	padding: 0 0% 0 0;
}

#twilight_star .inner .right .star_top{
	position: absolute;
	width: 100px;
	top: -40%;
	left: 0%;	
}

#twilight_star .inner .right .star_bottom{
	position: absolute;
	width: 80px;
	bottom: -34%;
	left: 93%;	
}

#twilight_star .inner .right .star_01{
	position: absolute;
	width: 30px;
	top: -10%;
	left: 10%;
}

#twilight_star .inner .right .star_02{
	position: absolute;
	width: 40px;
	top: 36%;
	left: 32%;	
}
#twilight_star .inner .right .star_03{
	position: absolute;
	width: 40px;
	top: 58%;
	left: 62%;	
}

#twilight_star .iteminfo{
	width: 40%;
	margin: 6% auto 0;
}
#twilight_star .iteminfo .title_box{
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center; 
	width: 100%;
	margin: 0 auto;
}
#twilight_star .iteminfo .title_box .left{
	width: 50%;
	padding: 0 4% 0 0;
}
#twilight_star .iteminfo .title_box .left .star{
	width: 15%;
	margin: -3% 0 0 -10%;
}
#twilight_star .iteminfo .title_box .left .title{
	width: 80%;
	margin: 3% 0 8% 0%;
}
#twilight_star .iteminfo .title_box .left .sub_title{
	width: 65%;
	margin: 8% 0 0 0%;
}
#twilight_star .iteminfo .title_box .right{
	width: 50%;
	padding: 0 4%;
}

#twilight_star .iteminfo .txtbox{
	margin: 8% 0;
}
#twilight_star .iteminfo .txtbox p{
	line-height: 1.8;
	padding: 0 0 5% 0;
}
#twilight_star .iteminfo .txtbox p span{
	font-size: 15px;
}

#twilight_star .iteminfo .link{
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: center; 
	width: 80%;
	margin:5% 0;
}
#twilight_star .iteminfo .link li:nth-child(1) {
	width: 40%;
}
#twilight_star .iteminfo .link li:nth-child(2) {
	width: 40%;
}
#twilight_star .iteminfo .link a{
	opacity:1;
	-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
}
#twilight_star .iteminfo .link a:hover{
	opacity: 0.4;
	-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
}

@media only screen and (max-width: 860px){
	#twilight_star{ width: 100%; margin: 2% auto 0; padding: 0 0 10% 0;}
	#twilight_star .top_visual{ width: 100%; margin: 0 auto; position: relative; }
	#twilight_star .top_visual ul{
		width: 100%;
		margin: 0 auto;
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: flex-start; /* Safari */
		align-items: flex-start;
	}
	#twilight_star .top_visual li:nth-child(1) {
		width: 8%;
		margin: -9% 0 0 0;
		padding: 0 1% 0 0;
	}
	#twilight_star .top_visual li:nth-child(2) {
		width: 43%;
		padding: 0 1% 0 0;
		margin: 2% 0 0 0;
	}
	#twilight_star .top_visual li:nth-child(3) {
		width: 43%;
		padding: 0 1% 0 0;
		margin: 15% 0 0 0;
	}
	#twilight_star .top_visual li:nth-child(4) {
		width: 6%;
		padding: 0 1% 0 0;
		margin: 9% 0 0 0;
	}
	#twilight_star .top_visual .title_box{
		width: 57%;
		margin: -4% 0 0 8%;
	}
	#twilight_star .top_visual .title_box .star{
		width: 15%;
		margin: -3% 0 0 -10%;
	}
	#twilight_star .top_visual .title_box .title{
		width: 70%;
		margin: 3% 0 8% 0%;
	}
	#twilight_star .top_visual .title_box .sub_title{
		width: 55%;
		margin: 8% 0 0 0%;
	}
	#twilight_star .top_visual .star01{
		position: absolute;
		width: 25px;
		top: 1%;
		left: 32%;
	}
	#twilight_star .top_visual .star02{
		position: absolute;
		width: 40px;
		top: 2%;
		left: 35%;
	}
	#twilight_star .top_visual .star03{
		position: absolute;
		width: 40px;
		top: 7%;
		right: 10%;
	}
	#twilight_star .top_visual .star04{
		position: absolute;
		width: 25px;
		top: 2%;
		right: 6%;	
	}
	#twilight_star .top_visual .star05{
		position: absolute;
		width:35px;
		bottom: 1%;
		left: 80%;
	}
	#twilight_star .top_visual .star06{
		position: absolute;
		width: 40px;
		bottom: 6%;
		left: 88%;	
	}
	#twilight_star .top_visual .star07{
		position: absolute;
		width: 39px;
		bottom: 17%;
		left: 49%;
	}

	#twilight_star .item{
		width: 100%;
		margin: 7% auto;
	}
	#twilight_star .item .title_box ul{
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: center; /* Safari */
		align-items: center; 
		width: 80%;
	}
	#twilight_star .blue .title_box ul{
		margin: 10% 0 0 8%;
	}
	#twilight_star .pink .title_box ul{
		margin: 10% 0 0 42%;
	}
	#twilight_star .item .title_box li:nth-child(1) {
		width: 40%;
		padding: 0 10% 0 0;
	}
	#twilight_star .item .title_box li:nth-child(2) {
		width: 60%;
		padding: 0 40% 0 0%;
	}
	#twilight_star .blue .inner{
		background-color: #c9d6d5;
		padding: 4% 7%;
		margin: 5% auto;
	}
	#twilight_star .pink .inner{
		background-color: #f2ddd9;
		padding: 4% 7%;
		margin: 5% auto;
	}
	#twilight_star .blue .inner{
		display: block;
	}
	#twilight_star .pink .inner{
		display: block;
	}
	#twilight_star .inner .left{
		width: 63%;
		padding: 0 5% 0 0;
	}
	#twilight_star .inner .right{
		width: 100%;
		padding: 0 2% 0 4%;
		position: relative;
	}
	#twilight_star .inner .right ul{
		display: -webkit-flex; /* Safari */ 
		display: block;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: center; /* Safari */
		align-items: center;
	}
	#twilight_star .inner .right ul li:nth-child(1) {
		width: 48%;
		padding: 0 0 15% 0;
		margin: -30% 0 0 60%;
	}
	#twilight_star .inner .right ul li:nth-child(2) {
		width: 53%;
		margin: -14% 8% 0 -5%;
	}
	#twilight_star .inner .right ul li:nth-child(3) {
		width: 56%;
		padding: 0 0% 0 0;
		margin: -20% 0 0 50%;
	}

	#twilight_star .inner .right .star_top{
		position: absolute;
		width: 80px;
		top: -56%;
		left: 70%;	
	}

	#twilight_star .inner .right .star_bottom{
		position: absolute;
		width: 80px;
		bottom: -14%;
		left: 83%;	
	}

	#twilight_star .inner .right .star_01{
		position: absolute;
		width: 30px;
		top: -10%;
		left: 80%;
	}

	#twilight_star .inner .right .star_02{
		position: absolute;
		width: 30px;
		top: 30%;
		left: 0%;	
	}
	#twilight_star .inner .right .star_03{
		position: absolute;
		width: 30px;
		top: 78%;
		left: 22%;	
	}

	#twilight_star .iteminfo{
		width: 80%;
		margin: 6% auto 0;
	}
	#twilight_star .iteminfo .title_box{
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: center; /* Safari */
		align-items: center; 
		width: 100%;
		margin: 0 auto;
	}
	#twilight_star .iteminfo .title_box .left{
		width: 50%;
		padding: 0 4% 0 0;
	}
	#twilight_star .iteminfo .title_box .left .star{
		width: 15%;
		margin: -3% 0 0 -10%;
	}
	#twilight_star .iteminfo .title_box .left .title{
		width: 80%;
		margin: 3% 0 8% 0%;
	}
	#twilight_star .iteminfo .title_box .left .sub_title{
		width: 65%;
		margin: 8% 0 0 0%;
	}
	#twilight_star .iteminfo .title_box .right{
		width: 50%;
		padding: 0 4%;
	}

	#twilight_star .iteminfo .txtbox{
		margin: 8% 0;
	}
	#twilight_star .iteminfo .txtbox p{
		line-height: 1.8;
		padding: 0 0 5% 0;
		font-size: 11px;
	}
	#twilight_star .iteminfo .txtbox p span{
		font-size: 13px;
	}

	#twilight_star .iteminfo .link{
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: center; /* Safari */
		align-items: center; 
		width: 90%;
		margin:5% 0;
	}
	#twilight_star .iteminfo .link li:nth-child(1) {
		width: 40%;
	}
	#twilight_star .iteminfo .link li:nth-child(2) {
		width: 40%;
	}
	#twilight_star .iteminfo .link a{
		opacity:1;
		-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
	}
	#twilight_star .iteminfo .link a:hover{
		opacity: 0.4;
		-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
	}
}


/* 
 shining_pretty
---------------------------------- */
#shining_pretty{ width: 100%; margin: 0 auto; position: relative; background: #bfd8e8; padding: 0 0 10%; overflow: hidden}
#shining_pretty .inner{ max-width: 800px; margin: 0 auto;}
#shining_pretty .right_header{ width: 60%; margin: 0;}
#shining_pretty .title{ width: 86%; margin: 0 auto;}

#shining_pretty .blue{ width: 80%; margin: 5% auto;}
#shining_pretty .photo{ background: #fff; padding: 2%; position: relative;}
#shining_pretty .color{ position: absolute; width: 20%; top:  60%; right: 5%;}

#shining_pretty .front{ width: 100%; margin: 5% auto; position: relative;}
#shining_pretty .front .bar{background: #fff; width: 10px; height: 80px; margin: -5% 0 0 5%;}
#shining_pretty .front .img{ background: #fff; padding: 2%; width: 60%;}
#shining_pretty .front .color_title{ position: absolute; width: 45%; top: 40%; right:0%;}

#shining_pretty .back{ width: 100%; margin: 5% auto; position: relative;}
#shining_pretty .back .bar{background: #fff; width: 10px; height: 80px; margin: -5% 0 0 40%;}
#shining_pretty .back .img{ background: #fff; padding: 2%; width: 60%; margin: 0 0 0 40%}
#shining_pretty .back .color_title{ position: absolute; width: 45%; top: 40%; left:0%;}

#shining_pretty .pink{ width: 80%; margin: 5% auto;}
#shining_pretty .photo{ background: #fff; padding: 2%; position: relative;}
#shining_pretty .pink .color{ position: absolute; width: 20%; top: 33%; left: 5%;}

#shining_pretty .info{ width: 70%; margin: 5% auto 0;}
#shining_pretty .info .title{ width: 50%; margin: 0;}
#shining_pretty .info .txt{ font-size: 12px; color: #fff; text-align: left;}
#shining_pretty .info .txt span{ font-size: 16px; color: #fff; text-align: left;}
#shining_pretty .info .buy{ width: 50%; margin: 30px 0 0 0;}

@media only screen and (max-width: 860px){
	#shining_pretty .front{ width: 100%; margin: 5% auto; position: relative;}
	#shining_pretty .front .bar{background: #fff; width: 10px; height: 80px; margin: -5% 0 0 5%;}
	#shining_pretty .front .img{ background: #fff; padding: 2%; width: 80%;}
	#shining_pretty .front .color_title{ position: absolute; width: 50%; top: 60%; right:-9%;}

	#shining_pretty .back{ width: 100%; margin: 5% auto; position: relative;}
	#shining_pretty .back .bar{background: #fff; width: 10px; height: 80px; margin: -5% 0 0 40%;}
	#shining_pretty .back .img{ background: #fff; padding: 2%; width: 80%; margin: 0 0 0 20%}
	#shining_pretty .back .color_title{ position: absolute; width: 45%; top: 53%; left:-4%;}

	#shining_pretty .pink{ width: 80%; margin: 5% auto;}
	#shining_pretty .photo{ background: #fff; padding: 2%; position: relative;}
	#shining_pretty .pink .color{ position: absolute; width: 20%; top: 33%; left: 5%;}
	
	#shining_pretty .info{ width: 80%; margin: 5% auto 0;}
	#shining_pretty .info .title{ width: 70%; margin: 0 0 30px 0;}
	#shining_pretty .info .txt{ margin: 0; font-size: 11px; color: #fff; text-align: left;}
	#shining_pretty .info .txt span{ font-size: 14px; color: #fff; text-align: left;}
	#shining_pretty .info .buy{ width: 70%; margin: 30px 0 0 0;}
}



/* 
 sweetie cafe
---------------------------------- */
#sweetie_cafe{ width: 100%; margin: 0 auto; position: relative; background-image: url(../img/collection/sweetiecafe/bg.png); background-repeat: repeat; padding: 0 0 10%; overflow: hidden}
#sweetie_cafe .inner{ max-width: 1200px; margin: 0 auto;}
#sweetie_cafe .top_wrap{ width: 90%; margin: 0; padding: 10% 0 0 0; position: relative;}
#sweetie_cafe .top_wrap .photo{ background: #fff; margin: 0; padding: 2%; width: 70%;}
#sweetie_cafe .top_wrap .sub{ width: 20%; top: 30%; right: 22%; position: absolute;}
#sweetie_cafe .top_wrap .title{ width: 14%; bottom: 4%; right: 20%; position: absolute;}
#sweetie_cafe .top_wrap .kazari{ width: 14%; top: 40%; right: 5%; position: absolute;}
#sweetie_cafe .top_wrap .kazari_02{ width: 11%; bottom: -5%; right: 5%; position: absolute;}

#sweetie_cafe .moka{ margin: 10% auto; width: 86%;}
#sweetie_cafe .moka_title{
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	width: 36%;
}
#sweetie_cafe .moka_title .right{ 
	width: 30%;
	padding: 0 4% 0 0;
}
#sweetie_cafe .moka_title .left{
	width: 70%;
}
#sweetie_cafe .moka .photo{ background: #fff; margin: 0 0 0 30%; padding: 2%; width: 70%; position: relative;}
#sweetie_cafe .moka .color_txt{ width: 30%; top: 9%; left: -19%; position: absolute;}
#sweetie_cafe .moka .color{ width: 24%; bottom: 15%; left: 20%; position: absolute;}
#sweetie_cafe .moka .illust{ width: 8%; top: 18%; right:10%; position: absolute;}

#sweetie_cafe .pink{ margin: 10% auto; width: 86%;}
#sweetie_cafe .pink_title{
	width: 40%;
	margin: 0 0 5% 60%;
}
#sweetie_cafe .pink .photo{ background: #fff; margin: 0 0 0 0%; padding: 2%; width: 70%; position: relative;}
#sweetie_cafe .pink .color_txt{ width: 30%; top: 16%; right: -19%; position: absolute;}
#sweetie_cafe .pink .color{ width: 24%; bottom: 29%; right: 16%; position: absolute;}
#sweetie_cafe .pink .illust{ width: 12%; top: -14%; right:16%; position: absolute;}
#sweetie_cafe .pink .illust02{ width: 13%; top: 25%; left:10%; position: absolute;}

#sweetie_cafe .menu{ width: 70%; margin: 10% auto; position: relative;}
#sweetie_cafe .menu_title{
	width: 24%;
	margin: 0 auto;
}
#sweetie_cafe .menu .photo_list{
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-align-items: flex-start; /* Safari */
	align-items: flex-start;
	width: 86%;
	margin: 0 auto;
}
#sweetie_cafe .menu .photo_list li{
	position: relative;
	background: #fff;
	padding: 2%;
	margin: 2%;
	width: 46%;
}
#sweetie_cafe .menu .photo_list li .name{
	position: absolute;
	width: 70%; 
	bottom: -5%;
	right: -10%;
}

#sweetie_cafe .menu .illust_photo{width: 20%;}
#sweetie_cafe .menu .bar{ width: 80%; margin: 10% auto;}

#sweetie_cafe .menu .item_txt{
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-align-items: flex-start; /* Safari */
	align-items: flex-start;
	width: 50%;
	margin: 0 auto;
}
#sweetie_cafe .menu .item_txt .icon{ width: 14%;}
#sweetie_cafe .menu .item_txt .txt{
	width: 86%;
	padding: 0 0 0 4%;
	color: #54311e;
	font-size: 14px;
}
#sweetie_cafe .menu .item_txt  .txt span{ font-size: 16px;}
#sweetie_cafe .buy{ margin: 6% auto; width: 20%;}


@media only screen and (max-width: 560px){
	#sweetie_cafe{ width: 100%; margin: 0 auto; position: relative; background-image: url(../img/collection/sweetiecafe/bg.png); background-repeat: repeat; padding: 0 0 10%; overflow: hidden}
	#sweetie_cafe .inner{ max-width: 600px; margin: 0 auto;}
	#sweetie_cafe .top_wrap{ width: 100%; margin: 0; padding: 16% 0 0 0; position: relative;}
	#sweetie_cafe .top_wrap .photo{ background: #fff; margin: 0 auto; padding: 2%; width: 90%;}
	#sweetie_cafe .top_wrap .sub{ width: 50%; margin: 4% 0 0 5%; top: 30%; right: 0%; position: relative;}
	#sweetie_cafe .top_wrap .title{ width: 30%; margin: 5% 0 0 20%; bottom: 4%; right: 0%; position: relative;}
	#sweetie_cafe .top_wrap .kazari{ width: 34%; margin: -60% 0 0 60%; top: 0%; right: 0; position: relative;}
	#sweetie_cafe .top_wrap .kazari_02{ width: 20%; margin: 10% 0 0 55%; bottom: 0%; right: 0%; position: relative;}

	#sweetie_cafe .moka{ margin:70px auto; width: 86%;}
	#sweetie_cafe .moka_title{
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: center; /* Safari */
		align-items: center;
		width: 90%;
	}
	#sweetie_cafe .moka_title .right{ 
		width: 30%;
		padding: 0 4% 0 0;
	}
	#sweetie_cafe .moka_title .left{
		width: 70%;
	}
	#sweetie_cafe .moka .photo{ background: #fff; margin: 8% auto; padding: 2%; width: 100%; position: relative;}
	#sweetie_cafe .moka .color_txt{ width: 60%; top: 110%; left: 0%; position: absolute;}
	#sweetie_cafe .moka .color{ width: 34%; bottom: 15%; left: 10%; position: absolute;}
	#sweetie_cafe .moka .illust{ width: 8%; top: 18%; right:10%; position: absolute;}

	#sweetie_cafe .pink{ margin: 200px auto; width: 86%;}
	#sweetie_cafe .pink_title{
		width: 90%;
		margin: 0 0 10% 10%;
	}
	#sweetie_cafe .pink .photo{ background: #fff; margin: 0 0 0 0%; padding: 2%; width: 100%; position: relative;}
	#sweetie_cafe .pink .color_txt{ width: 60%; top: 110%; right: 0%; position: absolute;}
	#sweetie_cafe .pink .color{ width: 34%; bottom: 29%; right: 6%; position: absolute;}
	#sweetie_cafe .pink .illust{ width: 16%; top: -14%; right:76%; position: absolute;}
	#sweetie_cafe .pink .illust02{ width: 18%; top: 25%; left:5%; position: absolute;}

	#sweetie_cafe .menu{ width: 90%; margin: 10% auto; position: relative;}
	#sweetie_cafe .menu_title{
		width: 44%;
		margin: 0 auto 8%;
	}
	#sweetie_cafe .illust_photo{ position: relative; z-index: 999;}
	#sweetie_cafe .menu .photo_list{
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: flex-start; /* Safari */
		align-items: flex-start;
		width: 100%;
		margin: -5% auto 6%;
	}
	#sweetie_cafe .menu .photo_list li{
		position: relative;
		background: #fff;
		padding: 2%;
		margin: 2%;
		width: 46%;
	}
	#sweetie_cafe .menu .photo_list li .name{
		position: absolute;
		width: 70%; 
		bottom: -5%;
		right: -10%;
	}

	#sweetie_cafe .menu .illust_photo{width: 20%;}
	#sweetie_cafe .menu .bar{ width: 90%; margin: 10% auto;}

	#sweetie_cafe .menu .item_txt{
		display: -webkit-flex; /* Safari */ 
		display: flex;
		-webkit-justify-content: space-between; /* Safari */
		justify-content: space-between;
		-webkit-align-items: flex-start; /* Safari */
		align-items: flex-start;
		width: 80%;
		margin: 0 auto;
	}
	#sweetie_cafe .menu .item_txt .icon{ width: 14%;}
	#sweetie_cafe .menu .item_txt .txt{
		width: 86%;
		padding: 0 0 0 4%;
		color: #54311e;
		font-size: 12px;
	}
	#sweetie_cafe .menu .item_txt  .txt span{ font-size: 14px;}
	#sweetie_cafe .buy{ margin: 6% auto; width: 44%;}
	
	
}



/* 
 Berry Beryy - chiffon ＆ SoufflE
---------------------------------- */
#berry{ width: 100%; margin: 0 auto; position: relative; background: #f74044; background-image: url(../img/collection/berry/bg.png); padding: 5% 10%; overflow: hidden}

#berry .inner{ 
	background: #fff;
	padding: 5%;
	max-width: 1280px;
	margin: 0 auto;
}

#berry .topvisual{
	width: 100%;
}
#berry .titlebox{
	width: 100%;
	margin: 0 0 5% 0;
}
#berry .titlebox li:nth-child(1){
	width: 46%;
	padding: 0 6% 0 0;
}
#berry .titlebox li:nth-child(2){
	width: 56%;
	padding: 0 0;
}
#berry .topimg {
	width: 70%;
	margin: 0 auto;
	position: relative;
}
#berry .topimg .feast_side{
	position: absolute;
	width: 33%;
	top: 50%;
	left: -11%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
#berry .topimg .secret_side{
	position: absolute;
	width: 33%;
	top: 50%;
	right: -11%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
#berry .topimg .side01{
	width: 40%;
	margin: 0 0 9% 3%;
}
#berry .topimg .side02{
	width: 40%;
	margin: 0 3% 9% 50%;
}

/*item */
#berry .item .titlebox{
	margin: 7% 0;
}
#berry .item .titlebox li:nth-child(1){
	width: 46%;
	padding: 0 0 0 9%;
}

/* feast */
#berry .itemtitlebox {
	width: 60%;
}
#berry .itemtitlebox li:nth-child(1){
	width: 11%;
	padding: 0 6% 0 0;
}
#berry .itemtitlebox li:nth-child(2){
	width: 89%;
	padding: 0 0;
}
#berry .secret_item .itemtitlebox {
	width: 60%;
	margin: 0 0 0 40%;
}
#berry .secret_item li:nth-child(1){
	width: 11%;
	padding: 0 0 0 6%;
}
#berry .secret_item li:nth-child(2){
	width: 89%;
	padding: 0 0;
}


#berry .itemphoto {
	width: 80%;
	margin: -12% auto 0;
}
#berry .itemphoto li:nth-child(1){
	width: 50%;
	padding: 0 5% 0 0;
	position: relative;
}
#berry .itemphoto li:nth-child(2){
	width: 50%;
	padding: 0 0 0 5%;
	position: relative;
}
#berry .itemphoto .txt01{
	width: 30%;
	position: absolute;
	top: -6%;
	right: 8%;
}
#berry .itemphoto .txt02{
	width: 26%;
	position: absolute;
	bottom: -3%;
	left: 7%;
}
#berry .itemphoto .txt03{
	width: 30%;
	position: absolute;
	top: -3%;
	left: 10%;
}
#berry .itemphoto .txt04{
	width: 30%;
	position: absolute;
	bottom: 5%;
	left: 10%;
}

#berry .feast_item .shop{
	width: 55%;
	margin: 10% 0 10% 35%;
}
#berry .feast_item .shop li:nth-child(1){
	width: 50%;
	padding: 0 5% 0 0;
	position: relative;
}
#berry .feast_item .shop li:nth-child(2){
	width: 50%;
	padding: 0 0 0 5%;
	position: relative;
}
#berry .secret_item .shop{
	width: 55%;
	margin: 10% 0 10% 05%;
}
#berry .secret_item .shop li:nth-child(1){
	width: 50%;
	padding: 0 0 0 5%;
	position: relative;
}
#berry .secret_item .shop li:nth-child(2){
	width: 50%;
	padding: 0 5% 0 0;
	position: relative;
}

#berry .info{
	width: 50%;
	margin: 0 0 9%;
}
#berry .txt{
	width: 86%;
	padding: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 1.5;
}
#berry .txt span{ font-size: 16px;}

@media only screen and (max-width: 860px){
	#berry{ padding: 70px 3%;}
	#berry .titlebox li:nth-child(1){width: 66%;}
	#berry .titlebox li:nth-child(2){width: 44%;}
	#berry .topimg {width: 86%;}
	#berry .topimg .feast_side{width: 43%;}
	#berry .topimg .secret_side{width: 43%;}
	
	#berry .item .titlebox li:nth-child(1){ width: 66%;}

	/* feast */
	#berry .itemtitlebox {width: 100%; margin: 20% 0 0;}
	#berry .secret_item .itemtitlebox { width: 100%; margin: 20% 0 0;}

	#berry .itemphoto {margin: -15% auto 0;}
	#berry .itemphoto li:nth-child(1){width: 95%; padding: 0;}
	#berry .itemphoto li:nth-child(2){width: 95%; margin: 30% 0 0 0; padding: 0 0 0 1%;}
	#berry .itemphoto .txt01{width: 40%; top: -9%;right: -4%;}
	#berry .itemphoto .txt02{width: 36%;bottom: -3%;left: 3%;}
	#berry .itemphoto .txt03{width: 40%;top: -6%;left: -4%;}
	#berry .itemphoto .txt04{width: 40%;bottom: 5%;left: 0%;}

	#berry .feast_item .shop{ width: 90%; margin: 10% auto 10%; }
	#berry .secret_item .shop{ width: 90%; margin: 10% auto 10%;}
	
	#berry .info{width: 60%;}
	#berry .txt{width: 90%;font-size: 10px;line-height: 1.2;}
	#berry .txt span{ font-size: 13px;}

}

/* 
 swim wear_2017
---------------------------------- */

#swimwear_2017{ background: #fff; box-sizing: border-box; overflow: hidden; position: relative;}
#swimwear_2017 .inner{ width: 100%; position: relative; margin: 0 auto; }
#swimwear_2017 .top_left{ width: 20%; position: absolute; margin: 0 auto; top: 0; left: 0;}
#swimwear_2017 .bottom_right{ width: 20%; position: absolute; margin: 0 auto; bottom: 0; right: 0;}
#swimwear_2017 .bottom_right img {vertical-align: bottom;}


#swimwear_2017 .title{
	width: 12%;
	margin: 0% auto 7%;
	padding: 8% 0 0 0;
	z-index: 1000;
	position: relative;
}
#swimwear_2017 .suisai01{
	width:20px;
	margin: 7% auto 0;
	z-index: 1000;
	position: relative;
}
#swimwear_2017 .txt01{
	width: 50%;
	margin: 2% auto 3%;
	z-index: 1001;
	position: relative;
}
#swimwear_2017 .top_img{
	width: 60%;
	margin: 2% auto 0;
	z-index: 1000;
	position: relative;
}
#swimwear_2017 .box01{
	width: 60%;
	margin: 2% auto 0;
	z-index: 1000;
	position: relative;
}

#swimwear_2017 .img01{
	width: 46%;
	margin: 0;
	z-index: 1000;
	position: relative;
}
#swimwear_2017 .txt02{
	width: 50%;
	margin: 0;
	padding: 0 6%;
	z-index: 1001;
	position: relative;
}
#swimwear_2017 .img02{
	width: 46%;
	margin: 2% 0 0 16%;
	z-index: 1000;
	position: relative;
}
#swimwear_2017 .txt03{
	width: 40%;
	margin: -3% 0 4% 19%;
	z-index: 1001;
	position: relative;
}

#swimwear_2017 .img03{
	width: 28%;
	margin: 2% 0 0 60%;
	z-index: 1000;
	position: relative;
}
#swimwear_2017 .txt04{
	width:44%;
	margin: -28% 0 5% 20%;
	z-index: 1001;
	position: relative;
}


#swimwear_2017 .box02{
	width: 60%;
	margin: 2% auto 0;
	z-index: 1000;
	position: relative;
}
#swimwear_2017 .img04{
	width: 47%;
	margin: 2% 0 0 0%;
	z-index: 1000;
	position: relative;
}
#swimwear_2017 .txt05{
	width: 48%;
	margin: 0;
	z-index: 1001;
	position: relative;
}

#swimwear_2017 .color{
	width: 40%;
	margin: 8% auto 0;
}
#swimwear_2017 .photo{
	position: relative;
	z-index: 999;
	width: 70%;
	margin: 4% auto;
}
#swimwear_2017 .photo li{
	width: 47.5%;
	margin: 0 0 6% 0;
}
#swimwear_2017 .buy{
	width: 20%;
	margin: 5% auto 9%;
}

@media only screen and (max-width: 860px){
	#swimwear_2017{ background: #fff; box-sizing: border-box; overflow: hidden; position: relative;}
	#swimwear_2017 .inner{ width: 100%; position: relative; margin: 0 auto; }
	#swimwear_2017 .top_left{ width: 20%; position: absolute; margin: 0 auto; top: 0; left: 0;}
	#swimwear_2017 .bottom_right{ width: 20%; position: absolute; margin: 0 auto; bottom: 0; right: 0;}
	#swimwear_2017 .bottom_right img {vertical-align: bottom;}


	#swimwear_2017 .title{
		width: 42%;
		margin: 0% auto 7%;
		padding: 24% 0 0 0;
		z-index: 1000;
		position: relative;
	}
	#swimwear_2017 .suisai01{
		width:10px;
		margin: 7% auto 0;
		z-index: 1000;
		position: relative;
	}
	#swimwear_2017 .txt01{
		width: 80%;
		margin: 2% auto 7%;
		z-index: 1001;
		position: relative;
	}
	#swimwear_2017 .top_img{
		width: 90%;
		margin: 2% auto 0;
		z-index: 1000;
		position: relative;
	}
	#swimwear_2017 .box01{
		width: 70%;
		margin: 5% auto 0;
		z-index: 1000;
		position: relative;
	}

	#swimwear_2017 .img01{
		width: 100%;
		margin: 0;
		z-index: 1000;
		position: relative;
	}
	#swimwear_2017 .txt02{
		width: 100%;
		margin: 12% auto;
		padding: 0 6%;
		z-index: 1001;
		position: relative;
	}
	#swimwear_2017 .img02{
		width: 76%;
		margin: 2% 0 0 6%;
		z-index: 1000;
		position: relative;
	}
	#swimwear_2017 .txt03{
		width: 80%;
		margin: -3% 0 4% 10%;
		z-index: 1001;
		position: relative;
	}

	#swimwear_2017 .img03{
		width: 60%;
		margin: 9% 0 0 38%;
		z-index: 1000;
		position: relative;
	}
	#swimwear_2017 .txt04{
		width:84%;
		margin: -7% 0 5% -8%;
		z-index: 1001;
		position: relative;
	}


	#swimwear_2017 .box02{
		width: 68%;
		margin: 10% auto 20%;
		z-index: 1000;
		position: relative;
	}
	#swimwear_2017 .img04{
		width: 100%;
		margin: 2% 0 0 0%;
		z-index: 1000;
		position: relative;
	}
	#swimwear_2017 .txt05{
		width: 100%;
		margin: 6% 0;
		z-index: 1001;
		position: relative;
	}

	#swimwear_2017 .color{
		width: 60%;
		margin: 12% auto 4%;
	}
	#swimwear_2017 .photo{
		position: relative;
		z-index: 999;
		width: 70%;
		margin: 4% auto;
	}
	#swimwear_2017 .photo li{
		width: 100%;
		margin: 0 0 6% 0;
	}
	#swimwear_2017 .buy{
		width: 40%;
		margin: 15% auto 19%;
	}

	
}

/* 
 tiny_fairy
---------------------------------- */

#tiny_fairy{ 
	background: #fff; 
	box-sizing: border-box; 
	overflow: hidden; 
	position: relative;
}
#tiny_fairy .top_visual{
	width: 100%;
	margin: 0;
}
#tiny_fairy .top_visual .photo{
	width: 70%;
	margin: 0;
}
#tiny_fairy .top_visual .txt{
	width: 30%;
	padding: 0 11%;
	margin: 0;
}
#tiny_fairy .sax{
	width: 100%;
	position: relative;
}
#tiny_fairy .sax{
	width: 100%;
	position: relative;
}
#tiny_fairy .sax .color_title{
	width: 20%;
	position:absolute;
	top: 50%;
	left: 55%;
}
#tiny_fairy .orange{
	width: 100%;
	position: relative;
}
#tiny_fairy .orange .color_title{
	width: 20%;
	position:absolute;
	top: 50%;
	left: 15%;
}
#tiny_fairy .pink{
	width: 100%;
	position: relative;
}
#tiny_fairy .pink .color_title{
	width: 20%;
	position:absolute;
	top: 50%;
	left: 55%;
}
#tiny_fairy .buy{
	width: 100%;
	padding: 10% 40%;
}
@media only screen and (max-width: 860px){
	
	#tiny_fairy .top_visual .photo{
		width: 100%;
		margin: 0;
	}
	#tiny_fairy .top_visual .txt{
		width: 96%;
		margin: 0;
		position:absolute;
		top: 4.5%;
		left: 50%;
		margin-left: -48%;
	}
	#tiny_fairy .sax{
		width: 100%;
		position: relative;
	}
	#tiny_fairy .sax{
		width: 100%;
		position: relative;
	}
	#tiny_fairy .sax .color_title{
		width: 60%;
		position:absolute;
		top: 8%;
		left: 50%;
		margin-left: -30%;
	}
	#tiny_fairy .orange{
		width: 100%;
		position: relative;
	}
	#tiny_fairy .orange .color_title{
		width: 60%;
		position:absolute;
		top: 8%;
		left: 50%;
		margin-left: -30%;
	}
	#tiny_fairy .pink{
		width: 100%;
		position: relative;
	}
	#tiny_fairy .pink .color_title{
		width: 60%;
		position:absolute;
		top: 8%;
		left: 50%;
		margin-left: -30%;
	}
	#tiny_fairy .buy{
		width: 100%;
		padding: 16% 20%;
	}
}


/* 
 misty_romance
---------------------------------- */

#misty_romance{ 
	background: #f2f1f1; 
	box-sizing: border-box; 
	overflow: hidden; 
	position: relative;
}
#misty_romance .top_visual{
	width: 76%;
	margin: 80px auto;
	position: relative;
	max-width: 1280px;
}
#misty_romance .top_visual .txt{
	width: 40%;
	position:absolute;
	bottom: 10%;
	left: 5%;
}
#misty_romance .front{
	width: 80%;
	margin: 4% auto;
	position: relative;
	max-width: 1280px;
}
#misty_romance .front .photo{
	width: 50%;
	padding: 0 5%;
}
#misty_romance .front .txt{
	width: 50%;
	padding: 0 2% 0 0%;
}
#misty_romance .front .rose01{
	width: 16%;
	position:absolute;
	top: 10%;
	right: 0%;
	z-index: 999;
}
#misty_romance .front .rose02{
	width: 16%;
	position:absolute;
	top: 28%;
	left: 42%;
}
#misty_romance .front .rose03{
	width: 10%;
	position:absolute;
	top: 57%;
	left: 0%;
}
#misty_romance .back{
	width: 80%;
	margin: 4% auto;
	position: relative;
	max-width: 1280px;
}
#misty_romance .back .photo{
	width: 50%;
	padding: 0 5%;
}
#misty_romance .back .txt{
	width: 50%;
	padding: 0 0% 0 0%;
}
#misty_romance .back .rose03{
	width: 16%;
	position:absolute;
	top: 10%;
	right: 0%;
	z-index: 999;
}
#misty_romance .back .rose02{
	width: 10%;
	position:absolute;
	top: 45%;
	left: 48%;
}
#misty_romance .back .rose01{
	width: 10%;
	position:absolute;
	top: 7%;
	left: 0%;
}
#misty_romance .buy{
	width: 100%;
	padding: 5% 35% 10%;
}
@media only screen and (max-width: 860px){
	#misty_romance .top_visual{
		width: 92%;
		margin: 16% auto 6%;
		position: relative;
	}
	#misty_romance .top_visual .txt{
		width: 60%;
		position:absolute;
		top: 4%;
		left: 40%;
	}
	
	#misty_romance .front{
		width: 92%;
		margin: 4% auto;
		position: relative;
	}
	#misty_romance .front .photo{
		width: 100%;
		padding: 0 10% 0 5%;
	}
	#misty_romance .front .txt{
		width: 100%;
		padding: 5% 0;
	}
	#misty_romance .front .rose01{
		width: 26%;
		position:absolute;
		top: 10%;
		right: 0%;
		z-index: 999;
	}
	#misty_romance .front .rose02{
		width: 26%;
		position:absolute;
		top: 28%;
		left: 2%;
	}
	#misty_romance .front .rose03{
		width: 18%;
		position:absolute;
		top: 57%;
		left: 80%;
	}
	
	#misty_romance .back{
		width: 92%;
		margin: 4% auto;
		position: relative;
	}
	#misty_romance .back .photo{
		width: 100%;
		padding: 0 5% 0 10%;
	}
	#misty_romance .back .txt{
		width: 100%;
		padding: 5% 0;
	}
	#misty_romance .back .rose03{
		width: 16%;
		position:absolute;
		top: 10%;
		right: 0%;
		z-index: 999;
	}
	#misty_romance .back .rose02{
		width: 30%;
		position:absolute;
		top: 45%;
		left: 0%;
	}
	#misty_romance .back .rose01{
		width: 15%;
		position:absolute;
		top: 2%;
		left: 5%;
	}
	#misty_romance .buy{
		width: 100%;
		padding: 5% 10% 12%;
	}
}


/* 
 anniversary
---------------------------------- */

#anniversary{ 
	background: #cbdce1; 
	box-sizing: border-box; 
	overflow: hidden; 
	position: relative;
}
#anniversary p{ 
	color: #808080;
}
#anniversary .top_visual{
	width: 76%;
	margin: 80px auto;
	position: relative;
	max-width: 1280px;
	background: url(../img/3rd/bg_flower.png);
	background-size: 110%;
	background-position: center center;
}
#anniversary .top_visual .left{
	width: 60%;
	position: relative;
}
#anniversary .top_visual .left .logo_3rd{
	position: absolute;
	width: 30%;
	top: 10%;
	left: 16%;
}
#anniversary .top_visual .right{
	width: 40%;
}
#anniversary .top_visual .right img{
	width: 80%;
	margin: 0 auto;
	display: block;
}
#anniversary .top_visual .right .txt{
	text-align: center;
	line-height: 2;
	margin: 5% 0;
}
/* part01 */
#anniversary .part01{
	width: 86%;
	margin: 80px auto;
	position: relative;
	max-width: 1280px;
	background: url(../img/3rd/bg_flower.png);
}
#anniversary .part01 .number01{
	width: 16%;
	margin: 80px auto;
	position: relative;
}
#anniversary .part01 .inner{
	background-color: rgba(255,255,255,0.49);
	width: 90%;
	margin: -15% auto 0;
	padding: 10% 15%;
}
#anniversary .part01 .part_txt{
	width: 60%;
	margin: 7% auto 3%;
}
#anniversary .part01 .txt{
	margin: 0 auto 8%;
	text-align: center;
	letter-spacing: 2px;
}
#anniversary .part01 .img02{
	margin: 5% auto 4%;
}
#anniversary .part01 .img03 li{
	width: 48%;
}
#anniversary .part01 .buy{
	width: 48%;
	margin: 15% auto 4%;
}


/* part02 */
#anniversary .part02{
	width: 86%;
	margin: 80px auto;
	position: relative;
	max-width: 1280px;
	background: url(../img/3rd/bg_flower.png);
}
#anniversary .part02 .number01{
	width: 16%;
	margin: 80px auto;
	position: relative;
}
#anniversary .part02 .inner{
	background-color: rgba(255,255,255,0.49);
	width: 90%;
	margin: -15% auto 0;
	padding: 10% 15%;
}
#anniversary .part02 .part_txt{
	width: 60%;
	margin: 7% auto 3%;
}
#anniversary .part02 .txt{
	margin: 0 auto 8%;
	text-align: center;
	letter-spacing: 2px;
}
#anniversary .part02 .img01 li{
	width: 48%;
}
#anniversary .part02 .img02 li{
	width: 48%;
}
#anniversary .part02 .buy{
	width: 48%;
	margin: 15% auto 4%;
}

#anniversary .novelty{
	width: 86%;
	margin: 80px auto;
	position: relative;
	max-width: 1280px;
}
#anniversary .novelty .title{
	width: 46%;
	margin: 80px auto;
}
#anniversary .novelty .inner{
	background-color: rgba(255,255,255,0.49);
	width: 70%;
	margin: 5% auto 0;
	border-radius: 18px;
	padding: 8% 8%;
}
#anniversary .novelty .txt{
	text-align: center;
	letter-spacing: 2px;
	font-size: 14px;
	line-height: 2;
}
#anniversary .novelty .txt span{
	text-align: center;
	letter-spacing: 2px;
	font-size: 18px;
}
#anniversary .novelty .atten{
	text-align: center;
	letter-spacing: 2px;
	font-size: 10px;
	background: none;
	margin: 5% 0 0;
}
#anniversary .novelty .novelty_2{
	width: 40%;
	margin: 0 auto 5%;
	display: block;
	
}

#anniversary .present{
	width: 86%;
	margin: 80px auto;
	position: relative;
	max-width: 1280px;
}
#anniversary .present .title{
	width: 46%;
	margin: 80px auto;
}
#anniversary .present .inner{
	background-color: rgba(255,255,255,0.49);
	width: 70%;
	margin: 5% auto 0;
	border-radius: 18px;
	padding: 8% 8%;
}
#anniversary .present .txt{
	text-align: center;
	letter-spacing: 2px;
	font-size: 14px;
	line-height: 2;
	margin: 8% auto 0;
}
#anniversary .present .txt span{
	text-align: center;
	letter-spacing: 2px;
	font-size: 18px;
}
#anniversary .sns_link{
	margin: 5% auto 8%;
}
#anniversary .sns_link li{
	width: 48%;
	padding: 2% 5%;
	border-radius: 18px;
}
#anniversary .sns_link li .icon{
	width: 34px;
	margin: 0 10px 0 0;
}
#anniversary .sns_link li .txt_sns{
	width: 60%;
}
#anniversary .sns_link li .txt_sns_tw{
	width: 50%;
}
#anniversary .present .img02 li{
	width: 48%;
}
#anniversary .last{
	width: 48%;
	margin: 14% auto 18%;
}


@media only screen and (max-width: 860px){
	#anniversary .top_visual{
		width: 100%;
		margin: 80px auto;
		position: relative;
		max-width: 1280px;
		background: url(../img/3rd/bg_flower.png);
		background-size: 110%;
		background-position: center center;
	}
	#anniversary .top_visual .left{
		width: 100%;
		position: relative;
	}
	#anniversary .top_visual .left .logo_3rd{
		position: absolute;
		width: 30%;
		top: 10%;
		left: 16%;
	}
	#anniversary .top_visual .right{
		width: 80%;
		margin: 0 auto;
	}
	#anniversary .top_visual .right img{
		width: 80%;
		margin: 0 auto;
		display: block;
	}
	#anniversary .top_visual .right .txt{
		text-align: center;
		line-height: 2;
		margin: 5% 0;
	}
	
	/* part01 */
	#anniversary .part01{
		width: 96%;
		margin: 80px auto;
		position: relative;
		max-width: 1280px;
		background: url(../img/3rd/bg_flower.png);
		background-size: contain;
	}
	#anniversary .part01 .number01{
		width: 30%;
		margin: 80px auto;
		position: relative;
	}
	#anniversary .part01 .inner{
		background-color: rgba(255,255,255,0.49);
		width: 98%;
		margin: -20% auto 0;
		padding: 10% 5%;
	}
	#anniversary .part01 .part_txt{
		width: 100%;
		margin: 12% auto 3%;
	}
	#anniversary .part01 .txt{
		margin: 0 auto 8%;
		text-align: center;
		letter-spacing: 2px;
	}
	#anniversary .part01 .img02{
		margin: 5% auto 4%;
	}
	#anniversary .part01 .img03 li{
		width: 48%;
	}
	#anniversary .part01 .buy{
		width: 78%;
		margin: 15% auto 4%;
	}
	
	/* part01 */
	#anniversary .part02{
		width: 96%;
		margin: 80px auto;
		position: relative;
		max-width: 1280px;
		background: url(../img/3rd/bg_flower.png);
		background-size: contain;
	}
	#anniversary .part02 .number01{
		width: 30%;
		margin: 80px auto;
		position: relative;
	}
	#anniversary .part02 .inner{
		background-color: rgba(255,255,255,0.49);
		width: 98%;
		margin: -20% auto 0;
		padding: 10% 5%;
	}
	#anniversary .part02 .part_txt{
		width: 100%;
		margin: 12% auto 3%;
	}
	#anniversary .part02 .txt{
		margin: 0 auto 8%;
		text-align: center;
		letter-spacing: 2px;
	}
	#anniversary .part02 .img02{
		margin: 5% auto 4%;
	}
	#anniversary .part02 .img02 li{
		width: 48%;
	}
	#anniversary .part02 .buy{
		width: 78%;
		margin: 15% auto 4%;
	}
	
	
	
	#anniversary .novelty{
		width: 86%;
		margin: 80px auto;
		position: relative;
		max-width: 1280px;
	}
	#anniversary .novelty .title{
		width: 90%;
		margin: 80px auto 30px;
	}
	#anniversary .novelty .inner{
		background-color: rgba(255,255,255,0.49);
		width: 100%;
		margin: 2% auto 5%;
		border-radius: 18px;
		padding: 8% 8%;
	}
	#anniversary .novelty .txt{
		text-align: center;
		letter-spacing: 2px;
		font-size: 11px;
		line-height: 1,5;
	}
	#anniversary .novelty .txt span{
		text-align: center;
		letter-spacing: 2px;
		font-size: 16px;
	}
	#anniversary .novelty .atten{
		text-align: center;
		letter-spacing: 2px;
		font-size: 10px;
		background: none;
		margin: 5% 0 0;
	}
	#anniversary .novelty .novelty_2{
		width: 60%;
		margin: 0 auto 5%;
		display: block;

	}

	#anniversary .present{
		width: 86%;
		margin: 80px auto;
		position: relative;
		max-width: 1280px;
	}
	#anniversary .present .title{
		width: 90%;
		margin: 80px auto 30px;
	}
	#anniversary .present .inner{
		background-color: rgba(255,255,255,0.49);
		width: 100%;
		margin: 2% auto 5%;
		border-radius: 18px;
		padding: 8% 8%;
	}
	#anniversary .present .txt{
		text-align: center;
		letter-spacing: 2px;
		font-size: 11px;
		line-height: 2;
		margin: 8% auto 0;
	}
	#anniversary .present .txt span{
		text-align: center;
		letter-spacing: 2px;
		font-size: 15px;
	}
	#anniversary .sns_link{
		margin: 5% auto 8%;
	}
	#anniversary .sns_link li{
		width: 100%;
		padding: 2% 5%;
		border-radius: 18px;
	}
	#anniversary .sns_link li .icon{
		width: 34px;
		margin: 0 10px 0 0;
	}
	#anniversary .sns_link li .txt_sns{
		width: 60%;
	}
	#anniversary .sns_link li .txt_sns_tw{
		width: 50%;
	}
	#anniversary .present .img02 li{
		width: 48%;
	}
	#anniversary .last{
		width: 68%;
		margin: 14% auto 18%;
	}
	
}


/* 
 something flower
---------------------------------- */

#something{ background: #eaeaea; padding: 5%; box-sizing: border-box; overflow: hidden;}
#something .inner{ max-width: 800px; width: 80%; margin: 0 auto; }


#something .top{
	width: 100%;
}
#something .title{
	width: 60%;
	margin: 6% auto;
}
#something .photo{
	width: 100%;
}
#something .item_title{
	width: 100%;
	margin: 6% auto;
}
#something .item_title {
	width: 100%;
	margin: 10% auto;
	position: relative;
}
#something .title_img {
	width: 46%;
	margin: 0 auto 0;
	padding: 10% 0 0 0;
}
#something .item_title .flower{
	width: 18%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left:3%;
}

#something .photo_list{
	width: 100%;
}
#something .photo_list li{
	width: 49%;
	margin: 0 0 1% 0;
}
#something .txt {
	width: 100%;
	margin: 10% auto;
	position: relative;
}
#something .txt_img {
	width: 40%;
	margin: 0 auto 0;
	padding: 5% 0 0 0;
}
#something .buy {
	width: 40%;
	margin: 0 auto 0;
	padding: 10% 0 0 0;
}
#something .txt .flower{
	width: 18%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	right:3%;
}
#something .txt .flower2{
	width: 12%;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left:5%;
}

@media only screen and (max-width: 860px){
	
	#something{ background: #eaeaea; padding: 0%; box-sizing: border-box; overflow: hidden;}
	#something .inner{ max-width: 800px; width: 100%; margin: 0 auto; }
	#something .top{
		width: 100%;
	}
	#something .title{
		width: 80%;
		margin: 6% auto;
	}
	#something .photo{
		width: 100%;
	}
	#something .item_title{
		width: 100%;
		margin: 6% auto;
	}
	#something .item_title {
		width: 90%;
		margin: 10% auto;
		position: relative;
	}
	#something .title_img {
		width: 60%;
		margin: 0 auto 0;
		padding: 7% 0 0 0;
	}
	#something .item_title .flower{
		width: 18%;
		margin: 0 auto;
		position: absolute;
		top: -14%;
		left:-2%;
	}

	#something .photo_list{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#something .photo_list li{
		width: 80%;
		margin: 0 auto 1%;
	}
	#something .txt {
		width: 100%;
		margin: 10% auto;
		position: relative;
	}
	#something .txt_img {
		width: 48%;
		margin: 0 auto 0;
		padding: 5% 0 0 0;
	}
	#something .buy {
		width: 60%;
		margin: 0 auto 0;
		padding: 10% 0 15% 0;
	}
	#something .txt .flower{
		width: 20%;
		margin: 0 auto;
		position: absolute;
		top: -4%;
		right:5%;
	}
	#something .txt .flower2{
		width: 14%;
		margin: 0 auto;
		position: absolute;
		bottom: 15%;
		left:5%;
	}
}




/* model
----------------------------------*/

#loader { width: 200px; height: 170px; display: none;position: fixed;_position: absolute; top: 50%;left: 50%; margin-top: -85px; margin-left: -100px; z-index: 99999;}
#fade {width: 100vw;height: 10000px;display: none; background-color: #f4f4f4; position: absolute; top: 0px; left: 0px; z-index: 99998;}

#model{ width: 100%;position: relative; background: #f4f4f4; margin: 0 auto;}
.model_top{ width: 100%; max-width: 1400px; position: relative; background: #f4f4f4; margin: 0 auto; box-sizing: border-box; padding: 0 0 10% 0;}
.model_top .bar01{ width: 100%; margin: 0 auto; padding: 0 0 10% 0;}
.model_top .bar02{ width: 100%; margin: 0 auto; padding: 25% 0 0 0;}
.model_top .txt_01{ display: none;}
.model_top .crown{ width: 50px; position:absolute; top: 40px; right: 40px; z-index: 90000;}
.model_top ul{ width: 100%; margin: 0px auto;}
.model_top li.model_logo{ width: 70%; float: none; box-sizing: border-box; padding: 0 3% 0; margin: 0 auto; position:absolute; margin-left: -35%; left: 50%; top: 13%; opacity: 0.8;}
.model_top li.model_photo{ width: 100%; float: none; box-sizing: border-box; padding: 0;}
.model_top .txt_02{ width: 86%; margin: 30px auto 0; max-width: 300px;}
.model_top .txt_03{ width: 76%; margin: 20px auto 0; max-width: 260px;}
.model_top .txt_04{ width: 76%; margin: 6px auto 0; max-width: 260px;}
.model_top .txt_05{ width: 120px; position:absolute; left: 12%; top: 80%;}

.model_contents{ width: 100%; max-width: 600px; position: relative; background: #f4f4f4; margin: 0 auto; box-sizing: border-box; padding: 0% 2%}
.award{ width: 67%; margin: 0 auto; padding: 0 0 30px;}
.modeltitle{ width: 210px; margin: 0 auto; padding: 50px 0 30px;}

.bar03{ width: 86%; margin: 0 auto; padding: 0 0 20px;}
.sidewrapper{ position: relative; width: 100%; margin: 0 auto;}
.wrapper_bar_right{ position:absolute; right: -13%; bottom: -30px; width: 4px;}
.wrapper_bar_bottom{ position:absolute; right:0; bottom: -50px; width: 90%;}

.leftside{ width: 90%; float:none; position: relative; margin: 0 auto 30px;}
.rightside{ width: 110%; float:none; position: relative;}
.leftside li{ box-sizing: border-box; padding: 4% 0%;}
.rightside .icon{ padding: 20% 0 0; width: 34%; float: left; left: -10px;} 
.rightside .icon_info{ padding: 0; width: 44%; left: -10px;} 

.award_logo{ position: absolute; bottom: -10px; width: 53%; right: -10px;}
.award_logo_info{ position: relative; bottom: -10px; width: 100%; right: -10px;}
.award_01{ margin: 0 0 10px 0;}
.moji1{ width: 50px; float: right; margin: 3% 1% 0;}
.tw{ width:15px; float: right; margin: 3% 6%;}
.moji2{ width: 100%; float: none; margin: 0 40px 0 0;}
.moji2_info{ width: 50%; float: none; margin: 0 40px 0 0; max-width: 100px;}

#uta{ margin: 130px 0 100px;}
#reina{ margin: 130px 0 100px;}
#iroha{  margin: 0 auto 180px;  width: 80%;}
#iroha .moji2_info{ width: 90px; float: right; margin: 0;}
#ririko{  margin: 20px 0; }
.modeltitle_guests{
	width: 40%;
	margin: 10% auto;
	padding: 20% 0;
}
#hamasyaka{  margin: 0 auto 80px;  width: 80%;}
.bar04{ width: 86%; margin: 0 auto; padding: 0 0 30px;}
.bar05{ width: 86%; margin: 0 auto; padding: 100px 0;}
.txt_06{ width: 100%; margin: 0 auto; padding: 0 0 100px;}

@media screen and (max-width: 860px){
	.model_contents{ width: 100%; max-width: 600px; position: relative; background: #f4f4f4; margin: 0 auto; box-sizing: border-box; padding: 0% 15%}
}

/* contact
----------------------------------*/


#contact{width: 100%;margin: 0 auto;max-width: 1000px; padding: 4% 0;}
#contact .title{ margin: 0px auto; padding:  30px 30px 20px; width: 40%; max-width: 300px;}
#contact .title a:hover{ opacity: 0.5;}

.attention{ width: 100%; margin: 6% auto; box-sizing: border-box; padding: 5% 20%; background: #fff; border-radius: 5px;}
#contact .attention_title { margin: 5% auto;}
#contact .attention_title .icon{ width: 15%; margin: 0 auto 2%;}
.attention .attention_title .txt{ font-size: 18px !important; font-weight: bold; letter-spacing: 2px; text-align: center;}
.attention .attention_list li{ font-size: 12px; padding: 0 0 15px 0;}
.attention .attention_list li .txt_big{ font-size: 16px; font-weight: 500; padding: 0 0 15px 0; color: rgba(235,51,54,1.00); text-align: center;}
.attention .attention_list li .center{ font-size: 16px; font-weight: 500; padding: 0 0 15px 0;text-align: center;}

.attention .select { width: 60%; margin: 0 auto;}
.attention .select li{ margin: 5% 0;}
.attention .select li a{font-size: 15px;}

#contact .link{
	display: -webkit-flex; /* Safari */ 
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	width: 80%;
	margin: 6% 0;
}
#contact .link li{
	width: 46%;
	margin: 0 4% 0 0;
}
#contact .link li a{
	border: 1px solid #575757;
	padding: 5% 8%;
	color:#575757;
}
@media screen and (min-width: 860px){
	#contact .link li a:hover{
		border: 1px solid #575757;
		padding: 5% 8%;
		color: #fff;
		background: #575757;
		 -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
	}
}

.after { margin: 10% auto;}
.after .title_txt{ font-size: 20px !important; font-weight: bold; margin: 0 auto 8%; letter-spacing: 2px; text-align: center;}
.after p{ font-size: 12px; padding: 0 0 15px 0;}

.mail_list{height: 30px;width: 100%; margin: 0 auto 5%; padding: 0;}
.mail_list_txt{height: 200px;width: 100%; margin: 5% auto;}
.mail_title{width: 40%; height: auto; float: left; font-size: 13px;}
.mail_contents{ width: 60%; height: 30px; padding: 0 0 0px 0; float:left; border: 1px solid rgba(122,122,122,0.70); border-radius: 5px;}
.mail_contents_txt{ width: 60%; height: 100px; padding: 0 0 10px 0; float:left;border: 1px solid rgba(122,122,122,0.70); border-radius: 5px;}

.mail_infotxt{ font-size: 15px !important; font-weight: bold; letter-spacing: 2px; text-align: left; margin: 0 0 5% 0;}

#mail_wrapper{ padding: 5% 0 10% 0; width: 70%; margin: 0 auto;}
#data_name{ height: 30px; width: 100%;}
#data_mail{ height: 30px; width: 100%;}
#data_field_2{ height: 30px; width: 100%;}
#data_field_3{ height: 100px; padding: 0 0 40px; width: 100%;}
#data_field_4{ height: 30px; width: 100%;}

/* 注文後の送り先変更について */
.select01 #data_field_2{ height: 30px; width: 100%;}
.select01 #data_field_3{ height: 30px; padding: 0 !important; width: 100%;}
.select01 #data_field_4{ height: 100px; padding: 0 0 40px; width: 100%;}

/* 到着商品の不足・誤配送について */
.select02 #data_field_2{ height: 30px; width: 100%;}
.select02 #data_field_3{ height: 100px; padding: 0 !important; width: 100%;}
.select02 #data_field_4{  height: 30px; width: 100%;}
.select02 #data_field_5{ height: 100px; padding: 0 !important; width: 100%;}
.select02 .mail_list_txt{height: 100px;width: 100%; margin: 5% auto;}

/*  不良品について */
.select04 #data_field_2{ height: 30px; width: 100%;}
.select04 #data_field_3{ height: 100px; padding: 0 !important; width: 100%;}
.select04 #data_field_4{  height: 30px; width: 100%;}
.select04 #data_field_5{ height: 100px; padding: 0 !important; width: 100%;}
.select04 .mail_list_txt{ height: 100px; width: 100%; margin: 5% auto;}

input { width: 100%;　border: 1px solid #575757 !important;}
textarea{ width: 100%;　border: 1px solid #575757 !important;　border-radius: 6px;}
.btn_box{ width: 210px; margin: 0 auto;}


input.btn { 
	border: 1px solid #575757;
	padding: 5% 8%;
	color:#575757;
}
@media screen and (min-width: 860px){
	input.btn:hover{
			border: 1px solid #575757;
			padding: 5% 8%;
			color: #fff;
			background: #575757;
			 -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all  1s;
		}
}
*{
   -webkit-appearance: none;
   border-radius: 0;
}

@media screen and (max-width: 860px){
	
	#contact{width: 100%;margin: 0 auto;max-width: 500px; padding: 8% 0 20%;}
	#contact .title{ margin: 0px auto; padding:  30px 30px 20px; width: 50%; max-width: 300px;}
	
	#mail_wrapper{ width: 89%; height: auto; padding: 0; margin: 0 auto;text-align: left; max-width: 500px;}
	.mail_list{height: 75px;width: 90%; margin: 5% auto;}
	.mail_list_txt{height: 200px;width: 90%; margin: 5% auto;}
	
	.attention{ width: 90%; margin: 6% auto; box-sizing: border-box; padding: 5% 10%; background: #fff; border-radius: 5px;}
    #contact .attention_title { margin: 5% auto;}
	#contact .attention_title .icon{ width: 15%; margin: 0 auto 2%;}
	.attention .attention_title .txt{ font-size: 18px !important; font-weight: bold; letter-spacing: 2px; text-align: center;}
	.attention .attention_list li{ font-size: 12px; padding: 0 0 15px 0;}
	.attention .attention_list li .txt_big{ font-size: 16px; font-weight: 500; padding: 0 0 15px 0; color: rgba(235,51,54,1.00); text-align: center;}
	.attention .attention_list li .center{ font-size: 16px; font-weight: 500; padding: 0 0 15px 0;text-align: center;}
	
	.mail_infotxt{ font-size: 15px !important; font-weight: bold; width: 90%; letter-spacing: 2px; text-align: left; margin: 0 auto 5%;}

	.attention .select { width: 96%; margin: 0 auto;}
	.attention .select li{ margin: 5% 0;}
	.attention .select li a{font-size: 13px;}
	#contact .link{
		display: block;
		width: 100%;
		margin: 6% 0;
	}
	#contact .link li{
		width: 100%;
		margin: 0 0 4% 0;
	}
	#contact .link li a{
		border: 1px solid #575757;
		padding: 5% 8%;
		color: #fff;
		background: #575757;
		display: block;
	}
	.after { margin: 10% auto; width: 80%;}
	.after .title_txt{ font-size: 20px !important; font-weight: bold; margin: 0 auto 8%; letter-spacing: 2px; text-align: center;}
	.after p{ font-size: 12px; padding: 0 0 15px 0;}

	.mail_title{width: 100%; height: auto; float:none; margin: 20px 0; font-size: 12px !important;}
	.mail_contents{ width: 90% !important; height: 30px; padding: 00; float:none;}
	.mail_contents_txt{ width: 100% !important; margin: 0 auto; height: 150px; padding: 0 0 10px 0; float:none;}
	
	#data_name{ height: 30px; width: 100% !important; border: none;}
	#data_mail{ height: 30px; width: 100% !important;border: none;}
	#data_field_2{ height: 30px; width: 100% !important;border: none;}
	#data_field_3{ height: 150px; padding: 0; width: 100% !important;border: none;}
	#data_field_4{ height: 20px; width: 100% !important;border: none;}
	
	/* 注文後の送り先変更について */
	.select01 #data_field_2{ height: 30px; width: 100%;}
	.select01 #data_field_3{ height: 30px; padding: 0 !important; width: 100%;}
	.select01 #data_field_4{ height: 150px; padding: 0 0 40px; width: 100%;}
	
	/* 到着商品の不足・誤配送について */
	.select02 #data_field_2{ height: 30px; width: 100%;}
	.select02 #data_field_3{ height: 150px; padding: 0 !important; width: 100%;}
	.select02 #data_field_4{  height: 30px; width: 100%;}
	.select02 #data_field_5{ height: 150px; padding: 0 !important; width: 100%;}
	.select02 .mail_list_txt{height: 200px;width: 90%; margin: 5% auto;}
	
	/* 到着商品の不足・誤配送について */
	.select04 #data_field_2{ height: 30px; width: 100%;}
	.select04 #data_field_3{ height: 150px; padding: 0 !important; width: 100%;}
	.select04 #data_field_4{  height: 30px; width: 100%;}
	.select04 #data_field_5{ height: 150px; padding: 0 !important; width: 100%;}
	.select04 .mail_list_txt{height: 200px;width: 90%; margin: 5% auto;}

	input.btn { 
		border: 1px solid #575757;
		padding: 5% 8%;
		color: #fff;
		background: #575757;
	}
}