@charset "utf-8";

* {
-webkit-box-sizing                              : border-box;
-moz-box-sizing                                 : border-box;
-o-box-sizing                                   : border-box;
-ms-box-sizing                                  : border-box;
box-sizing                                      : border-box;
margin:0;
padding:0;
}

img {
	border: 0;
	padding:0;
	margin:0;
	vertical-align:text-bottom;
	max-width: 100%;
	height: auto;
}

html,body {
-webkit-text-size-adjust                        : none;
}

p {
	max-height:100%;
}
a {
	color:#000;
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

a:hover {
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
	
}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic,  "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust:100%;
	font-size:1em;
	line-height:2.4em;
	color:#3F3F3F;
	
}
@media only screen and (max-width:640px){
body {
	max-width: 640px;
}
}

a img  {  
    -webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
         -o-transition: 0.5s ease-in-out;  
            transition: 0.5s ease-in-out;  
}  

 a img:hover {  
    opacity: 0.3;  
    filter: alpha(opacity=70);  
}  


/* ヘッダー */

#header_top {
	max-width:1000px;
	margin:0 auto 20px auto;
	overflow:hidden;
}


#lang {
	list-style:none;
	font-size:0.8em;
	width:323px;
	float:right;
}

#lang li {
	float:left;
	width:24.7%;
	text-align:center;
	padding:1px 0 1px 0;
	background:#37b2a9;
}

#lang li a {
	display:block;
	color:#FFF;
	text-decoration:none;
}

#lang li:hover {  
    opacity: 0.3;  
    filter: alpha(opacity=70);  
}  

.lang_j {
	margin:0 1px 0 0;
}

.lang_e {
	margin:0 1px 0 0;
}

.lang_c {
	margin:0 1px 0 0;
}

.lang_k {
	margin:0 0 0 0;
}

#logo {
	float:left;
	width:357px;
	margin:15px 0 0 15px;
}

#menu_out {
	background:url(../img/menu_back.jpg) repeat;
	height:86px;
	overflow:hidden;
	clear:both;
	background-size: contain;
}

#menu {
	list-style:none;
	max-width:1000px;
	margin:0 auto 0 auto; 
	background:url(../img/menu_line.jpg) no-repeat right 32px;
	overflow:hidden;
}

#menu li {
	float:left;
	width:25%;
	text-align:center;
}

#menu li a {
	display:block;
	color:#333;
	text-decoration:none;
	padding:38px 0 5px 0;
}

#menu li:hover {  
    opacity: 0.3;  
    filter: alpha(opacity=70);  
}  

.menu01 {
	background:url(../img/menu_01.png) no-repeat center top;
}

.menu02 {
	background:url(../img/menu_02.png) no-repeat center top;
}

.menu03 {
	background:url(../img/menu_03.png) no-repeat center top;
}

.menu04 {
	background:url(../img/menu_04.png) no-repeat center top;
}

#menu .bl {
	background:url(../img/menu_line.jpg) no-repeat left 32px;
}

.simply-scroll-container {
    position: relative;
}

.simply-scroll-clip {
    position: relative;
    overflow: hidden;
}

.simply-scroll-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.simply-scroll-list {
	height: 220px !important;
}

.simply-scroll-list li {
    float: left; /* Horizontal scroll only */
    padding: 0;
    margin: 0;
    width: 300px;
    height: 220px;
}
.simply-scroll-list li img {
    display: block;
}

#menu_out {
	display:block;
}

#slide_menu_out {
	display:none;
}

@media only screen and (max-width:640px){
	
	#header_top {
	
	margin:0 auto 0 auto;
}
	
	#lang {
	list-style:none;
	font-size:0.8em;
	width:100%;
	float:left;
}

	#lang li {
	float:left;
	width:24.68%;
	text-align:center;
	padding:1px 0 1px 0;
	background:#37b2a9;
}

	#logo {
	float:noen;
	width:70%;
	margin:10px auto 0 10px;
}

.simply-scroll-list {
	height: 110px !important;
}

.simply-scroll-list li {
    float: left; /* Horizontal scroll only */
    padding: 0;
    margin: 0;
    width: 150px;
    height: 110px;
}

#menu_out {
	display:none;
}

#slide_menu_out {
	display:block;
}

.menu:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -14px;
    content: '>';
    font-size: 14px;
    font-weight: bold;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;
}
 
.menu.active:after {
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#slide_menu_out a {
  color: #FFF;
  text-decoration: none;
  cursor: pointer;
  -moz-transition: all, 0.25s, linear;
  -o-transition: all, 0.25s, linear;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear; }
  
a:hover {
    color: #f0166e;
    text-decoration: underline; }

#slide_menu_out ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.demo {
  margin: 0 0 10px 0; }
  
