@charset "utf-8";

.contact_tel {
	margin: 20px auto;
}

.sp_image {
	font-size: 0;
}

@media screen and (max-width: 480px) {
	.pcv {
		display: none !important;
	}
}

@media screen and (min-width: 481px) {
	.spv {
		display: none !important;
	}
}

.method .open {
	cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
	color: #2c86c3;
	text-decoration: underline;
}

.method #pop-up {
	display: none; /* label でコントロールするので input は非表示に */
}

.method .overlay {
	display: none; /* input にチェックが入るまでは非表示に */
}

.method #pop-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}

.method .window {
	width: 90vw;
	max-width: 640px;
	height: 480px;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.method .text {
	font-size: 18px;
	margin: 0;
}

.method .close {
	cursor:pointer;
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 20px;
}

div.cmp_center dl {
	display: inline-block;
}

div.cmp_center dl dt {
	float: left;
	clear: left;
	width: 200px;
	margin: 0 0 10px 0;
}

div.cmp_center dl dd {
	float: left;
	width: 800px;
	margin: 0 0 10px 0;
}

.section02#movie {
	margin: 0 auto;
}

.section02#movie video {
	width: 700px;
	height: auto;
	margin: 24px auto 0 auto;
}

.section02 .bnr-touken {
	clear: both;
	padding: 40px 0 0 0;
}

.section02 .bnr-touken a {
	display: flex;
	align-items: center;
	width: 40%;
	margin: 0 auto;
	padding: 10px 20px 10px 10px;
	border: 3px solid #cccccc;
	font-size: 14px; 
	background: url(https://iei.jp/premico/images/delivery_arw.jpg) no-repeat 97% center;
	}

.section02 .bnr-touken a:hover,
.section02 .bnr-touken a:active {
	opacity: 0.7;
}

.section02 .bnr-touken .bt-image {
	margin: 0 12px 0 0;
}

.yt-wrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	margin-top: 20px;
}

.yt-wrapper iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

body {
	-webkit-text-size-adjust : none;
}

div#cancel-area {
	background: #efefef;
	padding: 10px 10px;
}

div#cancel-area p.cancel-text {
	margin: 0 0 12px 0;
	font-size: 14px;
	line-height: 1.8;
}

div#cancel-area select {
	margin: 0 0 12px 0;
}

div#cancel-area p.cancel-btn a {
	display: block;
	margin: 0 auto 12px auto;
	width: 250px;
	padding: 10px 20px;
	background: #cc0000;
	border-radius: 5px;
	color: #ffffff;
	cursor: pointer;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}

div.price_area .right .form p{
	border-bottom: 1px solid #ccc;
}

div.price_area .right .form p:last-child{
	border-bottom:none;
}

div.price_area div.payment {
	clear: both;
	width: 88%;
	border: 2px solid #1F286F;
	margin: 30px auto 0 auto;
	padding:10px 10px;
}

div.price_area div.payment h3 {
	margin: 0 0 20px 0;
	color: #1F286F;
	font-size: 110%;
	font-weight: bold;
}

div.price_area div.payment p {
	line-height: 1.5;
}

/* *********************** */
.price_area h3.stitle {
	color: #686868;
	border-left: 7px solid #686868;
	padding-left: 20px;
	font-size: 25px;
	margin-bottom: 25px;
}

.price_area .right h3.no-bdr {
	border-left: none !important;
	padding-left: 0 !important;
}

.gallery .left {
	width: 701px;
}

.sp_banner {
	display:none;
}

p.smp_only {
	display: none !important;
}


/* ***********************レスポンシブ***************** */ 

