@charset "utf-8";
/*****************************************************
	
	全ての要素をリセット
	各ブラウザの表示を統一するための設定です
	
*****************************************************/
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;outline:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {	border-collapse: collapse;border-spacing: 0;}
caption,p {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;text-align:left;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
img{vertical-align:middle;height:auto;}
.line {font-size:1px;line-height:1px;}

 /* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/*--- default ---*/
body {
	color: #111;
	font-family: "Kiwi Maru","メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
	line-height:1.9em;
	letter-spacing:0.05em;
	-webkit-text-size-adjust: 100%;
	background: #f6f5f1;
}
table{
	border-collapse:collapse;
}
.clear{clear:both;}
.min{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

/*****************************************************
	
	ベース
	
*****************************************************/


a:link {
	color:#111;
	text-decoration:none;
}
a:visited{
	color:#111;
	text-decoration:none;
}
a:hover{                     
	text-decoration: none;
color:#b52e2e;
}
a:active{
	text-decoration:none;
}
a.anchor{
    display: block;
    padding-top: 270px;
    margin-top: -270px;
}
.clear:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content:"";
	clear: both;
	height: 0;
}
* html .clear            { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */
a,a img {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
a img:hover,.shopnav a:hover,.foot-nav a:hover  {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

a[href^="tel:"] {
    pointer-events: none;
}

@media screen and (max-width:768px)	{
a[href^="tel:"] {
    pointer-events: auto!important;
}
}
#wrap{
	overflow:hidden;
}
.bt{
	text-align:center;
	margin:40px auto;
}
.bt a,
.common-page .bt a{
	display:inline-block;
	padding:8px 2.5em 10px;
	font-size:95%;
	line-height:1.5em;
	border-radius:100px;
	border:solid 1px;
	color:#111;
}
.bt a:hover,
.common-page .bt a:hover{
	background:#b52e2e;
	color:#fff;
	text-decoration:none;
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
box-sizing:border-box;
border:10px solid #fff;
width:95%;
margin:0 auto;
max-width:1200px;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
/*****************************************************
	
	ヘッダー
	
*****************************************************/
header{
	width:100%;
	max-width:1300px;
	margin:0 auto;
	 position:relative;

}

header .rogo-area{
	margin: 20px 0 0px 30px;
	float:left;
}
header .rogo-area img{
	width:90px;
}
header .rogo-area span{
	font-size: 145%;
	margin:0 0 0 25px;
	font-weight:400;
}

header .headinfo-area{
	float:right;
	margin: 20px 35px 0px 0;
}

header .usermenu{
	overflow:hidden;
	margin:0 auto 25px;
	float:right;
}

header nav{
	clear:both;
}
header .usermenu li{
	float:left;
	overflow:hidden;
	font-size:85%;
	line-height:40px;
	margin:0 20px;
}
header .usermenu li:last-child{
	margin:0 0 0 10px;
}
header .usermenu .head-account .icon{
    float:left;
    	 display:flex;

    margin:0 15px 0 0;
	width:40px;
	height:40px;
	background:url("../image/common/ic_hito.svg");
	background-size:10px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#111;
	border-radius:50%;
}
header .usermenu .head-cart .icon{
    float:left;
    	 display:flex;

    margin:0 15px 0 0;
	width:40px;
	height:40px;
	background:url("../image/common/ic_cart.svg");
	background-size:20px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#111;
	border-radius:50%;
}
@media screen and (max-width:1220px){
	header .headinfo-area{
	margin: 20px 95px 0px 0;
}
}
@media screen and (max-width:800px){
header .rogo-area{
	
	margin: 20px 0 30px 20px;
}

header .rogo-area img{
	width:65px;
}

header .rogo-area span{
	font-size:125%;
	margin:0 0 0 20px;
	
}
header .usermenu .head-account .icon,
header .usermenu .head-cart .icon{
    float:none;
    display:block;
    margin:0 auto;
  
    
}
header .usermenu li{
	font-size:75%;
	text-align:center;
	margin:10 10px;
	line-height:2.5em;
}
}

@media screen and (max-width:600px){
header .headinfo-area{
	margin: 20px 0px 0px 0;}	
header .usermenu{
		display:none;
	}

}
@media screen and (max-width:460px){
header .rogo-area{
	
	margin: 17px 0 30px 10px;
}
header .rogo-area img{
	width:47px;
}

header .rogo-area span{
	font-size:90%;
	margin:0 0 0 10px;
	
}
}
.usermenu-panel{
margin:0 5% 0;
display:none;
}
@media screen and (max-width:500px){
.usermenu-panel{
	display:block;overflow:hidden;padding-bottom: 1.5rem;margin-top: 1.5rem;
	}
}
.usermenu-panel .head-account,.usermenu-panel .head-cart{
width:50%;
float:left;
text-align:center;
}
.usermenu-panel a{
	margin:0!important;
	padding:0;
	display:block;
	border:0!important;
	font-size:90%;
	text-align:center!important;
}
.usermenu-panel .head-account .icon{
    margin:2px auto 15px;
	width:50px;
	height:50px;
	background:url("../image/common/ic_hito.svg");
	background-size:12px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#111;
	border-radius:50%;
}
.usermenu-panel .head-cart{
	position:relative;
}
.usermenu-panel .head-cart .icon{
   
    margin:2px auto 15px;
	width:50px;
	height:50px;
	background:url("../image/common/ic_cart.svg");
	background-size:21px;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#111;
	border-radius:50%;
}
/*****************************************************
	
	フッター

*****************************************************/
footer{
	background:url("../image/common/foot-bg.svg")no-repeat;
	background-position:center top;
	background-size:2000px auto;
	padding:150px 0;
	margin:80px auto 0;
}
.footer-content{
	width:95%;
	max-width:1200px;
	margin:0 auto;
}
.copy p{
	width:95%;
	text-align:center;
	font-size:80%;
	margin:30px auto;
}
.foot-rogo{
	width:100%;
	text-align:center;
margin:0 auto;
}
.foot-rogo img{
	width:70px;
}
.foot-rogo p{
	text-align:center;
	margin:10px 0 0 0;
}
footer .sns{
	margin:40px auto 0;
	width:40px;
}
footer .sns li{
	background:url("../image/common/ic_Instagram.svg");
	background-position:center;
	background-size:30px;background-repeat:no-repeat;}
footer .sns p{
	overflow: hidden;
	text-indent:-999em;
}
footer .sns li:hover{
	opacity:0.5;
	-webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
footer .footnav{
	margin:0 auto 50px;
	font-size:90%;
	line-height:1.6em;
	overflow:hidden;
}
footer .footnav li{
	width:50%;
	float:left;
	box-sizing:border-box;
	padding:2% 1.5em;
}
footer .footnav li:first-child{
	text-align:right;
}
@media screen and (max-width:800px){
footer{
	background-size:1500px auto;
	padding:120px 0 70px;
}

}

@media screen and (max-width:550px){
footer .footnav li{
	width:100%;float:none;
	padding:0 0 2px;
	position:relative;
}
footer .footnav li:before{
	content:'▶︎';
	margin:0 0.5em 0 0;
	font-size:85%;
	color:#b52e2e;
}
footer .footnav li:first-child{
	text-align:left;
}
}

/*****************************************************
	
	コンテンツ

*****************************************************/
#content{
	clear:both;
}
.front-main{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.front-main img{
	width:95%;

	margin:50px 2.5%;
}

@media screen and (max-width:1220px){
	.front-main img{
	width:90%;

	margin:0px 5%;
}
}
@media screen and (max-width:600px){
	.front-main{
	position:relative;
	top:-10px;
}
.front-main img{
	width:95%;

	margin:0px 2.5%;
}
}

.front-content .title-area{
	position:relative;
	z-index:5;
}
.front-content .title-area h2{
	text-align:center;
	font-size:200%;letter-spacing:0.1em;
	position:absolute;
	width:100%;
}
.front-content .title-area h2 span{
	display:block;
	font-size:45%;
	margin:8px 0 0 0;

}
@media screen and (max-width:800px){
.front-content .title-area h2{
	text-align:center;
	font-size:150%;letter-spacing:0.1em;
	position:absolute;
	width:100%;
}
.front-content .title-area h2 span{
	font-size:50%;
	margin:0px 0 0 0;

}
.front-content .title-area{
	margin:0 auto 35px;
}
}
.front-content .title-area .kazari{
	text-align:center;

}
#front-artist{
	margin: 10% 0;
	position:relative;
}
@media screen and (max-width:1000px){
	#front-artist{
	margin:15% 0;
	position:relative;
	
}
}
#front-artist .kazari1{
	position:absolute;
	width:700px;
	top:-100px;
	left:50%;
	margin:0 0 0 200px;
}
#front-artist .kazari2{
	position:absolute;
	width:300px;
	top:40%;
	left:50%;
	margin:0 0 0 20px;
}
#front-artist .kazari3{
	position:absolute;
	width:600px;
	bottom:2%;
	left:50%;
	margin:0 0 0 -700px;
}
#front-artist .kazari1 img,
#front-artist .kazari2 img,
#front-artist .kazari3 img{
	width:100%;
}
#front-artist .kazari1 {
    -webkit-animation:kaiten_a  60s infinite linear normal;
    animation:kaiten_a  60s infinite linear normal;
}
#front-artist .kazari2 {
    -webkit-animation:kaiten_b  60s infinite linear normal;
    animation:kaiten_b  60s infinite linear normal;
}
#front-artist .kazari3 {
    -webkit-animation:kaiten_c  3s infinite linear alternate;
    animation:kaiten_c  3s infinite linear alternate;
    
}
@-webkit-keyframes kaiten_a  {
    0% {-webkit-transform:translate(0, 0) rotate(0deg);}
    100% {-webkit-transform:translate(0, 0)rotate(360deg);}

}
@-webkit-keyframes kaiten_b  {
    0% {-webkit-transform:translate(0, 0) rotate(0deg);}
    100% {-webkit-transform:translate(0, 0)rotate(-360deg);}
    
}
@-webkit-keyframes kaiten_c  {
    0% {-webkit-transform:translate(0, 0)rotate(-2deg);}
    50% {-webkit-transform:translate(10px, 0) rotate(0deg);}
    100% {-webkit-transform:translate(0, 0)rotate(-4deg);}
    
}
@media screen and (max-width:1300px){
#front-artist .kazari1{
	position:absolute;
	width:45%;
	top:-50px;
	left:50%;
	margin:0 0 0 15%;
	z-index:10;
}
#front-artist .kazari2{
	position:absolute;
	width:30%;
	
	top:40%;
	left:50%;
	margin:0 0 0 20px;
}
#front-artist .kazari3{
	position:absolute;
	width:45%;
	bottom:0%;
	left:0%;
	margin:0 0 0 0;

}
}
@media screen and (max-width:800px){
#front-artist{
	padding-bottom:80px;
	
}
#front-artist .kazari1{
	position:absolute;
	width:40%;
	top:3%;
	left:auto;
	right:-20px;
	margin:0%;
	z-index:10;
}
#front-artist .kazari2{
	position:absolute;
	max-width:350px;
	width:35%;
	top:43%;
	left:0px;
	margin:0px 0 0 0px;
	z-index:10;
}
#front-artist .kazari3{
	position:absolute;
	width:200px;
	bottom:3%;
	left:auto;
	right:3%;
	margin:0 0 0 0;
}	
}
@media screen and (max-width:640px){
#front-artist .kazari3{
	position:absolute;
	width:300px;
	bottom:0%;
	left:auto;
	right:50%;
	margin:0 -150px 0 0;
}
.artist-woman .prof{
	padding-bottom:170px;
}	
}
#front-artist .title-area .kazari img{
	width:250px;
	margin:0 auto;

}
#front-item .title-area .kazari img{
	width:250px;
	margin:0 auto;

}
#front-neko .title-area .kazari img{
	width:250px;
	margin:0 auto;

}
#front-insta .title-area .kazari img{
	width:250px;
	margin:0 auto;

}
@media screen and (max-width:640px){
#front-artist .title-area .kazari img{
	width:180px;
	margin:0 auto 3%;

}

}
.artist-man{
	background:url("../image/front/yosimurashinya.png")no-repeat;
	background-size:auto 100%;
	background-position:calc(50% + -450px) center;
	padding:280px 0;
	max-width:1500px;
	margin:0 auto;
	position:relative;
	z-index:5;
}

