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


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



body{
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	color:#4C4C4C;
	font-size:12px;
	line-height:1.5;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#FFF;
	-webkit-font-smoothing: subpixel-antialiased;
}


img{
	vertical-align:bottom;
}


header{
	width:100%;
	max-width:1300px;
	position:fixed;
	left:0;
	right:0;
	z-index:10;
	margin:0 auto;
}

header .bkimg{
	background:url(../images/header_img.jpg);
	width:60%;
	position:absolute;
	top:0;
	right:0%;
	z-index:5;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom center;
	overflow: hidden;	
}


header h1{
	position:absolute;
	top:30px;
	left:20px;
	z-index:100;
	width:600px;
}

header h1 img{
	width:100%;
	height:auto;
}

header .num{
	position:absolute;
	right:20px;
	width:20%;
	z-index:100;
}

header .num img{
	width:100%;
	height:auto;
}

@media screen and (max-width:750px){/*Over PC VIEW*/

header{
	position:relative;

}

header h1{
	width:80%;
	height:auto;
	margin-top:30px;
}

header .num{
	width:30%;
	height:auto;
}

}







/* =============== header Navi ================ */


header nav{
	font-family: 'Poppins', sans-serif;
	font-weight:300;
	position:absolute;
	bottom:2%;
	left:2%;
	text-align:left;
}
header nav h2{
	margin-bottom:10px;
}
header nav a{
	color:#4C4C4C;
	text-decoration:none;
}
header nav a:hover{
	color:#4B9BCE;
}
@media only screen and (max-width: 768px) {
header nav{
	display:none;
}

}


/* =============== main Navi ================ */

nav#mainnavi{
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:1.06em;
	position:fixed;
	top:-60px;
	background:#FFF;
	z-index:2000;
	width:100%;
	text-align:center;
}
nav#mainnavi ul{
}

nav#mainnavi li{
	display:inline-block;
	margin:0 1% 0 1%;
	padding:13px 0;
}
nav#mainnavi li a{
	color:#4C4C4C;
	text-decoration:none;
}

nav#mainnavi li a:hover{
	border-bottom:1px solid #4B9BCE;
}
.current{
	color:#4B9BCE !important;
}

#toggle{
	display: none;
}

@media only screen and (max-width: 768px) {
nav#mainnavi{
	top:0;
}
#toggle{
	display:block;
	position: relative;
	width: 100%;
	background: #222;
}
#toggle p{
  display: block;
  position: relative;
  padding: 12px 0 10px;
  border-bottom: 1px solid #444;
  color: #222;
  text-align: left;
  text-decoration: none;
  cursor:pointer;
}

#toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
}
#toggle p:before, #toggle p:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 4px;
    background: #222;
}
#toggle p:before{
    margin-top: -6px;
}
#toggle p:after{
    margin-top: 2px;
}


nav#mainnavi ul{
    display: none;
	width:100%;
}
nav#mainnavi li{
    width: 100%;
    border-bottom: 1px solid #444;
	display:block;
	background:#333;
	margin:0;
	padding:0;
}
nav#mainnavi li a{
	color:#FFF;
	width:100%;
	height:100%;
	display:block;
	padding:10px 0;
}
nav#mainnavi li a:hover{
	border-bottom:none;
}
.current{
	border:none;
}

}




/* ============================== */



#topcontrol{
	z-index:1500;
}


#wrapper{
	position:relative;
	width:100%;
	z-index:1000;
	border-top:50px solid #7EABD9;
	background:#FFF;
	padding-top:140px;
}


#wrapperIn{
	width:96%;
	max-width:1000px;
	margin:0 auto;
	padding-bottom:100px;
	padding-left:2%;
	padding-right:2%;
}

.itemspec{
	color:#4B9BCE;
	text-align:left;
	font-size:0.9em;
	margin-top:5px;
}

.itemspec a{
	color:#4B9BCE;
	text-decoration:none;
}
.itemspec a:hover{
	color:#191F30;
	text-decoration:underline;
}

.res_connum{
	display:none;
}

@media only screen and (max-width: 768px) {
#wrapper{
	width:92%;
	padding-left:4%;
	padding-right:4%;
	padding-top:25px;
	border-top:30px solid #7EABD9;
}
.res_connum{
	width:100%;
	display:block;
	padding:20px 0 10% 0;
	text-align:center;
}
.con05 .res_connum{
	padding-bottom:0;
}
}

/* ================== con01 ================== */

.con01{
	width:100%;
	position:relative;
}

