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

@import url(http://weloveiconfonts.com/api/?family=fontawesome);

/* zocial */
[class*="fontawesome-"]:before {
  font-family: 'fontawesome', sans-serif;
  margin:0 2px 0 0;
  font-weight:normal;
}

img[src*=".svg"] {
	width: 100%; 
  }

*
{
	margin : 0px;
	padding : 0px;
}

html, body {
	width:100%;
	height:100%;
}

header, article, footer, article, aside, time ,nav { display: block; }

a img{opacity:1;
filter: alpha(opacity=100);        /* ie lt 8 */
-ms-filter: "alpha(opacity=100)";  /* ie 8 */
-moz-opacity:1;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 1;              /* Safari 1.x */
zoom:1;}

a:hover img{
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
zoom:1;
}

img{
	vertical-align: bottom;
	-ms-interpolation-mode:bicubic;   /* IE 7+ */
 image-rendering: optimizeQuality; /* Fx, (Gecko 1.9.2) */
	max-width: 100%;
    height: auto;
    width /****/:auto;  /*IE8のみ適用*/
}



img[src*=".svg"] {
	width: 100%; 
  }

	


body {
width:100%;
margin:0px;
padding:0px;
text-align:left;
	-moz-background-size:cover;
background-size:cover;
z-index:1;
background-attachment: fixed;
background-image:url(/images/top.jpg);
color:#898785;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
font-size: 14px;
line-height:150%;
}


html.diary, body.diary {
background-color:#000000!important;	
background-repeat: repeat;
background-image:none!important;	
z-index:1;
height:auto;
}
	


body.diary{
background-color:#000000!important;	
z-index:1;
}



@media screen and (max-width: 800px) {
	
	html, body {
			-moz-background-size:contain;
background-size:contain;
background-image:url(/images/top-sp.jpg)!important;
		background-repeat: repeat;
}
	
html.diary, body.diary {
background-color:#000000!important;	
background-repeat: repeat;
background-image:none!important;	
z-index:1;
height:auto;
}
	
	
	body.diary{
background-color:#000000!important;	
background-repeat: repeat;
background-image:none!important;	
z-index:1;
}

	
	body{
		color:#9E9E9F;
		-moz-background-size:contain;
background-size:contain;
background-image:url(/images/top-sp.jpg)!important;	
		background-repeat: repeat;
	}
	
}


/* clrful */

.t-nav a{color:#69847a!important;}
.d-nav a{color:#c4b9b3!important;}
.b-nav a{color:#a7bcb3!important;}
.w-nav a{color:#617b63!important;}
.b-nav-ca a{color:#69847a!important;}
.h-nav a{color:#d1c9cf!important;}
.h-nav-ca a{color:#ecc7da!important;}
.o-nav a{color:#bdcfdd!important;}
.mother-mainnav a{color:#F3CCC7!important;}
.mother-nav a{color:#E2BDBC!important;}


/* normalize.css v1.1.0 | Links | MIT License | git.io/normalize */
a {
    outline: none!important;
}

a:focus, *:focus { outline:none!important;}


a:link      { color : #898785 ; } 
a:visited  { color : #898785 ; } 
a:hover    { color : #E7E2DE ; } 
a:active   { color : #898785 ; } 

@media screen and (max-width: 800px) {
	
a:link      { color : #9E9E9F ; } 
a:visited  { color : #9E9E9F ; } 
a:hover    { color : #8DB1CC; } 
a:active   { color : #9E9E9F ; } 
	
}

.nonborder {
  border:none!important;
  outline:none!important;
}


.blue{
	color:#8DB1CC;
}



.order-txt{
font-size:10px;	
margin:5px 0 0 0;
padding:0;
line-height:155%;
}


@media screen and (max-width: 480px) {
	
	.order-txt{
font-size:11px;	
margin:0 0 0 4px;
padding:0;
line-height:155%;
font-weight:bold;
}
	
}


/************************************************************************
container 
*************************************************************************/

.container{
	  max-width:830px;
    min-width: 270px;
	height:auto;
	overflow:hidden;
    padding:0 45px 45px 0;
    margin: 0 0 0px 270px;
	text-align:left;
	background-color:transparent;
}

@media screen and (max-width: 800px) {
	
	.container{
	  max-width:auto;
    min-width: 270px;
	height:auto;
	overflow:hidden;
    padding:25px;
    margin:0;
	text-align:left;
	background-color:transparent;
}

	
}


#left_nav{ 
width:25%;
max-width:145px;
height:auto;
overflow:hidden;
text-align:left;
margin:100px 0 0 0;
padding:0;
float:left;
position:fixed;
z-index:10;
*float:left;
*position:inherit;
}

@media screen and (max-width: 800px) {
	
	#left_nav{ 
width:auto;
max-width:none;
height:auto;
overflow:hidden;
text-align:left;
margin:0px 0 0 0;
padding:0;
float:none;
position:inherit;
}
	
}
	

#right_contents{
width:64%;
height:auto;
margin:0;
padding:0;
overlow:hidden;
text-align:left;	
position:relative;
top:0;
left:32%;
*float:left;
*position:inherit;
}

@media screen and (max-width: 800px) {
	
#right_contents{
width:auto;
height:auto;
overflow:hidden;
margin:0px 0 0 0;
padding:0;
text-align:left;
float:none;
position:inherit;
top:0;
left:0;
background-color:transparent;
}
}

.page-contents-box{
	width:100%;
	height:auto;
	margin:100px 0 0 0;
	padding:0;
	text-align:left;
	overflow:hidden;
}

@media screen and (max-width: 800px) {
	
	.page-contents-box{
	width:auto;
	height:auto;
	margin:25px 0 0 0;
	padding:0;
	text-align:left;
	overflow:hidden;
}
	
}


/************************************************************************
tte, section
*************************************************************************/

h3.main-ttl{
width:auto;
height:auto;
margin:0 0 0px 0;
padding:0;
text-align:left;
ovwerflow:hidden;
font-size:16px;
}

h4.main-sub-ttl{
clear:left;	
width:auto;
height:auto;
margin:0 0 5px 0;
padding:20px 0 5px 0;
text-align:left;
ovwerflow:hidden;
font-size:14px;
letter-spacing:0.1em;
border-bottom:1px dashed #cccccc;
}

.section{
width:auto;
height:auto;
margin:10px 0px 20px 0px;
padding:0px;
letter-spacing:0.1em;
color:#898785;
font-size:12px;
}

.section a{
color:#8DB1CC;	
}

.section a:hover{
color:#F8C8C9;
text-decoration:none;
}


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

.caption_a{
width:auto;
height:auto;
margin:0 0 -3px 0;
padding:0;
text-align:left;
color:#898785;
font-size:32px;
line-height:90%;
font-weight:bold;
}

.caption_b{
width:auto;
height:auto;
margin:0px 0 0 0;
padding:0;
text-align:left;
color:#898785;
font-size:40px;
font-weight:bold;
line-height:100%;
float:left;
}


.caption_c{
width:auto;
height:auto;
margin:2px 0 0 0;
padding:0;
text-align:left;
color:#898785;
font-size:32px;
font-weight:bold;
line-height:100%;
float:left;
letter-spacing:0.1em;
}

@media screen and (max-width: 800px) {
	
.page h1{
	display:inherit;
	font-size:22px;
}	

.caption_a{
width:auto;
height:auto;
margin:0 0 -5px 0;
padding:0;
text-align:left;
color:#9E9E9F;
font-size:50px;
line-height:90%;
font-weight:bold;
}

.caption_b{
width:auto;
height:auto;
margin:0px 0 0 0;
padding:0;
text-align:left;
color:#9E9E9F;
font-size:60px;
line-height:100%;
float:left;
font-family: "angie-sans",sans-serif;
}

.caption_c{
width:auto;
height:auto;
margin:2px 0 0 0;
padding:0;
text-align:left;
color:#9E9E9F;
font-size:50px;
line-height:100%;
float:left;
font-family: "angie-sans",sans-serif;
}

}

.index h1{
	display:none;
}

.page h1{
	display:none;
}

@media screen and (max-width: 800px) {
	
.page h1{
	display:inherit;
}	

.caption_a{
width:auto;
height:auto;
margin:0 0 -5px 0;
padding:0;
text-align:left;
color:#9E9E9F;
font-size:50px;
line-height:90%;
font-weight:bold;
}

.caption_b{
width:auto;
height:auto;
margin:0px 0 0 0;
padding:0;
text-align:left;
color:#9E9E9F;
font-size:60px;
line-height:100%;
float:left;
font-family: "angie-sans",sans-serif;
}

.caption_c{
width:auto;
height:auto;
margin:2px 0 0 0;
padding:0;
text-align:left;
color:#9E9E9F;
font-size:50px;
line-height:100%;
float:left;
font-family: "angie-sans",sans-serif;
}

.page .caption_a{
display:none;
}

.page .caption_b{
display:none;
}

.page .caption_c{
display:none;
}

}

/************************************************************************
nav
*************************************************************************/


nav{
clear:left;	
width:auto;
height:auto;
margin:0;
padding:0;
overflow:hidden;
}

h2{
	display:none;
}


ul.sns-nav{
	width:auto;
	height:auto;
	margin:5px 0 0 0;
	padding:0;
}

ul.sns-nav li{
	width:auto;
	display:inline-block;
	width:auto;
	height:auto;
	margin:0 10px 0 0;
	padding:0;
}

ul.sns-nav li._in img{
	width:17px;
}

ul.sns-nav li._tw img{
	width:20px;
}




#global_nav{
width:auto;
height:auto;
overflow:hidden;
margin:0;
padding:40px 0 0 0;
text-align:left;
font-family: "cronos-pro",sans-serif;
}


#global_nav li a:hover{
	color:#cccccc!important;
}

#global_nav li.t-nav{
width:auto;
height:auto;
margin:0px 0 15px 0;
padding:0;
text-align:left;
font-size:30px;
font-weight:bold;
}

#global_nav li.d-nav{
width:auto;
height:auto;
margin:0px 0 17px 0;
padding:0;
text-align:left;
font-size:27px;
font-weight:bold;
}

#global_nav li.b-nav{
width:auto;
height:auto;
margin:0px 0 19px 0;
padding:0;
text-align:left;
font-size:27px;
font-weight:bold;
}

#global_nav li.w-nav{
	width:auto;
	height:auto;
	margin:0px 0 2px 0;
	padding:0;
	text-align:left;
	font-size:27px;
	font-weight:bold;
	}

#global_nav li.b-nav-ca{
width:auto;
height:auto;
margin:-6px 0 22px 0;
padding:0;
text-align:left;
font-size:20px;
font-weight:bold;
}

#global_nav li.h-nav{
width:auto;
height:auto;
margin:0px 0 17px 0;
padding:0;
text-align:left;
font-size:20px;
font-weight:bold;
}

#global_nav li.h-nav-ca{
width:auto;
height:auto;
margin:-16px 0 15px 0;
padding:0;
text-align:left;
font-size:16px;
font-weight:bold;
}

#global_nav li.o-nav{
width:auto;
height:auto;
margin:0px 0 10px 0;
padding:0;
text-align:left;
font-size:28px;
font-weight:bold;
}

#global_nav li.o-nav small{
	font-size:14px;
	letter-spacing: 0.2em;
}



#global_nav li.mother-mainnav{
width:auto;
height:auto;
margin:0px 0 17px 0;
padding:0;
text-align:left;
font-size:26px;
font-weight:bold;
}





.mosa{font-size:14px;}

#global_nav li.mother-nav{
width:auto;
height:auto;
margin:10px 0 10px 0!important;
padding:0;
text-align:left;
font-size:27px;
font-weight:bold;
}




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


	ul.sns-nav{
		width:auto;
		height:auto;
		margin:30px 0 0 5px;
		padding:0;
	}
	
	ul.sns-nav li{
		width:auto;
		display:inline-block;
		width:auto;
		height:auto;
		margin:0 15px 0 0;
		padding:0;
	}
	
	ul.sns-nav li._in img{
		width:26px;
	}
	
	ul.sns-nav li._tw img{
		width:29px;
	}
	
	
	
.page #global_nav{
display:none;
}	

#global_nav{
width:auto;
height:auto;
overflow:hidden;
margin:0px 0 0 0;
padding:60px 0 0 0;
text-align:left;
 font-family: "angie-sans",sans-serif!important;
}
	