.artist-woman{
	background:url("../image/front/yosimurayoshie.png")no-repeat;
	background-size:auto 100%;
	background-position:calc(50% + 510px) center;
	padding:280px 0;
	margin:0 auto;
	margin:-5% auto 0;
	position:relative;
	z-index:5;
}
.artist-man .prof{
	width:250px;
	margin:0 auto;
	text-align:center;
}
.artist-woman .prof{
	width:250px;
	margin: 0 auto 0;
	text-align:center;
	position:relative;
	top: -120px;
}
.artist-man .name img,.artist-woman .name img{
	width:200px;
	margin:0 auto 30px;
	
}
.artist-man p,.artist-woman p{
	text-align:center;
	line-height:1.7em;
	
}
@media screen and (max-width:1200px){
	.artist-man{
	background-position:left -50px center;
	padding:15% 0;
}
.artist-woman{
	background-position:right -100px center;
	padding:10% 0;
	margin:10% auto 0;
	
}
}
@media screen and (max-width:780px){
.artist-man{
	background:url("../image/front/yosimurashinya-sp.png")no-repeat;
	background-size:100% auto;
	background-position:center top;
	padding:70% 0 0;
	margin:0 auto;
	
}
.artist-woman{
	background:url("../image/front/yosimurayoshie-sp.png")no-repeat;
	background-size:100% auto;
	background-position:center top;
	padding:70% 0 0;
	margin:10px auto 0;
	
}
.artist-man .prof{
	max-width:400px;
	width:80%;
}
.artist-woman .prof{
	max-width:400px;
	width:80%;
	top: 0px;
}
.artist-man .name img,.artist-woman .name img{
	width:170px;
	margin:0 auto 20px;
	
}
}


