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

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;	
}

body{
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-weight: bold;
background-color:rgb(0, 0, 0);
fill:rgb(12, 10, 11);
background-size:500px;
background-repeat:repeat;
background-image:url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'%3E%3Cstyle%3E.st0%7Bfill:rgb(12, 10, 11)%7D%3C/style%3E%3Cpath class='st0' d='M125 250v125l125 125V375zM250 125L125 0v125l125 125zM250 250v125l125-125V125zM500 250V125L375 0v125zM500 500V375L375 250v125zM125 500V375L0 500zM375 500V375L250 500zM250 0v125L375 0zM0 125L125 0H0zM0 250v125l125-125V125z'/%3E%3C/svg%3E");
color: #fff;	
font-family: ten-mincho-text,serif;
font-weight: 400;
font-style: normal;	
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  h1,h2, h3, h4, h5,h6,p,li,dd,dt,dl,button[type="submit"] {font-family: "メイリオ", Meiryo, sans-serif; }
	.kv_sl,.kv_sl1,.kv_sl2,.kv_sl3,.kv_sl4{margin-top: -1%;
	}

}

span5{
display: block;	
}
.contener{
	max-width: 1170px;
	margin: 0 auto;
	width: 100%;
	padding: 0 3%;
}

.back3{
	background-color: #0059B4;	
	width: 100%;
	margin: 0 auto;
	padding-bottom: 3%;
}

h1,h2,h3,h4,h5,h6{
	margin: 0;
}
a{
	text-decoration: none;	
}

#nav-drawer{
	display: none;
}

#wrap{
	overflow: hidden;
	width: 100%;
	height: auto;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	position: fixed;
	z-index: 9999;
	background-color: rgba(0,0,0,0.7);
	padding: 1% 0;
	justify-content:space-between;
	align-items:center;
}
.back{
width: 100%;
height: auto;
display: inline-block;
background-color: rgba(250,250,250,0.1);
padding: 2%;	
}
.back2{
width: 100%;
height: auto;
display: inline-block;
background-color:#E9E9E9;
padding: 3% 0;	
}

.border-bottom{
border-bottom: solid 2px #BF0227;
padding: 1% 0;	
}

/*===========ヘッダー============-*/


#logo{
	width: 15%;
	float: left;
}
#logo img{
	width: 100%;
	padding-left: 20px;
}

.contact2{
	width:420px;
	text-align: center;
	float: right;
	padding-right: 30px;
}
.contact2 .con{
	width: 100%;
	border-radius: 10px;
}


.contact2 .con h2{
font-size: 1.1em;	
padding: 3% 0;
text-align: center;
color: #fff;	
font-weight: normal;
background-color: #30332E;
margin: 0;	
}

.contact2 .con a{
display: block;	
color: #fff;	
font-size: 1.5em;
padding: 3% 0;
text-align: center;
transition: color .3s, background.3s, box-shadow .3s, transform .3s;
margin: 0 auto;	
border:#333 3px solid;
background-color: #000;	
}
.contact2 .con a:hover{
background-color:#a20524;
transition-duration: .1s;	
background-color:#181818;		
}

.contact1 .con i{
font-weight: bold;
}
.contact2 .con small{
display: block;
font-size: 0.8em;	
background-color: #BF0227;
padding: 1%;
width: 60%;	
border-radius: 50px;
font-weight: bold;
margin: 0 auto 2%;
}

/*===========グローバルナビ===========*/

.glovalnavi{
	width: 50%;
}

.glovalnavi ul{
	display: flex;
	justify-content:center;	
}

.glovalnavi ul li{
	text-align: center;
	list-style: none;
	padding: 0 2%;
}

.glovalnavi ul li a{
color: #fff;
height: 100px;
text-align: center;
display: flex;
align-items:center;
justify-content:center;	
font-size: 1em;	
transition: all 1s;
}

.bottom{
width: 5%;	
border-bottom: 2px solid #F71D00;
margin: 0 auto 3%;
}
.glovalnavi ul li a:hover{
transform: translate(0,-10px);
}




/*===========kv============-*/

#kv{
width: 100%;
height: auto;	
}

#kv ul{
font-size: 0;
}

.kv_sl li{
	position: relative;/*=====画像を上下縦横中央・文字をかぶせるため====-*/
}
.kv_sl img{
width: 100%;	
height: auto;
display: block;	
}
.kv_sl1 {
	width: 100%;
	position: relative;
}
.kv_sl1 p{
	width: 100%;
	position:absolute;
	top: 50%;
	text-align: center;
	font-size: 3em;
	text-shadow: 1px 2px #000;	
}
.kv_sl1 img{
	width: 100%;
}