#global_nav li.t-nav{
width:auto;
height:auto;
margin:-5px 0 15px 0px;
padding:0;
font-size:43px;
line-height:100%;
}

#global_nav li.d-nav{
width:auto;
height:auto;
margin:10px 0 0px 0px;
padding:0;
font-size:39px;
line-height:150%;
}

#global_nav li.b-nav{
width:auto;
height:auto;
margin:0 0 15px 0px;
padding:0;
font-size:40px;
line-height:150%;
}

#global_nav li.w-nav{
	width:auto;
	height:auto;
	margin:-15px 0 -25px 0px;
	padding:0;
	font-size:40px;
	line-height:150%;
	}

#global_nav li.b-nav-ca{
width:auto;
height:auto;
margin:5px 0 20px 0;
padding:0;
text-align:left;
font-size:26px;
font-weight:bold;
}

#global_nav li.h-nav{
width:auto;
height:auto;
margin:-10px 0 0px 0px;
padding:0;
font-size:27px;
font-weight:bold;
line-height:150%;
letter-spacing:0.12em;
}

#global_nav li.h-nav-ca{
width:auto;
height:auto;
margin:0px 0 0px 0;
padding:0;
text-align:left;
font-size:23px;
font-weight:bold;
}

#global_nav li.o-nav{
width:auto;
height:auto;
margin:-10px 0 0 0;
padding:0;
font-size:40px;
line-height:150%;
}

