@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(//fonts.googleapis.com/css?family=Alegreya+Sans+SC);
@import url(//fonts.googleapis.com/css?family=Rubik|Magra|Ubuntu);
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);

body{
  font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro W3','ƒ�ƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',Helvetica,Arial,sans-serif;
  color: #333;
   margin: 0;
   padding:0;
}

header {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  background-image: url(../images/bg-topimg.jpg) ;
}

body,
h1,h2,h3,h4,h5,
ol,ul,li,dl,dd,
address,
div,img{
	margin		: 0;
	padding		: 0;
	}

ol,ul,li,
dl,dd{
	list-style	: none;
	}
img{
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}

p{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	list-style-type: none;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* link
================================================== */
a {
	text-decoration: none;
	outline:none;
	color:#5C5B5C;
	}

a:hover {  
	color		: #5C5B5C;
	text-decoration	: none;
	}

/* header
================================================== */
header {
width: 100%;
height: 100vh;
position: relative;
}

#bg {
min-height:600px;
}

header .catch{
position: absolute;
top: 40%;
left: 8%;
line-height:1.8!important;
text-align: left;
}


@media screen and (max-width: 800px) {
header .catch{
position: absolute;
top: 35%;
left: 34%;
text-align: center;
}
}

header .catch h1{
font-size:3em;
line-height:1.2;
color:#FFF;
text-shadow:2px 2px 2px #AB8E2A;
margin-bottom:5%;
}

header .catch p{
margin-bottom:5%;
color:#0AA0D7;
font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif;
font-weight:700;
font-size:3em;
text-shadow:1px 1px 1px #FFF;
}

@media screen and (max-width: 800px) {
header .catch{
top: 35%;
left: 1%;
width:98%
}

header .catch h1{
font-size:2em;
}
header .catch p{
margin-bottom:3%;
}
}

.brr{
display:none;
}

@media screen and (max-width: 568px) {
header .catch{
top: 30%;
}

header .catch p{
font-size:90%;
}

header .catch h1{
font-size:1.8em;
letter-spacing:0em;
}

.brr{
display:block;
}
}

.scrl{
	width: 40px;
	height:40px;
	position: absolute;
	bottom:120px;
	left:50%;
	margin-left:0px;
}

.scrl img{
	width: 40px;
	height:40px;
}

@media screen and (max-width: 800px) {
.scrl{
	bottom:10%;
}
}

/* h_menu
 * --------------------------------------- */
.h_menu{
	width: 100%;
	margin:-50px 0 0;
	font-size:13px;
	height:50px;
	background: rgba(0, 0, 0, 0.8);
	z-index:1;
	position:relative;
}

@media screen and (max-width: 800px) {
.h_menu{
	display:none;
}
}

.h_menu ul{
	margin:0 auto;
	width:100%;
	text-align: center;
}

.h_menu li{
	display: inline-block;
	overflow: hidden;
	line-height: 1.4;
	text-shadow: 1px 1px 2px #05091C;
	height:50px;
	vertical-align: middle;
	letter-spacing:0.05em;
	font-size:14px;
}

.h_menu li a{
	display: block;
	padding: 16px 25px 13px;
	color: #ffffff;
	text-decoration: none;
}

.h_menu li a:hover{
	text-decoration: none;
	color: #ffffff;
	background: #0AA0D7;
}

/* menu
 * --------------------------------------- */
/* global_nav */
#g_nav{
	width:100%;
    background: rgba(0, 0, 0, 0.8);
	color: #FFF;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 90;
}

.navi{
    width:520px;
    margin:0 auto;
	font-size:0.9em;
}

#g_nav .nb{
    float:left;
	padding:18px 5px 10px 30px;
	text-align: center;
	display: block;
	line-height:1;
	font-size:14px;
	letter-spacing:0.05em;
}

#g_nav .lg{
    float:left;
	padding:2px 20px 3px 10px;
	display: block;
	line-height:1;
}

#g_nav .lg img{
    width: 178px;
	height: 42px;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#g_nav a {
	color: #FFF;
	text-decoration: none;
	}

#g_nav a:hover {  
	color: #0AA0D7;
	text-decoration	: none;
	}

.navi li {
	float: left;
	display: block;
	line-height: 0;
	cursor: pointer;
	margin-left:2%;
}

@media screen and (max-width: 800px) {
.nb{
	display:none!important;
}
.icon{
	display:none!important;
}
}

