/*	################################################################
	1. GENERAL STRUCTURES
################################################################# */

/* Import fonts */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Cinzel');

* { 
	margin: 0;
	padding: 0px;
    font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
} 
body { 
	background: #fff; 
	margin: 0; 
	color: #5a5a5a;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
	font-weight: 300;
}


p { 
	padding: 0; 
	margin-bottom: 12px; 
    font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;
	font-weight: 300;
	font-size: 14px; 
	line-height: 28px;
	color: #666; 
	margin-top: 10px; 
}

.Cinzel{font-family: 'Cinzel', serif;}

.Raleway{font-family: 'Raleway', sans-serif;font-weight: 300;}

.just{
	text-align: justify;
    -ms-text-justify: inter-ideograph;
    text-justify: inter-ideograph;
}

.font-6{font-size: 6px !important;}
.font-7{font-size: 7px !important;}
.font-8{font-size: 8px !important;}
.font-9{font-size: 9px !important;}
.font-10{font-size: 10px !important;}
.font-11{font-size: 11px !important;}
.font-12{font-size: 12px !important;}
.font-13{font-size: 13px !important;}
.font-14{font-size: 14px !important;}
.font-15{font-size: 15px !important;}
.font-16{font-size: 16px !important;}
.font-17{font-size: 17px !important;}
.font-18{font-size: 18px !important;}
.font-19{font-size: 19px !important;}
.font-20{font-size: 20px !important;}
.font-21{font-size: 21px !important;}
.font-22{font-size: 22px !important;}
.font-23{font-size: 23px !important;}
.font-24{font-size: 24px !important;}
.font-25{font-size: 25px !important;}
.font-26{font-size: 26px !important;}
.font-27{font-size: 27px !important;}
.font-28{font-size: 28px !important;}
.font-29{font-size: 29px !important;}
.font-30{font-size: 30px !important;}
.font-31{font-size: 31px !important;}
.font-32{font-size: 32px !important;}
.font-33{font-size: 33px !important;}
.font-34{font-size: 34px !important;}
.font-35{font-size: 35px !important;}
.font-36{font-size: 36px !important;}
.font-37{font-size: 37px !important;}
.font-38{font-size: 38px !important;}
.font-39{font-size: 39px !important;}
.font-40{font-size: 40px !important;}
.font-45{font-size: 45px !important;}
.font-46{font-size: 46px !important;}
.font-47{font-size: 47px !important;}
.font-48{font-size: 48px !important;}
.font-49{font-size: 49px !important;}
.font-50{font-size: 50px !important;}

.mt-0  {margin-top:0 !important}
.mt-5  {margin-top:5px !important}
.mt-10 {margin-top:10px !important}
.mt-15 {margin-top:15px !important}
.mt-20 {margin-top:20px !important}
.mt-25 {margin-top:25px !important}
.mt-30 {margin-top:30px !important}
.mt-35 {margin-top:35px !important}
.mt-40 {margin-top:40px !important}
.mt-45 {margin-top:45px !important}
.mt-50 {margin-top:50px !important}
.mt-55 {margin-top:55px !important}
.mt-60 {margin-top:60px !important}
.mt-65 {margin-top:65px !important}
.mt-70 {margin-top:70px !important}
.mt-75 {margin-top:75px !important}
.mt-80 {margin-top:80px !important}
.mt-85 {margin-top:85px !important}
.mt-90 {margin-top:90px !important}
.mt-95 {margin-top:95px !important}
.mt-100 {margin-top:100px !important}
.mt-105 {margin-top:105px !important}
.mt-110 {margin-top:110px !important}
.mt-115 {margin-top:115px !important}
.mt-120 {margin-top:120px !important}
.mt-125 {margin-top:125px !important}
.mt-130 {margin-top:130px !important}
.mt-135 {margin-top:135px !important}
.mt-140 {margin-top:140px !important}
.mt-145 {margin-top:145px !important}
.mt-150 {margin-top:150px !important}