#front-item .item-box{
	overflow:hidden;
	width:95%;
	max-width:1200px;
	margin:50px auto 0;
}
#front-item .item-box li{
	width:22%;
	margin:0 1.5% 30px;
	float:left;

}
#front-item .item-box li img{
	width:100%;
	overflow:hidden;
	border-radius:10px;
	margin:0 auto 10px;
}
#front-item .item-box li p{
	text-align:center;
	line-height:1.7em;
	
}
#front-item .item-box li .price{
	font-size:90%;
	
}
#front-item .item-box li:nth-child(9),
#front-item .item-box li:nth-child(10),
#front-item .item-box li:nth-child(11),
#front-item .item-box li:nth-child(12),
#front-item .item-box li:nth-child(13),
#front-item .item-box li:nth-child(14),
#front-item .item-box li:nth-child(15),
#front-item .item-box li:nth-child(16),
#front-item .item-box li:nth-child(17),
#front-item .item-box li:nth-child(18),
#front-item .item-box li:nth-child(19),
#front-item .item-box li:nth-child(20){
	display:none;

}
#front-item .item-box li:nth-child(4n+1){
	clear:both;

}
@media screen and (max-width:760px){
	#front-item .item-box li{
	width:47%;
	margin:0 1.5% 5%;

}
#front-item .item-box li:nth-child(2n+1){
	clear:both;

}
}