/* headbar
 * --------------------------------------- */
#headbar {
	width: 1260px;
	}

@media screen and (max-width: 1280px) {
#headbar {
	width: 100%;
	}
}

#headbar ul,
#headbar p {
	margin: 0;
	padding: 0;
	}

#headbar ul li {
	float: left;
	list-style-type: none;
	}

#headbar ul li a {
	display: block;
	text-align: center;
	}

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

/* menu
 * --------------------------------------- */
.menu li {
	display:inline-block;
	margin: 8px;
	color: #000;
	background:#fff;
	background: rgba(255,255,255, 0.5);
	-webkit-border-radius: 10px;
            border-radius: 10px;
}
.menu li.active{
	background:#666;
	background: rgba(0,0,0, 0.5);
	color: #fff;
}
.menu li a{
	text-decoration:none;
	color: #000;
}
.menu li.active a:hover{
	color: #000;
}
.menu li:hover{
	background: rgba(255,255,255, 0.8);
}
.menu li a,
.menu li.active a{
	padding: 9px 18px;
	display:block;
}
.menu li.active a{
	color: #fff;
}

/* slicknav */
ul#menu_sp {
	display: none;
}
.slicknav_menu {
	display:none;
}

@media screen and (max-width: 800px) {
.menu {
	display: none;
}
.slicknav_menu {
    display:block;
    z-index: 100;
}

nav#global_nav {
	display: block;
	margin: 0;
	padding: 0;
	border-top: none;
	border-bottom: none;
}
}

/* section
-------------------------------------------------- */
section:after {
  content: "";
  display: block;
  height: 550px;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6); }
  
  
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px), 
only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    section:after, header:after {
      background-attachment: scroll; }
}

	#consept:after {
	  background-image: url(../images/bg01.jpg); }
	
	#mens:after {
	  background-image: url(../images/bg02.jpg); }
	
	#ladies:after {
	  background-image: url(../images/bg03.jpg); }
	  
	#contact:after {
	  background-image: url(../images/bg04.jpg); }


/* .contents
-------------------------------------------------- */
.content {
  width:100%;
}

#wrapper {
  width: 100%;
  max-width: 1280px;
  margin:0 auto;
  padding:5% 2% 4%;
  box-sizing: border-box;
  font-family: 'Noto Sans Japanese', sans-serif;
}

@media screen and (max-width: 810px) {
#wrapper {
  padding:5% 1%;
}
}

@media screen and (max-width: 568px) {
#wrapper {
  padding:5% 2%;
}
}

#wrapper:after {
  content: "";
  clear: both;
  display: block;
}

#wrapper h2{
  font-weight: 700;
  text-align: center;
  color: #4f4d47;
  font-size:3em;
  margin-bottom:0;
}

@media screen and (max-width: 800px) {
#wrapper h2{
  font-size:2.2em;
}
}

@media screen and (max-width: 568px) {
#wrapper h2{
  font-size:1.8em;
}
}

#wrapper h3{
  font-weight: 700;
  text-align: center;
  color: #4f4d47;
  font-size:3em;
  margin-bottom:0;
  font-family: 'Alegreya Sans SC', sans-serif;
}

@media screen and (max-width: 800px) {
#wrapper h3{
  font-size:2.2em;
}
}

@media screen and (max-width: 568px) {
#wrapper h3{
  font-size:1.8em;
}
}

.ttl_text {
	font-size:1em;
	text-align: center;
	margin:0 auto;
	padding: 0 0 2%;
	font-weight:200;
	font-family: 'Alegreya Sans SC', sans-serif;
}

.ttl_text2 {
	font-size:1em;
	text-align: center;
	margin:0 auto;
	padding: 0 0 2%;
}

.ttl_text3 {
	font-size:1.1em;
	text-align: center;
	padding: 0;
	color:#0AA0D7;
}

.logo_p{
	float:right;
	width:50%;
}

.logo_p img{
	width:100%;
	height:auto;
}


@media screen and (max-width: 1200px) {
.logo_p{
	width:40%;
	margin-right:5%;
}
}

@media screen and (max-width: 568px) {
.logo_p{
	width:90%;
	margin:0 5% 2%;
}
.ttl_text3 {
  font-size:0.9em;
  text-align: center;
  margin:0 auto 1%;
  padding: 0 2% 0;
}
}

.top_left {
	float:left;
	width:45%;
	margin-top:3%;
	margin-right:5%;
}

