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

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #FFFFFF;
	background-image:  url("https://www.ptl.co.jp/images/sp/1200_1500_bg_24xmas03.png"),url("https://www.ptl.co.jp/images/sp/1200_1500_bg_24xmas.jpg") ;
	background-size: 100%, 100%;
	background-repeat: no-repeat, repeat-y;
	background-position: top , center;
	margin: 0;
	padding: 0;
}

	
p {
	color:#000000;
}

h1 {
	color:#545454;
}

a {
	text-decoration:none;
}


.slide-bottom {
   opacity: 0;
   transform: translateY(3%);
   transition: all 1.5s 0s ease-out;
 }


img{
	vertical-align: bottom;
}
h1#seasongift{
	font-size: 1.2em;
	margin-bottom: 0;
}
.clear_both{
	clear: both;
	line-height: 90%;
}





#pagetop {
    position: fixed;
    bottom: 20px;
    right: 10px;
}
#cyoujutop {
    position: fixed;
    bottom: 120px;
    right: 10px;

}
/*画像位置指定*/

.img{
text-align: center;
vertical-align: bottom;	
}



/*************************************
文字スタイル
**************************************/

.price2 {
	margin:0px 10px 0px 30px;
	 text-align:right;
	 font-size:18px;
	 font-weight:700;
	 color:crimson;
	 }
.price {
	margin:-10px 30px 10px 30px;
	 text-align:right;
	 font-size:18px;
	 font-weight:800;
	 color:crimson;
}
.name2 {
	margin:0px 10px 10px 30px;
	 text-align:right;
	 font-size:16px;
	 font-weight:700;
	 color:#3d3d3d;
	 }
.name {
	margin:-10px 30px 10px 30px;
	 text-align:right;
	 font-size:18px;
	 font-weight:800;
	 color:#3d3d3d;
}
.font_black{
	color:black;
	font-weight: normal;
	font-size:18px;	
}
.souryou {
	margin:0px 120px -35px 30px;
	 text-align:right;
	 font-size:14px;
	 font-weight:800;
	 color:crimson;
	 }

/*ロールオーバーなし*/
a.lb:hover img {
opacity: 1.0;
filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=100,FinishOpacity=100);
}

/*************************************
画像の上に画像
**************************************/
.relative {
    position: relative;
	width: auto;
}
.absolute {
    position: absolute;
    right: 10px;
    top: 10px;
}
*, *:before, *:after {
	box-sizing: border-box;
}

#pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
.wrap {
overflow: hidden;
	margin-bottom:100px;	
}
.arc {
min-height: 300px;
border-bottom-right-radius: 2000px 300px;
border-bottom-left-radius: 2000px 300px;
margin-left: -200px;
margin-right: -200px;
padding-left: 200px;
padding-right: 200px;
background: #FFFFFF;

}

.other-img{
	margin: 0px -400px -150px 400px;
}
p#aisatsu{
	margin: 100px 0;
	font-size: 1.5em;
	line-height: 200%;
	color:#11114d;
}

/***********スマホ***********/
@media (max-width: 669px)
{
p{
	text-align: left;
}
p#aisatsu{
	text-align: center;
	font-size: 0.9em;
	margin-left:20px;
}	
.back {
background-image: url('https://www.ptl.co.jp/images/sp/1200_1500_bg_24xmas.jpg');
}
.topimg{
	width: 100%;
}	
.fullwidthimg{
	width: 95%;
}
.cate_img{
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
	margin-top: 30px;		
}	
.cate_img img{
	width:100%;
	text-align: center;
}
.cate_img img.naire{
	width: 90%;
}
.cate_img img.logo{
	width:20%;
}		
.sp_hidden{
	display: none;
}
.pc_only{
	display:none;
}

.h-notice02{
	font-size: 15px;
	color: #161644;
	margin:0px 10px 20px 20px;
	text-align: center;
	padding-top: 20px;
}

.sub-img{
	margin:20px 0px;
}	
.price2 {
	margin:0px 0px 0px 0px;
	 text-align:right;
	 font-size:14px;
	 font-weight:600;
	 color:crimson;
	padding-right: 5px;	
	 }
.name2 {
	margin:0px 0px 5px 0px;
	 text-align:right;
	 font-size:14px;
	 font-weight:normal;
	 color:#3d3d3d;
	padding-right: 5px;	
	 }
.price4 {
	margin:0px 0px 5px 0px;
	 text-align:right;
	 font-size:0.9em;
	 color:crimson;
	padding: 0px;
	font-weight: normal;	
	 }