#global_nav li.o-nav small{
	font-size:22px;
	letter-spacing: 0.2em;
}



#global_nav li a{
color:#9E9E9F;
}



#global_nav li.o-nav a{
color:#8DB1CC;
}




#global_nav li.mother-mainnav{
width:auto;
height:auto;
margin:7px 0 30px 0;
padding:0;
text-align:left;
font-size:44px;
font-weight:bold;
}




.mosa{font-size:28px;}

#global_nav li.mother-nav{
width:auto;
height:auto;
margin:10px 0 10px 0!important;
padding:0;
text-align:left;
font-size:44px;
font-weight:bold;
}

#global_nav li.insta-mainnav{
width:auto;
height:auto;
margin:0px 0 14px 0;
padding:0;
text-align:left;
font-size:38px;
font-weight:bold;
}



}




/************************************************************************
address pc
*************************************************************************/


#global_address-pc{
width:auto;
height:auto;
overflow:hidden;
margin:25px 0 0 0;
padding:0;
text-align:left;
display:inherit;
font-size:11px;
line-height:160%;
color:#a09694;
}

@media screen and (max-width: 800px) {
	
#global_address-pc{
display:none;
}
}

#global_address-pc li{
width:auto;
height:auto;
margin:0px 0 0px 0;
padding:0;
text-align:left;
}

