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

ギフトカタログ
PC用

///////////////////////////////
*/

#pageContents.ctgCnt{
 width: 950px !important;float: none !important;padding-bottom: 50px;text-align:center;margin: 0 auto;background:#fff;
  font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,Helvetica,Arial;font-weight:500;}

/*ttlCnt
---------------------------------------*/
.ttlCnt{color:#fff;margin-bottom: 0!important;}
.ttlCnt P{padding:0 5% 5%;color: #333;text-align: center;}

.menuCnt{/* padding-bottom:5% */}
.menuCnt ul{margin: 0 auto;width: 620px;}
.menuCnt ul li{display:inline-block; padding:0 10px}
.menuCnt ul li img{width: 180px;}

#pageContents p,
#pageContents .itemInfo p.Price{text-align:center}
/*ctgcnt
---------------------------------------*/

.ctgCnt{text-align:center;padding-bottom: 80px;overflow: hidden;}
.ctgCnt h2 {display:block; text-align:center; border: 1px solid #000; border-left:none; border-right:none}
.ctgCnt h2 img{text-align:center;width: 80%;}



ul.ctglineup{overflow: hidden;margin-top: 30px;}
ul.ctglineup li{float:left;width:30%;padding: 0 1.5%;text-align: center;border-right: 2px dashed #999;}
ul.ctglineup li:last-child{border:none}
ul.ctglineup li a {overflow:hidden; width:100%}
ul.ctglineup li a:hover{text-decoration:none; color:#cd9b06}
ul.ctglineup li a img.ctgimg{/* float:left; */width: 65%;margin: 0% 5% 5%;}
ul.ctglineup li .itemInfo{/* float:left; *//* width: 40%; *//* margin-top: 7%; */}
ul.ctglineup .itemCatch{font-size: 18px;}
ul.ctglineup h3{font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;margin-bottom: 10px;font-size: 16px;}
ul.ctglineup h3 img{margin: 5% auto 3%;width: 51%;display: block;}
ul.ctglineup .Comm{font-size: 14px;}
ul.ctglineup p.Price{text-align:center;color: #000!important;font-size: 22px!important;font-weight: bold!important;text-decoration: none;margin: 5px 0 5px;}
ul.ctglineup p.Price small{font-size: 8px;/* display: block;*/ } 


.ctgbtn{background:#cd9b06;border-radius:5px;text-align:center;color:#fff;font-size: 16px;padding: 3%; position:relative; letter-spacing:2px}
.ctgbtn:before {display: block;content: "";position: absolute;top: 50%;left: 16%;width: 0;height: 0;margin-top: -5px;border: 5px solid transparent;border-left: 8px solid #fff;}
#ctg02 .ctgbtn{background:#cd9b06;border-radius:5px;text-align:center;color:#fff;font-size: 18px;padding: 20px;position:relative;letter-spacing:2px;}
#ctg02 .ctgbtn:before {display: block;content: "";position: absolute;top: 50%;left: 35%;width: 0;height: 0;margin-top: -5px;border: 5px solid transparent;border-left: 8px solid #fff;}
#ctg02 .ctgbtn2{border: 3px solid #cd9b06;/* border-radius:5px; */text-align:center;color: #cd9b06;font-size: 14px;padding: 5px 30px 5px 50px;position:relative;/* text-decoration: underline; */display: inline-block;margin: 10px 0;/* background: #fff; */}
#ctg02 .ctgbtn2:before {display: block;content: "";position: absolute;top: 50%;left: 24px;width: 0;height: 0;margin-top: -5px;border: 5px solid transparent;border-left: 8px solid #cd9b06;letter-spacing:2px}



#ctg02 ul.ctglineup{margin-top: 10px;}
#ctg02 ul.ctglineup li{margin-bottom: 30px;float: none;width: 100%;padding: 0; border:none}
#ctg02 ul.ctglineup li .itemInfo{float:none;width: 90%;padding: 0 5% 5%;margin-top: 0;}
#ctg02 ul.ctglineup .ctgcom{padding: 2% 5%;text-align: center;}
#ctg02 ul.ctglineup h3{font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;margin-bottom: 15px;font-size: 30px;margin-top: 18px;font-weight: bold;clear: both;padding-top: 40px; letter-spacing:3px/* display: block; */}
#ctg02 ul.ctglineup h3 small{font-size: 18px; margin-left:10px}
#ctg02 ul.ctglineup .Comm{font-size: 14px;clear: both;text-align: center;}
#ctg02 ul.ctglineup p.Price{text-align:center;color: #000;font-size: 30px;font-weight: bold;text-decoration: none;margin: 15px 0 5px;}
#ctg02 ul.ctglineup p.Price small{font-size: 8px;/* display: block;*/ } 
.ctgbtn{background:#cd9b06;border-radius:5px;text-align:center;color:#fff;font-size: 16px;padding: 2%  0 2% 7%;letter-spacing: 5%;}
.ctgttl img.ctgimg{float:left;width: 30%;margin: 5%;}
.ctgttl img.ctgname{float:left;width: 34%;margin: 10% 0 5% 3%;text-align: left;}

.merci{background:#ced6c2; }
.merci .ctgttl{background:#638176;overflow:hidden;padding: 0% 15% 0 26%;}
.danke{background:#fdeca4; }
.danke .ctgttl{background:#b9a143; overflow:hidden; padding: 0% 15% 0 26%;}
.kiitos{background:#dfd8c8; }
.kiitos .ctgttl{background:#988068; overflow:hidden; padding: 0% 15% 0 26%;}

.ctgphoto:nth-child(1){width: 70%;margin: 0 10%;text-align: left;}
.ctgphoto:nth-child(2){width: 50%;float: left;}
.ctgphoto:nth-child(3){width: 50%;float: left;}



#ctg03 p{margin: 20px;text-align: center;}
#ctg03 .wrap{overflow:hidden; background:#eee; margin: 0 5%; width: 90%;}
#ctg03 .wrapimg{width:35%;float:left;margin-right: 5%;padding-left: 15%;padding-top: 15px;}
#ctg03 .wrap p{margin: 110px 0;text-align: left;font-size: 17px;line-height: 2.0em;}
#ctg03 .ctg03img{width: 90%;height: 480px;object-fit: cover;margin-top: 20px;}



#ctg04{background:#e4e4e4}
#ctg04.ctgCnt h2 {display:block;text-align:center;border: none;font-size: 33px;font-family: 游明朝,"Yu Mincho",YuMincho,Georgia,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;margin-bottom: 10px;letter-spacing: 3px;}
#ctg04.ctgCnt h2 img {margin-bottom: 40px;width: 100%;}
#ctg04 dl{margin:0 5%}
#ctg04 dl dt {background:#e0bcbc;border-radius:10px;padding: 15px 0px 15px 40px;font-size: 22px;font-family: 游明朝,"Yu Mincho",YuMincho,Georgia,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;text-align: left;margin: 50px 0 0;}
#ctg04 dl dt small{font-size: 22px; margin-right: 11px;}
#ctg04 dl dd {padding: 20px 40px 0;text-align:left;font-size: 16px;}
#ctg04 dl dd  span{padding:30px 0 0; text-decoration:underline; display:block}






@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}

}

@media screen and (orientation: landscape) {
}

@media (min-width: 480px) and (max-width:767px) {

}

@media (min-width: 768px){
}