.name4 {
	margin:0px 0px 5px 0px;
	 text-align:right;
	 font-size:14px;
	 font-weight:600;
	 color:#3d3d3d;
	padding-right: 5px;	
	 }	
.souryou {
	margin:0px 0px -10px 30px;
	 text-align:right;
	 font-size:14px;
	 font-weight:800;
	 color:crimson;
 }

/*日程*/
.nittei{
	width:100%;
	/*border-bottom: #787878 2px dotted;*/
	border-top: #787878 2px dotted;
	padding-bottom: 30px;	
}
.nittei_img img{
	text-align: center;
	width: 100%;
}
.nittei_text{
	margin: 50px auto;
	width: 100%;
}
.cart-btn{
	display: none;
}	
.flex_item img{
	max-width: 95%;
	height: auto;
	width /***/:auto;
}
/*メニュ*/
.flex_box_menu{
	width: 100%;
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
}
.flex_item_menu{
	width: 50%;
	padding: 10px;
}
.flex_item_menu img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
.flex_box_niti{
	width: 95%;
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	margin-top: 10px;
}
.flex_niti{
	width: 33%;
	padding: 10px;
}
.flex_niti img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
.cate_title{
	text-align: center;
}	

/*商品説明2つ並び*/
.flex_box2{
	width: 100%;
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	margin-left: -3%;	
}
.flex_item2{
	width: 45%;
	/*padding: 10px;*/
	border: 3px #e6e6e6 solid;
	background-color: #FFF;
	margin-left: 3%; 
}
.flex_item2 img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	padding: 5%;	
}
		
/*商品説明4つ並びを2つ並び*/
.flex_box4{
	width: 100%;
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	margin-left:-3%; 		
}
.flex_item4{
	width: 45%;
	background-color: #FFF;	
	border: 3px #e6e6e6 solid;
	margin-left:3%;
	margin-bottom: 50px;
}
.flex_item4 img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	padding: 5%;		
}	
	
	
.link{
	text-align: right;
	margin-right: 3%;
}	
.link img{
	max-width: 50%;
	}
	
/*PCだと背景のある説明文*/
.hidden{
	display: none;
}
.h-price{
	padding: 0 10px;
	line-height: normal;
	font-size:16px;
	display: block;
}
.h-price2{
	padding: 0 10px;
	line-height: normal;
	font-size:16px;
	display: block;
}	
.h-title{
	padding: 0 10px;
	line-height: normal;
	font-size:16px;
	display: block;
}
	
.box2 {
	width: 30%;
	height: auto;
    padding: 7px 10px;
	margin:-50px 250px 30px 30px;
    background:#8C8C8C;
}
.box2 p {
    margin: 0; 
    padding: 0;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	font-weight:800;
}
.box4 {
	margin:10px 0px 5px 0px;
	text-align:right;
	font-size:12px;
	color:#FFFFFF;
	padding:5px 0;
}
h2{
	color:#3d3d3d;	
	text-align: left;
	margin:0 0 25px 10px;
	padding: 0 10px;
	font-size: 1.2em;
}
.h2_2{
	width: 100%;
	color:#3d3d3d;
	margin:0px 0 10px 0;
	padding: 0 10px;
	font-size: 0.9em;
	line-height: 1.1em;
	font-weight: normal;	
}
.h2_4{
	width: 100%;
	color:#3d3d3d;
	margin:0px 0 10px 0;
	padding: 0 5px;
	font-size: 0.9em;
	line-height: 1em;
	font-weight: normal;
}	
.p-notice{
	color: black;
	margin:20px 30px 30px 30px;
	text-align: left;
	 font-size:14px;
}

.setsumei{
	padding: 0 10px;
	text-align: left;
	margin: 0 0 0 10px;
	float: left;	
}		
.other-img{
	margin: 0px 0px -15% 65%;	
	overflow: hidden;
}
.other-img img{
	width:70%;
	height: 70%;
}
.p-question{
	color: black;
	margin:20px 50px 0px 50px;
	text-align: left;
	 /*font-size:14px;*/
}
}

/*タブレット*/
@media (min-width: 670px){
	.topimg{
		width: 100%;
	}
	.pc_width{
		width: 95%;
	}	
	.fullwidthimg{
		width: 95%;
	}
p#aisatsu{
	text-align: center;
	font-size: 1em;	
}	
.pc_only{
	display:none;
}


.cate_img{
		width: 100%;
		text-align: center;
	padding-bottom: 30px;
	margin-top: 30px;			
	}	
.cate_img img{
		width:100%;
		text-align: center;
	}		