@media screen and (min-width: 481px) {
	.spv {
		display: none;
	}

	.yt-wrapper {
		width: 70%;
		margin: 50px auto 0 auto;
		padding-bottom: 40.5%;
	}

	.contact_tel a {
		background: url(https://iei.jp/premico/lp/contact_tel_t01.jpg) no-repeat center top;
		outline: none;
	}

	.cart-in a {
		background: url(https://iei.jp/premico/lp/cart_in_btn.jpg) no-repeat center top;
	}

	.del_img {
		background:url(https://iei.jp/premico/lp/delivery_img.jpg) no-repeat center top;
	}

	.deliver_area h4.hdr01 {
		background-image: url(https://iei.jp/premico/images/delivery_hdr01.jpg);
	}

	.deliver_area h4.hdr02 {
		background-image: url(https://iei.jp/premico/images/delivery_hdr02.jpg);
	}

	.deliver_area h4.hdr03 {
		background-image: url(https://iei.jp/premico/images/delivery_hdr03.jpg);
	}

	.deliver_area h4.hdr04 {
		background-image: url(https://iei.jp/premico/images/delivery_hdr04.jpg);
	}

	.del_credit {
		background: url(https://iei.jp/premico/images/delivery_img02.jpg) no-repeat center top;
		width: 355px;
		height: 44px;
		margin-bottom: 20px;
	}

	.deliver_area .del_time {
		background: url(https://iei.jp/premico/images/delivery_img01.jpg) no-repeat center top;
		width: 411px;
		height: 107px;
		margin-left: 20px;
		margin-bottom: 20px;
	}

	.texthidden {
		background-repeat:no-repeat;
		text-indent:-9999px;
		display:block;
	}

	.price_area {
		min-width:1005px;
	}

	#lp .lp_menu .lead #lp01 {
		position:absolute;
		z-index:10;
		left:50%;
		overflow:visible;
		margin:0 0 0 -500px;
		/*top:37px;*/
		top:20px;
	}

	#lp .lp_menu .lead #lp01 .nav01 {
		position:absolute;
		left:0;
		top:8px;
		width:176px;
	}

	#lp .lp_menu .lead #lp01 .nav02 {
		position:absolute;
		left:176px;
		top:8px;
		width:176px;
	}

	#lp .lp_menu .lead #lp01 .nav03 {
		position:absolute;
		left:352px;
		top:8px;
		width:174px;
	}

	#lp .lp_menu .lead #lp01 .nav04 {
		position:absolute;
		left:526px;
		top:8px;
		width:174px;
	}

	#lp .lp_menu .lead #lp01 .nav05 {
		position:absolute;
		right:0;
		top:0;
		width:300px;
	}
}

@media screen and (max-width: 1024px) {
	#lp .lp_menu {
		/* width: 100%; */
		/*background-size: 100% auto !important;*/
		/*background-position: -88px 0 !important;*/
	}

	.lp_menu ul {
		top: 400px;
		white-space: nowrap;
		overflow-x: hidden;
	}

	.sp_banner {
		display:none;
	}
}

@media screen and (max-width: 768px) {
	#lp .lp_menu,
	#lp .lp_menu .width100 {
		background-size: 100% auto !important;
		background-position: left top !important;
	}

	.spt-scr .lp_menu {
		height: 2060px;
		position: relative;
	}

	.mtl .lp_menu {
		height: 1188px;
	}

	.lp_menu ul {
		left: 8%;
		top: 240px;
		width: 90%;
	}

	.lp_menu ul li {
		width: 16.5%;
	}

	.lp_menu ul li a {
		width: 100%;
		height: 45px;
	}

	.lp_menu ul li.btn {
		width: 32%;
	}

	.lp_menu ul li.btn a {
		width: 100%;
		height: 60px;
	}

	.contact_tel a {
		display: block;
		width: 100%;
		height: 73px;
		background-size: contain;
	}

	#lp h2 {
		background-position: -100px top !important;
	}

	.lp_menu ul,
	.mlb .lp_menu ul {
		left: 8%;
		top: 330px;
		width: 90%;
		white-space: nowrap;
		overflow-x: hidden;
	}

	#lp .lp_menu .lead #lp01 {
		width:100%;
		/*left:0; 130625yun edit*/
		height:65px;
	}

	#lp .lp_menu .lead #lp01 .nav01,
	#lp .lp_menu .lead #lp01 .nav02,
	#lp .lp_menu .lead #lp01 .nav03,
	#lp .lp_menu .lead #lp01 .nav04 {
		height:38px;
	}

	#lp .lp_menu .lead #lp01 .nav05 {
		height:65px;
	}

	/* ***** ギャラリー max768 ***** */

	.gallery .left {
		width: 66.5%;
		height: inherit;
		line-height: 0;
		margin-bottom: 20px;
	}

	.gallery .left img,
	.gallery .right img {
		width: 100%;
	}

	.gallery .right {
		width: 30.5%;
		overflow: hidden;
	}

	/* ***** 価格 max768 ***** */
	.price_area .left {
		width: 40%;
		margin-right: 2%;
		text-align: center;
	}

	.price_area .left img {
		width: 100%;
	}

	.price_area .right {
		width: 55%;
	}

	/* ***** 配送 max768 ***** */

	.deliver_area .left {
		width: 48%;
	}

	.deliver_area .right {
		width: 48%;
	}
}