@media screen and (max-width: 1200px) {
.top_left {
	width:43%;
	margin-top:2%;
	margin-left:5%;
	margin-right:2%;
}
}

@media screen and (max-width: 800px) {
.top_left {
	margin-top:1%;
}
}

@media screen and (max-width: 568px) {
.top_left {
	width:96%;
	margin:0 auto;
}
}

.con_text {
	padding-top: 3%;
	line-height:1.8;
	font-weight:300;
	line-height:2;
	font-size:1.4em;
}

.con_text span{
	font-size:130%;
	font-weight:600;
}

@media screen and (max-width: 1200px) {
.con_text {
	padding-top: 2%;
	font-size:0.9em;
	line-height:1.8;
}
}

@media screen and (max-width: 800px) {
.con_text {
	padding-top: 1%;
}
}

@media screen and (max-width: 650px) {
.con_text {
	font-size:0.8em;
	width:96%;
	margin:0 auto;
	padding-top: 0;
}
}

/* .product_box �¤•i�Ú�×
--------------------------------------------------*/
#product_box {
  margin: 0 auto 0;
  width:1200px;
  position: relative;
  overflow:hidden;
  font-family:"ƒ�ƒCƒŠƒI",Meiryo,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN",MS P Gothic,Osaka,Arial,Verdana,sans-serif;
}

@media screen and (max-width: 1200px) {
#product_box {
  padding: 0 0 5%;
  width:96%;
}
}

.product_syousai {
  width:100%;
  margin: 0 auto 0;
  padding: 3% 0 2%;
  text-align : center;
  border-bottom:1px dotted #CCC;
}

#product_box .product_syousai:last-child {
  border-bottom: none;
}

.product_syousai .ttl_pro{
  font-size: 1.2em;
  background:#2E57A5;
  color:#FFF;
  padding:10px 30px;
  display:inline-block;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  margin:0 auto 25px;
  position: relative;
}

@media only screen and  (max-width: 810px) {
.product_syousai .ttl_pro{
  font-size:1.1em;
  margin:0 auto 20px;
}
}

@media only screen and  (max-width: 568px) {
.product_syousai .ttl_pro{
  font-size:1em;
  margin:10px auto 5px;
}
}

.product_syousai .ttl_pro::after {
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -5px;
 content: ' ';
 border: 10px solid transparent;
 border-top-color: #2E57A5;
}

.product_syousai .ttl_pro_info {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:400;
  margin:10px auto;
  color:#000;
}

@media only screen and  (max-width: 810px) {
.product_syousai .ttl_pro_info {
  font-size:0.95em;
}
}

@media only screen and  (max-width: 568px) {
.product_syousai .ttl_pro_info {
  font-size:0.9em;
  padding:0 10%;
}
}

.ptype{
  display:inline-block;
  border:1px solid #2E57A5;
  padding:5px 15px 3px;
  margin: 10px auto 15px;
  text-align : center;
}

.ptype p{
  font-size:14px;
  font-weight:bold;
  color:#2E57A5;
}

@media only screen and  (max-width: 568px) {
.ptype{
  margin: 5px auto 10px;
  text-align : center;
  display:block;
  width:80%
}
.ptype p{
  font-size:13px;
}
}

.prinfo{
  width:100%;
  margin: 10px auto 10px;
  text-align : center;
}

@media only screen and  (max-width: 568px) {
.prinfo{
  margin: 5px auto;
}
}

.ptype p{
  font-size:13px;
}

.prinfo p {
  color:#000;
}

.prinfo .psize {
  padding:5px 15px 5px 0;
  display:inline-block;
  vertical-align: middle;
}

.psize span{
  font-family: 'Roboto', sans-serif;
  font-weight:500;
}

.psozai {
  padding:5px 0 5px 25px;
  display:inline-block;
  vertical-align: middle;
}

@media only screen and  (max-width: 568px) {
.psozai {
  padding:7px 0 0 0;
  font-size:14px;
  display:block;
}
}

