@charset "UTF-8";

/*--------------------------------------------*/
body,input,textarea {
	font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","メイリオ", meiryo, Osaka, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", sans-serif;
	/*
	font-family: "ヒラギノ明朝 Pro","HiraMinPro","ＭＳ 明朝","ＭＳ Ｐ明朝","HG明朝E","MS PMincho",serif;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	*/
}
* { box-sizing:border-box; }
body {
	margin:0px;
	padding:0px;
	font-size:100%;
	line-height:1em;
	color:#333;
	text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
header a, footer a { text-decoration:none; display:inline-block; }
header a { color:#333; }
footer a { color:#FFF; }

h1 { font-size:150%; }
h2 { font-size:140%; }
h3 { font-size:130%; }
h4 { font-size:120%; }
h5 { font-size:100%; }
h6 { font-size:100%; }
h1,h2,h3,h4,h5,h6,div,dl,dt,dd,p,a,table,tr,td,address,img,
header ul, footer ul{
	margin:0px;
	padding:0px;
	line-height:1.5em;
	text-align:left;
	font-style:normal;
	list-style:none outside;
}
ul { margin:1em 0; padding:0; } li { line-height:1.3em; margin:0 0 .5em; }
header li, footer li { line-height:1em; margin:0; }
i,em { font-style:normal; } u { text-decoration:none; } sup,sub { font-size:60%; }

/*************/
#clear, .clear { clear:both; }
.c { margin-left:auto; margin-right:auto; }
.l { float:left; }
.r { float:right; }
.t_r { text-align:right; }
.t_c { text-align:center; }
/*img.l { margin:0 10px 10px 0; }
img.r { margin:0 0 10px 10px; }*/

/* table */
table { width:100%; border-collapse:collapse; border-spacing:0; }

/* * */

/* -------------------------------------------- */
a 			{ text-decoration:none; color:#0095FF; }
a:hover     { opacity:.50; text-decoration:none; }
/* nav a:hover { opacity:1; }
/* --------------------------------------------*/

/* inner */
.headBox, .footBox, 
.inner {
	display:block; clear:both; padding:0 20px; margin-left:auto; margin-right:auto;
	width:1000px;
}

h2 {
	font-size:42px;
	color:#333;
	margin-bottom:40px;
}
h2::before {
	padding-right:15px;
}
#news img {
	margin-bottom:10px;
}
.dolls::before ,
.pupe::before {
	background-color:#fbfcd2;
	padding:5px 10px;
	margin-right:10px;
}
.dolls::before {
	content:"dolls";
}
#news p {
	margin-top:10px;
}

.pupe::before {
	content:"pupe";
}

#news h2::before {
	content:url(../../common/img/news.png);
}
#philosophy h2::before {
	content:url(../../common/img/philosophy.png);
}
#shop h2::before {
	content:url(../../common/img/shop.png);
}
#gallery h2::before {
	content:url(../../common/img/gallery.png);
}
#sales h2::before {
	content:url(../../common/img/sales.png);
}
#special h2::before {
	content:url(../../common/img/special.png);
}
#school h2::before {
	content:url(../../common/img/school.png);
}


/* flexBox */
.headBox, .flexBox  { display:flex; justify-content:space-between; flex-wrap:wrap; }
.footBox, .footBox ul, .banner div, .banner ul, #mv div, .bgNumber,
.flexBox2 { display:flex; justify-content:space-between; flex-wrap:wrap; }

/* btn */
.btn {
	background-color:#ed9735;
	border-radius:25px;
	color:#FFF;
	text-align:center;
	padding:15px 25px;
}
.btn2 a {
	color:#ed9735;
}
/* btn装飾 */
.contact::before,
.btn2 a::before, .btn2::before {
	content:"";
	background:url(../../common/img/btnIcon.svg)no-repeat center center / cover;
	width:6px; height:10px; margin-right:10px;
}


/* common */
header a, footer a { display:block; }
.headBox img,
.footBox img { display:block;  }


