@charset "UTF-8";

/* --------------------------------
 * base
 * -------------------------------- */
html {
  font-size: 62.5%;
}
body {
	color: #999;
	font-size: 1.6rem;
	font-family: "ryo-gothic-plusn", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" ;
	font-style: normal;
	font-weight: 400;
}
*, *::before, *::after {
	box-sizing: border-box;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	transition: 0.15s;
	color: #999;
}
a:hover {opacity: 0.5;}

/* --------------------------------
 * font
 * -------------------------------- */

@font-face{ 
font-family: "LunchBox"; /* お好きな名前にしましょう */
src: url("webfonts/LunchBox.eot"); /* IE9以上用 */
src: url("webfonts/LunchBox.eot?#iefix") format('embedded-opentype'), /* IE8以前用 */
url("webfonts/LunchBox.woff") format('woff'), /* モダンブラウザ用 */
url("webfonts/LunchBox.ttf") format('truetype'); /* iOS, Android用 */
font-weight: normal; /* 念の為指定しておきます */
font-style: normal;
}
.myWebFontClass {
font-family: "LunchBox";
}

/* --------------------------------
 * parts
 * -------------------------------- */
img { width: 100%; max-width:100%;}
.img-right{float: right;}
svg { fill: currentColor; }
.note{font-side: .8rem;}

/* --------------------------------
 * margin
 * -------------------------------- */
.mb5  {margin-bottom: 5px}
.mb10 {margin-bottom: 10px}
.mb15 {margin-bottom: 15px}
.mb20 {margin-bottom: 20px}
.mb25 {margin-bottom: 25px}
.mb30 {margin-bottom: 30px}
.mb35 {margin-bottom: 35px}
.mb40 {margin-bottom: 40px}
.mb60 {margin-bottom: 60px}
.mt5  {margin-top: 5px}
.mt10 {margin-top: 10px}
.mt15 {margin-top: 15px}
.mt20 {margin-top: 20px}
.mt25 {margin-top: 25px}
.mt30 {margin-top: 30px}
.mt35 {margin-top: 35px}
.mt40 {margin-top: 40px}
.mr10 {margin-right: 10px}

/* --------------------------------
 * all
 * -------------------------------- */
.pc{display: none;}
.sp{display: inherit;}
h1, h2, h3, h4, h5, h6{font-weight: 500;}
section,aside{
	width: 100%; margin: 0 auto;
	overflow: hidden; clear: both;
}
main{padding-top: 70px;}
.inner {
	width: 96%; margin: 5% auto 10%;
	overflow: hidden; clear: both;
	max-width: 1024px;
}
.inner-title{ width: 96%; margin: 0 auto; }
a.btn{
	width: 80%; margin: 0 auto 10%; padding: 2% 0; 
	color: #fff; background-color: #e2877a; display: block;
	text-align: center; font-size: 1.6rem;
}
a.btn.gray{
	background-color: #adafb2;
	font-family: "LunchBox","ryo-gothic-plusn";
	font-size: 2.4rem;
}
a.btn.gray:hover {opacity: 1;}
a.btn.blank::after{
	content:'';
	display: inline-block;
	width: 1.2em; height: 1.2em; margin-left: .5rem;
	background: url(../images/common/icon_blank.svg) 0 2px no-repeat ;
}
a.btnArchive{
	margin: 3% 0; padding: 2% 3%; font-size: 1.2rem;
	color: #fff; background-color: #e2877a; display: inline-block;
	float: right; vertical-align: bottom;
}
.pagebtnArea{width: 100%; clear: both; overflow: hidden; }
.recommend .pagebtnArea{width: 86%; margin: 3% auto 0;}
a.btnPagePrev{
	margin: 0; padding: 2% 3% 2% 1%; font-size: 1.4rem;
	display: inline-block;float: left;
}
a.btnPagePrev::before{
	content:'';
	display: inline-block;
	width: .7em; height: .7em;
	border: 2px solid;
	border-color: transparent transparent #999 #999 ;
	transform: rotate(45deg);
}
a.btnPageNext{
	margin: 0; padding: 2% 1% 3% 2%; font-size: 1.4rem;
	display: inline-block;float: right;
}
a.btnPageNext::after{
	content:'';
	display: inline-block;
	width: .7em; height: .7em;
	border: 2px solid;
	border-color: #999 #999 transparent transparent;
	transform: rotate(45deg);
}
a.btnPageCenter{
	width: 100%;margin: 0 auto; padding: 2% 1% 3% 2%; font-size: 1.4rem;
	display: block; clear: both; text-align: center;
}
a.btnPageCenter::after{
	content:'';
	display: inline-block;
	width: .7em; height: .7em;
	border: 2px solid;
	border-color: #999 #999 transparent transparent;
	transform: rotate(45deg);
}