#front-neko{
	margin: 15% auto 5%;
	position:relative;
}
#front-neko .hogoneko-box{
	max-width:280px;
	margin:80px auto 50px;
	width:95%;


}
#front-neko .hogoneko-box p{
	text-align:center;
	

}
#front-neko .hogoneko-box h3{
	text-align:center;
	margin:20px;
	font-size:110%;
	position:relative;
	

}
#front-neko .hogoneko-box h3:before{
	content:'|';
	-webkit-transform:translate(0, 0) rotate(-30deg);
position:absolute;
border-left:1px;
left:0;
font-size:120%;
}
#front-neko .hogoneko-box h3:after{
	content:'|';
	-webkit-transform:translate(0, 0) rotate(30deg);
position:absolute;
border-right:1px;
right:0;
font-size:120%;
}
#front-neko .syokai{
	overflow:hidden;
	width:75%;
	max-width:600px;
	margin:0 auto 50px;
}
#front-neko .syokai li{
	width:40%;
	margin:0 5%;
	float:left;
	overflow:hidden;
	border-radius:50%;
}
#front-neko .syokai li img{
	width:100%;
	
}
#front-neko .kazari1{
	position:absolute;
	width:300px;
	top:0px;
	left:50%;
	margin:0 0 0 -500px;
}
#front-neko .kazari2{
	position:absolute;
	width:120px;
	bottom:15%;
	right:50%;
	margin:0 -440px 0 0;
}
#front-neko .kazari3{
	position:absolute;
	width:250px;
	top:0px;
	right:50%;
	margin:0 -440px 0 0;
}
#front-neko .kazari4{
	position:absolute;
	width:250px;
	bottom:0px;
	left:50%;
	margin:0 0 0 -450px;
}
#front-neko .kazari1 img,
#front-neko .kazari2 img,
#front-neko .kazari3 img,
#front-neko .kazari4 img{
	width:100%
}
#front-neko .box{
	position:relative;
	z-index:5;
	padding:0 0 7%;
}

#front-neko .syokai li:first-child {
    -webkit-animation:kaiten_neko_l  3s infinite linear alternate;
    animation:kaiten_neko_l  3s infinite linear alternate;
    
}
#front-neko .syokai li:last-child {
    -webkit-animation:kaiten_neko_r  3s infinite linear alternate;
    animation:kaiten_neko_r  3s infinite linear alternate;
    
}
@-webkit-keyframes kaiten_neko_l  {
    0% {-webkit-transform:translate(0, 0)rotate(-2deg);}
    50% {-webkit-transform:translate(0px, 0) rotate(0deg);}
    100% {-webkit-transform:translate(0, 0)rotate(-4deg);}
    
}
@-webkit-keyframes kaiten_neko_r  {
    0% {-webkit-transform:translate(0, 0)rotate(2deg);}
    50% {-webkit-transform:translate(0px, 0) rotate(0deg);}
    100% {-webkit-transform:translate(0, 0)rotate(4deg);}
    
}
@media screen and (max-width:800px){
#front-neko .kazari1{
	width:200px;
	top:100px;
	left:0%;
	margin:0 0 0 -25px;
	-webkit-transform:translate(0, 0) rotate(-50deg);
}
#front-neko .kazari2{
	width:70px;
	bottom:15%;
	right:0%;
	margin:0 30px 0 0;
}
	#front-neko .kazari3{
	width:30%;
	max-width:250px;
	right:0%;
	margin:0 10px 0 0;
}
#front-neko .kazari4{
	width:200px;
	bottom:0px;
	left:0%;
	margin:0 0 0 0px;
}
}
@media screen and (max-width:500px){
#front-neko .kazari1{
	width:100px;
	top:100px;
	left:0%;
	margin:0 0 0 -5px;
	-webkit-transform:translate(0, 0) rotate(-0deg);
}
#front-neko .kazari2{
	width:40px;
	bottom:15%;
	right:0%;
	margin:0 30px 0 0;
	-webkit-transform:translate(0, 0) rotate(-20deg);
}
	#front-neko .kazari3{
	width:90px;
	right:0%;
	margin:60px 20px 0 0;
}
#front-neko .kazari4{
	width:150px;
	bottom:0px;
	left:50%;
	margin:0 0 0 -75px;
}
#front-neko .box{
	padding:0 0 110px;
}	
}