.mb-0  {margin-bottom:0 !important}
.mb-5  {margin-bottom:5px !important}
.mb-10 {margin-bottom:10px !important}
.mb-15 {margin-bottom:15px !important}
.mb-20 {margin-bottom:20px !important}
.mb-25 {margin-bottom:25px !important}
.mb-30 {margin-bottom:30px !important}
.mb-35 {margin-bottom:35px !important}
.mb-40 {margin-bottom:40px !important}
.mb-45 {margin-bottom:45px !important}
.mb-50 {margin-bottom:50px !important}
.mb-55 {margin-bottom:55px !important}
.mb-60 {margin-bottom:60px !important}
.mb-65 {margin-bottom:65px !important}
.mb-70 {margin-bottom:70px !important}
.mb-75 {margin-bottom:75px !important}
.mb-80 {margin-bottom:80px !important}
.mb-85 {margin-bottom:85px !important}
.mb-90 {margin-bottom:90px !important}
.mb-95 {margin-bottom:95px !important}
.mb-100 {margin-bottom:100px !important}
.mb-105 {margin-bottom:105px !important}
.mb-110 {margin-bottom:110px !important}
.mb-115 {margin-bottom:115px !important}
.mb-120 {margin-bottom:120px !important}
.mb-125 {margin-bottom:125px !important}
.mb-130 {margin-bottom:130px !important}
.mb-135 {margin-bottom:135px !important}
.mb-140 {margin-bottom:140px !important}
.mb-145 {margin-bottom:145px !important}
.mb-150 {margin-bottom:150px !important}



.pt-0   {padding-top:0!important}
.pt-5   {padding-top:5px!important}
.pt-10  {padding-top:10px!important}
.pt-15  {padding-top:15px!important}
.pt-20  {padding-top:20px!important}
.pt-25  {padding-top:25px!important}
.pt-30  {padding-top:30px!important}
.pt-35  {padding-top:35px!important}
.pt-40  {padding-top:40px!important}
.pt-45  {padding-top:45px!important}
.pt-50  {padding-top:50px!important}
.pt-55  {padding-top:55px!important}
.pt-60  {padding-top:60px!important}
.pt-65  {padding-top:65px!important}
.pt-70  {padding-top:70px!important}
.pt-75  {padding-top:75px!important}
.pt-80  {padding-top:80px!important}
.pt-85  {padding-top:85px!important}
.pt-90  {padding-top:90px!important}
.pt-95  {padding-top:95px!important}
.pt-100 {padding-top:100px!important}
.pt-105 {padding-top:105px!important}
.pt-110 {padding-top:110px!important}
.pt-115 {padding-top:115px!important}
.pt-120 {padding-top:120px!important}
.pt-125 {padding-top:125px!important}
.pt-130 {padding-top:130px!important}
.pt-135 {padding-top:135px!important}
.pt-140 {padding-top:140px!important}
.pt-145 {padding-top:145px!important}
.pt-150 {padding-top:150px!important}

.pb-0   {padding-bottom:0!important}
.pb-5   {padding-bottom:5px!important}
.pb-10  {padding-bottom:10px!important}
.pb-15  {padding-bottom:15px!important}
.pb-20  {padding-bottom:20px!important}
.pb-25  {padding-bottom:25px!important}
.pb-30  {padding-bottom:30px!important}
.pb-35  {padding-bottom:35px!important}
.pb-40  {padding-bottom:40px!important}
.pb-45  {padding-bottom:45px!important}
.pb-50  {padding-bottom:50px!important}
.pb-55  {padding-bottom:55px!important}
.pb-60  {padding-bottom:60px!important}
.pb-65  {padding-bottom:65px!important}
.pb-70  {padding-bottom:70px!important}
.pb-75  {padding-bottom:75px!important}
.pb-80  {padding-bottom:80px!important}
.pb-85  {padding-bottom:85px!important}
.pb-90  {padding-bottom:90px!important}
.pb-95  {padding-bottom:95px!important}
.pb-100 {padding-bottom:100px!important}
.pb-105 {padding-bottom:105px!important}
.pb-110 {padding-bottom:110px!important}
.pb-115 {padding-bottom:115px!important}
.pb-120 {padding-bottom:120px!important}
.pb-125 {padding-bottom:125px!important}
.pb-130 {padding-bottom:130px!important}
.pb-135 {padding-bottom:135px!important}
.pb-140 {padding-bottom:140px!important}
.pb-145 {padding-bottom:145px!important}
.pb-150 {padding-bottom:150px!important}

html,
body {
	height: 100%;
}

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	clear: both;
}
.centered {text-align: center}

.ptb {padding-top: 80px; padding-bottom: 80px;}


.btn-green {
	background: #03C9A9;
	color: white;
	border-radius: 2px;
	margin-bottom: 10px;
}

