/** Shopify CDN: Minification failed

Line 1099:13 Expected ":"

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

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

.wrap1060{
	width: 1060px;
	margin: 0 auto;
}

.wrap1060 a:hover img,.arrow a:hover,.arrow2 a:hover,.arrow3 a:hover,.arrow4 a:hover {
	opacity: 0.6; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}

/* arrow x disc */
.arrow,.arrow2,.arrow3,.arrow4 {
	margin: 8% 0 8% 4%;
}

.arrow a,.arrow2 a,.arrow3 a,.arrow4 a {
	position: relative;
	font-size: 90%;
	line-height: 1.6;
}
.arrow a:hover,.arrow2 a:hover,.arrow3 a:hover,.arrow4 a:hover {
	text-decoration: underline;
}
.arrow a::after,
.arrow a::before,
.arrow2 a::after,
.arrow2 a::before,
.arrow3 a::after,
.arrow3 a::before,
.arrow4 a::after,
.arrow4 a::before {
	display: block;
	content: '';
	position: absolute;
}
.arrow a::after,.arrow2 a::after,.arrow3 a::after,.arrow4 a::after {
	top: 0em;
	left: -1.6em;
	width: 18px;
	height: 18px;
	background-color: #333;
	border-radius: 100%;
}
.arrow a::before {
	z-index: 2;
	top: 40%;
	left: -3%;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.arrow2 a::before {
	z-index: 2;
	top: 40%;
	left: -4%;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.arrow3 a::before {
	z-index: 2;
	top: 35%;
	left: -4.3%;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.arrow4 a::before {
	z-index: 2;
	top: 40%;
	left: -3.8%;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
	/*@-moz-document url-prefix() {
	.arrow a::before {
		z-index: 2;
		top: 44%;
		left: -5.2%;
		width: 4px;
		height: 4px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}*/
.box_L{
	width: 47%;
	float: left;
}
.box_R{
	width: 47%;
	float: right;
	margin-bottom: 18%;
}


.box_L ul li{
  margin:0;
}
  
.box_L img.style_{
	width: 92%;
}
.box_R img.style_{
	width: 92%;
	float: right;
}

p.series_{
	font-size: 176%;
	letter-spacing: 0.1em;
}
.flexbox_{
	display: -webkit-flex;
	display: flex!important;
	margin:8% 0 6%;
  list-style:none;
}
.flexbox_ li{
  margin:0!important;
}
    .flexbox_ li a{
    background:none!important;
  }
.flexbox_ img{
	width: 78%;
}
.item_ex_{
	font-size: 104%;
	line-height: 2em;
}

.fadeInUp {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInUp;
 animation-name: fadeInUp;
 visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.mainImg {
	width:616px;
	height:935px;
	background:url(/cdn/shop/files/special-ss18_v3-main.jpg) no-repeat top left;
	margin:50px auto 0 auto;
}

.mainImg img{
	width: 40%;
}

/* fade js 用 */
/*.mainttl {
	display:none;
	position:relative;
	top: 18%;
	left: 64%;
}*/

.animated {
	/*display:none;*/
	position:relative;
	top: 50%;
	left: 74%;
}

.caption {
	width: 100%;
}
.caption div{
	float: left;
	margin-top: 10%;
}

.cap_L {
	width: 20%;
}
.cap_R {
	width: 80%;
}
.cap_R p{
	line-height: 2.6em;
}
.cap_R span{
	font-weight: bold;
}

.cl{
	clear: both;
}

.pc_on{
	display: block!important;
}
.sp_on,.sp_on2{
	display: none!important;
}

.s_ttl{
	text-align: left;
	margin: 12% 0 4%;
}

.s_ttl img{
	width:60%;
}

.other_series img{
	width:26%;
    margin:0;
	margin-bottom: 4%;
}

.other_series{
	text-align: center;
	margin: 10% 0 3%;
    padding:10% 0 3%;
}

.listv1 p{
	line-height: 3em;
	padding-bottom: 4.4%;
	font-size: 102%;
	text-align: center;
}

.listv1 p.caption{
	line-height: 2.4em;
	padding: 5% 0;
	font-size: 90%;
	text-align: left;
}

.txtv1 {
	font-size: 100%;
	line-height: 3;
	text-align: left;
	padding: 9% 12%;
	}

}


@media only screen and (max-device-width: 480px) {

/* arrow x disc */
	.arrow,.arrow2,.arrow3,.arrow4 {
		margin: 8% 0 9% 7%;
	}
	.arrow a,
	.arrow2 a,
	.arrow3 a,
	.arrow4 a {
		position: relative;
		font-size: 200%;
		line-height: 1.6em;
	}
	.arrow a::after,
	.arrow a::before,
	.arrow2 a::after,
	.arrow2 a::before,
	.arrow3 a::after,
	.arrow3 a::before,
	.arrow4 a::after,
	.arrow4 a::before {
		display: block;
		content: '';
		position: absolute;
	}
	.arrow a::after,
	.arrow2 a::after,
	.arrow3 a::after,
	.arrow4 a::after {
		top: 0;
		left: -2em;
		width: 40px;
		height: 40px;
		background-color: #333;
		border-radius: 100%;
	}
	.arrow a::before {
		z-index: 2;
		top: 16%;
		left: -18%;
		width: 10px;
		height: 10px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.arrow2 a::before {
		z-index: 2;
		top: 40%;
		left: -5%;
		width: 10px;
		height: 10px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.arrow3 a::before {
		z-index: 2;
		top: 40%;
		left: -5%;
		width: 10px;
		height: 10px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.arrow4 a::before {
		z-index: 2;
		top: 40%;
		left: -4.6%;
		width: 10px;
		height: 10px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	p.series_{
		font-size: 340%;
		letter-spacing: 0.1em;
	}
	.mainImg {
		width:88%;
		background:url(/cdn/shop/files/special-ss18_v3-main_sp.jpg) no-repeat top left;
		margin: 6% auto 0;
		background-size:contain;
		padding-top: 100%;
	}
	.mainImg img{
		width: 50%;
		position: relative;
		top: -500px;
	}

	/* fade js 用 */
	/*.mainttl {
		position:relative;
		top:-560px;
		left:-18%;
		width:51%;
	}*/

	/*.animated {
		position:relative;
		top:-560px;
		left:-18%;
		width:51%;
	}*/

	.pc_on{
		display: none!important;
	}
	.sp_on,.sp_on2{
		display: block!important;
	}

	.wrap1060{
		width: 100%;
		margin: 0 auto;
	}

	.box_L{
		width: 96%;
		margin: auto auto 8%;
		float: none;
	}
	.box_R{
		width: 98%;
		margin: auto auto 8%;
		float: left;
	}
	.box_L img.style_,.box_R img.style_{
		width: 100%;
	}
	p.series_{
		font-size: 370%;
		letter-spacing: 0.1em;
		margin: 0 0 4% 2%;
	}
	.flexbox_{
		display: -webkit-flex;
		display: flex!important;
		width: 50%;
		margin:8% 0 6%;
      list-style:none;
	}
  .flexbox_ li{
    margin:0!important;
  }
  .flexbox_ li a{
    background:none!important;
  }
	.flexbox_ img{
		width: 360px;
		padding: 0 14% 0 2%;
	}
	.item_ex_{
		font-size: 180%;
		line-height: 2em;
		padding: 0 2%;
	}
	.box_R img.style_{
		width: 98%;
		margin: auto;
	}
	.s_ttl{
		margin: 0 0 4% 2%;
	}
	.s_ttl img{
		width: 60%;
	}
	.other_series{
		text-align: center;
		margin: 14% 4% 6%!important;
	}
	.other_series img{
		width: 66%;
		margin: 10% auto 8%;
	}
	.pal2{
		padding-left: 2%!important;
	}
	.pal14{
		padding-left: 14%!important;
	}
}

.message {
	text-align:center;
	margin:100px 0 220px;
}

.message img.ttl{
	width: 23%;
	margin-left: -6px;
	padding-bottom: 3%;
}

.message img.read{
	width: 36%;
}

.message_catalog img {
	width:50%;
	margin:0 25% 8%;
}


@media only screen and (max-device-width: 480px) {
	.animated{
		width: 60%;
		margin-left: 2%;
		padding-bottom: 3%;
		z-index: 2;
		position: relative;
		top: 0;
		left: 0;
	}

	.message img.read{
		width: 97%;
	}

	.message {
		text-align:center;
	}

	.message {
		width:90%;
		margin:-43% 5% 8% 5%;
	}
	
	.message img{
		margin: auto;
		margin-bottom:80px;
	}
	
	.messagetxt {
		margin:-15% 0 0;
		z-index: 1;
		position: relative;
	}

	.txtv1 {
		font-size: 190%;
		line-height: 1.6;
		text-align: left;
		padding: 2%;
	}

	.message_catalog img{
		width:80%;
		margin:0 10% 14%;
	}	
	
}

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

.listv1 {
	width:1180px;
	margin:0 auto;
}

.listv1 ul {
	width:1180px;
	/*margin:0 0 0 -120px;*/
	margin: 0 auto;
}

.listv1 li {
	float: left;
}

.listv1 li.no_01 {
	display:inline-block;
	margin:6% 10% 0;
	width:38%;
	vertical-align:top;
}
.listv1 li.no_01 a{
  background:none!important;
}
.listv1 li.no_02 {
	display:inline-block;
	margin:0 0 0;
	width:26%;
	vertical-align:top;
}

.listv1 li.no_03 {
	display:inline-block;
	margin:9% 0 0 5%;
	width:32%;
	vertical-align:top;
}

.listv1 li img {
	width:100%;
	margin-bottom:10px;
}

.listv1 li p {
	margin-bottom:7px;
	line-height:18px
}

.listv1 li a {
	color:#4b4b4b;
}

.listv1 li a:hover {
	/*text-decoration:underline;*/
}

.listv1 a img,.message_catalog a {
	opacity: 1; /* IE以外透過設定 */
	filter: Alpha(opacity=100);
  background:none!important;
}

.listv1 a:hover img,.message_catalog a:hover img {
	opacity: 0.6; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
	}
}


@media only screen and (max-device-width: 480px) {
	.listv1 {
		width:94%;
		/*padding: 0 5%;*/
	}
	
	.listv1 ul {
		width:100%;
		margin:0;
	}
	
	.listv1 li.no_01 {
		display:block;
		margin:0;
		width:100%;
		vertical-align:top;
	}

	.listv1 li {
		display:block;
		margin:0 0 100px 0;
		width:100%;
		vertical-align:top;
	}
	
	.listv1 li img {
	}
	
	.listv1 li p {
		line-height:2.8em;
		padding-top: 1.4em;
	}
	
	.listv1 li a {
		font-size:100%;
	}

	.listv1 li.no_02 a {
		font-size:238%;
	}

	.listv1 p{
		line-height: 2.4em;
		padding: 5% 0;
		font-size: 180%;
		text-align: center;
	}

	.listv1 p.caption{
		line-height: 2.4em;
		padding: 5% 0;
		font-size: 140%;
		text-align: left;
	}

}



@media screen and (min-width:1020px) {
.other_series p.donation_ {
	background-color: #f1eee7;
	padding: 1.6% 3%;
	font-weight: bold;
	font-size: 102%;
	line-height: 1.8em;
	width: 34%;
	margin: 0 auto;
	letter-spacing: 0.1em;
}

.btn_ss {
	text-align: center;
	margin-top: 5%;
}

.btn_ss a {
	width: 50%;
	background:#fdf9c7!important;
	margin:10% auto 10%;
	display:block;
	padding:3% 0;
	font-size:18px;
	letter-spacing: 0.1em;
	font-weight:bold;
	color:#333;
	text-decoration:none;
    height:100%;
}

.btn_ss a:hover {
	background:#fffde2!important;
	width:50%;
    height:100%;
}

	/****************************
	btn
	****************************/
	.btn_aria .btn_:after,.btn_aria .btn_2:after {
    	padding-left: .8em;
    	content: '>';
    	/*position: relative;
    	left: 26%;*/
    }

	/****************************
	btm
	****************************/
	.btn_ {
		display: block;
		background: #fff!important;
		padding: 2.6% 0;
		width: 88%;
		text-decoration: none !important;
		text-align: center;
		transition: 0.5s;
		margin: 0 auto 15% 0;
		color: #333 !important;
		border: solid 1px #333;
		line-height: 1.6em;
	}
	.btn_2 {
		display: block;
		background: #fff!important;
		padding: 1.4% 0;
		width: 28%;
		text-decoration: none !important;
		text-align: center;
		transition: 0.5s;
		margin: 0 auto 6% auto;
		color: #333 !important;
		border: solid 1px #333;
		line-height: 1.6em;
	}
	.btn_:hover,.btn_2:hover {
		background: #333!important;
		color: #fff !important;
		transition: 0.5s;
		border: solid 1px #333;
	}

}


@media screen and (min-width:481px) and ( max-width:1000px){

.sp_on,.sp_on2{
	display: none;
	}
}


@media only screen and (max-device-width: 480px) {
      .box_L ul{
        list-style: none;
        display: flex;
        justify-content: space-evenly;
    }
  .box_L ul li{
    margin:0;
  }
	.other_series p{
		line-height: 2em;
		padding-bottom: 2%;
		font-size: 160%;
	}
	.other_series p.donation_ {
		background-color: #f1eee7;
		padding: 4% 3%;
		font-weight: bold;
		font-size: 220%;
		line-height: 1.8em;
		width: 76%;
		margin: 8% auto 10%;
		letter-spacing: 0.1em;
	}

	.btn_ss {
		width:100%;
		margin:12% auto 0;
	}

	.btn_ss a {
		background:#fdf9c7;
		margin:10% auto 10%;
		display:block;
		padding: 3% 8%;
		font-size:40px;
		line-height: 1.5;
		letter-spacing: 0.1em;
		font-weight:bold;
		color:#333;
		text-decoration:none;
    	height:100%;
	}

	.btn_ss a:hover {
		background:#fffde2;
		width:50%;
    	height:100%;
	}

	/****************************
	btn
	****************************/
	.btn_aria .btn_:after,.btn_aria .btn_2:after {
    	padding-left: .8em;
    	content: '>';
    	/*position: relative;
    	left: 26%;*/
    }

	/****************************
	btn
	****************************/
	.btn_ {
		display: block;
		background: #fff;
		padding: 4% 0;
		width: 90%;
		text-decoration: none !important;
		font-size: 200%;
		text-align: center;
		margin: 8% auto 5% auto;
		color: #333 !important;
		border: solid 1px #333;
	}
	.btn_:hover {
		background: #333;
		color: #fff !important;
		transition: 0s;
		border: solid 1px #333;
	}

	.btn_2 {
		display: block;
		background: #fff;
		padding: 4% 0;
		width: 80%;
		text-decoration: none !important;
		font-size: 130%;
		text-align: center;
		margin: 0 auto 10% auto;
		color: #333 !important;
		border: solid 1px #333;
		line-height: 1.4em;
	}
	.btn_2:hover {
		background: #333;
		color: #fff !important;
		transition: 0s;
		border: solid 1px #333;
		line-height: 1.4em;
	}
	.pal0 .btn_ {
		margin-left: 4%;
	}
	.mat20 {
		margin-top: 22%;
	}
	.mat35 {
		margin-top: 35%;
	}

}

a:link {text-decoration: none;} /*未訪問のリンクの色*/
a:visited {text-decoration: none;} /*訪問済みのリンクの色*/
a:hover {text-decoration: none!important;} /*カーソルが乗っているリンクの色*/
a:active {text-decoration: none;} /*クリック中のリンクの色*/



/****************************
	android 用 css
****************************/

.android .sp_on2{
    /* Androidのみ */
    display: none;
}

.android .android_p{
    /* Androidのみ */
    font-size: 70%;
}

.android p.series_{
	font-size: 100%;
	letter-spacing: 0.1em;
}

.android p.series_an{
	font-size: 350%;
	letter-spacing: 0.1em;
}

.android .item_ex_{
	font-size: 70%;
}

.android .item_ex_an{
	font-size: 240%;
	line-height: 2.4em;
}

/****************************
	arrow
****************************/

.android .arrow,.android .arrow2,.android .arrow3,.android .arrow4 {
		margin: 8% 0 9% 7%;
	}
.android .arrow a,
.android .arrow3 a {
	position: relative;
	font-size: 70%;
	line-height: 1em;
}
.android .arrow2 a,
.android .arrow4 a {
	position: relative;
	font-size: 240%;
	line-height: 1em;
}
.android .arrow a::after,
.android .arrow a::before,
.android .arrow2 a::after,
.android .arrow2 a::before,
.android .arrow3 a::after,
.android .arrow3 a::before,
.android .arrow4 a::after,
.android .arrow4 a::before {
	display: block;
	content: '';
	position: absolute;
}
.android .arrow a::after,
.android .arrow2 a::after,
.android .arrow3 a::after,
.android .arrow4 a::after {
	top: 0;
	left: -2em;
	width: 40px;
	height: 40px;
	background-color: #333;
	border-radius: 100%;
}
.android .arrow a::before {
	z-index: 2;
	top: 14%;
	left: -18%;
	width: 10px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.android .arrow2 a::before {
	z-index: 2;
	top: 40%;
	left: -6%;
	width: 10px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.android .arrow3 a::before {
	z-index: 2;
	top: 40%;
	left: -6%;
	width: 10px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.android .arrow4 a::before {
	z-index: 2;
	top: 40%;
	left: -5.6%;
	width: 10px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

	/****************************
	btn
	****************************/
	.android .btn_aria .btn_:after,.android .btn_aria .btn_2:after {
    	padding-left: .8em;
    	content: '>';
    	/*position: relative;
    	left: 26%;*/
    }

	.android .btn_ {
		display: block;
		background: #fff;
		padding: 4% 2%;
		width: 92%;
		text-decoration: none !important;
		font-size: 70%;
		text-align: center;
		margin: 8% auto 15% auto;
		color: #333 !important;
		border: solid 1px #333;
	}
	.android .btn_:hover {
		background: #333;
		color: #fff !important;
		transition: 0s;
		border: solid 1px #333;
	}

	.android .btn_2 {
		display: block;
		background: #fff;
		padding: 4%;
		width: 84%;
		text-decoration: none !important;
		font-size: 40%;
		text-align: center;
		margin: 8% auto 15% auto;
		color: #333 !important;
		border: solid 1px #333;
		line-height: 1.4em;
	}
	.android .btn_2:hover {
		background: #333;
		color: #fff !important;
		transition: 0s;
		border: solid 1px #333;
		line-height: 1.4em;
	}

.android .font_an{
	font-size: 250%;
}

.android .pal0 {
	margin-left:-1%;
}

.android .other_series {
    text-align: center;
    margin: 8% 4% 6%;
}

.android .listv1 p.caption{
	font-size: 60%;
}

.other_series img{
  max-width: 100%;
    width: auto;
}

.btn_ss a{
  max-width40%;
  margin:0 auto;
}
@media screen and (max-width: 767px) {
  p.series_{
    font-size:20px;
    line-height: 1.6;
  }
  .item_ex_{
    font-size:14px;
    line-height: 1.6;
  }
  .btn_,
  .btn_2,
  .btn_ss a,
  .message_catalog a{
    font-size: 14px;
    background-image:none!important;
  }
  .arrow a, .arrow2 a, .arrow3 a, .arrow4 a{
    font-size: 16px;
  }
  .arrow a::after, .arrow2 a::after, .arrow3 a::after, .arrow4 a::after{
    left: -50px;
    width: 30px;
    height: 30px;
  }
  .arrow2 a::before,
  .arrow3 a::before,
  .arrow4 a::before{
    top: 23%;
    left: -42px;
    width: 10px;
    height: 10px;
  }
  .listv1 p.caption{
    font-size: 16px;
  }
  .listv1 p{
        font-size:14px;
    line-height: 1.6;
  }
}