@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-ExtraLight.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-SemiBold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Serif Japanese';
   font-style: normal;
   font-weight: 700;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Black.otf) format('opentype');
 }
 
 
 /* general
======================================= */
.mp0 {margin:0 !important; padding:0 !important;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}
.mt360 {margin-top:360px !important;}

.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr65 {margin-right:65px !important;}
.mr70 {margin-right:70px !important;}
.mr75 {margin-right:75px !important;}
.mr80 {margin-right:80px !important;}
.mr85 {margin-right:85px !important;}
.mr90 {margin-right:90px !important;}
.mr95 {margin-right:95px !important;}
.mr100 {margin-right:100px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}
.mb95 {margin-bottom:95px !important;}
.mb100 {margin-bottom:100px !important;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml65 {margin-left:65px !important;}
.ml70 {margin-left:70px !important;}
.ml75 {margin-left:75px !important;}
.ml80 {margin-left:80px !important;}
.ml85 {margin-left:85px !important;}
.ml90 {margin-left:90px !important;}
.ml95 {margin-left:95px !important;}
.ml100 {margin-left:100px !important;}

.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pt70 {padding-top:70px !important;}
.pt75 {padding-top:75px !important;}
.pt80 {padding-top:80px !important;}
.pt85 {padding-top:85px !important;}
.pt90 {padding-top:90px !important;}
.pt95 {padding-top:95px !important;}
.pt100 {padding-top:100px !important;}

.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr55 {padding-right:55px !important;}
.pr60 {padding-right:60px !important;}
.pr65 {padding-right:65px !important;}
.pr70 {padding-right:70px !important;}
.pr75 {padding-right:75px !important;}
.pr80 {padding-right:80px !important;}
.pr85 {padding-right:85px !important;}
.pr90 {padding-right:90px !important;}
.pr95 {padding-right:95px !important;}
.pr100 {padding-right:100px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.pb65 {padding-bottom:65px !important;}
.pb70 {padding-bottom:70px !important;}
.pb75 {padding-bottom:75px !important;}
.pb80 {padding-bottom:80px !important;}
.pb85 {padding-bottom:85px !important;}
.pb90 {padding-bottom:90px !important;}
.pb95 {padding-bottom:95px !important;}
.pb100 {padding-bottom:100px !important;}

.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}
.pl65 {padding-left:65px !important;}
.pl70 {padding-left:70px !important;}
.pl75 {padding-left:75px !important;}
.pl80 {padding-left:80px !important;}
.pl85 {padding-left:85px !important;}
.pl90 {padding-left:90px !important;}
.pl95 {padding-left:95px !important;}
.pl100 {padding-left:100px !important;}

.w160{width: 160px !important;}
.w320{width: 320px !important;}
.w500{width: 500px !important;}
.w950{width: 950px !important; margin:0 auto;}
.w100{width: 100% !important;}

 
 /* common
======================================= */
body {   
	font-size:16px;
	line-height:2.0;
}

body#top {
	
}

h1, h2, .tit-read {
	font-family: 'Noto Serif Japanese', serif;
	text-align:center;
	font-weight:400;
	position: static;
	z-index:1;
}

h1 {
	font-size:44px;
}

h1 span {
	color:#c1a250;
}

h2 {
	font-size:30px;
	text-align:left;
	margin-bottom:42px;
}

.tit-read {
	font-size:20px;
	margin-top:14px;
}

.tit-line {
	border-bottom:solid 1px #000;
	height:1px;
	margin:36px auto;
	width:40px;
}

.content-line {
	border-bottom:solid 1px #CCC;
	height:1px;
	margin:36px auto;
	width:1146px;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  text-align:center;
  z-index:0;
}


/* Custom page CSS
-------------------------------------------------- */
.container {
  width: auto;
  padding: 0 15px;
}


/* header
======================================= */
.navbar-header {
    float: none;
}
.navbar-brand {
    width: 100%;
    float:none;
}
.navbar-brand > img {
    margin-left: auto;
    margin-right: auto;
}

.navbar-brand img {
	width:166px;
	height:auto;
}