#baner-area{
	background:#f2e3c6;
	position:relative;
}
#baner-area:before{
	content:'';
	background:url("../image/front/nami-bg-top.svg")repeat-x;
	background-size:auto 100%;
	background-position:center top;
	width:100%;
	height:70px;
	position:absolute;
}
#baner-area:after{
	content:'';
	background:url("../image/front/nami-bg-bottom.svg")repeat-x;
	background-size:auto 100%;
	background-position:left top;
	width:100%;
	height:70px;
	position:absolute;
	bottom:0;
}
#baner-area ul{
	overflow:hidden;
	padding:130px 0;
	width:90%;
	max-width:800px;
	margin:0 auto;
}
#baner-area li img{
	box-sizing:border-box;
	border:5px solid #fff;
}
#baner-area li img{
	width:100%;
	border-radius:10px;
}

#front-insta{
	margin:10% auto;
	width:95%;
	max-width:1200px;
}
#front-insta .insta-area{
	margin:80px auto 0;
	width:95%;
	max-width:1200px;
}

/*****************************************************
	
	各記事

*****************************************************/
.page-content{
	position:relative;
	padding:100px 0 80px 0;
}
.page-content .title-area{
	position:relative;
	z-index:5;
	margin:0 auto 35px;

}

.page-content .title-area h1,.page-content .title-area .page-title{
	text-align:center;
	font-size:200%;letter-spacing:0.1em;
	position:absolute;
	width:100%;
	font-weight:400;
}
.page-content .title-area h1 span,.page-content .title-area .page-title span{
	display:block;
	font-size:45%;
	margin:8px 0 0 0;

}
.page-content .title-area{
	
	margin:0 auto 10%;

}
@media screen and (max-width:1200px){
	.page-content{
	padding:8% 0 80px 0;
}
.page-content .title-area{
	margin: 0 auto 8%;
}
}
@media screen and (max-width:800px){
.page-content .title-area h1,.page-content .title-area .page-title{
	text-align:center;
	font-size:150%;letter-spacing:0.1em;
	position:absolute;
	width:100%;
}
.page-content .title-area h1 span,.page-content .title-area .page-title span{
	font-size:50%;
	margin:0px 0 0 0;

}

}
.page-content .title-area .kazari{
	text-align:center;

}
.page-content .title-area .kazari img{
	width:250px;
	margin:10px auto;

}

.page-content .read{
	width:85%;
	max-width:950px;
	margin:40px auto;
	text-align:center;

}
@media screen and (max-width:600px){
	.page-content{
	padding:0% 0 80px 0;
}

.page-content .title-area .kazari img{
	width:180px;
	margin:15px auto 15px;

}
}
.page-content .address{
	margin:100px auto;
	text-align:center;
	background:url("../image/about/kazari_lightgreen.png")no-repeat;
	background-size:auto 100%;
	background-position:calc(50% + 180px) center;

}

@media screen and (max-width:800px){
.page-content .read{
	width: 90%;
	max-width:950px;
	margin:40px auto;
	text-align:left;
}

}

.page-content .page-photo-area{
	position:relative;
	width:97%;
	max-width:1200px;
	margin:70px auto -10%;
}
.page-content .page-photo-area .photo-main img{
	width:100%;
	position:relative;
}
#about .page-photo-area .photo-a img,
#about .page-photo-area .photo-b img{
	overflow:hidden;
	border-radius:50%;
	width:100%;

}
#about .page-photo-area .photo-a,
#about .page-photo-area .photo-b{
	position:absolute;
	max-width:300px;
	width:30%;
	z-index:5;
	
}
#about .page-photo-area .photo-a{
	right:0;
	top:-30px;
	-webkit-animation:kaiten_l  3s infinite linear alternate;
    animation:kaiten_l 3s infinite linear alternate;
}
#about .page-photo-area .photo-b{
	bottom:-50px;
	-webkit-animation:kaiten_r  3s infinite linear alternate;
    animation:kaiten_r 3s infinite linear alternate;
}


#front-neko .syokai li:last-child {
    -webkit-animation:kaiten_neko_r  3s infinite linear alternate;
    animation:kaiten_neko_r  3s infinite linear alternate;
    
}
@-webkit-keyframes kaiten_l  {
    0% {-webkit-transform:translate(0, 0)rotate(-2deg);}
    50% {-webkit-transform:translate(0px, 0) rotate(0deg);}
    100% {-webkit-transform:translate(0, 0)rotate(-4deg);}
    
}
@-webkit-keyframes kaiten_r  {
    0% {-webkit-transform:translate(0, 0)rotate(2deg);}
    50% {-webkit-transform:translate(0px, 0) rotate(0deg);}
    100% {-webkit-transform:translate(0, 0)rotate(4deg);}
    
}

