.container {
	width: 100%;
	max-width: 1080px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}

body {
	color: #0A223E;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: justify;
	text-justify: inter-ideograph;
	background: #FFF;
	font-family: vdl-admin, sans-serif;
}

img{
	width: 100%;
	vertical-align: top;
}
picture{
	width: 100%;
	vertical-align: top;
}

a,
a:active,
a:visited {
	color: #FFF;
	text-decoration: none; 
	transition : all 0.65s ease 0s;
}

a:hover {
	color: #FFF;
	text-decoration: underline;
}

p, span {
	font-size: 1.25em;
	letter-spacing: 0.2px;
}

.wapper {
	overflow: hidden;
}
.clear{
	clear: both;
	height: 10px;
}

.sp_only{	display: none;	}
.pc_only{	display: block;	}

@media (max-width:639px) {
	.sp_only{	display: block;	}
	.pc_only{	display: none;	}
}

.cnt_inner{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}


@keyframes show{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes logo{
	0%{
        opacity: 0;
        width: 0;
        margin-left: 50%;
    }
    70%{
        opacity: 0;
        width: 0;
        margin-left: 50%;
    }
    100%{
        opacity: 1;
        width: 100%;
        margin-left: 0;
    }
}
@keyframes head_title{
	0%{
        opacity: 0;
        width: 100%;
        margin-bottom: -10%;
        bottom: 0;
    }
    100%{
        opacity: 1;
        width: 100%;
        margin-left: 0;
        bottom: 0;
    }
}
	
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* header */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

header {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.header_cnt{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

.header_cnt .head_image{
	width: 100%;
	height: 100%;
	overflow: hidden;
    display: block;
    animation: show 1s ease 0s;
}

.header_cnt .head_logo{
	width: 77.3%;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	right: 0;
    display: block;
}

.header_cnt .head_logo .head_title{
    animation: head_title 1.5s ease 0s;
}
.header_cnt .head_logo .head_title h1{
	margin: 0;
	padding: 0;
	line-height: 0;
}

.header_cnt .head_c_t_01{		position: absolute;		width: 17.2%;		top: 5.9%;		left: 2.7%;		}
.header_cnt .head_c_t_02{		position: absolute;		width: 7.6%;		top: 13.1%;		left: 12.4%;	}
.header_cnt .head_c_t_03{		position: absolute;		width: 3.2%;		top: 3.7%;		left: 18.4%;	}
.header_cnt .head_c_t_04{		position: absolute;		width: 5.7%;		top: 9.2%;		left: 24.8%;	}
.header_cnt .head_c_t_05{		position: absolute;		width: 14.5%;		top: 2.5%;		left: 24.5%;	}
.header_cnt .head_c_t_06{		position: absolute;		width: 3.5%;		top: 10.3%;		left: 34.4%;	}
.header_cnt .head_c_t_07{		position: absolute;		width: 14.5%;		top: 4.5%;		left: 38.0%;	}
.header_cnt .head_c_t_08{		position: absolute;		width: 9.9%;		top: 4.9%;		left: 54.5%;	}
.header_cnt .head_c_t_09{		position: absolute;		width: 5.1%;		top: 3.9%;		left: 64.8%;	}
.header_cnt .head_c_t_10{		position: absolute;		width: 13.5%;		top: 4.9%;		left: 70.3%;	}
.header_cnt .head_c_t_11{		position: absolute;		width: 3.9%;		top: 4.2%;		left: 85.1%;	}
.header_cnt .head_c_t_12{		position: absolute;		width: 5.5%;		top: 13.0%;		left: 87.2%;	}

.header_cnt .head_c_01{		position: absolute;		left: 47.2%;		top: 22.3%;	width: 14.7%;		}
.header_cnt .head_c_02{		position: absolute;		left: 29.3%;		top: 29.7%;	width: 16.7%;		}
.header_cnt .head_c_03{		position: absolute;		left: 58.1%;		top: 32.3%;	width: 27.7%;		}
.header_cnt .head_c_04{		position: absolute;		left: 23.3%;		top: 39.6%;	width: 12.3%;		}
.header_cnt .head_c_05{		position: absolute;		left: 32.0%;		top: 44.9%;	width: 9.5%;		}
.header_cnt .head_c_06{		position: absolute;		left: 56.8%;		top: 44.3%;	width: 16.1%;		}
.header_cnt .head_c_07{		position: absolute;		left: 69.4%;		top: 50.4%;	width: 14.4%;		}
.header_cnt .head_c_08{		position: absolute;		left: 16.6%;		top: 54.1%;	width: 6.7%;		}
.header_cnt .head_c_09{		position: absolute;		left: 25.1%;		top: 48.5%;	width: 12.6%;		}
.header_cnt .head_c_10{		position: absolute;		left: 56.8%;		top: 56.1%;	width: 23.5%;		}
.header_cnt .head_c_11{		position: absolute;		left: 79.3%;		top: 54.5%;	width: 11.5%;		}
.header_cnt .head_c_12{		position: absolute;		left: 16.2%;		top: 57.2%;	width: 19.1%;		}
.header_cnt .head_c_13{		position: absolute;		left: 75.5%;		top: 67.5%;	width: 10.2%;		}
.header_cnt .head_c_14{		position: absolute;		left: 83.3%;		top: 69.2%;	width: 8.5%;		}
.header_cnt .head_c_15{		position: absolute;		left: 6.6%;		top: 80.4%;	width: 9.6%;		}
.header_cnt .head_c_16{		position: absolute;		left: 10.6%;		top: 76.4%;	width: 15.5%;		}
.header_cnt .head_c_17{		position: absolute;		left: 53.9%;		top: 82.6%;	width: 11.2%;		}
.header_cnt .head_c_18{		position: absolute;		left: 65.8%;		top: 81.0%;	width: 9.8%;		}
.header_cnt .head_c_19{		position: absolute;		left: 75.0%;		top: 77.6%;	width: 16.0%;		}
.header_cnt .head_c_20{		position: absolute;		left: 5.6%;		top: 80.7%;	width: 28.8%;		}
.header_cnt .head_c_21{		position: absolute;		left: 28.4%;		top: 83.1%;	width: 12.1%;		}




.header_cnt .head_top_mask{
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0;
    display: block;
    animation: show 2s ease 0s;
}


@media (max-width:639px) {
		
		
	

}



	
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* main_copy */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.main_copy{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	padding: 0;
}
.main_copy img{
	width: 100%;
}


@media (max-width:639px) {
			
			
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フィーチャーアイテム */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.f_item_cnt{
	width: 100%;
	max-width: 600px;
	margin: 50px auto;
	padding-bottom: 20px;
}
.f_item_cnt .f_item_title_cnt{
	width: 100%;
	max-width: 480px;
	margin: -50px auto 0 auto;
	position: relative;
	z-index: 1000;
}
.f_item_cnt .f_item_title_cnt .f_item_title{
	width: 100%;
	position: absolute;
	text-align: center;
	font-family: kan415typos-std, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 28px;
	line-height: 30px;
	letter-spacing: -0.2px;
	padding-top: 42px;
	color: #fff;
}
.f_item_cnt .f_item_title_cnt .f_item_title_bg{
	width: 100%;
	max-width: 640px;
	position: absolute;
}

.f_item_cnt .f_item_data_cnt{
	background: url(../images/f_item_w_bg.jpg) repeat-y;
	background-size: 100% auto;
	padding: 0;
}
.f_item_cnt .f_item_data_cnt .f_item_data_w_top{
	padding: 0;
	line-height: 0;
}
.f_item_cnt .f_item_data_cnt .f_item_data_w_btm{
	padding: 0;
	line-height: 0;
}

.slide_cnt{
	width: 90%;
	max-width: 640px;
	margin: 0 5%;
	padding: 0 0%;
	box-sizing: border-box;
	border: 5px solid #fff;
	background: #fff;
}
.slide_cnt a{
	display: block;
	width: 100%;
	height: 100%;
}

.f_item_cnt .f_item_data_cnt .f_item_copy_cnt{
	width: 100%;
	background: url(../images/f_item_copy_bg.png) center center;
	background-size: 100% auto;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 26px;
	line-height: 30px;
	padding: 15px 0;
}
.f_item_cnt .f_item_data_cnt .f_item_txt_cnt{
	width: 90%;
	margin: 0 auto;
	background: #fff;
	border: 2px solid #E00000;
	border-radius: 20px;
	padding: 0 5% 2% 5%;
	box-sizing: border-box;
}
.f_item_cnt .f_item_data_cnt .f_item_txt_cnt .f_item_txt_sankaku{
	width: 10%;
	margin: -3px auto 0 auto;
	line-height: 0;
}
.f_item_cnt .f_item_data_cnt .f_item_txt_cnt .f_item_txt{
	width: 90%;
	margin: 10px auto 0 auto;
	font-size: 14px;
	line-height: 22px;
}
.f_item_cnt .f_item_data_cnt .f_item_txt_cnt .f_item_txt .spec{
	display: block;
	width: 100%;
	margin: 5px auto;
	font-size: 10px;
	line-height: 16px;
}
.f_item_cnt .f_item_data_cnt .f_item_txt_cnt .f_item_name{
	width: 100%;
	margin: 15px auto 0 auto;
	font-size: 14px;
	line-height: 22px;
	border: 1px solid #CECECE;
	text-align: center;
	padding: 3px 3px 7px 3px;
	box-sizing: border-box;
}
.f_item_cnt .f_item_data_cnt .f_item_txt_cnt .f_item_name img.f_name_icon{
	width: 40px;
	margin: -10px auto 2px auto;
	line-height: 0;
	display: block;
}
.f_item_cnt .f_item_data_cnt .f_item_txt_cnt .f_item_color{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
}
.f_item_cnt .f_item_data_cnt .f_item_txt_cnt .f_item_color{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
}
.f_item_cnt .f_item_data_cnt .f_item_txt_cnt .f_item_price{
	width: 90%;
	margin: 0 auto 10px auto;
	text-align: center;
	font-size: 32px;
	line-height: 34px;
	color: #B20000;
	font-family: kan415typos-std, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.f_item_cnt .f_item_data_cnt .f_item_txt_cnt .f_item_price .price{
	font-size: 32px;
	line-height: 34px;
}
.f_item_cnt .f_item_data_cnt .f_item_txt_cnt .f_item_price .jpy{
	font-size: 22px;
	line-height: 24px;
}
.f_item_cnt .f_item_data_cnt .f_item_txt_cnt .f_item_price .tax{
	font-size: 12px;
	line-height: 14px;
}


@media (max-width:639px) {
	.f_item_cnt .f_item_title_cnt .f_item_title{
		width: 100%;
		position: absolute;
		text-align: center;
		font-family: kan415typos-std, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 22px;
		line-height: 28px;
		letter-spacing: -0.2px;
		padding-top: 28px;
		color: #fff;
	}
			
	.f_item_cnt .f_item_data_cnt .f_item_copy_cnt{
		width: 100%;
		background: url(../images/f_item_copy_bg.png) center center;
		background-size: 100% auto;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 20px;
		line-height: 24px;
		padding: 10px 0;
	}	
}


	
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 商品 */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.product_gift_cnt{
	width: 100%;
	max-width: 600px;
	margin: 20px auto;
	background: #BE0000;
}

.product_cnt{
	margin: 10px auto;
	width: 96%;
	max-width: 640px;
	padding: 0 0 20px 0;
	position: relative;
}

.product_cnt .title_box{
	width: 100%;
	margin: 0px auto;
	padding: 20px 0;
	font-size: 20px;
	text-align: center;
	background: url(../images/item_cat_bg_pc.png) no-repeat center center;
	background-size: 100% auto;
	color: #fff;
	position: absolute;
	z-index: 1000;
	box-sizing: border-box;
}
.product_cnt .title_box p{
	width: 100%;
}

@media (max-width:639px) {
			
	.product_cnt .title_box{
		margin: 0px auto;
		padding: 10px 0;
		font-size: 20px;
		text-align: center;
		background: url(../images/item_cat_bg.png) no-repeat center center;
		background-size: 100% auto;
		color: #fff;
	}	
			
}


.product_cnt .title_box .cat_name_jp{
	font-size: 25px;
	line-height: 25px;
	margin: 0px 0;
	letter-spacing: 1px;
}
.product_cnt .title_box .cat_name_en{
	font-size: 19px;
	line-height: 19px;
	margin: 5px 0;
	letter-spacing: 0px;
	font-family: tornac, sans-serif;
}




.product_cnt .item_cnt{
	width: 100%;
	max-width: 640px;
	margin: 0 auto 0 auto;
}
	.product_cnt .item_cnt .item_cnt_vspace{
		height: 75px;
	}		

.product_cnt .item_cnt .item_card_cnt{
}
.product_cnt .item_cnt .h_slide{
	width: 100%;
	margin: 0;
	border-radius: 20px;
	overflow: hidden;
	background: #fff url(../images/h_slide_bg.png) no-repeat center bottom;
	background-size: auto 40px;
	padding-bottom: 50px;
}
.product_cnt .item_cnt .item_box{
	width: 100%;
	margin: 0;
}
.product_cnt .item_cnt .item_box a{
	display: block;
	width: 100%;
	height: 100%;
}
.product_cnt .item_cnt .item_box a:hover{
	background: rgba(255,255,255,.3);
}

.product_cnt .item_cnt .item_box .pt{
	border-bottom: 1px solid #eee;
	border-radius: 20px 20px 0 0;
	background: #fff;
}
.product_cnt .item_cnt .item_box .copy_txt{
	background: url(../images/item_copy_bg.png) no-repeat center center;
	background-size: 60% auto;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	font-size: 20px;
	line-height: 25px;
	text-align: center;
	letter-spacing: 1px;
	padding: 30px 0 17px 0;
	margin: 10px 0;
}
.product_cnt .item_cnt .item_box .konatsu_icon{
	width: 75px;
	position: absolute;
	right: 0;
	margin-top: -7px;
	margin-right: 90px;
}
.product_cnt .item_cnt .item_box .text{
	width: 80%;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	margin: 10px auto 15px auto;
}
.product_cnt .item_cnt .item_box .name{
	width: 80%;
	margin: 10px auto 10px auto;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 10px;
	text-align: center;
	border-top: 1px solid #BE0000;
	border-bottom: 1px solid #BE0000;
	padding-bottom: 8px;
	color: #BE0000;
}
.product_cnt .item_cnt .item_box .name img.name_icon{
	width: 40px;
	margin: -7px auto 5px auto;
	line-height: 0;
	display: block;
}
.product_cnt .item_cnt .item_box .price_cnt{
	margin: 3px;
	padding: 0 0 10px 0;
	text-align: center;
	font-size: 32px;
	line-height: 34px;
	color: #B20000;
	font-family: kan415typos-std, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.product_cnt .item_cnt .item_box .price{
	font-size: 32px;
	line-height: 34px;
	font-weight: normal;
}
.product_cnt .item_cnt .item_box .jpy{
	font-size: 22px;
	line-height: 24px;
}
.product_cnt .item_cnt .item_box .zei{
	font-size: 12px;
	line-height: 14px;
}
.product_cnt .item_cnt .item_box .color{
	font-size: 11px;
	line-height: 14px;
	text-align: center;
}





@media (max-width:639px) {
	
	.product_cnt .item_cnt{
		margin: 0 auto 0 auto;
	}		
	.product_cnt .item_cnt .item_cnt_vspace{
		height: 62px;
	}		
	
	.product_cnt .item_cnt .item_box .konatsu_icon{
		width: 75px;
		position: absolute;
		right: 0;
		margin-top: -10px;
		margin-right: 0px;
	}
	.product_cnt .item_cnt .item_box .copy_txt{
		background: url(../images/item_copy_bg.png) no-repeat center center;
		background-size: 90% auto;
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
		font-size: 20px;
		line-height: 25px;
		text-align: center;
		letter-spacing: 1px;
		padding: 30px 0 17px 0;
		margin: 10px 0;
	}	
					
}






.foot_wrapping{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}




@media (max-width:639px) {


}

.hr{
	height: 4px;
	width: 100%;
	background: url(../images/hr.png) no-repeat center center;
	background-size: auto 100%;
	margin: 20px 0px;
	clear: both;
}
.hr.mt30{
	margin-top: 30px;
}
.hr.mt50{
	margin-top: 50px;
}





@media (max-width:639px) {
	.hr.mt30{
		margin-top: 20px;
	}
	.hr.mt50{
		margin-top:20px;
	}
}







.padg_30px{
	padding: 30px 0;
	width: 100%;
	margin: 0 auto;
	clear: both;
}

.vspace_10{
	padding: 0 0;
	margin: 0 auto;
	width: 100%;
	height: 10px;
	line-height: 0;
	clear: both;
}
.vspace_20{
	padding: 0 0;
	margin: 0 auto;
	width: 100%;
	height: 20px;
	line-height: 0;
	clear: both;
}
.vspace_50{
	padding: 0 0;
	margin: 0 auto;
	width: 100%;
	height: 50px;
	line-height: 0;
	clear: both;
}
.vspace_100{
	padding: 0 0;
	margin: 0 auto;
	width: 100%;
	height: 100px;
	line-height: 0;
	clear: both;
}

@media (max-width:639px) {
	.vspace_100{
		padding: 0 0;
		margin: 0 auto;
		width: 100%;
		height: 60px;
		line-height: 0;
		clear: both;
	}
}



.att_txt{
	margin: 30px auto 10px auto;
	width: 96%;
	max-width: 800px;
	font-size: 11px;
	font-family: sans-serif;
	color: #888;
}


/*----------------------------------------
footer
----------------------------------------*/
#footer{
	background: #F3D4D8;
	margin: 0;
	padding: 20px 0 0 0;
}

#footer .logo{
	text-align: center;
}

#footer .logo img{
	width: 170px;
}

#copyright {
	background: #000;
	color: #fff;
	text-align: center;
	margin: 0;
	padding: 2px 0;
}

#copyright p {
	font-size: 0.6rem;
	 font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}



/*----------------------------------------
ふわふわ
----------------------------------------*/
.fuwafuwa1 {
-webkit-animation:fuwafuwa1 3s infinite linear alternate;
animation:fuwafuwa1 3s infinite linear alternate;
}
.fuwafuwa2 {
-webkit-animation:fuwafuwa2 4s infinite linear alternate;
animation:fuwafuwa2 4s infinite linear alternate;
}
.fuwafuwa3 {
-webkit-animation:fuwafuwa3 7s infinite linear alternate;
animation:fuwafuwa3 7s infinite linear alternate;
}
.fuwafuwa4 {
-webkit-animation:fuwafuwa4 5s infinite linear alternate;
animation:fuwafuwa4 5s infinite linear alternate;
}




@keyframes fuwafuwa1 {
0% {transform:translate(0, 0) rotate(-5deg);}
40% {transform:translate(0, -5px) rotate(0deg);}
70% {transform:translate(0, 3px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}
@keyframes fuwafuwa2 {
0% {transform:translate(0, 0) rotate(-5deg);}
40% {transform:translate(0, -5px) rotate(0deg);}
70% {transform:translate(0, 3px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}
@keyframes fuwafuwa3 {
0% {transform:translate(0, 0) rotate(-5deg);}
40% {transform:translate(0, -15px) rotate(0deg);}
70% {transform:translate(0, 8px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}
@keyframes fuwafuwa4 {
0% {transform:translate(0, 0) rotate(-8deg);}
33% {transform:translate(0, 5px) rotate(0deg);}
66% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(8deg);}
}

.fuwa_circle1 {
-webkit-animation:fuwa_circle1 5s infinite linear alternate;
animation:fuwa_circle1 5s infinite linear alternate;
}
.fuwa_circle2 {
-webkit-animation:fuwa_circle2 7s infinite linear alternate;
animation:fuwa_circle2 7s infinite linear alternate;
}

@keyframes fuwa_circle1 {
0% {transform:translate(0, 0) rotate(-25deg);}
40% {transform:translate(0, -5px) rotate(-20deg);}
70% {transform:translate(0, 3px) rotate(-20deg);}
100% {transform:translate(0, 0)rotate(-25deg);}
}
@keyframes fuwa_circle2 {
0% {transform:translate(0, 0) rotate(-22deg);}
40% {transform:translate(0, -7px) rotate(-18deg);}
70% {transform:translate(0, 2px) rotate(-18deg);}
100% {transform:translate(0, 0)rotate(-22deg);}
}