@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti&family=Noto+Sans+JP:wght@400;500&family=Yusei+Magic&family=Zen+Kurenaido&display=swap');
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
	font-family: 'Noto Sans JP', sans-serif;
}



/*----------------------------------------------------------------------------------
use color
red:#BD0D10;
gold:#;
yellow:#;
green:#;
nevy:#;
pink:#;
----------------------------------------------------------------------------------------*/
.red{
	color:#fff;
	font-size: .9rem;
}
img{vertical-align: bottom;}
.ar{margin-bottom: 50px;}
body{background-color:#BD0D10;}
#container{
	position:relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	overflow: hidden;
}
#container2{position: relative;
	/**/
	}

section{max-width: 1000px;margin: 0 auto;
	text-align: center;
	overflow: hidden;}


.bt2{margin: 0 auto;
	text-align: center;
	background-color: #cda976;
	width:50%;/**/
	padding: 10px 0;
	border-radius: 30px;}

.top_sp{display: none;}
#top{position: relative;}


.icon{position: absolute;}

.text{
	font-size: 1.1rem;
	padding: 40px 20px;
	text-align: center;
	color:#fff;
	line-height: 2;
}


a{text-decoration: none; color:#333;}

.space{height: 50px;}
.ttl_osusume{
	position: relative;
	margin: 40px 0;
}
.ttl{z-index: 99;top:30%;}
#lineup{
	margin: 0 auto;
	text-align: center;
	width: 70%;
	
}
.ttl_lineup{margin-bottom: 40px;}
.flexbox{display: flex;}
.lineup_item{
	flex-basis: 30%;
	margin-left: 3%;
}