.prinfo .sz{display:inline-block; vertical-align: middle;font-size:12px;font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro W3','ƒ�ƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',Helvetica,Arial,sans-serif;padding:0;list-style:none;text-align:center;}
.prinfo .sz a{text-decoration:none!important;color:#333;display:inline-block;padding:6px 14px 5px;background-color:#fff;border:1px solid #ccc;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.prinfo .sz a:hover{text-decoration:none;background-color:#ddd;color:#333;}
.prinfo .sz .disabled a,.pager .disabled a:hover{color:#999999;background-color:#fff;cursor:default;color:#333;}

@media screen and (max-width: 810px) {
.cart_bt .sz a{padding:8px 14px 7px;}
}


.pprice{
  width:100%;
  margin: 15px auto 5px;
  text-align : center;
}

.pprice .prices{
  font-size:2em;
  font-weight:550;
  color:#F96855;
  font-family:"Century Gothic", serif;
}

@media only screen and  (max-width: 810px) {
.pprice .prices{
  font-size:1.6em;
}
}

@media only screen and  (max-width: 568px) {
.pprice{
  margin: 5px auto 10px;
  line-height:1;
}
}

#product_box small {
  font-size:14px;
  color:#000;
  font-family:"ƒ�ƒCƒŠƒI",Meiryo,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN",MS P Gothic,Osaka,Arial,Verdana,sans-serif;
}

.product_syousai ul {
  width:100%;
  margin: 0 auto 0;
  padding: 0;
  text-align : center;
}

.product_syousai li {
  width:25%;
  box-sizing: border-box;
  display:inline-block;
  vertical-align: top;
  font-family: 'Noto Sans Japanese', sans-serif;
}

.product_syousai .w3 {
  margin:0 1%;
  padding: 2% 2%;
}

.product_syousai .w4 {
  margin:0;
  padding: 2% 2.5%;
}

.product_syousai .w5 {
  margin:0 1%;
  padding: 2% 2%;
}

@media screen and (max-width: 810px) {
.product_syousai li {
  width:33.33333%;
}
.product_syousai .w3 {
  margin:0 0.5%;
  padding: 3%;
}

.product_syousai .w4 {
  margin:0 0.5%;
  padding: 3%;
}

.product_syousai .w5 {
  margin:0 0.5%;
  padding: 3%;
}
}

@media screen and (max-width: 568px) {
.product_syousai li {
  width:50%;
}
.product_syousai .w3 {
  margin:0;
  padding: 2%;
}

.product_syousai .w4 {
  margin:0;
  padding: 2%;
}

.product_syousai .w5 {
  margin:0;
  padding: 2%;
}
}

#product_box li img{
     height:auto;
	 width:100%;
	 margin-bottom:5px;
}

#product_box li a:hover img { opacity: 0.8; }

#product_box .price{
	font-size:1.2em;
	font-weight:550;
	color:#F96855;
	font-family:"Century Gothic", serif;
	}

#product_box small {
     font-size:12px;
	 font-family:"ƒ�ƒCƒŠƒI",Meiryo,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN",MS P Gothic,Osaka,Arial,Verdana,sans-serif;
}

#product_box .p_name{
 font-size:0.9em;
 color:#000;
}

@media screen and (max-width: 568px) {
#product_box .p_name{
  font-size:13px;
}
}

/* .product_box �¤•i�Ú�×
--------------------------------------------------*/
#product_box2 {
     margin: 0 auto 0;
	 width:1200px;
	 position: relative;
	 overflow:hidden;
	 font-family:"ƒ�ƒCƒŠƒI",Meiryo,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN",MS P Gothic,Osaka,Arial,Verdana,sans-serif;
}

@media screen and (max-width: 1200px) {
#product_box2 {
	 padding: 0 0 5%;
	 width:96%;
}
}

#product_box2 li {
     box-sizing: border-box;
	 width:25%;
	 height:auto;
	 min-height:470px;
	 overflow:hidden;
	 padding: 0 3% 2%;
	 float:left;
	 font-family: 'Noto Sans Japanese', sans-serif;
	 text-align	: center;
}

@media screen and (max-width: 800px) {
#product_box2 li {
	 width:50%;
}
}

@media screen and (max-width: 568px) {
#product_box2 li {
	 width:100%;
}
}

#product_box2 li img{
     height:auto;
	 width:100%;
	 margin-bottom:5px;
}

#product_box2 li a:hover img { opacity: 0.8; }

#product_box2 .price{
	font-size:1.2em;
	font-weight:550;
	color:#F96855;
	font-family:"Century Gothic", serif;
	}

#product_box2 small {
     font-size:12px;
	 font-family:"ƒ�ƒCƒŠƒI",Meiryo,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN",MS P Gothic,Osaka,Arial,Verdana,sans-serif;
}

#product_box2 .p_name{
	font-size:0.9em;
	}
	