.page-kazari1{
	position:absolute;
	z-index:-1;
	width:220px;
	left:50%;
	top:20px;
	margin:0 0 0 -600px;
	-webkit-transform:translate(0, 0)rotate(-13deg);
}
.page-kazari2{
	position:absolute;
	z-index:-2;
	width:550px;
	right:50%;
	margin:0 -850px 0 0;
	top:10px;
	 -webkit-animation:ryu  15s infinite linear alternate;
    animation:ryu  15s infinite linear alternate;
}
.page-kazari3{
	position:absolute;
	z-index:-1;
	width:500px;
	right:50%;
	margin:0 -1100px 0 0;
	top:30px;
	 -webkit-animation:kumo  35s infinite linear alternate;
    animation:kumo  35s infinite linear alternate;
}
.page-kazari1 img,.page-kazari2 img,.page-kazari3 img{
	width:100%;
}
@-webkit-keyframes ryu  {
    0% {-webkit-transform:translate(0, 0)rotate(-3deg);}
     50% {-webkit-transform:translate(20px, 0)rotate(-3deg);}
    100% {-webkit-transform:translate(0, 0)rotate(-3deg);}
    
}
@-webkit-keyframes kumo  {
    0% {-webkit-transform:translate(0, 0)rotate(0deg);}
     25% {-webkit-transform:translate(-50px, 10px)rotate(0deg);}
     50% {-webkit-transform:translate(-100px, 00px)rotate(0deg);}
       75% {-webkit-transform:translate(-50px, 10px)rotate(0deg);}
  100% {-webkit-transform:translate(0, 0)rotate(0eg);}
    
}

@media screen and (max-width:1200px){
	.page-kazari1{
	width:20%;
	left:1%;
	top:20px;
	margin:0 0 0 0px;
}
.page-kazari2{
	width:35%;
	right:-5%;
	margin:0 -0 0 0;
	top:20px;
	
}
.page-kazari3{
	width:35%;
	right:-25%;
	margin:0 -0 0 0;
	top:20px;
}
}
@media screen and (max-width:600px){
	.page-kazari1{
	width:130px;
	left:-2%;
	top:-15px;
}
.page-kazari2{
	width:200px;
	right:-7%;
	margin:0 -0 0 0;
	top:25px;
	
}
.page-kazari3{
	width:200px;
	right:-38%;
	margin:0 -0 0 0;
	top:25px;
}
}
@media screen and (max-width:480px){
	.page-kazari1{
	width:100px;
	left:-30px;
	top:0px;
	-webkit-transform:translate(0px, 00px)rotate(0deg);

}
.page-kazari2{
	width:160px;
	right:-7%;
	margin:0 -0 0 0;
	top:45px;
	
}
.page-kazari3{
	width:160px;
	right:-38%;
	margin:0 -0 0 0;
	top:45px;
}
}

.guide-box{
	position:relative;
	z-index:1;
	
}
.guide-box .naiyo{
	width:90%;
	max-width:750px;
	margin:0 auto 15%;
	
}
.guide-box .title-box{
	text-align:center;
		margin:0 auto 40px;

	

}
.guide-box h2{
	font-size:130%;
	position:relative;
	background:#dfdfdf;
	display:inline-block;
	line-height:1em;
	padding:0.5em 2em 0.65em;
	border-radius:50px;
	font-weight:normal;

}
.guide-box h2:after{
	content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 15px solid #dfdfdf;

}
@media screen and (max-width:600px){
.guide-box h2{
	font-size:110%;
	margin: 20px auto 0;
	border-radius:50px;
}	
}


.marker-animation.active{
    background-position: -100% .5em;
}
.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 1.5s ease;
    
}

.koza{
	border:4px solid #aaa;
	box-sizing:border-box;
	padding:1em 2em;
	margin:2em 4em 3em;
	line-height:1.7em;background:#fff;
	
}

@media screen and (max-width:600px){
.koza{
	padding:1em 1.3em;
	margin:1em 1.2em 2em;
	line-height:1.7em;
}	
}

.guide-box table{
	border:3px solid #aaa;
margin:20px 0;
}
.guide-box table th{
	border:1px solid #aaa;
	background:#eaeaea;
	font-weight:normal;
	
}
.guide-box table td{
	text-align:right;
	border:1px solid #aaa;
	background:#fff;
}
.guide-box table th,.guide-box table td{

	padding:2px 1em;
}


.page-kazari-guide1{
	position:fixed;
	z-index:0;
	width:20%;
	max-width:220px;
	right:-1%;
	margin:0 0 0 0;
	bottom:30%;
	 -webkit-animation:ryu  15s infinite linear alternate;
    animation:ryu  15s infinite linear alternate;
}
.page-kazari-guide2{
	position:fixed;
	z-index:0;
	width:20%;
	max-width:220px;
	left:-1%;
	margin:0 0 0 0;
	bottom:10%;
	 -webkit-animation:ryu  15s infinite linear alternate;
    animation:ryu  15s infinite linear alternate;
}
.page-kazari-guide1 img,.page-kazari-guide2 img{
	width:100%;
}



