@charset "UTF-8";

  
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: top;
	-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%; 
  }

  .Roundedcorners{
	border-radius: 2px!important;
}



/* normalize.css v1.1.0 | Base | MIT License | git.io/normalize */


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

a:link      { color : #000000 ; } 
a:visited  { color : #000000 ; } 
a:hover    { color : #ecc492 ; } 
a:active   { color : #000000 ; } 




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


body{
  margin: 0;
	padding:0;
	font-family: "kozuka-gothic-pr6n",sans-serif;
	color:#000000;
	font-size:14px;
	line-height:160%;
	background-color:#f9f9ef;
	}

body {
font-family: "kozuka-gothic-pr6n",sans-serif;
visibility: hidden;
}
body {
visibility: visible;
}

html {
	visibility: hidden;
  }
  html.wf-active {
	visibility: visible;
  }

  .wf-loading { visibility: hidden;}
.wf-active { visibility: visible;}


.container {
    max-width: 1100px;
    min-width: 290px;
	height:auto;
    padding: 0 50px;
    margin: 0 auto;
	text-align:center;
}

@media screen and (max-width: 1300px) {
	
	.container {
    max-width:950px;
    min-width: 290px;
	height:auto;
    padding: 0 30px;
    margin: 0 auto;
	text-align:center;
}
	
	
}

@media screen and (max-width: 480px) {
	
	.container {
    max-width:950px;
    min-width: 280px;
	height:auto;
    padding: 0 20px;
    margin: 0 auto;
	text-align:center;
}
	
	
}



#loader-bg {
  /*display: none;*/
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #f9f9ef;
  z-index: 900;
}
#loader {
  /*display: none;*/
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: 0px;
  margin-left: -100px;
  text-align: center;
   color: #ecc492;
	padding:0;
  z-index: 901;
}

#loader img{width:30px;}


#loader p{position: relative;  z-index: 10;font-size:10px;padding:0 0 0 0;}


/* #common-header
================================================== */

header#common-header{
width:100%;
height:auto;
margin:0px auto 1.5% auto;
padding:0;
text-align:center;
overflow:hidden;	
border-top:7px solid #ecc492;
font-family: 'Barlow Semi Condensed', sans-serif!important;
}


h1{
width:auto;
height:auto;
margin:5% 0 2% 2%;
padding:0 0 0.8% 0;
text-align:left;
font-family: 'Barlow Semi Condensed', sans-serif!important;
 font-style:italic;
 font-weight:normal;
 float:left;
 font-size:20px;
}


h1 {
	font-family: 'Barlow Semi Condensed', sans-serif!important;
	
visibility: hidden;
}
h1  {
visibility: visible;
}


@media screen and (max-width: 480px) {
	
	h1{
width:auto;
height:auto;
margin:5% 0 2% 0;
padding:0 0 0.8% 0;
text-align:left;
font-family: 'Barlow Semi Condensed', sans-serif!important;
 font-style:italic;
 font-weight:normal;
 float:left;
 font-size:12px;
}
	
}

/* #nav
================================================== */

h2{
display:none;	
}

nav{
	
}


ul.global-nav{
	width:40%;
	height:auto;
	overflow:hidden;
	margin:5% 2% 0 0;
	padding:0% 0 0 0;
	text-align:right;
	font-size:14px;
	font-family: 'Barlow Semi Condensed', sans-serif!important;
	 float:right;
}


ul.global-nav {
	font-family: 'Barlow Semi Condensed', sans-serif!important;
visibility: hidden;
}
ul.global-nav  {
visibility: visible;
}



ul.global-nav li{
margin:0 1%;
 display: inline-block;
    /* For IE 6/7 */
    *display: inline;
    *zoom: 1;
}


@media screen and (max-width: 480px) {
	
	ul.global-nav{
	width:60%;
	height:auto;
	overflow:hidden;
	margin:5% 0 0 0;
	padding:0% 0 0 0;
	text-align:right;
	font-size:12px;
	font-family: 'Barlow Semi Condensed', sans-serif!important;
	 float:right;
}

ul.global-nav li{
margin:0 1%;
 display: inline-block;
    /* For IE 6/7 */
    *display: inline;
    *zoom: 1;
}
	
}


/* main-visual
================================================== */

h3{
width:auto;
height:auto;
margin:5% 0 4% 2%;
padding:0 0 0.8% 0;
text-align:left;
font-family: 'Barlow Semi Condensed', sans-serif!important;
 font-style:italic;
 font-weight:normal;
 float:left;
 font-size:16px;
 border-bottom:2px solid #000000;
}


h3 {
	font-family: 'Barlow Semi Condensed', sans-serif!important;
visibility: hidden;
}
h3 {
visibility: visible;
}



.copy-txt{
	width:80%;
	height:auto;
	overflow:hidden;
	margin:3.3% 2% 4% 0;
	padding:0% 0 0 0;
	text-align:right;
	font-size:12px;
	letter-spacing:0.2em;
	 float:right;
}

@media screen and (max-width: 480px) {
	
	h3{
width:auto;
height:auto;
margin:15% 0 -5px 2%;
padding:0;
text-align:left;
font-family: 'Barlow Semi Condensed', sans-serif!important;
 font-style:italic;
 font-weight:normal;
 float:none;
 font-size:16px;
 border:none;
}



.copy-txt{
	width:auto;
	height:auto;
	overflow:hidden;
	margin:1.5% 0 4% 2%;
	padding:0% 0 0 0;
	text-align:left;
	font-size:12px;
	letter-spacing:0.2em;
	 float:none;
}

	
}

@media screen and (max-width: 320px) {
	
	h3{
width:29%;
height:auto;
margin:5% 0 4% 2%;
padding:0 0 0.8% 0;
text-align:left;
font-family: 'Barlow Semi Condensed', sans-serif!important;
 font-style:italic;
 font-weight:normal;
 float:none;
 font-size:14px;
 border-bottom:2px solid #000000;
}



.copy-txt{
	width:auto;
	height:auto;
	overflow:hidden;
	margin:1.5% 0 4% 2%;
	padding:0% 0 0 0;
	text-align:left;
	font-size:12px;
	letter-spacing:0.2em;
	 float:none;
}

	
}


.copy-txt p{
	text-align:left;
	font-family: "kozuka-gothic-pr6n",sans-serif;
	color:#646460!important;	
}

.copy-txt p a{
color:#646460!important;	
text-decoration:none;	
}

.copy-txt p a:hover{
text-decoration:underline;	
}



/* Wrapper
================================================== */

.container-wrapper-b{
clear:left;	
width:100%;
height:auto;
margin:0 auto;
padding:80px 0 50px 0;
text-align:center;
overflow:hidden;
background:#cbc5bb url(../images/bg-top.png) top repeat-x;
}

.container-wrapper-b a{
	color:#f9f9ef!important;
}

.container-wrapper-b a:hover{
	color:#f9f9ef!important;
	text-decoration:underline;
}


.container-wrapper-none{
	clear:left;	
width:100%;
height:auto;
margin:0 auto;
padding:120px 0 40px 0;
text-align:center;
overflow:hidden;
}

.container-wrapper-w{
	clear:left;	
width:100%;
height:auto;
margin:0 auto;
padding:80px 0 40px 0;
text-align:center;
overflow:hidden;
background:#f9f9ef url(../images/bg-bottom.png) top repeat-x;
}

.container-wrapper-w a{
	color:#646460!important;
}

.container-wrapper-w a:hover{
	color:#646460!important;
	text-decoration:underline;
}

.left-contents-box{
width:48.5%;
height:auto;
margin:0 3.6% 0 0;
padding:0;
text-align:left;
overflow:hidden;
float:left;	
}

.right-contents-box{
width:47.5%;
height:auto;
margin:0;
padding:0;
text-align:left;
overflow:hidden;
float:left;	
}

@media screen and (max-width: 1024px) {
	
	.left-contents-box{
width:50%;
height:auto;
margin:0 3% 0 0;
padding:0;
text-align:left;
overflow:hidden;
float:left;	
}

.right-contents-box{
width:46%;
height:auto;
margin:0;
padding:0;
text-align:left;
overflow:hidden;
float:left;	
}

}

@media screen and (max-width: 768px) {
	
	.left-contents-box{
width:auto;
height:auto;
margin:0 0 6% 0;
padding:0;
text-align:center;
overflow:hidden;
float:none;	
}

.right-contents-box{
width:auto;
height:auto;
margin:0;
padding:0;
text-align:center;
overflow:hidden;
float:none;	
}
	
}

/* footer
================================================== */


footer{
	width:auto;
	height:auto;
	margin:0 auto;
	padding:15px 0;
	text-align:center!important;
	overflow: hidden;
	background-color:#cbc5bb;
	}

footer p{
margin:0 auto;
text-align:center!important;	
color:#f9f9ef;
font-family: 'Barlow Semi Condensed', sans-serif!important;
font-size:12px;
}