.btn-green:hover,
.btn-green:focus, 
.btn-green:active, 
.btn-green .active  {
	background: #1BBC9B;
	color: white
}

.btn-aqua {
	background: #27d7e7;
	color: white;
	border-radius: 2px;
	margin-bottom: 10px;
}

.btn-aqua:hover ,
.btn-aqua:focus, 
.btn-aqua:active, 
.btn-aqua .active {
	background: #26bac8;
	color: white
}

.btn-yellow {
	background: #f1c40f;
	color: white;
	border-radius: 2px;
}

.btn-yellow:hover
.btn-yellow:focus, 
.btn-yellow:active, 
.btn-yellow .active {
	background: #f39c12;
	color: white
}


.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
}
::-moz-selection  {
	color: #fff;
	text-shadow:none;
	background:#2B2E31;
}
::selection {
	color: #fff;
	text-shadow:none;
	background:#2B2E31;
}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
a { 
	padding: 0;
	margin: 0;
	text-decoration: none; 
	-webkit-transition: background-color .4s linear, color .4s linear;
	-moz-transition: background-color .4s linear, color .4s linear;
	-o-transition: background-color .4s linear, color .4s linear;
	-ms-transition: background-color .4s linear, color .4s linear;
	transition: background-color .4s linear, color .4s linear;
	color: #666; 
}
a:hover,
a:focus {
  text-decoration: none;
  color:#696E74;
}

a:link,
a:visited,
a:active,
a:hover { /* FireFox リンク選択時の点線を消す */
	overflow: hidden;
	outline: none;
}

.nopadding {
	padding: 0px !important;
	margin: 0px;
}

hr {
	border: 1px solid #5a5a5a;
	width: 120px;
	display: block;
}

/* FORM CONFIGURATION */

input {
	font-size: 16px;
	min-height: 40px;
	border-radius: 2px;
	line-height: 20px;
	padding: 11px 30px 12px;
	border: 1px solid #b9b9af;
	margin-bottom: 10px;
	background-color: #fff;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.subscribe-input {
	float: left;
	width: 70%;
	text-align: left;
	margin-right: 2px;
}

.subscribe-submit {
	right: 0;
}

.btn-download {
	background: #FDE3A7;
}

/* HEADER SECTION */
#h {
	background: url(../img/header.jpg) no-repeat center top;
	padding-top: 150px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 700px;
	width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#h h1 {
	color: #fff;
	font-size: 10px;
	margin-top:100px;
}

#h h2 {
	color: #fff;
	font-family: 'Cinzel', serif !important;
	font-size: 50px;
}

#h h3 {
	color: #fff;
	font-size: 12px;
	line-height: 1.75em;
}

#h i {
    display: inline-block;
	color: #fff;
	font-size: 30px;
	background:rgba(0,0,0,0.5);
	padding:10px 15px 0px 15px;
	margin-top: 150px;
}

/*Heading Options*/
.heading {
  text-align: center;
}

.heading h2 {
  font-size: 18px;
  padding: 0 12px;
  position: relative;
  display: inline-block;
  color: #333;
  line-height: 34px !important; 
  margin-bottom:50px;
}

.heading h2:before, 
.heading h2:after {
  content: ' ';
  width: 70%;  
  position: absolute;
  border-width: 1px;
  border-color: #bbb;
}

.heading h2:before {
  right: 100%;
}

.heading h2:after {
  left: 100%;
}

@media (max-width: 768px) {
  .heading h2:before, 
  .heading h2:after {
    width: 20%;  
  }
}

/*Headline v1*/
.heading-v1 h2:before,
.heading-v1 h2:after {
  top: 15px;
  height: 6px;
  border-top-style: solid;
  border-bottom-style: solid;
}

/* a SECTION */

#a,
#concept {
   padding-top:50px;
   padding-bottom:50px;
   }

#a h2,
#concept h2{
   font-size: 18px;
   line-height: 1.5em;
   }

#concept p{
   font-size: 12px;
   }

.hero-play-btn { 
	height: 99px; 
	width: 99px; 
	background: url('../img/play-btn.png') no-repeat center center; 
	display: block; 
	text-indent: -99999px; 
	margin: 80px auto 260px; 
	transition: all 1s ease; 
	-moz-transition: all 1s ease; 
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
}
.hero-play-btn:hover, .hero-play-btn:focus { 
	transform: translate(0, -15px); 
	-webkit-transform: translate(0, -15px); 
	-o-transform: translate(0, -15px); 
	-moz-transform: translate(0, -15px); 
}