/**/
.icon_down{padding-left: 20px;}
.icon-color{color: #fff;}
.icon-color2{color: #cda976;}
.icon-color3{color:#fff;}
.space_icon{padding: 25px 0;}


main{position: relative;}
/*.side{position:fixed;}*/
.lt{position:fixed;left:0;max-width: 150px;z-index: -2;top:0;}
.rt{position:fixed;right:0;max-width: 150px;z-index: -2;top:15%;}
.stars2{}
.stars3{top:45%;left:10%;}
.stars4{top:60%;}
.stars5{top:75%;}
.pre{top:35%;left:-1%;}
.view{
	position: relative;
	margin: 100px 0 30px 0;
	/*background-color:#E0B1B2;*/
}
.mimg{width: 70%;border: solid 4px #CDA200;}
.mimg2{width: 70%;
	border: solid 4px #CDA200;
	border-radius: 50%;
	margin-top: 30px;
}
.mimg3{width: 43%;
	border: solid 4px #CDA200;
	border-radius: 50%;
	margin-top: 30px;}
.dt{left:0;top:60%;width: 30%;}
.dtimg{border-radius: 50%; box-shadow: 5px 5px 0px 0 #CDA200;}
.cd{right:10%;top:0;width: 13%;}
.cd2{width: 20%;}

.illus{z-index: -1;top:-20%;left:15%;width:100px;}
.flex2item{flex-basis: 50%; /*background-color: aqua;*/}
.flexitem{
	margin: 0 auto;
	text-align: center;
	width: 70%;
	padding-top: 30px;
}
.goods{
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
	flex-wrap: wrap;
	align-items: center;
}
.p_icon{text-align: left;margin-left: 15px;width: 130px;}
.point_txt{
	text-align: left;
	color: #fff;
	padding:20px 0 0 15px;
	font-size: 1.2rem;
	line-height: 2;
	font-weight: 500;
}
.price{
	margin: 0 auto;
	text-align: center;
	font-size: .9rem;
	background-color: #fff;
	/*padding: 45px 20px;*/
	display: grid;
	place-items: center;
	border-radius: 50%;
	color:#8E0A0C;
	width: 200px;
	height: 200px;
}

.price_img{margin-bottom: -45px;position: relative;z-index: 99;}
.ckbtn{margin-top:-70px;position: relative;}
.space_deco{
	margin: 0 auto;
	text-align: center;
	padding-top: 30px;
	width: 80%;
	border-bottom: dashed 1px #CDA200;/**/
}
.deco_deer{width: 20%; margin-left: 80%;}
.deco_snowflake{width:8%;padding: 0 10px;margin-top: -15%;}
.snowman{transform: rotate(10deg);}
.deco_santhead{width: 10%; margin-left: 90%;transform: rotate(5deg);}
.deco_sant{width: 40%; margin-left: 60%;}
.iicon{display: none;}
.deco_santa{width: 25%;margin-left: 75%;margin-top: -70%;}

#family .view{margin-top: -3%;position: relative;z-index: -1;}



/*-----------------------site-header---------------------*/
.site-header{

    display: none;
 
    position: absolute;

	z-index: 99999;
   /*font-family:  'Kaisei Opti', serif; */
}
.gnav__menu{
	width: 100%;
	justify-content: space-between;
	align-items: center;
	
}
.gnav__menu__item{
	
	border-radius: 50%;
	width: 70px;
	height: 70px;
	list-style: none; 
	background-color:darkgreen;
	line-height: .9;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	
}
.gnav__menu__item a{color:#fff;}

.site-header.show{
	 display:flex;
    position: fixed;
    bottom: 0;
	z-index: 99999;
}



/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter .fLinkList li a {
    padding: 29px;
    display: block;
    color: #666;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    background-color: #e2e2e2;
}
#gFooter .fLinkList li a:hover {
    opacity: 0.7;
}
#gFooter address {
    padding: 35px 5px 56px;
    color: #666;
    font-size: 1.2rem;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-family: "Helvetica Neue" , Helvetica , Arial , sans-serif;
    background-color: #D9D9D9;
}

#gFooter{
	
	bottom:0;

	}

@media all and (max-width: 749px) {
	.top_sp{display: block;}
	.top_pc{display: none;}
	.text{font-size: 1rem;}

	.flexitem{width: 95%;}
	.ttl_osusume img{width: 100%;}
	.sttl img{width: 65%;}
	#family .sttl img{width: 15%;}
	.iicon{display: block;}

	.lt{width: 100px;}
    .rt{width: 100px;}
	.view{}
	.p_icon{width: 100px;}
	.mimg{width: 85%;}
	#family .mimg{width: 95%;}
	#family .view{margin-top: -5%;position: relative;z-index: -1;}
.dt{left:-3%;top:63%;width: 35%;}
.cd{right:-1%;top:-7%;width: 20%;}
.cd2{width: 25%;}	
	
.illus{top:-30%;left:0%;}
	.pre{display: none;}
.price{
    font-size: .8rem;
	width: 170px;
	height: 170px;
}	
	.point_txt{font-size: 1rem;}
	.tree_set{width: 40%;}
.space_deco{
	
	padding-top: 30px;
	width: 100%;
	border-bottom:none;/**/
}	
	.deco_deer{width: 30%;margin-left: 70%;}
	.deco_santhead{width: 20%; margin-left: 80%;}
	.snowman{width: 70%;margin-top: 25%;}
	.deco_santa{width: 35%;margin-left: 65%;}
	
	.bt2{width: 85%;}
	.ckbtn{width: 30%;}
	.flexbox .ckbtn{width: 60%;}
	#lineup{width: 100%;}
	.space_icon{padding: 15px 0;}
	
	.gnav__menu{
		display: flex;
		width:98vw;
	}

	.gnav__menu__item{
	width: 60px;
		height: 60px;
		
	}
	.site-header{padding: 1vw;}
	
	.mimg2{width: 85%;margin-top: 20px}
	.mimg3{width: 65%;margin-top: 20px;}
	.ar{margin-bottom: 25px;}
	
}


@media(max-width:390px){
	.text{font-size: .9rem;}
	.point_txt{font-size: .9rem;line-height: 1.7;}
	.price{
    font-size: .8rem;
	width: 160px;
	height: 160px;
}
}





/*------------------------------------------------------------------------------
  anime
------------------------------------------------------------------------------*/

.starAct {
	animation: zoom-in-anim .9s infinite;
}

@keyframes zoom-in-anim {
	0% {
	transform: scale(.7);
		opacity: .6;
	}
	100% {
	transform: scale(.8);
		opacity: 1;
	}
}


/*--------------------------------------------star-----------------------------------------*/
/*#Allst{position: fixed;top:500px;}*/