.cart_bt {
     font-size:13px;
	 font-family:"ƒ�ƒCƒŠƒI",Meiryo,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN",MS P Gothic,Osaka,Arial,Verdana,sans-serif;
	 width:auto;
	 max-width:200px;
	 margin:5px auto 0;
	 position: relative;
}

.cart_bt table{
	width		: 100%;
	box-sizing: border-box;
	border	: 1px solid #ccc;
	}

.cart_bt th{
	padding		: 5px auto;
	border-bottom	: 1px dotted #ccc;
	line-height:1.2;
	}
	
.cart_bt td{
	padding		: 10px auto;
	border-bottom	: 1px dotted #ccc;
	line-height:1.2;
	}

.cart_bt input{
	margin:5px;
	}

.cart_bt .sz{margin-top:10px;font-size:12px;font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro W3','ƒ�ƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',Helvetica,Arial,sans-serif;padding:0;list-style:none;text-align:center;}
.cart_bt .sz a{text-decoration:none!important;color:#333;display:inline-block;padding:6px 14px 5px;background-color:#fff;border:1px solid #ccc;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.cart_bt .sz a:hover{text-decoration:none;background-color:#ddd;color:#333;}
.cart_bt .sz .disabled a,.pager .disabled a:hover{color:#999999;background-color:#fff;cursor:default;color:#333;}

@media screen and (max-width: 810px) {
.cart_bt .sz a{padding:8px 14px 7px;}
}

/* .contact_box
-------------------------------------------------- */
.contact_box{
	width:100%;
    margin:0 auto;
}

.contact_box p{
	text-align	: center;
}

.contact_box table{
	width		: 650px;
	margin : 5px auto;
	}

@media screen and (max-width: 800px) {
.contact_box table{
	width		: 100%;
}
}

.contact_box th,
.contact_box td{
	font-size:0.9em;
	}
	
.contact_box th{
	text-align: right;
	font-weight:500;
	line-height:1.4;
	padding:0 2% 0 0;
	width:30%;
	}

.contact_box td{
	padding		: 5px 0 5px 0;
	line-height:1.8;
	}

.contact_box input{
	padding		: 5px;
	color:#333!important;
	}

.contact_box select{
	padding		: 5px 0 5px 0;
	letter-spacing:0.1em;
	color:#333!important;
	}

.contact_box textarea{
	color:#333!important;
	}
	
.contact_box .btn_send{
	text-align	: center;
	color:#333!important;
	}
	
.contact_box .btn_send input{
	padding		: 10px;
	color:#333!important;
	}

@media screen and (max-width: 568px) {
.contact_box th,
.contact_box td{
	font-size:0.7em;
	line-height:1.6;
	}

.contact_box td{
	padding		: 5px 5px 5px 0;
	}


.contact_box th{
	width:30%;
	}
}
.btn_send{
	text-align	: center;
	margin-right:10px;
	}

.contact_box input{
	padding		: 5px;
	margin-bottom:5px;
	}

.contact_box textarea{
	padding		: 5px;
	border :1px solid #cccccc;
	}

.contact_box input{
	padding		: 5px;
	border :1px solid #cccccc;
	}
		
.btn_send input{
	padding		: 15px;
	cursor: pointer
	}

/* .about_box
-------------------------------------------------- */
#about_box{
	width		: 96%;
	max-width:750px;
	margin		: 5px auto;
	font-family:"ƒ�ƒCƒŠƒI",Meiryo,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN",MS P Gothic,Osaka,Arial,Verdana,sans-serif;
	}
	
#about_box table{
	width		: 99%;
	margin		: 0 auto 5%;
	font-size	: 13px;
	background: #FFF;
	border-top	: solid 1px #ccc;
	border-left	: solid 1px #ccc;
	border-right	: solid 1px #ccc;
	}
	
#about_box td{
	padding		: 10px 10px 10px 15px;
	color		: #000000;
	border-bottom	: solid 1px #ccc;
	text-align	: left;
	letter-spacing	: 0em;
	}

#about_box th{
	color		: #757575;
	border-bottom	: solid 1px #ccc;
	border-right	: dashed 1px #ccc;
	text-align	: center;
	padding		: 10px;
	background	: #FBFBFB;
	width:20%;
	letter-spacing	: 0em;
	}