.con01 .connum{
	position:absolute;
	top:9%;
	left:46.3%;
	width:7%;
}

.con01 .connum img{
	width:100%;
	height:auto;
}


.con01 h2{
	width:100%;
	margin-bottom:50px;
}
.con01 h2 img{
	width:100%;
	height:auto;	
}

.con01 .boxset{
	width:100%;
	text-align:center;
	line-height:1.65;
}

.con01 .box_left{
	float:left;
	width:50%;
    display:table;
}
.con01 .box_right{
	float:right;
	width:50%;
	display:table;
}
.con01 .box_left div,
.con01 .box_right div{
	display:table-cell;
	vertical-align:middle;
}
.con01 .boxset img{
	width:100%;
	
}
.con01 .boxset p{
	margin:10px 0;
}
.con01 .boxset h3{
	font-family: 'Poppins', sans-serif;
	font-weight:300;
	font-size:1.7em;
	line-height:1.4;
	padding-bottom:10px;
}

@media only screen and (max-width: 768px) {
.con01 .connum{
	display:none;
}
.con01 h2{
	margin-bottom:20px;
}
.con01 .box_left{
	float:none;
	width:100%;
    display:block;
	text-align:left;
	padding:10px 0;
}
.con01 .box_right{
	float:none;
	width:100%;
	display:block;
	text-align:left;
	padding:10px 0;
}
.con01 .box_left br,
.con01 .box_right br{
	display:none;
}
.con01 .boxset p{
	margin:7px 0;
}
.con01 .boxset h3{
	font-size:1.5em;
	line-height:1.4;
	padding-bottom:6px;
	width:100%;
	text-align:center;
}
}

@media only screen and (max-width: 486px) {
.con01 .boxset h3 br{
	display:block;
}
}


/* ================== con02 ================== */

.con02{
	width:100%;
	position:relative;
	margin-top:130px;
	text-align:left;
}
.con02 h2{
	width:100%;
	margin:0 0 20px 0;
	padding:0;
}
.con02 h2 img{
	width:70%;
	height:auto;
}

.con02 .connum{
	position:absolute;
	top:7.5%;
	left:46.5%;
	width:10%;
}

.con02 .connum img{
	width:100%;
	height:auto;
}

.con02 h4{
	font-family: 'Poppins', sans-serif;
	font-weight:300;
	font-size:2.5em;
	width:100%;
	text-align:center;
	color:#7E7E7E;
	padding:50px 0 40px 0;
}

.con02 .boxset h3{
	font-size:1.6em;
	margin-bottom:10px;
}
.con02 .box_left{
	float:left;
	width:50%;
}
.con02 .box_left img{
	width:100%;
}
.con02 .box_right{
	float:right;
	width:50%;
	position:relative;
}
.con02 .box_right .textarea{
	width:95%;
	position:absolute;
	right:0;
	bottom:2%;
}

.con02 .itemspec{
	width:100%;
}

.con02 .itemspec dl{}
.con02 .itemspec dt,
.con02 .itemspec h5{
	width:4.5em;
	display:inline-block;
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	font-size:1.1em;
	line-height:1.3;
}

.con02 .itemspec dd{
	display:inline;
}

.con02 .imagelist{
}

.con02 .imagelist ul.mens{
	width:100%;
}
.con02 .imagelist ul.womens{
	width:100%;
	margin-top:20px;
}

.con02 .imagelist ul li{
	width:32%;
	float:left;
	margin-right:2%;
}
.con02 .imagelist ul li img{
	width:100%;
	height:auto;
}


.con02 .imagelist ul li.last{
	margin-right:0 !important;
}




@media only screen and (max-width: 768px) {
.con02{
	margin-top:60px;
}
.con02 .connum{
	display:none;
}
.con02 h2 img{
	width:100%;
	height:auto;
}
.con02 .box_left{
	width:100%;
	float:none;
}
.con02 .box_left img{
	width:100%;
}
.con02 .box_right{
	float:none;
	width:100%;
	position:relative;
	padding-bottom:1em;
}
.con02 .box_right .textarea{
	width:100%;
	position:relative;
}

.con02 .itemspec dl{
	margin-bottom:5px;
}
.con02 .itemspec dt,
.con02 .itemspec h5{
	display:block;
}

.con02 .itemspec dd{
	display:block;
}

.con02 .imagelist ul.mens{
	width:48.5%;
	float:left;
}
.con02 .imagelist ul.womens{
	width:48.5%;
	margin-top:0;
	float:right;
}

.con02 .imagelist ul li{
	width:100%;
	float:none;
	margin-right:0;
}
.con02 .imagelist ul li .itemspec{
	height:9em;
}

}