.navbar-default {
  background-color: #000000;
  border: none;
  background-color: rgba( 0, 0, 0, 0.55 );
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #c1a250;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
  padding-right:37px;
  padding-left:37px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #c1a250;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #c1a250;
  background-color: #000000;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #c1a250;
  background-color: #000000;
}
.navbar-default .navbar-toggle {
  border-color: #000000;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #000000;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border:none;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #c1a250;
}

.navbar-nav{
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float:none;
    font-family: 'Noto Serif Japanese', serif;
    font-weight:100;
    letter-spacing:2px;
}

.navbar-nav li {

}

.navbar-nav{
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float:none !important;
}

/* footer
======================================= */
.footer {
	padding-top:136px;
}

a.btn-pagetop {
	 color:#FFF;
	 background:#c1a250;
	 padding:14px 20px;
	 text-decoration:none;
}



 /* index
======================================= */
.mainimg {
	background:url(../images/index/mainimg01.jpg) no-repeat center top;
	background-size:cover;
	width:100%;
	height:776px;
	margin-bottom:70px;
}

#about .mainimg {
	background:url(../images/about/mainimg_about.jpg) no-repeat center top;
	background-size:cover;
	width:100%;
	height:393px;
	margin-bottom:70px;
}

#shop .mainimg {
	background:url(../images/shop/mainimg_shop.jpg) no-repeat center top;
	background-size:cover;
	width:100%;
	height:393px;
	margin-bottom:70px;
}

#menu .mainimg {
	background:url(../images/menu/mainimg_menu.jpg) no-repeat center top;
	background-size:cover;
	width:100%;
	height:393px;
	margin-bottom:70px;
}

#cont .mainimg {
	background:url(../images/contact/mainimg_contact.jpg) no-repeat center top;
	background-size:cover;
	width:100%;
	height:393px;
	margin-bottom:70px;
}

.index-container {
	width:1146px;
	margin:80px auto 0 auto;
}

.index-container li {
	vertical-align:top !important;
	width:49%;
	padding-right: 0px;
	padding-left: 0px;
}

.index-container .index-list li div {
	position:relative;
}

.index-container .index-list li a {
	color:#FFF;
	background:#c1a250;
	width:280px;
	padding:8px 16px;
	font-family: 'Noto Serif Japanese', serif;
	text-align:center;
	font-weight:400;
}

.index-container .index-list li a:after {
	content:"　>"
}

.index-container .index-list li a:hover {
	background:#333;
	text-decoration:none;
}

.index-container .index-list li .index-btn1 {
	position:absolute;
	bottom:30px;
	left:0;
	
	
}

.index-container .index-list li .index-btn2 {
	position:absolute;
	bottom:30px;
	right:0;
}

.index-container .index-list li .index-btn3 {
	position:absolute;
	bottom:30px;
	right:0;
}

.index-container .index-list li div {
	width:100%;
	text-align:center !important;
}

.index-container iframe {
	width:100% !important;
}



 /* about
======================================= */
.about-container {
	width:1146px;
	margin:80px auto 0 auto;
}

.about-container .about-list li {
	width:49%;
	vertical-align:top;
}

 /* menu
======================================= */
.list-menu {
	margin-bottom:60px;
}

.list-menu h2 {
	border-bottom:solid 1px #333;
	padding-bottom:18px;
	margin:0;
}

.list-menu dl {
	border-bottom:solid 1px #333;
	padding:18px 8px;
	margin:0;
}

.list-menu dl:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}


.list-menu dt {
	float:left;
	font-weight:normal;
}

.list-menu dd {
	float:right;
}


 /* contact
======================================= */
#contact {
	background:url(../images/common/footimg.jpg) no-repeat center top;
	background-size:cover;
	width:100%;
	color:#FFF;
	text-align:center;
	padding:66px 0;
	margin:100px 0 24px 0;
}

#contact img {
	width:136px;
	height:auto;
	margin:0 auto 38px auto;
}

#contact a {
	color:#FFF;
}