@media screen and (max-width: 640px) {
	#lp #contents {
		max-width: 480px;
		min-width: 100%;
		width: 100%;
		margin: 0 auto;
	}

	#lp #header {
		width: 100%;
	}

	#lp #wrapper{
		z-index: 100;
		background-color: transparent;
		position: relative;
		max-width: inherit;
	}

	.newyear,
	.newyear a {
		text-align:center;
	}
}

@media screen and (max-width: 480px) {
	#lp #contents {
		max-width: 480px;
		min-width:100%;
		width: 100%;
		margin: 0 auto;
	}

	#lp #header {
		width: 100%;
	}

	#lp #header #headerwrapper {
		width: 100% !important;
	}

	#lp #wrapper {
		width:100%;
		z-index: 100;
		background-color: transparent;
		position: relative;
		max-width: inherit;
	}

	.lp_menu, .lp_menu .texthidden {
		display: none;
	}

	.section01 { 
		max-width: 480px;
		min-width:100%;
		width: 100%;
		clear: both;
		margin-bottom: 30px;
	}

	.section02 {
		max-width: 480px;
		min-width:100%;
		width: 100%;
		margin: 0 auto;
		clear: both;
		margin-bottom: 25px;
	}

	.section02#movie video {
		width: 96%;
	}

	.deliver_area {
		display: none;
	}

	.sp_main {
		display: block;
	}

	.sp_main01 {
		margin-bottom: 0 !important;
		/*margin-bottom: 25px;*/
		line-height:0;
	}

	.sp_main02 {
		margin: 25px 0;
	}

	.sp_main03 {
		margin-bottom: 25px;
		padding: 0 5%;
	}

	.sp_main04 p {
		font-size:12px;
	}

	.sp_main04 {
		line-height:0;
	}

	.sp_main .marginbottom {
		margin:0 0 1em;
	}

	#lp #contents h2 {
		background: none;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	.contact_tel {
		width: 100%;
		max-width: 480px;
/*		margin: 0 auto;*/
	}

	.contact_tel a {
		display: block;
		background: none;
		width: 94%;
		height: inherit;
		margin: 0 auto;
		line-height: 0;
	}

	.contact_tel a img,
	.contact_tel .tel {
		display:  block;
	}

	.cart-in {
		width: 100%;
		height: auto;
		overflow: hidden;
		clear: both;
	}

	.cart-in a {
		display: block;
		text-indent: -9999px;
		width: 94%;
		height: inherit;
		background: none;
		float: none;
		margin: 0 auto;
	}

	.price_area h3.stitle {
		width: 94%;
		float: none;
		margin: 20px 0 20px 10px;
		font-size: 16px;
		line-height: 1.5;
	}

	.price_area .cart-in a {
		width: 100%;
	}

	.cart-in a img {
		width:100%;
		display: block;
	}

	.newyear,
	.newyear a {
		text-align:center;
	}

	/* ***** ギャラリー max480 ***** */

	.gallery {
		overflow: hidden;
		clear: both;
		width: 100%;
		margin-top: 15px;
		margin-bottom: 25px;
	}

	.gallery .left {
		width: 100%;
		height: inherit;
		line-height: 0;
		float: none;
		margin-bottom: 20px;
	}

	.gallery .left p {
		line-height: 0;
	}

	.gallery .right {
		width: 100%;
		float: none;
		overflow: hidden;
	}

	.gallery .right ul {
		padding: 0 3%;
		width: 100%;
	}

	.gallery .right li {
		float: left;
		width: 30%;
		margin: 0 2% 0 0;
		line-height: 0;
	}

	/* ***** 価格 max480 ***** */

	.price_area .left {
		width: 100%;
		float: none;
		text-align: center;
	}

	.price_area .right {
		width: 94%;
		float: none;
		margin: 0 auto;
	}

	.price_area .right h3 {
		border-left: 5px solid #686868;
		font-size: 24px;
		line-height: 1.2;
		margin-top:1em;
		margin-bottom: 1em;
		font-weight: normal;
	}

	.price_area .right .price {
		margin-bottom: 12px;
		font-size: 18px;
	}

	.price_area .right .price span {
		font-size: 20px;
		color: #333333;
	}

	.price_area .right .fee {
		margin-bottom: 1em;
		font-size:14px;
	}

	.price_area .right .fee span {
		font-size: 16px;
		color: #333333;
		margin: 0;
	}