.cate_img img.naire{
	width: 95%;
}
.cate_img img.logo{
	width: 20%;
}	
/*日程*/
.nittei{
	width:90%;
	/*border-bottom: #787878 1px dotted;*/
	border-top: #787878 1px dotted;
	padding-bottom: 30px;	
}
.nittei_img img{
	text-align: center;
	width: 100%;
}
.nittei_text{
	margin: 50px auto;
	width: 100%;
}
.flex_item img{
	max-width: 90%;
	height: auto;
	width /***/:auto;
}
/*メニュ*/
.flex_box_menu{
	width: 95%;
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
}
.flex_item_menu{
	width: 50%;
	padding: 10px;
}
.flex_item_menu img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
.flex_box_niti{
	width: 100%;
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
}
.flex_niti{
	width: 33%;
	padding: 20px;
}
.flex_niti img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}	

.hidden{
	display: none;
}
	
/*画像の上に文字 キャッチコピー*/


/*商品説明2つ並び*/
.flex_box2{
	width: 100%;
	display:flex;
	flex-wrap: wrap;
	justify-content:center;	
	margin-left: -20px;
}
.flex_item2{
	width: 45%;
	/*padding: 10px;*/
	background-color: #FFF;
	border: 3px #e6e6e6 solid;
	margin-left:20px; 
}
.flex_item2 img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	padding: 10px;
}	
/*商品説明4つ並び*/
.flex_box4{
	width: 100%;
	display:flex;
	flex-wrap: wrap;
	justify-content:center;	
	margin-left: -10px;
}
.flex_item4{
	width: 22%;
	/*padding: 10px;*/
	background-color: #FFF;
	border: 3px #e6e6e6 solid;
	margin-left:10px; 
}
.flex_item4 img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	padding: 10px;
}	
		
.link{
	text-align: right;
	margin-right: 30px;
}	
.link img{
	max-width: 50%;
	}	
.box2 {
	width: 30%;
	height: auto;
    padding: 7px 10px;
	margin:-70px 250px 30px 30px;
    background:#8C8C8C;
}
.box2 p {
    margin: 0; 
    padding: 0;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	font-weight:800;
}

.box4 {
	margin:10px 0px 0px 0px;
	text-align:right;
	font-size:16px;
	color:#FFFFFF;
	padding:5px 0;
}
	
.h-notice02{
	font-size: 25px;
	color: #161644;
	margin:50px 20px 20px 20px;
	text-align: center;
}
.p-notice{
	color: black;
	margin:20px 30px 30px 30px;
	text-align: left;
	 font-size:14px;
}

.p-question{
	color: black;
	margin:20px 50px 0px 50px;
	text-align: left;
/*	 font-size:14px;*/
}
h2{
	text-align: left;
	padding: 15px 0;
	color:#3d3d3d;
	margin:0 0 25px 0;
	padding-left: 30px;
	font-size: 1.5em;
}
.setsumei{
	padding: 0 0 0 35px;
	float: left;	
	text-align: left;
	width: 70%;
	margin:0;
}
	

.h2_2{
	width: 100%;
	color:#3d3d3d;
	margin:0px 0 0px 0;
	padding: 10px;
	font-size: 1.1em;
	font-weight: 500;
}		
.h2_4{
	width: 100%;
	color:#3d3d3d;
	margin:0px 0 15px 0;
	padding:0 10px;
	font-size: 0.9em;	
}		
		
.price4 {
	margin:0px 0px 5px 0px;
	 text-align:right;
	 font-size:0.9em;
	 color:crimson;
	padding: 0px 5px;
	font-weight: 600;	
	 }	
	

.other-img{
	margin: 0px 0px -15% 65%;	
	overflow: hidden;
}
.other-img img{
	width:70%;
	height: 70%;
}

.pc_hidden{
	display: none;
}
.comment{
	margin: 40px 10px;
	text-align: left;
}
	
}


/*PC*/
@media (min-width: 1000px)
{
	.topimg{
		width: 100%;
	}	
	#pc_width{
		width:980px;
	}
	.fullwidthimg{
		width: 980px;
	}
	
	.pc_hidden{
		display: none;
	}		