caption{
	margin		: 0;
	padding		: 10px;
	font-weight	: bold;
	letter-spacing	: 0.1em;
	background	: #757575;
	border-top	: solid 1px #ccc;
	border-right	: solid 1px #ccc;
	border-left	: solid 1px #ccc;
	color		: #FFF;
	text-align	: center;
	font-size:1.2em;
	}

.kiyaku{
	width		: 97%;
	margin		: 20px 0 0 3%;
	line-height:1.8;
	}
	
/* .w30
-------------------------------------------------- */
.facility{
	margin:2% 0 0;
}

.w30{
	width:33.3%;
	box-sizing: border-box;
	padding: 0 3% 0 3%;
	float: left;
	margin:0 0 2%;
}

.w30 p{
	font-size:0.9em;
	font-weight:200;
}

.w30 img{
	width:100%;
	height:auto;
	margin-bottom:5px;
}

@media screen and (max-width: 800px) {
.w30{
	width:50%;
	padding: 0 2% 0 2%;
}
}

@media screen and (max-width: 568px) {
.w30{
	width:96%;
	padding: 0 0 0 3%;
}
}

/* .fotter
-------------------------------------------------- */
fotter {
	width:100%;
	margin:0 auto 0;
	height:auto;
	float:left;
	padding:5px 0 5px;
	background:#000;
}

.f_con{
	box-sizing: border-box;
	width:50%;
	padding:0 0;
	float:left;
}

@media screen and (max-width: 800px) {
.f_con{
	width:100%;
	padding:0 2%;
	margin:0 auto;
	float:left;
}
}

.copy{
	font-size:0.6em;
	padding:5px 0;
	text-align: center;
	clear:both;
	color:#FFF;
}

.fm p{
	margin-left:3%;
	color:#FFF;
	margin-bottom:15px;
	font-size:0.9em;
	line-height:1.8;
}

.fm p strong{
	color:#FFF;
	font-size:1.1em;
}

.fm ul{
	clear:both;
	margin-left:3%;
}

.fm li{
	margin:0 4% 4% 0;
	float:left;
	font-size:0.8em;
	letter-spacing:0.1em;
}

@media screen and (max-width: 800px) {
.fm li{
	font-size:1em;
}
}

fotter li a {
	color: #FFF;
	text-decoration: none;
	}

fotter li a:hover {  
	color: #FFF;
	text-decoration: underline;
	}

.fm2{
}

.fm2 p{
	text-align: right;
	font-size:0.9em;
	letter-spacing:0.05em;
	line-height:1.8;
	color:#FFF;
	margin-bottom:2%;
	margin-right:3%;
}

.fm2 ul{
	float:right;
	position: relative;
	margin: 0 3% 0 0;
    padding: 0;
	clear:both;
	width:100%;
	font-size:0.7em;
}


.fm2 li{
	font-size:0.9em;
	letter-spacing:0.05em;
	float: right;
	margin:0 0 0 3%;
}

@media screen and (max-width: 1280px) {
.fm2 p{
	font-size:0.8em;
	letter-spacing:0.05em;
}
}

@media screen and (max-width: 800px) {
.fm2 p{
	text-align: left;
	clear:both;
	margin:1% 0 1% 3%;
}

.fm2 ul{
	float:left;
	margin: 0 3% 0 0;
	
}
.fm2 li{
	font-size:0.9em;
	letter-spacing:0.05em;
	float: left;
	margin:0 0 0 3%;
}
}

.brr{
display:none;
}

@media screen and (max-width: 568px) {
.brr{
display:block;
}
}

/* .line
-------------------------------------------------- */
hr {
	display		: none;
	}
	
.clr {
	height		: 0;
	clear		: both;
	}
	
.pcHide{display: none;}

/*---------------------------------PC---------------------------------------*/
@media screen and (max-width: 1280px) {
#text {
	width: 100%;
	padding-left:2%;
	padding-right:2%;
	box-sizing: border-box;
}

#text2 {
	width: 100%;
	padding-left:2%;
	padding-right:2%;
	box-sizing: border-box;
}

#text3 {
	width: 100%;
	padding-left:2%;
	padding-right:2%;
	box-sizing: border-box;
}
}

/*---------------------------------ƒ^ƒuƒŒƒbƒg---------------------------------------*/
@media screen and (max-width: 800px) {
.pcHide{display: block;}
.tbHide{display: none;}
}

/*---------------------------------ƒXƒ}ƒz---------------------------------------*/
@media screen and (max-width: 568px) {
.pcHide{display: block;}
.spHide{display: none;}
}