/*
	.price_area .right .atn,
	.price_area .left .atn {
		font-size: 85% !important;
	}
*/
	.price_area .right .credit {
		margin-bottom: 12px;
		font-size: 14px;
	}

	.price_area .right .credit span {
		font-size: 16px;
	}

	.price_area .right .method {
		font-size: 12px;
	}

	.price_area .right .method dl {
		margin-bottom: 0;
		overflow: hidden;
	}

	.price_area .right .method dl dt {
		font-weight: bold;
		margin-bottom: 5px;
	}

	.price_area .right .method dl dd {
		margin-bottom: 15px;
		line-height: 180%;
	}

	.price_area .right .form {
		border: none;
		border-radius: none;
		margin-bottom: 25px;
	}

	.price_area .right .form p {
		padding: 10px 5%;
		border-radius: 5px;
		background-color: #f0f0f0;
		margin-bottom: 15px;
	}

	.price_area .right .form p span {
		margin-bottom: 10px;
	}

	.price_area .right .form p:first-child {
		border-bottom: none;
	}

	.price_area .right .form p b {
		margin-right: 5px;
	}

	.price_area .right .form p select {
		/* width: 60px; */
	}

	.imgRight {
		float: right;
		margin: 0 0 5px 10px;
		width: 40%;
	}

	div.price_area div.payment {
		clear: both;
		width: 88%;
		border: 2px solid #1F286F;
		margin: 30px auto 0 auto;
		padding:10px 10px;
	}

	div.price_area div.payment h3 {
		margin: 0 0 20px 0;
		color: #1F286F;
		font-size: 110%;
		font-weight: bold;
	}

	div.price_area div.payment p {
		line-height: 1.2;
	}

	/* ***** ソーシャルボタン max480 ***** */

	.social {
		display: none;
	}

	.social_sp {
		display: block;
		width: 94%;
		margin: 0 auto 15px;
		position: relative;
	}

	.social_sp ul {
		width: 100%;
		position: absolute;
		top: 0;
		left:0;
		height: 70px;
	}

	.social_sp li {
		width: 33%;
		float: left;
		height: 100%;
	}

	/* ------------------------
	.social_sp ul {
	width: 100%;
	position: absolute;
	top: 0;
	left:0;
	height: 63px;
	}

.social_sp li {
	width: 25%;
	float: left;
	height: 100%;
	}
	------------------------ */

	.social_sp li a {
		display: block;
		text-indent: -9999px;
		width: 100%;
		height: 100%;
	}

	/* ***** フッター max480 ***** */

	#footer {
		min-width: 100%;
	}

	#lp h2 img {
		display: block;
	}

	.pc_banner {
		display:none;
	}

	.sp_banner {
		display:block;
	}
}


/*********************** 51534 ************************/

#lp .lp51534 .keyvisual {
	background-image:url(/premico/lp/51534/pc_keyvisual.jpg);
	background-position:center bottom;
	height:368px;
	width:100%;
	padding:0;
	line-height:0;
}

#lp .lp51534 .lead {
    background-image: url(/premico/lp/51534/pc_lead.jpg);
    background-position: center bottom;
    height: 1341px;
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 0 0 10px;
}

#lp .lp51534 .feature {
	background-image:url(/premico/lp/51534/pc_feature01.jpg);
	background-position:center bottom;
	height:613px;
	width:100%;
	position:relative;
	z-index:1;
	margin:0 0 10px;
}

#lp .lp51534 .feature2 {
	background-image:url(/premico/lp/51534/pc_feature02.jpg);
	background-position:center bottom;
	height:1193px;
	width:100%;
	position:relative;
	z-index:1;
	margin:0 0 10px;
}

/*#lp .lp51534 h2.hdr_gly {
	background: url(./premico/lp/51534/pc_gallery_title.jpg) no-repeat center bottom;
	}*/

#lp .lp51534 h2.hdr_price {
	background: url(/premico/lp/51534/pc_price_title.png) no-repeat center bottom;
}

#lp .lp51534 h2.hdr_del-pay {
	background: url(/premico/lp/51534/pc_delivery_title.png) no-repeat center bottom;
}

#lp .lp51534 .cart-in a {
	background:url(/premico/lp/51534/pc_price_cart.jpg) no-repeat center;
	width:100%;
	/*float:none;*/
	text-align:center;
}

#lp .lp51534 .contact_tel a {
	background: url(/premico/lp/51534/contact_tel.jpg) no-repeat center top;
}
@media screen and (max-width: 480px) {
	.sp_main p img{
		margin: 0 0 10px;

	}
}