#global_address-pc li.last{
width:auto;
height:auto;
margin:5px 0 0px 0;
padding:0;
text-align:left;
}


#global_address-pc .map a{
color:#898785;
}

#global_address-pc .map a:hover{
color:#EAC359;
}


#global_address-pc .mail a{
color:#8DB1CC;
}

.diary #global_address-pc .mail a{
color:#71335E;
}


#global_address-pc .mail a:hover{
color:#898785;
}

.date{
font-size:11px;	
}

.date a{color:#8DB1CC;}
.date a:hover{color:#898785;}


/************************************************************************
address sp
*************************************************************************/


ul#contents_info-sp{
width:auto;
height:auto;
margin:95px 0 0 7px;
padding:0px;
color:#9E9E9F;
font-weight:bold;
display:none;
}

@media screen and (max-width: 800px) {
	
ul#contents_info-sp{
width:auto;
height:auto;
margin:95px 0 0 7px;
padding:0px;
color:#9E9E9F;
font-weight:bold;
display:inherit;
 font-family: "angie-sans",sans-serif!important;
}

.page ul#contents_info-sp{
display:none;
}	

}


ul#contents_info-sp{
width:auto;
height:auto;
margin:95px 0 0 7px;
padding:0px;
color:#c4b9b3;
font-weight:bold;
}


ul#contents_info-sp li.call{
width:auto;
height:auto;
margin:0px 0 -15px 0;
padding:0px;
font-size:40px;
line-height:150%;
}

ul#contents_info-sp li.call a{color:#988451!important;}

ul#contents_info-sp li.mail{
width:auto;
height:auto;
margin:0px 0 -20px 0;
padding:0px;
font-size:40px;
line-height:150%;
}

ul#contents_info-sp li.mail a{color:#a49a91!important;}

ul#contents_info-sp li.map{
width:auto;
height:auto;
margin:0;
padding:0px;
font-size:40px;
line-height:150%;
}

ul#contents_info-sp li.map a{color:#9a9591!important;}



ul#contents_info-sp-bottom{
width:auto;
height:auto;
margin:5px 0 0px 7px;
padding:0px;
color:#9E9E9F;
font-weight:bold;
display:none;
}



ul#contents_info-sp-bottom li{
width:auto;
height:auto;
margin:0px;
padding:0px;
font-size:16px;
font-style:normal;
}

ul#contents_info-sp-bottom li small{font-size:8px!important;}


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

.page ul#contents_info-sp-bottom{
display:none;
}		
	
ul#contents_info-sp-bottom{
width:auto;
height:auto;
margin:0px 0 0px 7px;
padding:0px;
font-weight:bold;
display:inherit;
}

ul#contents_info-sp-bottom li{
width:auto;
height:auto;
margin:0px;
padding:0px;
font-size:14px;
font-style:normal;
}

}