@media only screen and (max-width: 500px) {
.con02 .imagelist ul.mens{
	width:90%;
	margin:0 auto;
	float:none;
}
.con02 .imagelist ul.womens{
	width:90%;
	margin:0 auto;
	float:none;
}
.con02 .imagelist ul li .itemspec{
	height:auto;
	margin-bottom:20px;
}
}



/* ================== con03 ================== */

.con03{
	width:100%;
	text-align:left;
	margin-top:110px;
	position:relative;
}

.con03 h2{
	width:100%;
	margin:0 0 30px 0;
	padding:0;
}

.con03 h2 img{
	width:50%;
	height:auto;
}


.con03 .connum{
	position:absolute;
	top:0%;
	right:0%;
	width:11%;
}

.con03 .connum img{
	width:100%;
	height:auto;
}

.con03 .textarea{
	width:100%;
}

.con03 .textarea h3{
	font-size:1.6em;
	margin-bottom:15px;
}


.con03 .boxset{
	margin-top:30px;
	width:100%;
}

.con03 .box_left{
	width:47%;
	float:left;
}
.con03 .box_left img{
	width:100%;
	height:auto;
}

.con03 .box_right{
	width:50%;
	float:right;
}
.con03 .box_right .item_left{
	width:49%;
	float:left;
}
.con03 .box_right .item_right{
	width:49%;
	float:right;
}
.con03 .box_right img{
	width:100%;
}
.con03 .itemspec{ margin-top:5px;}
.con03 .respon{ display: none;}
.con03 .itemspec dl{}
.con03 .itemspec dt{
	width:4.5em;
	display:inline-block;
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	font-size:1.1em;
}
.con03 .itemspec dd{
	display:inline;
}


@media only screen and (max-width: 768px) {
.con03{
	margin-top:50px;
}

.con03 h2 img{
	width:80%;
	height:auto;
}
.con03 .connum{
	display:none;
}
.con03 .textarea br{
	display:none;
}

.con03 .box_left{
	width:100%;
	float:none;
}

.con03 .box_right{
	width:100%;
	float:none;
	padding-bottom:50px;
}
.con03 .pcview{
	display:none;
}
.con03 .respon{
	display:block;
	margin-bottom:20px;
}
.con03 .itemspec dt{
	width:4.5em;
	display:block;
}
.con03 .itemspec dd{
	display:block;
}
}

/* ================== con04 ================== */

.con04{
	width:100%;
	text-align:left;
	margin-top:110px;
	position:relative;	
}

.con04 h2{
	width:100%;
	margin:0 0 20px 0;
	padding:0;
}
.con04 h2 img{
	width:70%;
	height:auto;
}

.con04 .connum{
	position:absolute;
	top:8%;
	left:47%;
	width:11%;
}

.con04 .connum img{
	width:100%;
	height:auto;
}

.con04 .boxset{
	width:100%;
}

.con04 .boxset h3{
	font-size:1.6em;
	margin-bottom:10px;
}
.con04 .box_left{
	float:left;
	width:50%;
}
.con04 .box_left img{
	width:100%;
}

.con04 .box_right{
	float:right;
	width:50%;
	position:relative;
}
.con04 .box_right .textarea{
	width:95%;
	position:absolute;
	right:0;
	bottom:2%;
}

.con04 .itemspec{
	width:100%;
}
.con04 .itemspec div{
	display:inline-block;
	vertical-align:top;
	margin-right:20px;
	margin-top:10px;
}
.con04 .itemspec h5{
	font-family: 'Poppins', sans-serif;
	font-weight:500;
	font-size:1.1em;
}

.con04 .imagelist{
	margin-top:40px;
}
.con04 .imagelist ul{
	width:100%;
}

.con04 .imagelist ul li{
	width:32%;
	float:left;
	margin-right:2%;
}
.con04 .imagelist ul li img{
	width:100%;
	height:auto;
}

.con04 .imagelist ul li.last{
	margin-right:0 !important;
}



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

.con04{
	margin-top:40px;	
}
.con04 .connum{
	display:none;
}
.con04 h2 img{
	width:100%;
	height:auto;
}
.con04 .box_left{
	float:none;
	width:100%;
}
.con04 .box_left img{
	width:100%;
}

.con04 .box_right{
	float:none;
	width:100%;
	position:relative;
	padding-top:20px;
}
.con04 .box_right .textarea{
	width:100%;
	position:relative;
	right:0;
	bottom:0;
}

}