.kv_sl img{
	width: 100%;
	background-position:center right;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	
}


.kv_sl .flex-caption{
width: 100%;	
height: auto;	
text-shadow: 1px 2px #000;	
text-align: center;	
	padding: 1%;
}
.flex-caption img{
width: 30%;	
display: block;	
margin: 0 auto;
flex-shrink: 0;	
padding: 2%;	
position: absolute;
top: 50%;	
left: 35%;
z-index: 999;	
}
.flex-caption1{
background-color: rgba(0,0,0,0.7);	
text-shadow: 1px 2px #000;	
text-align: center;	
padding: 2%;	
}

.flex-caption span{
display: block;
}

/*===========あいさつ===========*/

.aisatu{
	width: 100%;
	padding: 2% 0 ;
height: auto;
	margin-top: 5%;
	display: inline-block;
	margin-bottom: 30%;
}


.aisatu .p2{
width: 100%;
display: flex;	
justify-content:center;
flex-wrap:nowrap;	
}

.aisatu .p2 h2{	
text-align: center;
font-size: 1.8em;
color: #fff;		
padding: 1% 0;	
}
.greet{
width: 100%;
height: auto;
display: inline-block;	
}
.aisatu1 {
width: 100%;	
padding: 1% 0;	
position: relative;

}

 .aisatu1 .greet-box1{
	width: 60%;
	 	 position: absolute;
	 top: 1030%;
	 background: #000;
	 padding: 2%;
	 z-index: 10;
}

 .aisatu1 .greet-box2{
	width: 80%;
 position: absolute;
	 top: 0;
	  left: 30%;
 z-index: 5;
}

.aisatu1 .greet-box1 p{
   	font-size: 1.1em;	
	line-height: 1.75;
	color: #fff;
}
.aisatu1 .greet-box2 img{
width: 100%;
}



/*===========コンセプト===========*/
.concept{
width: 100%;
height: auto;
display: inline-block;
background-image: url("../img/background.jpg");
background-size:contain;
background-position: center;
	background-attachment: fixed;
}
.concept-box h2{	
text-align: center;
font-size: 1.8em;
color: #fff;		
padding: 1% 0;	
}
.concept-box{
margin: 10% 0;
padding: 3%;
 background: rgba(0,0,0,0.9);	
}
.concept-box p{
line-height: 1.75;
color: #fff;
font-weight: bold;
font-size: 1.2em;	
}
/*===========ベストスリー===========*/
.best-Wrapper{
width: 100%;
height: auto;
display: inline-block;
margin-top: 3%;	
}
.best{
width: 100%;
margin: 3% 0;
}
.best h3{
font-size: 1.8em;
text-align: center;
color: #fff;	
font-weight: bold;
}
.best img{
width: 30%;
display: block;
margin: 0 auto;
}
.best-box{
width: 100%;
display: flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-start;	
padding: 5% 0;	
}
.b-box{
width: 30%;	
}
.b-box .photo img{
width: 100%;	
}
.b-box .illust{
width: 8%;	
display:inline-block;
vertical-align: middle;
}
.b-box .illust img{
width: 100%;
}
.b-box h4{
font-size: 1.2em;
padding-left: 1%;
text-align: center;	
line-height: 1.5;	
}

.b-box p{
font-size: 0.9em;	
line-height: 1.75;	
font-family: kozuka-gothic-pr6n,sans-serif;
font-weight: 400;
font-style: normal;		
}
.b-box small{
text-align: left!important;
display: inline-block;
color: #fff;
font-size:0.5em;
font-family: kozuka-gothic-pr6n,sans-serif;
font-weight: 400;
font-style: normal;	
}
/*===========フッターお問い合わせ===========*/


.footer_contact{
	width: 100%;	
	padding: 5% 0 0;
	display: inline-block;
	background-color:#000;
}

.footer_contact .f-logo{
width: 100%;	
}
.footer_contact .f-logo img{
display: block;
margin: 0 auto;
width: 20%;	
}
.footer_box{
width: 100%;
height: auto;
display: flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;	
padding-bottom: 5%;	
}
.footer_box .table{
width: 50%;	
font-size: 1em;	
}
.footer_box table{	
margin: 5% 0;		
}
.footer_box table tr{
	
}
.footer_box table th{
	padding: 1% 0;
	width: 30%;
}
.footer_box table td{
	padding: 1% 0;
	line-height: 1.75;
	font-size:0.9em;
	font-family: kozuka-gothic-pr6n,sans-serif;
font-weight: 400;
font-style: normal;	
}