section h1{
	font-size: 2.4rem; color:#999; margin:0 7% .5em 7%;
	line-height: 1.5; letter-spacing: 1px; 
	font-family: "LunchBox","ryo-gothic-plusn"; text-align: left;
}
section.top-new h1{margin: 0 auto;}
section.top-new h1 img[src*="icon-recommend.svg"]{
	position: absolute; width: 20vw; top: 0;left: 4%;
	z-index: 100;
}
section h2{
	font-size: 1.6rem; color:#999; margin:0 7% 1em 7%;
	line-height: 1.5; letter-spacing: 1px; border-bottom: 1px solid #e2e2e2;
	font-family: "LunchBox","ryo-gothic-plusn";
}
section h3{font-size: 1.6rem; line-height: 1.6; margin-bottom: 1em; letter-spacing: 1px; font-family: "LunchBox","ryo-gothic-plusn";}
section p {font-size: 1.4rem; line-height: 1.7;}
section p a{ color: #e2877a !important;}
section p a:hover{text-decoration: underline;}
.en{font-family: "LunchBox","ryo-gothic-plusn";}
section h1 .en{font-size: 3rem;}
section h2 .en{font-size: 2rem;}
section h2 .sub-tit{font-size: 1.4rem;}

/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

.col2, .col3 {
	width: 100%; display: inherit; margin: 0 auto;}
.col2 li, .col3 li{
	width: 100%; padding: 0; margin-bottom: 10%;
	display: inline-block;
}
.col2 > li img,
.col3 > li img{width: auto; margin: 0 auto 5%; max-width: 100%; display: block;}
.col2 li > p,
.col3 li > p{font-size: 1.4rem; line-height: 1.7;}

/* --------------------------------
 * header
 * -------------------------------- */
.logo {
	width: 28%; display: block; 
	vertical-align: middle; 
	position: absolute; top: 20%; left: 7%;
}
a.cart { 
	top: 40%; right: 70px;
	position: absolute; display: block;
	color: #999; font-size: 2rem; letter-spacing: 1px;
	font-family: "LunchBox","ryo-gothic-plusn";
}

.followBtn{
	float: right; display: block;
	padding:20% 10% 0 0;
	text-align: right;
}
.followBtn img{ width: 28px; padding-top: 15%;}

.navHeader{ 
	width: 100%;
	display: block; 
	vertical-align: middle;
	height: 70px;
	background-color: #fff;
	position: absolute; z-index: 11;
}
/* --------------------------------
 * navigation
 * -------------------------------- */
.glNav,.itemNav,.itemsubNav{display: none;}
.drawer-menu { border-top: 2px dashed #ccc; padding: 0;}
.drawer-menu li{ border-bottom: 2px dashed #ccc; text-align: left; line-height: 1;}
.drawer-menu-item .en{ font-size: 2.2rem;}

/*.itemsubNav{
	width: 100%; margin: 0 auto 5%; padding:0;
	clear: both; overflow: hidden;
	display: block; font-family: "LunchBox";
	color: #b5b5b5; font-size: 1.2rem;
	border-bottom: 1px solid #e6e6e6;
}
.itemsubNav ul{
	width: 100%; margin: 0 auto; padding: 0;
}
.itemsubNav li{
	width: 100%; float: none; display: block;
	margin-right: 0; padding: 0 7%; line-height: 2.8;
	border-top: 1px solid #e6e6e6;
}
.itemsubNav li a{color: #b5b5b5;}*/

.breadcrumb{
	width: 86%; margin: 0 auto; padding:0; max-width: 1024px;
	clear: both; overflow: hidden; line-height: 1.6;}
.breadcrumb li{
	font-size: 1.2rem; display: inline;
}
.breadcrumb li a{
	margin:0 1rem 5% 0;
}
.breadcrumb li a::after{
	content: '>';
	margin-left:1rem;
}
.breadcrumb li:last-child a::after{
	content: '';
	margin-left:0;
}
/* --------------------------------
 * footer
 * -------------------------------- */
footer{ 
	padding: 5% 0; color: #999;
	background-color: #f4f4f3;
}
footer .inner{width: 90%; margin: 2.5% auto; }
footer a:link, footer a:visited, footer a:hover, footer a:active{color: #999;}
footer ul {margin-bottom: 15%; display: inline-block;}
footer ul li{font-size: 1.4rem; padding:1.4rem 0; line-height: 1.5; margin-right: 1rem;}
footer ul li:first-child{padding-top: 0;}
footer .ftr-list{width: 100%; margin-bottom: 2rem;}
footer .ftr-list dt{font-size: 22px; line-height: 1.6; font-family: "LunchBox","ryo-gothic-plusn";}
footer .ftr-list dd{font-size: 12px;  line-height: 2.4;}
footer .ftr-list dd .en{font-size: 16px;}
footer .followBtn{ padding: 0;}
footer .img-right{width: 200px;}
.copylight{
	width: 100%; clear:both; overflow: hidden; font-family: "LunchBox","ryo-gothic-plusn";
	text-align: center; font-size: 1.6rem; line-height: 1.4;
}
.copylight img[src*="logo-dadway"]{width: 80px; margin-top: 3%; margin-right: 2rem;}

/* --------------------------------
 * top
 * -------------------------------- */
.top-new {
	padding-bottom: 10%;
	position: relative;
}
img[src*="flag-r.png"]{
	position: absolute;
	width: 60%;
	top: 0; right: -2%;
	z-index: 100;
}
.top-new .inner{margin-bottom: 0;}
.top-new p {
	font-size: 1.3rem; margin-bottom: 4rem; line-height: 1.25;
	text-align: center;
}
.top-new .caption { border-bottom: 1px dotted #666;}
.top-new p span{
	width: 100%; display: block; padding-bottom: .5em;
}
.instaBlock{width: 100%; margin: 0 auto; text-align: center; overflow: hidden; clear: both;}

.bnrArea{
	background-image: url(/images/common/dot.png),url(/images/common/dot.png),url(/images/common/dot.png);
    background-size: 30% auto,30% auto,30% auto;
    background-position: 40% 110%,105% 28%,-10% top;
    background-repeat: no-repeat,no-repeat;
}
.bnrArea img{
	width: 100%; max-width:100%; border-radius: 50%;
}
.bnrArea ul {margin-bottom: 10%;}
.bnrArea ul li{
	margin-bottom:2rem; text-align: center; line-height: 1.4;
}
.bnrArea-contents{
	width: 90%; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center;}
.bnrArea-contents .bnrArea-img{width: 50%; margin-right: 20px;}
.bnrArea-contents .bnrArea-txt{text-align: left;}
.bnrArea ul li img{ border-radius: 50%;}
.bnrArea ul li strong{font-size: 20px; display: block;}
.bnrArea ul li .en{font-size: 26px; line-height: 1.3;}
.bnrArea ul li .tx-s{font-size: 80%;}

/* --------------------------------
 * contents
 * -------------------------------- */
.item-list{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	padding: 0;
	margin: 0 auto;
}
.item-list li{
	width: calc(100%/2);
	overflow: auto; margin:0 0 1rem;
	background-color: #fff; padding: 2% 1% 6%;
	position: relative;
}
.item-list li img[src*="icon-new"],
.item-list li img[src*="icon-soldout"]{position: absolute; top: 0; left: 0; width: 15%;}
.item-list li p{margin-bottom: .5rem; text-align: center;line-height: 1.8;}
.item-list li img{ margin-bottom: .8rem; width: 100%;}

.item-contents{width: 86%; margin: 0 auto; display: inherit;}
.item-contents > div{display: inline-block; vertical-align: middle;}
.item-contents .item-photo{width: 100%;}
.item-contents .item-detail{
	position: relative; width: 100%; padding-left: 0;}
.item-contents .item-detail img[src*="icon-new"],
.item-contents .item-detail img[src*="icon-soldout"]{
	float: right;
	width: 50px;
}
.item-contents .item-detail h3{width: 76%;}
.item-contents .item-detail h3 > span{display: block; font-family: "LunchBox","ryo-gothic-plusn";}
.item-contents .item-detail .detail-text{margin-bottom: 2rem;}
.item-contents .item-detail .detail-size{font-size: 1rem; margin-bottom: 2rem;}
.item-contents .item-detail .btn{
	width: 100%; line-height: 2; border-radius: 4px;
}
.item-contents .size-tit{
	padding-top: 1rem; border-top: 1px dashed #e2e2e2;}
.item-contents .size-list{
	width: 100%; margin: 0 auto 2rem; 
	clear: both; overflow: hidden;
}
.item-contents .size-list li{
	width: calc(91%/3); margin:0 3% 1rem 0; 
	display: inline-block; float: left;
	font-size: 1rem; line-height: 1.6;
	text-align: center;
}
.item-contents .size-list li:nth-child(3n){margin-right: 0;}
.item-contents .size-list li:nth-child(3n+1){clear: both;}

.item-contents .gallery {
  margin-bottom: 3rem;
}
.item-contents .gallery-cell {
  width: 90%;
  margin-right: 10px;
  background: #fff;
  text-align: center;
}

/* cell number */
.item-contents .gallery-cell:before {
  display: block;
  text-align: center;
  line-height: 200px;
  font-size: 80px;
  color: white;
}
.item-contents .gallery-nav .gallery-cell {
  height: 80px;
  width: 80px;
}
.item-contents .gallery-cell img{
	width: 100%;
}
.item-contents .gallery-nav .gallery-cell:before {
  font-size: 50px;
  line-height: 80px;
}
.item-contents .gallery-nav .gallery-cell.is-nav-selected {
  border: 1px solid #e2e2e2;
}
.flickity-button,
.flickity-prev-next-button.next {background-color: transparent;}
.about .bg-dna{
	background-color: #E6EEF3; padding: 5%; 
	position: relative;
}
img[src*="Miceparty_blue.png"]{
	position: absolute;
	width: 23%;
	top: 1%; left: 2%;
}
img[src*="Miceparty_pink.png"]{
	position: absolute;
	width: 20%;
	top: 0; right: 0;
}
.about .bg-dna-inner{
	margin: 0 auto; padding: 5%;
	background-color: #fff;
}
.about .bg-dna-inner h2{text-align: center; border: none; font-weight: bold;}
.about .bg-dna-inner p {text-align: center;margin-bottom: 3rem;}
.about .dna-profile{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
}
.about .dna-profile li:first-child{width: 100px; margin-right: 20px; }
.about .dna-profile img{width: 100px; border-radius: 50%;}
.about .dna-profile p{text-align: left; margin-bottom: 0;}
.about .dna-profile p.dna-profile-tit{font-size: 12px;}
.about .dna-profile p.dna-profile-txt{font-size: 10px;}
.related h2{text-align: center; border-bottom: 1px solid #e2e2e2;}
.related p {margin-bottom:15%; text-align: center;}

.store-list{
	width: 90%;
	margin: 0 auto;
}
.store-list li{
	margin:0 0 2rem;
}
.store-list li .store-btn{
	background-color: #A8CDD0;
	color: #fff;
	padding: 1.5rem 1rem;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 3rem;
}

/* --------------------------------
 * swiper スライダー
 * -------------------------------- */
.swiper-container.main {
	width: 100%;
	height: auto;
}
.swiper-container.main .swiper-slide {
	margin:0 0 7%;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container.main .swiper-button-prev,
.swiper-container.main .swiper-button-next {
	position: absolute;
	top: inherit; bottom:14px;
}
.swiper-container.main .swiper-button-prev,
.swiper-container.main .swiper-container-rtl .swiper-button-next {
	  left: inherit;
	  right: 21%;
}
.swiper-container.main .swiper-button-next,
.swiper-container.main .swiper-container-rtl .swiper-button-prev {
	right: 14%;
	left: auto;
}
.swiper-container.main .swiper-button-next::after{
	float: right;
	width: 14px; height: 14px;
}
.swiper-container.main .swiper-button-prev::after{
	float: right;
	width: 14px; height: 14px;
}
.swiper-container.centerSlide {
	width: 100%;
	height: 100%;
	margin: 0 0 10% 7%;
}
.swiper-container.centerSlide .swiper-slide {
	text-align: center;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 86%;
}
.swiper-container.item {width: 96%; }
.swiper-container.new {position: relative;}

/* ------------------------------------------------------------------------------------------------ TB */
@media screen and (min-width: 600px) {
	
	main{padding-top: 9%;}
	.inner{ width: 86%;}
	.inner-title{ width: 86%; margin: 0 auto; }
	section h1{margin:0 auto .5em; }
	section h2{margin:0 auto 1em; letter-spacing: 1px;}
	section h3{margin-bottom: 1em; letter-spacing: 1px;}
	section h4{font-size: 2.4rem;}
		
	.navHeader{ height: 6.3%;}
	.logo { width: 15%;}	
	.bnrArea {padding: 0;}
	.bnrArea ul{
		width: 95%; max-width: 1024px; 
		margin: 0 auto 5%;
		display: flex; justify-content: center; align-items: flex-start;} 
	.bnrArea ul li{width: calc(100%/3); margin-bottom: 5%; margin: 0 1%;}
	.bnrArea ul li a{display: block;}
	.bnrArea ul li a span{display: block;}
	.bnrArea-contents{width: 100%; display: block;}
	.bnrArea-contents .bnrArea-img{width: 100%; margin-right: 0;}
	.bnrArea-contents .bnrArea-txt{text-align:center;}
	.bnrArea li:nth-child(2n){margin-right: 0;}
	.mask-list{width:200px; height:200px; margin-bottom: 0;}
	.itemsubNav{ margin: 0 auto 3%; padding:0 7%; clear: both; overflow: hidden;
	display: block; font-family: "LunchBox","ryo-gothic-plusn";
	font-size: 1.4rem; line-height: 1.5; 
	border-bottom: 1px solid #e6e6e6;
	}
	.itemsubNav ul{ width: 100%; margin: 0; padding-top: 1.5%; max-width: 1024px;}
	.itemsubNav li{ width: auto; padding: 0; float: left; display: inline-block; margin-right: 3em; border: none;}
	.itemsubNav li a{color: #b5b5b5;}
	
	.item-list li{width: calc(100%/3);}
	
	.item-contents{width: 100%; display: table;}
	.item-contents > div{display: table-cell; vertical-align: middle;}
	.item-contents .item-photo{ width: 50%;}
	.item-contents .item-detail{ width: 50%; padding-left: 2%;}
	.item-contents .item-detail h3 > span{display: block;}
	.item-contents .item-detail .detail-size{margin-bottom: 2rem;}
	
	.swiper-container.item {width: 100%; }
	.breadcrumb{width: 100%; }
	

#store h2{
	font-size: 3rem;
}
.store-list{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	padding: 0;
	margin: 0 auto;
}
.store-list li{
	width: calc(100%/3);
	overflow: auto; margin:0 0 1rem;
	padding: 2% 1% 6%;
}

}
/* ------------------------------------------------------------------------------------------------ PC */
@media screen and (min-width: 960px) {

/* --------------------------------
 * all(min-width: 960px)
 * -------------------------------- */
	.sp{display: none;}
	.pc{display: inherit;}
	.imgR{float: right;}
	.imgL{float: left;}
	
	section h2{font-size: 2rem; line-height: 2;  margin-bottom: 1em; letter-spacing: 1px;}
	section h3{font-size: 2rem; margin-bottom: 1em; letter-spacing: 1px;}
	section h4{font-size: 1.8rem;}
	section p {font-size: 1.4rem; line-height: 2.16;}
	.breadcrumb{display: none;}
	
	main{padding-top: 180px;}
	a.btn{ width: 30%; font-size: 1.8rem; margin-bottom: 5%; padding: 2% 0; }
	a.btnArchive{ margin: 0; padding: 1% 3%; font-size: 1.4rem;}
	
	.col2 {width: 100%; display: table; margin: 0 auto 2%;}
	.col2 li{
	width: 50%; padding:0;
	display: table-cell;
	vertical-align: top;
	margin-bottom: 30px;}
	.col2 li > p,
	.col3 li > p{font-size: 1.4rem; line-height: 2.16;}

	
/* --------------------------------
 * header(min-width: 960px)
 * -------------------------------- */
	.navHeader{ height: 140px;}
	a.cart { display: none;}
	
	.glNav{
		top: 0; right: 100px;
		position: absolute; display: block;
		color: #999; font-size: 1.6rem;
		z-index: 12; font-family: "LunchBox","ryo-gothic-plusn";
	}
	.glNav li{
		width: 114px;
		float: left; display: inline-block; font-size: 2rem; letter-spacing: 1px;
		 padding: 25% 10% 10% ; margin-left: 1.3em; background: #e2877a;}
	.glNav li a{ color: #fff;}
	.itemNav{
		top: 80px; left: 5%; padding: 2% 2% 4%;
		position: absolute; display: block;
		color: #999;
		z-index: 12; line-height: 1.5; font-family: "LunchBox","ryo-gothic-plusn";
	}
	.itemNav li{
		float: left; display: inline-block; margin-right: 3em; font-size: 1.2rem;
	}
	.itemNav li a{color: #999;}
	.itemNav li.visit{border-bottom: 1px solid #999;}
	.itemNav li .en{font-size: 2.2rem; letter-spacing: 1px; line-height: 1.2;}
	.itemNav .tx-pink a{color: #e2877a;}
	.item-list li{width: calc(100%/4);}
	
/* --------------------------------
 * footer(min-width: 960px)
 * -------------------------------- */	
	footer {padding: 2.5% 0;}
	footer .inner{margin: 0 auto;}
	footer ul {margin-bottom: 15%; display: inline-block; overflow: hidden; clear: both;}
	footer ul li{font-size: 1.6rem; display: inline-block; padding:0 8rem 0 0; line-height: 1.5; float: left;}
	.copylight{	text-align: center; }

/* --------------------------------
 * top(min-width: 960px)
 * -------------------------------- */
	.top-new {padding-bottom: 5%;
    background-image: url(/images/common/flag-l.png),url(/images/common/flag-r.png); 
    background-size: 20% auto,20% auto;
    background-position: left -2%,right -2%;
    background-repeat: no-repeat,no-repeat;
	}
	.top-new .inner{margin-top: 5%;}
	section.top-new h1 img[src*="icon-recommend.svg"]{position: inherit; width: 5vw;}
	.instaBlock iframe{height: 960px !important;}
	.bnrArea{
	background-image: url(/images/common/dot.png),url(/images/common/dot.png),url(/images/common/dot.png);
    background-size: 12% auto,12% auto,12% auto;
    background-position: 35% 120%,105% 45%,-2% top;
	}
	
/* --------------------------------
 * swiper スライダー(min-width: 960px)
 * -------------------------------- */	
	.swiper-container.main .swiper-slide {margin:0 0 0;}
	.swiper-container.main .swiper-pagination{margin: 2% 11% 0;}
	.swiper-container.centerSlide {width: 100%; max-width: 1024px; margin:0 auto 5%;}
	
	.swiper-container.new {width: 86%; margin: 0 auto; max-width: 1024px; text-align: center; position: relative;}
	.swiper-container.item {width: 100%; margin: 0 auto 3%; max-width: 1024px;}
	.swiper-container.new .swiper-slide img,
	.swiper-container.item .swiper-slide img{width: 450px; margin-bottom: 10px;}
	
	.swiper-container.new .swiper-button-prev,
	.swiper-container.new .swiper-button-next,
	.swiper-container.item .swiper-button-prev,
	.swiper-container.item .swiper-button-next{
	position: absolute;
	top: inherit; bottom:4px;
	}
	.swiper-container.new .swiper-button-prev,
	.swiper-container.new .swiper-container-rtl .swiper-button-next,
	.swiper-container.item .swiper-button-prev,
	.swiper-container.item .swiper-container-rtl .swiper-button-next{
	  left: 45%;
	}
	.swiper-container.new .swiper-button-next,
	.swiper-container.new .swiper-container-rtl .swiper-button-prev,
	.swiper-container.item .swiper-button-next,
	.swiper-container.item .swiper-container-rtl .swiper-button-prev{
	right: 45%;
	}
	.swiper-container.new .swiper-button-next::after,
	.swiper-container.item .swiper-button-next::after{
	float: left;
	width: 14px; height: 14px;
	}
	.swiper-container.new .swiper-button-prev::after,
	.swiper-container.item .swiper-button-prev::after{
	float: left;
	width: 14px; height: 14px;
	}
	.swiper-slide.swiper-slide-next .products-img p,
	.swiper-slide.swiper-slide-prev .products-img p{ opacity: 1;}

/* --------------------------------
 * contents(min-width: 960px)
 * -------------------------------- */
	.item-contents .item-detail img[src*="icon-new"],
	.item-contents .item-detail img[src*="icon-soldout"]{
		width: 80px;
	}
	.item-contents .item-photo{ width: 55%;}
	.item-contents .item-detail{ width: 45%; padding-left: 2%;}
	.item-contents .item-detail h3{width: 100%;}
	.item-contents .item-detail .btn{
		width: 100%; line-height: 2.4; border-radius: 4px;}
	.item-contents .size-list li{width: calc(91%/4);}
	.item-contents .size-list li:nth-child(3n){margin-right: 3%;}
	.item-contents .size-list li:nth-child(3n+1){clear: none;}
	.item-contents .size-list li:nth-child(4n){margin-right: 0;}
	.item-contents .size-list li:nth-child(4n+1){clear: both;}
	.about .bg-dna{padding: 12%; }
	img[src*="Miceparty_blue.png"]{ width: 23%; top: 3%; left: 1%;}
	img[src*="Miceparty_pink.png"]{ width: 18%; top: 4%; right: 4%;}
	.about .bg-dna-inner{padding: 10%;}
	.about .dna-profile img{width: 100px; margin-right: 20px;}
	.about .dna-profile p.dna-profile-tit{font-size: 16px;}
	.about .dna-profile p.dna-profile-txt{font-size: 14px;}
	

}

/* ------------------------------------------------------------------------------------------------ PC Large */
@media screen and (min-width: 1280px) {
	.navHeader{ height: 110px;}
	main{padding-top: 110px;}
	/*main{padding-top: 220px;}*/
	.logo { width: 220px; top: 10%; left: 7%;}
	.itemNav{top: 100px; left:7%; padding: 2% 0 0;}
	.bnrArea ul li{width: calc(98%/3);}
	.bnrArea li:nth-child(2n){margin-right: 1%;}
	.bnrArea li:last-child{margin-right: 0;}
	footer .ftr-list{width: 20%; float: left;}
	.copylight img[src*="logo-dadway"]{margin-top: 0;}
	
/* --------------------------------
 * contents
 * -------------------------------- */
	.topContents{padding-top: 150px;}
	.about p{text-align: left; margin:0 0 1em;}
}