@media only screen and (max-width: 500px) {
.con04 .imagelist ul li{
	width:90%;
	margin:0 auto;
	float:none;
}
.con04 .imagelist .itemspec{
	margin-bottom:20px;
}
.con04 .imagelist ul li.last{
	margin:0 auto !important;
}

}

/* ================== con05 ================== */

.con05{
	width:100%;
	margin-top:100px;
	position:relative;
	text-align:left;

}
.con05 .connum{
	position:absolute;
	top:0%;
	right:20%;
	width:11%;
}

.con05 .connum img{
	width:100%;
	height:auto;
}
.con05 h2{
	width:100%;
	margin:0 0 35px 0;
	padding:0;
}
.con05 h2 img{
	width:65%;
	height:auto;
}
.con05 h3{
	font-size:2em;
	width:100%;
	text-align:left;
}
.con05 h3 span{
	font-family: 'Poppins', sans-serif;
	font-weight:300;
	font-size:1.1em;
}

.con05 h4{
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size:1.8em;
	color:#4B9BCE;
	line-height:1.4;
}


.con05 .kobe{
	width:100%;
	margin-top:15px;
}
.con05 .kobe .left_box{
	width:47%;
	float:left;
}
.con05 .kobe .left_box img{
	width:100%;
	height:auto;
}
.con05 .kobe .right_box{
	width:50%;
	float:right;
}

.con05 .report{
	text-align:left;
	width:100%;
	background:url(../images/05_report_line.gif) top center no-repeat;
	padding-top:30px;
	margin-top:20px;
}

.con05 .report .left_box{
	width:45%;
	float:left;
}
.con05 .report .right_box{
	width:52%;
	float:right;
}
.con05 .report .right_box img{
	width:100%;
	height:auto;
}

.con05 .note{
	width:100%;
	font-size:0.9em;
}


.con05 ul.guest{
	width:100%;
	margin-top:30px;
	border-bottom:1px solid #4B9BCE;
}
.con05 ul.guest li{
	width:32%;
	float:left;
	margin-right:2%;
	font-size:0.9em;
	padding-bottom:30px;
}
.con05 ul li.last{
	margin-right:0 !important;
}

.con05 ul.guest h5{
	font-size:1.2em;
	margin-bottom:5px;
}
.con05 ul.guest h5 span{
	font-size:0.9em;
}



.con05 .kobe_shop{
	width:100%;
	border-top:1px solid #4B9BCE;
	margin-top:3px;
	padding-top:30px;
}
.con05 .kobe_shop .left_box{
	float:left;
	width:30%;
}

.con05 .kobe_shop h5{
	font-family: 'Poppins', sans-serif;
	font-weight:300;
	font-size:2.5em;
	line-height:1.1;
	margin-bottom:20px;
}

.con05 .kobe_shop #map_canvas{
	width:65%;
	height:250px;
	float:right;
}

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

.con05{
	margin-top:80px;
}
.con05 h2 img{
	width:100%;
	height:auto;
}
.con05 .connum{
	display:none;
}

.con05 .kobe .left_box{
	width:100%;
	float:none;
}
.con05 .kobe .right_box{
	width:100%;
	float:none;
	padding-bottom:10px;
}
.con05 .report .left_box{
	width:100%;
	float:none;
	padding-bottom:10px;
}
.con05 .report .right_box{
	width:100%;
	float:none;
}
.con05 ul.guest li{
	width:100%;
	float:none;
	margin-right:0;
	font-size:0.9em;
	padding-bottom:30px;
}

.con05 .kobe_shop .left_box{
	float:none;
	width:100%;
	text-align:center;
}

.con05 .kobe_shop h5{
	font-size:2.2em;
	margin-bottom:10px;
}
.con05 .pc{
	display:none;
}

.con05 .kobe_shop #map_canvas{
	width:100%;
	height:300px;
	float:none;
	margin-top:20px;
}
}


/* ========================================================
                            Clerfix
   ======================================================== */

#wrapper:after,
.category:after,
.con01 .boxset:after,
.con02 .boxset:after,
.con02 .imagelist ul.mens:after,
.con02 .imagelist ul.womens:after,
.con03 .boxset:after,
.con03 .box_right:after,
.con04 .boxset:after,
.con04 .imagelist ul:after,
.con05 .kobe:after,
.con05 .report:after,
.con05 ul.guest:after,
.con05 .kobe_shop:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}