#contact a.btn-contact {
	width:60%;
	padding:10px 14px; 
	border:solid 1px #FFF;
	color:#FFF;
	display:block;
	margin:30px auto 0 auto;
	}
	
.formarea {
	width:100%;
	margin:48px auto 0 auto;
}

.formarea label {
	width:100% !important;	
}

.formarea .wpcf7-text, .formarea .wpcf7-textarea {
	width:100% !important;
	padding:8px 14px;	
	border:solid 3px #CCC;
}




@media screen and (max-width:480px) {
/* common
======================================= */
.content-line {
	width:90%;
}


/* header
======================================= */
.navbar {
	position:absolute;
	top:6px;
	right:0;
    }
    
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c1a250;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c1a250;
    background-color: #000000;
  }
  
  .navbar-default {
    /*background-color: rgba( 0, 0, 0, 0.55 );*/
    background:none;
    }
   
   .navbar-header {
    text-align:right;
    }

    .navbar-nav {
    	width:100%;
	    
    }
    
    .navbar-default .navbar-toggle .icon-bar {
	/*box-shadow:0px 0px 6px 0px #000;
	-moz-box-shadow:0px 0px 6px 0px #000;
	-webkit-box-shadow:0px 0px 6px 0px #000;*/
	width:30px;
	height:3px;
}
    
  .navbar-default .navbar-toggle {
  border:none;
  float:none;
  margin-top:-24px;
  margin-right:0;
  background:#c1a250;
  border-radius: 0;
  padding: 12px 10px !important;
    }
    
    .navbar-default .navbar-toggle:hover {
    	/*background:none;*/
	
    }
    
   .navbar-default .navbar-collapse {
    background-color: rgba( 0, 0, 0, 0.85 );
    text-align:center;
    padding-right:0;
    padding-left:0;
    }
    
    .navbar-default .navbar-collapse li {
    	border-bottom:solid 1px #FFF;
	    border-color:rgba( 255, 255, 255, 0.45 );
	    padding:8px 0;
    }
    
    .navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border:none;
  margin-top:-8px;
}
    
    

 /* index
======================================= */
.mainimg {
	background-size:cover;
	width:100%;
	height:276px;
	margin-bottom:30px;
	position:relative;
}

.mainimg {
	background:url(../images/index/mainimg01_sp.jpg) no-repeat center top;
}

#about .mainimg {
	background:url(../images/about/mainimg_about_sp.jpg) no-repeat center top;
}

#shop .mainimg {
	background:url(../images/shop/mainimg_shop_sp.jpg) no-repeat center top;
}

#menu .mainimg {
	background:url(../images/menu/mainimg_menu_sp.jpg) no-repeat center top;
}

#cont .mainimg {
	background:url(../images/contact/mainimg_contact_sp.jpg) no-repeat center top;
}

#about .mainimg, #shop .mainimg, #menu .mainimg, #cont .mainimg {
	background-size:cover;
	height:276px;
	margin-bottom:30px;
}


.index-container {
	width:100%;
	text-align:center;
	margin-top:35px;
}

.index-container li {
	vertical-align:top !important;
	width:96%;
	padding-right: 0px;
	padding-left: 0px;
}

.index-container li img {
	margin:0 !important;
}

.index-container .index-list li .index-btn1, .index-container .index-list li .index-btn2, .index-container .index-list li .index-btn3 {
	left: 0;
	right: 0;
	margin: auto;
	bottom:20px;
}

h1 {
	font-size:36px;
	line-height:1.3;
}

.tit-read {
	font-size:18px;
}

p {
	font-size:90%;
}

 /* about
======================================= */
.about-container {
	width:100%;
	text-align:center;
	margin-top:35px;
}

h2 {
	font-size:28px;
	line-height:1.3;
	margin-bottom:14px;
}

.about-container .about-list li {
	display:block;
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

.about-container .about-list li div {
	margin:0 !important;
	text-align:left;
}


 /* menu
======================================= */



 /* contact area
======================================= */
#contact {
	background-size:cover;
	margin:50px 0 24px 0;
	}
#contact a {
	width:80%;
	}
	
/* footer
======================================= */
.footer {
	padding-top:14px;
}

}