@media screen and (max-width:600px){
	.page-kazari-guide1,.page-kazari-guide2{
	display:none;
}
}
@media screen and (min-width:1200px){
.page-kazari-guide1{
	right:50%;
	width:40%;
	max-width:300px;
	margin:0 -700px 0 0;
	
}
.page-kazari-guide2{
	left:50%;
	width:40%;
	max-width:400px;
	margin:0 0 0 -800px;
	
}	
}

.neko-page{
	width:95%;
	max-width:1000px;
	margin:50px auto;
}
.neko-page .syokai{
	overflow:hidden;
	margin:0 auto 70px;
}
.neko-page .syokai .photo{
	width:90%;
	margin:0 auto 30px;
}
.neko-page .syokai .photo img{
	overflow:hidden;
	width:100%;
	border-radius:50%;
	-webkit-animation:kaiten_l  3s infinite linear alternate;
    animation:kaiten_l 3s infinite linear alternate;
}
.neko-page .syokai li{
	width:44%;
	float:left;
	margin:0 3%;
}
.neko-page .syokai .name{
	text-align:center;
	font-size:160%;
	font-weight:400;
	padding-bottom:15px;
	margin-bottom:15px;
}
.neko-page .syokai .kotetsu{
	background:url("../image/cat/blue_line.png")no-repeat;
	background-size:200px;
	background-position:center bottom;
}
.neko-page .syokai .komugi{
	background:url("../image/cat/pink_line.png")no-repeat;
	background-size:200px;
	background-position:center bottom;
}
.neko-page .neko-photo img{
	width:95%;
	margin:50px auto 0;
}
@media screen and (max-width:640px){
	.neko-page .syokai li{
	width:90%;
	float:none;
	margin:0 auto 80px;
}
}



.artist{
	width:95%;
	max-width:1000px;
	margin:80px auto 100px;
	overflow:hidden;
}
.a_shinya .artist_naiyo{
	background:url("../image/artist/kazari_lightblue.png")no-repeat;
	background-size:280px;
	background-position:right top;
}
.a_yoshie .artist_naiyo{
	background:url("../image/artist/kazari_pink.png")no-repeat;
	background-size:280px;
	background-position:left top;
}
.artist .box{
	overflow:hidden;
}
.artist_photo{
	width:50%;
	float:left;

}
.a_yoshie .artist_photo{
	float:right;

}
.artist_photo img{
	width:100%;
	
}
.artist_photo .sp{
	display:none;
	
}
.artist_naiyo{
	width:50%;
	float:right;
	box-sizing:border-box;
	padding:20px 3%;
}
.artist_naiyo .name img{
	width:250px;
	margin:80px 0;

}
.a_yoshie .artist_naiyo{
	float:left;

}
.artist_naiyo .reki{
	margin:30px auto;
}

.artist .sakuhin_photo{
	clear:both;
	overflow:hidden;
	margin:50px auto 80px;
	position:relative;
	
}
.artist .sakuhin_photo li{
	width:20%;
	float:left;
	margin:0 2.5%;
	-webkit-animation:kaiten_l  3s infinite linear alternate;
    animation:kaiten_l 3s infinite linear alternate;
}
.artist .sakuhin_photo li img{
	width:100%;
	border-radius:50%;
	overflow:hidden;
}
.artist .sakuhin_photo li:first-child,
.artist .sakuhin_photo li:nth-child(3){
margin-top:80px;

}
.artist dl{
	overflow:hidden;
}
.artist dt{
	float:left;
	clear:both;
	line-height:1.7em;
	margin:0 0 8px 0;
}
.artist dd{
	padding:0 0 8px 5em;
	line-height:1.7em;
	margin:0 0 8px 0;
	border-bottom:1px dotted #aaa;
}

@media screen and (max-width:750px){
.artist{
	width:100%;
	
}
	.artist_photo{
	width:100%;
	float:none;

}

.artist_naiyo{
	width:100%;
	float:none;

}
.artist_photo .pc{
	display:none;
}
.artist_photo .sp{
	display:block;
}
.artist .sakuhin_photo{
	clear:both;
	overflow:hidden;
	margin:0px auto 80px;
	position:relative;
	
}
.artist_naiyo .name img{
	width:220px;
	margin:50px auto 25px;

}
.a_shinya .artist_naiyo{
	background-size:40%;
	background-position:right 8%;
}
.a_yoshie .artist_naiyo{
	background-size:40%;
	background-position:right 8%;
}
.artist .sakuhin_photo li{
	width:40%;
	float:left;
	margin:0 5% 40px;
	
}
.artist .sakuhin_photo li:first-child,
.artist .sakuhin_photo li:nth-child(3){
margin-top:0px;

}
}

.common-page{
	width:95%;
	max-width:900px;
	margin:0 auto;
}

.common-page a{
	color:#b52e2e;
}
.common-page a:hover{
	text-decoration:underline;
}

.common-page h2{
	font-size:130%;
	font-weight:400;
	border-bottom:1px dotted #aaa;
	padding:15px 0;
	margin:15px 0 15px;
}