/* header ********** */
header {  }
.headBox     { padding-top:20px; padding-bottom:20px; }
.headBox h1  { width:auto; }
.headBox h1 a  { display:flex; flex-wrap:nowrap; }
.headBox ul    {
	width:100%;
	display:flex; justify-content:flex-end;
	font-size:20px; font-weight:bold;
}
.headBox ul:first-of-type {
	margin-bottom:20px;
}
.headBox ul a { text-align:right; }
.headBox ul + ul li   { font-size:16px; }
.headBox ul + ul a { color:#838383; }
.headBox div   { width:325px; }
.headBox div a { width:100%; }

.contact         { margin-bottom:1em; padding:12px; }
.contact::before {
	background-image:url(../../common/img/contIcon.svg);
	width:20px; height:15px;
}

header nav    { width:75%; }
header nav li { width:auto; padding-left:25px; }
header nav a  { width:100%; }
header .act a { color:#ffa251; }


/* mv */
#mv   		{ margin-top:0px; }
#mv img     { display:block; width:100%; }


/* main ********** */
section { margin-top:80px; margin-bottom:80px; }
h3 { font-size:24px; }



.flexBox li {
	width:23%;
}
li img {
	width:100%;
}
/* special */
#special {
	background-color:#b7f9d8;
	padding-top:100px;
	margin:0;
	position:relative;
}
#special::before {
	content:"";
	background:url(../../common/img/top.png) repeat-x center;
	display:inline-block;
	width:100%; height:76px;
	position:absolute;
	top:-21px;
}
#special > div {
	padding-bottom:100px;
	position:relative;
	overflow:hidden;
	z-index:1;
}
#special > div::before {
	content:"";
	background:url(../../common/img/bg3.png) no-repeat center;
	width:575px; height:575px;
	position:absolute;
	top:15%; right:-20%;
	z-index:-10;
}
#special a:first-of-type img {
	margin-bottom:40px;
}
#special img {
	width:100%;
}
/* pagetop *
.pagetop   {  }
.pagetop a {  }


/* footer ********** */
footer { background:#ffa251; color:#FFF; padding:80px 0; }
footer nav {  }
footer nav ul { display:flex; justify-content:flex-start; font-size:20px; margin-bottom:20px; }
footer nav li { width:auto; padding-right:40px; }
footer nav a { font-weight:normal; }
.footBox nav ul { justify-content:space-between; flex-direction:column; height:200px; }
.footBox nav a  { width:100%; justify-content:flex-start; padding-left:20px; }


/* copyright */
footer .flexBox { margin-top:40px; }
.copyright {
}
footer .flexBox .pagetop { width:auto; }
.pagetop a { }
.pagetop a::before {
	content:">";
	display:inline-block;
	width:10px; height:10px;
	transform-origin:bottom right;
	transform:rotate(-90deg);
	position:relative;
	top:0; right:10px;
}

/* --------------------------------------------*/

/* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* ¥*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* */
.clearfix:after { content:""; }

/* --------------------------------------------*/



/*------------------------------------------------------------
	レスポンシブ
------------------------------------------------------------*/
.sp { display:none; }
@media (max-width: 768px){
	.sp { display:inline-block; }
	.headBox, .footBox, .inner {
		width:100%;
	}
	.headBox {
		display:flex;
		justify-content:space-between;
	}
	.headBox div {
		width:20%;
	}
	.headBox img {
		width:80%;
		height:100%;
	}
	.headBox ul {
		margin-bottom:20px;
	}
	.pc { display:none; }
	.flexBox {
		display:block;
	}

		.hmb_input {
		display:none;
	}
	#menu_btn {
		display:block;
	    background:url(../img/menu_btn.png) #ed9735 no-repeat center;
	    background-size:30px 30px;
	    width:100%;
	    height:100%;
	    margin:0;
	    cursor:pointer;
	    border-radius:5px;
	}
	#hmb_bg {
		display:none;
	    position:fixed;
	    z-index:99;
	    left:0;
	    top:0;
	    width:100%;
	    height:100vh;
	    background:#000;
	    opacity:0;
	    transition:.3s ease-in-out;
	}
	#hmb_content {
		overflow:auto;
	    position:fixed;
	    top:0;
	    right:0;
	    z-index:100;
	    width:90%;
	    max-width:70%;
	    height:100vh;
	    background:#fff;
	    transition:.3s ease-in-out;
	    transform:translateX(105%);
	}
	#hmb_check:checked ~ #hmb_bg {
		display:block;
	    opacity:.5;
	}
	#hmb_check:checked ~ #hmb_content {
		transform:translateX(0%);
	    box-shadow:6px 0 25px rgba(0,0,0,.15);
	}
	#hmb_content ul {
		display:block;
	    width:100%;
	    padding:0 5%;
	}
	#hmb_content ul:not(:first-of-type) a {
		font-size:18px;
	}
	#hmb_content li {
		width:100%;
	    border-bottom:1px solid #c9caca;
	}
	#hmb_content li:last-child {
		border-bottom:none;
	}
	#hmb_content li a {
		display:flex;
	    justify-content:space-between;
	    text-align:justify;
	    font-size:1rem;
	    line-height:1em;
	    padding:7% 0;
	    font-size:20px;
	}


	section {
		margin-top:40px;
		margin-bottom:40px;
	}
	h2 {
		font-size:38px;
		margin-bottom:20px;
	}
	h2::before {
		display:inline-block;
		transform-origin:bottom left;
		transform:scale(.8);
		padding-right:0;
	}
	#shop::before {
		transform-origin:top left;
		transform:scale(.8);
	}
	#sales::before {
		transform-origin:top left;
		transform:scale(.8);
	}
	#special {
		padding-top:60px;
	}
	#special > article {
		padding-bottom:40px;
	}
	footer {
		padding:40px 0;
	}
	footer nav ul {
		flex-wrap:wrap;
	}
	footer nav li {
		width:30%;
		padding-right:0;
	}
	.inner .long {
		width:auto;
		padding-right:6%;
	}
	.subnavi {
		font-size:95%;
	}
	.subnavi li {
		width:34%;
	}
	#special a:first-of-type img {
		margin-bottom:20px;
	}
	#special > div {
		padding-bottom:40px;
	}

	#special > div::before {
		top:0;
		right:-80%;
	}

	footer .copyright {
		width:60%;
	}
	footer .flexBox {
		display:flex;
		margin-top:40px;
	}
	/* inner */

	/* flexBox */

	/* header ********** */

	/* main ********** */

	/* pagetop */

	/* footer ********** */


}