.info {
	margin-top: 30px;
}

.info i {
	float: left;
	margin-right: 20px;
	display: block;
	font-size: 50px;
	margin-bottom: 50px;
}

.info .small {
	font-size: 14px;
	font-weight: 700;
}

.info h4 {
	font-weight: 700;
}

/* Background Colors */

.bg-color {
	height: 550px;
	margin: 0px;
}

.squares {
	color: white;
	padding-top: 90px;
}

.squares p {
	color: white;
	font-size: 15px;
}

.squares i {
	font-size: 50px;
}

.bg-jelly {
	background-color: #2574A9;
}

.bg-turqoise {
	background-color: #4ECDC4;
}

.bg-green {
	background-color: #03C9A9;
}

.bg-yellow {
	background-color: #FDE3A7;
}

.bg-yellow h2 {
	padding-top: 30px;
	font-size: 18px;
	line-height: 1.5em;
	margin-left: 15px;
}

.bg-yellow p {
    margin-left: 15px;
    }
/* Background Image */
.bg01 {
	background: url(../img/side.jpg) no-repeat center top;
	background-attachment: relative;
	background-position: center center;
	height: 550px;
	margin: 0px;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.updatebox{
 padding:15px;
 height: 350px;
 overflow: auto;
 font-size: 12px;
 }

.updatebox hr{
 	display: none;
}

.webtitle{
 	font-size: 9px;
}

/* White Sections */
.w01 {
	padding: 0px !important;
}
.w01 h3,
.w01 h4{
    font-size: 14px;
    line-height: 1.5em !important;
    }
    
.w01 p{
    font-size: 12px;
    line-height: 1.5em !important;
    }

#w01 {
	padding: 0px !important;
}
#w01 h3,
#w01 h4{
    font-size: 14px;
    line-height: 1.5em !important;
    }
    
#w01 p{
    font-size: 12px;
    line-height: 1.5em !important;
    }

/* ws */
#ws{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 40px;
}

#ws h2 {
	font-size: 14px;
}

#ws h6 {
	font-size: 12px;
}

#ws p {
	font-size: 12px;
}


/* SEPARATOR */
#sep {
	background: url(../img/under.jpg) no-repeat center top;
	padding-top: 250px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 700px;
	width: 100%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#sep h2 {
	color: white;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 300 !important;
	font-size: 50px;
}

/* FOOTER */
#f {
	background: #2f2f2f;
	padding-bottom: 50px;
	padding-top: 50px;
}

#f p {
	color: white;
	text-align: center;
}


/* Green Section */

#g {
	padding-bottom: 40px;
	padding-top: 40px;
	background: #03C9A9;
	color: white;
}

#g h2 {
	font-size: 18px;
	line-height: 1.75em !important;
}

#g p {
	color: white;
	font-size: 14px;
}

#g a{color: white;}

#b{
    padding-bottom: 40px;
	padding-top: 40px;
	}
	
#b h2{
    font-size: 18px;
    line-height: 1.75em !important;
    }
	
#pagetop {
    display: none;
    position: fixed;
    bottom: 5px;
    right: 15px;
}
#pagetop a {
    display: block;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 15px;
}
 
#pagetop a:hover {
    display: block;
    background-color: rgba(0,0,0,0.7);
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 5px 15px;
}

#pagetop i{
    font-size: 20px;
}

#table_1{
    width: 100%;
    }
    
#table_1 td{
    width: 25%;
    }
    
.font-clw{
     color: #fff !important;
     }
     
.font-blac{
     color: #000 !important;
     }
#shop_text{
	margin:0 auto;
	margin-top:40px;
}
#shop_text p{
	line-height: 20px;
	margin:0;
}
.footer_menu_link{

}
.footer_menu_link li{
	display: inline-block;
}
.footer_menu_link li:after{
	content:"|";
	color:#999;
}
.footer_menu_link li:last-child:after{
	content:none!important;
}
.footer_menu_link li a:link {color:#fff;text-decoration: none;}
.footer_menu_link li a:visited {color:#fff;text-decoration: none;}
.footer_menu_link li a:hover {color:#fff;text-decoration: none;}
.footer_menu_link li a:active {color:#fff;text-decoration: none;}