.footer_box small{
font-size:0.9em;
display: block;
}
.footer_box .photo{
width: 45%;	
}
.footer_box .photo img{
width:100%;	
display: block;
margin: 0 auto;
}
.footer_box .photo p{
font-size:0.9em;
line-height: 1.75;
padding:2%;
border:1px solid #fff;
}
.footer_box .photo strong{
font-size:1.3em;
display: block;	
}
.map{
width: 100%;	
}
.map iframe{
height: 400px;	
}
.portalsite{
width: 100%;
display: flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;	
}
.portalsite a{
width: 30%;
}
.portalsite a img{
width:100%;
}
.portalsite a .hot{
width:80%;
display: block;
margin: 0 auto;
}
.portalsite a .guru{
width:50%;
display: block;
margin: 0 auto;	
}
/*===========フッター===========*/

footer{
	width: 100%;
	background: #000;
	height: auto;
	display: inline-block;
		background: #181818;
}


.footernavi ul{
	display: flex;
	list-style: none;
	text-align: center;
	justify-content:space-around;
	padding: 2% 0;
}



.footernavi ul li a{

	text-decoration: none;
	color: white;
	font-size: 13px;
	transition-property: color;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
	
}

.footernavi ul li a:hover{
	color: #F71D00;
	text-decoration-color: transparent;
}

.my_icon{
	padding-right: 5px;
}

#copy{

	text-align: center;
	padding: 10px;
	font-size: 13px;
	color: white;
		font-family: kozuka-gothic-pr6n,sans-serif;
font-weight: 400;
font-style: normal;	
}

/*===========こだわり===========*/
.kodawari-wrapper {
width: 100%;
height: auto;
display: inline-block;
padding: 5% 0;	
}
.kodawari-box{
width: 100%;
	display: flex;
	flex-wrap:wrap;
justify-content:space-between;
align-items:center;
margin:5% 0;	
}
.kodawari1{
width: 60%;	
}
.kodawari2{
width: 40%;	
}
.kodawari2 p{
width:90%;	
font-size: 1em;
line-height: 1.75;	
margin: 0 auto;
}
.kodawari1 strong{
width:100%;	
font-size:1.2em;
border-bottom: 2px solid #BF0227;
text-align: center;
display: block;
margin: 1% auto;
padding: 1% 0;	
}
.kodawari1 .illust{
width:7%;
vertical-align:text-top;
margin-left:1%;	
}
.kodawari1 img{
width: 100%;	
}
/*===========お品書き===========*/
.menu-wrapper{
width: 100%;
height: auto;
display: inline-block;
padding: 5% 0;	
}
.menu-wrapper .menu{
width: 100%;	
border:2px solid #fff;
padding: 2%;	
}
.menu-wrapper .menu .t-text1{	
width: 100%;	
border-bottom: 1px solid rgba(0,0,0,1.0);	
font-size: 1.3em;	
display: block;		
text-align: center;	
}
.menu-wrapper .menu .t-text2{
width: 100%;	
border-bottom: 1px solid rgba(0,0,0,1.0);	
font-size: 1.1em;	
background: #fff;
color: #000;
display: block;	
text-align: center;		
}
.menu-wrapper .menu .t-text3{
width: 70%;	
display: inline-block;		
}
.menu-wrapper .menu table tr{
border-bottom: 1px solid #414141;	
display: block;		
}
.menu-wrapper .menu table{
	width: 100%;
	padding: 2% 0 0;
}
.menu-wrapper .menu table th{
	padding: 1% 0;
	font-size: 1em;

}
.menu-wrapper .menu table td{
	padding: 1.1% 0;
	font-size:0.9em;
	font-family: kozuka-gothic-pr6n,sans-serif;
font-weight: 400;
font-style: normal;	
text-align: center;
width:30%;
display: inline-block;	
}

.pickup{
	max-width: 960px;
	margin: 10px auto 50px;;
	padding: 20px;
	background:#BF0227;
}
.pickup p{
	font-size: 1.2rem;
	line-height: 200%;
}
.pickup p a{
	color: #fff;
	font-size: 1.2em;
	text-decoration: underline;
	transition: .5s;
}
.pickup p a:hover{
	font-size: 1.3em;
}