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

html {
	scroll-behavior: smooth;
}
body{
	font-size: 12px;
	font-family: 'Noto Sans JP', sans-serif!important;
}
	
.xmas2022{
	width: 1080px;
	margin: 0 auto;
}
.header_logo{
	margin: 0 auto;
	width:308px;
}
.menu_ti_txt1{
	color: #ba1616;
	font-size: 1.8em;
	font-weight: bold;
	padding: 113px 0 0 0;
	margin: 0;
}
.menu_ti_txt2{
	color: #ba1616;
	font-size: 1.0em;
	padding: 28px 0 0 0;
	margin: 0;
}
.xmas2022 .menu_ti{
	width: 1080px;
	height: 283px;
	background-image: url("../img/menu_bg.jpg");
	background-repeat: no-repeat;
	text-align:  center; 
}
.xmas_menu{
	list-style: none;
	margin: 0 auto;
    width: 870px;
    padding: 0;
}
.xmas_menu li{
	float: left;
}


.xmas2022 h2{	
    font-family: 'Noto Sans JP', sans-serif!important;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #000000;
    letter-spacing: 0.1em;
	margin: 0;
}
.xmas2022 h2 .line{
    display: block;
    border: 3px solid #c6a87c;
    width: 64px;
    margin: 10px auto 0;
}


.xmas2022_main{
	background-color: #f2f2f2;
	clear: both;
}
.xmas2022_main .main_top{

}
.xmas2022_main .main_lineup{
	background-image:url("../img/lineup_bg.png");
	height: 407px;
	text-align: center;
}
.xmas2022_main h2{
    font-family: 'Noto Sans JP', sans-serif!important;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    color: #ba1616;
    letter-spacing: 0.1em;
    margin: 0;
	padding: 90px 0 0 0;
}
.xmas2022_main h2 .line{
    display: block;
    border: 3px solid #c6a87c;
    width: 64px;
    margin: 10px auto 0;
}
.xmas2022_main .main_lineup img{
	padding: 62px 0 0 0;
	
}

.xmas2022_main .main_content{
	width: 904px;
	margin: 0 88px;
	background-color: #FFF;
}