.cate_img{
	width: 980px;
	padding-bottom: 30px;
	margin-top: 100px;	
}
.cate_img img{
	max-width: 980px;
}
.cate_img img.naire{
	max-width: 880px;
}
.cate_img img.logo{
	width: 10%;
}		
.sub-img{
	margin:0 0 20px 0px;
}	
.nittei{
	width:980px;
	/*border-bottom: #787878 1px dotted;*/
	border-top: #787878 1px dotted;
	padding-bottom: 30px;

}
.nittei_img img{
	text-align: center;
	width: 750px;
}
.nittei_text{
	margin: 50px auto;
	width: 850px;
}
.flex_box{
	width: 980px;
	display:flex;
	justify-content:center;
}
.flex_item{
	width: 48%;
}
.flex_item img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
/*メニュ*/
.flex_box_menu{
	width: 1020px;
	display:flex;
	justify-content:center;
	margin-left: -20px;
}
.flex_item_menu{
	width: 50%;
	height:auto;
	padding: 20px;
}
.flex_item_menu img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}	
.flex_box_niti{
	width: 980px;
	display:flex;
	justify-content:center;
	margin-left: 0px;
	margin-top: 10px;
}
.flex_niti{
	width: 300px;
	height:auto;
	padding: 10px;
}
.flex_niti img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}	

h2{
	text-align: left;
	width:980px;
	color:#3d3d3d;
	margin:0 0 25px 20px;
	padding: 0;
	font-size: 1.5em;
}
.setsumei{
	float: left;
	padding: 0;
	text-align: left;
	width: 80%;
	margin: 0 0 0 20px;
}	
.d-red{
		color: #972737;
	}	
.hidden{
	display:inline;
}
.background-img{
	margin: -500px 0px 0px 0px;
}
.h-notice02{
	font-size: 25px;
	color: #161644;
	margin:50px 20px 20px 20px;
	text-align: center;
	padding-top: 30px;
}

.p-notice{
	color: black;
	margin:20px 30px 30px 30px;
	text-align: left;
	 font-size:14px;
}
.p-question{
	color: black;
	margin:20px 300px 0px 300px;
	text-align: left;
	 font-size:14px;
}

.flex_box2{
	display:flex;
	flex-wrap: wrap;
	margin-left: -40px;	
	width: 1020px;
	justify-content:center;
}
.flex_item2{
	width: 45%;
	/*padding: 10px;*/
	background-color: #FFF;
	border: 3px #e6e6e6 solid;
	margin-left:40px; 
}
.flex_item2 img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	padding: 10px;
}

	

.flex_box4{
	display:flex;
	flex-wrap: wrap;
	margin-left: -25px;	
	width: 1020px;
	justify-content:center;
}
.flex_item4{
	width: 225px;
	/*padding: 10px;*/
	background-color: #FFF;
	border: 3px #e6e6e6 solid;
	margin-left:20px; 
}
.flex_item4 img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	padding: 10px;
}	
	
.link{
	width: 980px;
	text-align: right;
}	
.link img{
	max-width: 50%;
	padding-right: 10px;
	}		
.h2_2{
	width: 100%;
	color:#3d3d3d;
	margin:0px;
	padding: 10px;
	font-size: 1.1em;
	font-weight: 500;	
}	
.cart-btn{
	margin:20px 0px;
	text-align:center;
	width:100%;
}
.cart-btn img{
	width:60%;
	text-align: center;
}	

.point {
	margin:-15px 30px 10px 30px;
	 text-align:right;
	 font-size:12px;
	 font-weight:800;
	 color:crimson;
	 }
.point img{
	width: 25px;
	height: 25px;
}
.point2 {
	margin:-15px 30px 10px 30px;
	 text-align:right;
	 font-size:12px;
	 font-weight:800;
	 color:crimson;
	 }
.point2 img{
	width: 15px;
	height: 15px;
}

.box2 {
	width: 100px;
	height: 50px;
    padding: 10px 10px;
	margin:-70px 250px 30px 30px;
    background:#8C8C8C;
}
.box2 p {
    margin: 0; 
    padding: 0;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	font-weight:800;
}
.box4 {
	margin:10px 0px 10px 0px;
	text-align:right;
	font-size:16px;
	color:#FFFFFF;
	padding:5px 0;
}

.day {
	margin:10px 0px 0px 0px;
	 text-align:right;
	 font-size:14px;
	 color:#545454;
}	

.pc_only{
	display: inline;
}

.other-img{
	margin: 0px 0px -110px 500px;
	overflow: hidden;
}
.other-img img{
	width:190px;
	height: 175px;
}
.pc_hidden{
	display: none;
}
.comment{
	margin: 40px 0;
	text-align: center;
}
.name2 {
	margin:0px 10px 10px 30px;
	 text-align:right;
	 font-size:15px;
	 font-weight:700;
	 color:#3d3d3d;
	 }
.name {
	margin:-10px 30px 10px 30px;
	 text-align:right;
	 font-size:18px;
	 font-weight:800;
	 color:#3d3d3d;
}
	.fullwidthimg_2{
		width: 980px;
	}	
}