.demo a {
    display: block; }
	
.demo .child {
    display: none;
    margin: 0 0 -1px;
    padding: 0;
    background: #fff;
    border: 1px solid #eaeaea; }
	
.demo .child .menu {
      background: #eaeaea;
      color: #5e5e5e; }
	  
.demo .child .menu:hover {
        background: #d0d0d0; }
		
.demo .child > li {
      margin: 4px 0;
      padding: 0 16px;
      border-bottom: 1px dotted #dddddd; }
	  
.demo .child > li:last-child {
        border-bottom: 0; }

.switch .menu:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -1.4rem;
  content: '>';
  font-size: 1.4rem;
  font-weight: bold;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-transition: all, 0.25s, linear;
  -o-transition: all, 0.25s, linear;
  -webkit-transition: all, 0.25s, linear;
  transition: all, 0.25s, linear; }
.switch .menu.active:after {
  -moz-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.child a {
	color:#37b2a9 !important;
}

.child01 {
  border: 1px solid #eaeaea; }

.child02 {
  color: #5e5e5e; }

.menu {
  display: block;
  position: relative;
  margin: 1px 0 0;
  padding: 10px; }

.source {
  margin: 0;
  padding: 30px 0 0; }

.demo04 .menu {
  background: #37b2a9;
  color: #fff; }
  
.demo04 .menu:hover {
    background: #1997a4;
    text-decoration: none; }

}

#slide_b {
	background:url(../img/menu_back_b.jpg) repeat-x;
	height:10px;
}



/* コンテンツ */

.page_w {
	max-width:1000px;
	margin:0 auto 0 auto;
	padding:80px 0 100px 0;
}

.page_b_out {
	background:#ecf3f2;
}

.page_b {
	max-width:1000px;
	margin:0 auto 0 auto;
	padding:80px 0 100px 0;
}

.title_back1 {
	background:url(../img/title_line.jpg) repeat-x center center;
	text-align:center;
}

.title_back2 {
	background:url(../img/title_line.jpg) repeat-x center 65px;
	text-align:center;
	margin:0 0 50px 0;
}

h1 {
	font-size:1.8em;
	font-weight:normal;
	color:#37b2a9;
	background:#FFF;
	display:inline;
	padding:10px 0 10px 0;
}

.h2_01 {
	font-size:1.8em;
	font-weight:normal;
	color:#37b2a9;
	background:#ecf3f2;
	display:inline;
	padding:10px 0 10px 0;
}

.h2_02 {
	font-size:1.8em;
	font-weight:normal;
	color:#37b2a9;
	background:#FFF;
	display:inline;
	padding:10px 0 10px 0;
}

@media only screen and (max-width:640px){
	
.page_w {
	max-width:1000px;
	margin:0 auto 0 auto;
	padding:20px 0 20px 0;
}

.page_b {
	max-width:1000px;
	margin:0 auto 0 auto;
	padding:20px 0 20px 0;
}

.title_back2 {
	background:url(../img/title_line.jpg) repeat-x center 65px;
	text-align:center;
	margin:0 0 10px 0;
}
	
h1 {
	font-size:1.1em;
	font-weight:normal;
	color:#37b2a9;
	background:#FFF;
	display:inline;
	padding:10px 0 10px 0;
}

.h2_01 {
	font-size:1.1em;
	font-weight:normal;
	color:#37b2a9;
	background:#ecf3f2;
	display:inline;
	padding:10px 0 10px 0;
}

.h2_02 {
	font-size:1.1em;
	font-weight:normal;
	color:#37b2a9;
	background:#FFF;
	display:inline;
	padding:10px 0 10px 0;
}

}

.what_text {
	font-size:1em;
	line-height:1.8em;
	max-width:900px;
	padding:0 10px 0 10px;
	margin:0 auto 0 auto;
}

.youtube {
	overflow:hidden;
	margin:20px auto 0 auto;
	padding:0 20px 0 20px;
}

.youtube_l {
	float:left;
	width:49%;
}

.youtube_l iframe {
    width: 100%;
    height: auto;
    min-height: 300px;
}

.youtube_r {
	float:right;
	width:49%;
}

.youtube_text {
	font-size:1em;
	line-height:1.8em;
}

.btn01 {
	font-size:1em;
	line-height:1.8em;
	background: #333;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #FFF;
	max-width: 35%;
	margin:50px auto 0 auto;
	padding: 8px 0 6px 0;
	display: block;
	text-align:center;
	text-decoration:underline;
}


@media only screen and (max-width:640px){
	
	.youtube {
	overflow:hidden;
	margin:20px auto 0 auto;
	padding:0 20px 0 20px;
}

	.youtube_l {
	float:none;
	width:99%;
	margin:0 auto 0 auto;
	
}

	.youtube_l iframe {
    width: 100%;
    height: auto;
    min-height: 200px;
}

	.youtube_r {
	float:none;
	width:99%;
	margin:0 auto 0 auto;
}

	.youtube_text {
	font-size:1em;
	line-height:1.8em;
}

	.btn01 {
	font-size:1em;
	line-height:1.8em;
	background: #333;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #FFF;
	max-width: 80%;
	margin:50px auto 0 auto;
	padding: 8px 0 6px 0;
	display: block;
	text-align:center;
	text-decoration:underline;
}


}

.sns_text {
	font-size:1em;
	line-height:1.8em;
	max-width:900px;
	padding:0 10px 0 10px;
	margin:0 auto 0 auto;
}

.sns {
	margin:20px auto 0 auto;
	overflow:hidden;
}

.facebook {
	max-width:490px;
	margin:0 0 0 0;
	float:left;
}

.facebook span {
	width:490px !important;
}

.facebook iframe {
	width:490px !important;
}

.fb_iframe_widget {
	width:490px !important;
}

.facebook .2p3a {
	width:490px !important;
}

.facebook div {
	max-width:490px !important;
	width:490px !important;
}

.twitter {
	max-width:490px;
	margin:0 0 0 0;
	float:right;
}

.shop_text {
	font-size:1em;
	line-height:1.8em;
	max-width:820px;
	padding:0 10px 0 10px;
	margin:0 auto 20px auto;
}

.shop_b {
	padding:0 10px 0 10px;
}

.receiving_out {
	background: #37b2a9;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	max-width:98%;
	margin:80px auto 0 auto;
	padding:20px 20px 20px 20px;
}

.receiving_in {
	background: #FFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	max-width:99%;
	margin:0 auto 0 auto;
}

.receiving_text {
	font-size:1em;
	line-height:1.8em;
	padding:20px 20px 20px 20px;
}

.receiving1 {
	display:inline-block;
}

.receiving2 {
	display:none;
}

@media only screen and (max-width:1000px){
	
.sns {
	max-width:490px;
	margin:20px auto 0 auto;
	overflow:hidden;
}

.facebook {
	max-width:490px;
	margin:0 0 50px 0;
	float:none;
}

.twitter {
	max-width:490px;
	margin:0 0 0 0;
	float:none;
}	
}

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

.sns {
	max-width:490px;
	margin:20px auto 0 auto;
	overflow:hidden;
}
	
.facebook {
	max-width:490px;
	margin:0 0 50px 0;
	float:none;
}

.facebook div {
	max-width:490px !important;
	width:auto !important;
}

.twitter {
	max-width:490px;
	margin:0 0 0 0;
	float:none;
}	
	
.receiving_out {
	background: #37b2a9;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	max-width:98%;
	margin:30px auto 0 auto;
	padding:20px 10px 10px 10px;
}

.receiving1 {
	display:none;
}

.receiving2 {
	display:inline-block;
	padding:0 0 20px 0;
}


}




/* フッター */

footer {
	background:#666666;
}

.footer_in {
	max-width:1000px;
	margin:0 auto 0 auto;
	color:#FFF;
}

.footer_in ul {
	text-align: center;
	padding:30px 0 110px 0;
}

.footer_in ul li {
	display:inline-block;
}

.footer_in ul li a {
	color:#FFF;
	text-decoration:underline;
}

.footer_in p {
	text-align: center;
	padding:0 0 10px 0;
}

@media only screen and (max-width:640px){
	
.footer_in ul {
	text-align: left;
	padding:30px 0 50px 20px;
}
	
.footer_in ul li {
	display:block;
}

.footer_in ul .fk {
	display:none;
}

.footer_in p {
	font-size:0.6em;
	line-height:1em;
	text-align: center;
	padding:0 0 10px 0;
}

}



/* その他 */

.none {
	display:none;
}

.c_center {
	text-align:center;
}

.mt10{
	margin-top:10px;
}

.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}

.mt40{
	margin-top:40px;
}

.mt50{
	margin-top:50px;
}

.mt60{
	margin-top:60px;
}

.mt70{
	margin-top:70px;
}

.mt80{
	margin-top:80px;
}

.mt90{
	margin-top:90px;
}

.mt100{
	margin-top:100px;
}

.mb10{
	margin-bottom:10px;
}

.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.mb40{
	margin-bottom:40px;
}

.mb50{
	margin-bottom:50px;
}

.mb60{
	margin-bottom:60px;
}

.mb70{
	margin-bottom:70px;
}

.mb80{
	margin-bottom:80px;
}

.mb90{
	margin-bottom:90px;
}

.mb100{
	margin-bottom:100px;
}