.item_area{
	width: 904px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
.item_area .item_box01{
	width: 272px;
	padding: 0 65px 0 76px;
	float: left;
}
.item_area .item_box01 img{
	width:272px;
	max-width: 272px;
}
.item_area .item_box01 a.syousai_btn{
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 120px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #ba1616;
	color: #ba1616;
	border-radius: 4px;
	transition: 0.5s;
}
.item_area .item_box01 a.syousai_btn:hover {
	color: #fff!important;
	background: #ba1616;
}


.item_area .item_box02{
	width: 424px;
	padding: 0 67px 0 0;
	float: left;
}
.item_area .item_box02 .item_txt01{
	width: 416px;
	font-size: 1.2em;
}
.item_area .item_box02 .item_txt02{
	padding: 44px 0 40px 0;
}
.item_area .item_box02 .item_txt02 .name{
	font-size: 1.4em;
	margin: 0;
}
.item_area .item_box02 .item_txt02 .price{
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
}
ul.detail_list{
	list-style: none;
	padding: 0;
}
ul.detail_list li{
	float: left;
	width: 98px;
	padding: 0 8px 18px 0;
	text-align: center;
}

@media screen and (min-width: 767px) {
ul.detail_list li:nth-child(5n){
		clear: both;
}
}	
	
.item_ti {
	clear: both;
	padding: 128px 0 0 0;
}

.content_end{
	clear: both;
	background-color: #f2f2f2;
	height: 100px;
}



* {
  box-sizing:content-box;
}





.clear{clear: both;}
.sp {display:none;}

/* SP用 */
@media screen and (max-width: 767px) {
.pc {display:none!important;}
.sp {display:block!important;}
img {max-width:100%;}

body{
	margin: 0;
	padding: 0;		
}
.xmas2022{
	width: 100%;
	margin: 0 auto;
}
.fs-l-footer__utility,.content_area,.content_box01,.content_img,.fs-l-footer__contents{
	width: 100% !important;
}
.header_logo {
	max-width: 300px;
	min-width: 150px;
	width: 80%;
}
.header_logo img {
	min-width: 200px;
	width: auto;
}
.xmas2022 h2{	
    font-size: 1.5em;
}
	
.menu_ti_txt1{
	color: #ba1616;
	font-size: 1.7em;
	font-weight: bold;
	padding: 45px 0 0 0;
	margin: 0;
}
.menu_ti_txt2{
	color: #ba1616;
	font-size: 1.0em;
	padding: 10px 0 30px 0;
	margin: 0;
}
.xmas2022 .menu_ti{
	width: 100%;
	height: auto;
	background-image: url("../img/sp/menu_bg.jpg");
	background-size: 100%;
	text-align:  center; 
}
.xmas_menu{
	list-style: none;
	margin: 0 auto;
    width: 80%;
    padding: 0 10%;
}
.xmas_menu li{
	float: left;
	width: 50%;
}
	
	
.xmas2022_main{
	background-color: #f7f8f8;
	clear: both;
}	
	
.xmas2022_main .main_lineup{
	background-image:url("../img/sp/lineup_bg.png");
	background-size: contain;
	background-repeat: no-repeat;
	height: auto;
	width: 100%;
	text-align: center;
}	
	
.xmas2022_main .main_content{
	width: 76%;
	margin: 0 12%;
	background-color: #FFF;
}
.xmas2022_main .main_lineup img{
	width: 71%;
	padding: 0;
	position: relative;
	top: 50px;
	margin: 0 auto;
}
	
.item_area{
	width: 100%;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
.item_area .item_box01{
	width: 74%;
	padding: 0 16%;
	clear: both;
	margin: 0 auto;
	float: none;
	text-align: center;
}
.item_area .item_box01 img{
	width: 68%;
}	
.item_area .item_box02{
	width: 80%;
	padding: 0 10% 50px;
	clear: both;
}	
.item_area .item_box02 .item_txt01{
	width: 100%;
	font-size: 1.0em;
}
.item_area .item_box02 .item_txt02{
	text-align: center;
	padding: 10px 0;
}	
.item_area .item_box02 .item_txt02 .name{
	font-size: 0.8em;
	margin: 0;
}
.item_area .item_box02 .item_txt02 .price{
	font-size: 1.0em;
	font-weight: bold;
	margin: 0;
}
.item_area .item_box02 .item_txt03{
	font-size: 0.8em;
	text-align: center;
}	
ul.detail_list{
	list-style: none;
	padding: 0;
}
ul.detail_list li{
	float: left;
	width: 31%;
	padding: 0 2% 10px 0;
}
.item_area .item_box02 .btn{
	padding: 30px 0 0 0;
	clear: both;
	}	
.item_area .item_box02 a.syousai_btn{
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 50%;
	margin: auto;
	padding: 1rem 3rem;
	font-weight: bold;
	border: 2px solid #ba1616;
	color: #ba1616;
	border-radius: 4px;
	transition: 0.5s;
}

.item_ti{
	padding: 50px 0 0 0;
}

.content_end{
	clear: both;
	background-color: #f7f8f8;
	height: 80px;
}
	
	
/*body {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}*/
	
	
	
	

	
	/* フッター */
	.fs-p-footerNavigation {
		display: inline-block;
		margin:auto;
	}
	#footer-nav ul  {
	    display: -webkit-flex;
	    display: flex;
	    -webkit-justify-content: center;
	    justify-content: center;
	    -webkit-align-items: center;
	    align-items: center;
	    padding:0px;
    }
	#footer-nav ul li {
		float:none;
		margin: 3px;
	}
	#footer-nav ul li img {
		height:auto;
	}
	.fs-p-footerNavigationItem {
		display: block;
	}
	.fs-p-footerNavigationItem + .fs-p-footerNavigationItem {
		padding-right: 0px;
	}
	.fs-p-footerNavigationItem__body {
		display: block !important }
	}
	.fs-l-footer__utility{
		padding:0px;
	}
	
}