.tokuteisyou{
	overflow:hidden;
	border-bottom:1px dotted #ccc;
}
.tokuteisyou dt{
	width:25%;
	float:left;
	clear:both;
	padding:2% 0;
	font-weight:400;
}
.tokuteisyou dd{
	padding:2% 0 2% 30%;
	border-top:1px dotted #ccc;
	box-sizing:border-box;
}

@media screen and (max-width:800px){

.tokuteisyou{
	overflow:hidden;
	border-bottom:0px dotted #ccc;
}
.tokuteisyou dt{
	width:100%;
	float:none;
	clear:both;
	padding:0 0 5px;
	font-size:105%;
}
.tokuteisyou dd{
	width:100%;
	padding:2%;
	border-top:0px dotted #ccc;
	background:#fff;
	margin:0 0 20px;
	border-radius:5px;
}
}
.item-page-box{
	overflow:hidden;
	width:95%;
	max-width:1100px;
	margin:0 auto;

}
.item-page-box .photo-area{
	width:55%;
float:left;
}
.item-page-box .photo-area img{
	width:100%;

}
.item-page-box .photo-area .thumb{
	width:100%;
	clear:both;
	margin:25px 0;
}

.item-page-box .photo-area .thumb img{
	width:85%;
}
.item-page-box .naiyo{
	width:40%;
	float:right;
	line-height:1.6em;

}
.item-page-box .naiyo .shiyou table{
	margin:40px 0;

}
.item-page-box .naiyo .shiyou table th{
	font-weight:400;
	padding: 8px 0.5em;
	border-bottom:1px dotted #aaa;
}
.item-page-box .naiyo .shiyou table th span{
	display:block;
	
}
.item-page-box .naiyo .shiyou table td{
	padding:8px 1em;
	border-bottom:1px dotted #aaa;

}
@media screen and (max-width:700px){
.item-page-box .naiyo .shiyou table th span{
	display:unset;
	
}
.item-page-box .photo-area{
	width:100%;
float:none;
}
.item-page-box .naiyo{
	width:100%;
	float:none;

}	
}

.item-page-box h1{
	font-weight:400;
	font-size:160%;
	margin:0 0 25px;
	line-height:1.5em;
}

.item-page-box input[type="submit"]{
	display:block;
	width:100%!important;
	font-size:95%!important;
	background-color:#ab4e3b!important;
	border-radius:0!important;
	 -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding:20px 1em!important;
    height:100%!important;
    background:url("../image/item/ic-cart.svg")no-repeat;
	background-size:25px;
	background-position:15px center;
}
.item-page-box input[type="submit"]:hover{
	background-color:#a1270e!important;
}
.item-page-box input[type="text"]{
	display:block;
	width:70px!important;
	font-size:105%!important;
	text-align:center;
	margin:0px 0 10px;
	
}

.toi-area input[type="submit"]{
	display:block;
	width:100%;
	font-size:95%!important;
	color:#fff;
	padding:20px 1em;
	background-color:#bbb!important;
	border-radius:0!important;
	 -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    margin:-10px 0 50px;
     background:url("../image/item/ic-mail.svg")no-repeat;
     background-size:20px;
	background-position:17px center;
}
.toi-area input[type="submit"]:hover{
	background-color:#999!important;
}


.dummy_show_price{
	display:block!important;
	font-size:120%;
	position:relative;

}

.dummy_show_price:after{
	content:'注文数'!important;
	display:block;
	margin:20px 0 -20px 0;

}
.item-list{
	overflow:hidden;
	margin:50px 0;
}
.item-list li{
	width:31%;
	float:left;
	margin:0 1.1% 40px;

}
.item-list li p{
	text-align:center;
	
}
.item-list li .price{
	font-size:90%;
	
}
.item-list li .photo {
	width:100%;
	margin:0 auto 10px;
}
.item-list li img{
	width:100%;
	border-radius:10px;
}
.item-list a{
	color:#111;
}
.item-list a:hover{
	color:#b52e2e;
	text-decoration:none;
}
.item-list li:nth-child(3n+1){
	clear:both;

}
@media screen and (max-width:760px){
.item-list li{
	width:47%;
	float:left;
	margin:0 1.5% 30px;

}
.item-list li:nth-child(3n+1){
	clear:none;

}
.item-list li:nth-child(2n+1){
	clear:both;

}
}
.jyutyu{
	background:#aaa;
	display:inline-block;
	color:#fff;
	padding:3px 1em;
	margin:-15px 0 15px;
	font-size:95%;
}

.item-page-box h1 span.kakaku{
	font-weight:300;
	font-size:75%;
	margin:20px 0 25px;
	display:block;
}
.item-page-box h1{
	font-weight:400;
	font-size:160%;
	margin:0 0 25px;
	line-height:1.5em;
}
.item-page-box h1 .jyutyu{
	background:#aaa;
	display:inline-block;
	color:#fff;
	padding:3px 1em;
	margin:-15px 0 15px;
	font-size:80%;
	line-height:1.6em;
}
.mailbox{
	width:95%;
	max-width:900px;
	margin:0 auto;
}