@charset "utf-8";

html{
	font-size:100%; /* =16px */
}

/*---ボディと構造体 全体指定--*/
body {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	color: dimgrey;
}

.wrapper{
	max-width: 1170px;
	min-width: none;
	background-color: white;
	padding: 0px;
	border: thin solid white;
}

/*---見出し セレクタ--*/
/*見出し2、英語ロゴはモバイル用　デスクトップ用は下記*/

 .catchcopy{
	color: white;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 2.0rem;
	font-weight: 600;
	line-height: 150%;
	display: block;
	padding: 10px 10px 10px 10px;
	text-align: center;
	width: 100%;
	background: rgba( 000, 000, 000, 0.30 ); /* 30％不透明度(＝70％透過) */
	}

h1{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 1.6rem; 
	font-weight: 900;
	color: black;
}

h2{
	color: grey;
	font-size: 1.6rem;
	font-weight: 500;
}

.h3special{
	color:#415F0E;
	font-size: 1.4rem;
	font-weight: bolder;
}

h4 {
	font-size:  1.0rem;
	font-weight: 600;
	padding-top: 10px;
	color: black;
}

h5{
	font-size:  1.0rem;
	font-weight: 600;
}


p {
	font-size: 1.0rem;
	font-weight: 400;
	line-height: 170%;
	text-align: left;
	text-indent: 10px;
	padding-left: 10px;
	padding-right: 0px;
}

/*---画像---*/

.img-full {
	width:100% ;
	}

a{
	color: #336600;
	font-weight:bold;
}

a:hover{
	color:#0044CC;
	text-decoration: none;
}

 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/*---区切り線---*/

hr{
border: solid thin white;
}


/*---特殊文字指定---*/

.englishlogo {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
	font-size: 1.6rem;
	font-weight: 200;
	margin-bottom: 30px;
	}

.mailfont{
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
	font-weight: bold;	
}

.shippingfree{
	font-size: 1.6rem;
	font-weight: 600;
	color: green;
	margin-bottom: 30px;
	text-align: center;
}

/*---企業理念---*/

.company-idea{
     display: flex;
  justify-content: center;
	}
.idea-box{
    margin-bottom: 20px;
	maragin-right:5px;
	}

.company-idea P{
	margin-bottom: 0px;
	text-indent: 0px;
}

/*---コンテンツーラインナップ--*/

.lineup-box{
	margin-bottom: 30px;
	text-align: center;
}

.lineup-box {
	text-align: center;
}

.img-thumbnail {
	border:none;
	padding:0px;
}

.lineup-box p{
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 0px;
}

a.label-lineup{
	display: block;
	border: thin solid dimgrey;
	color:dimgrey;
	text-decoration: none;
	text-align: center;
	width: 100px;
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 50px;
	padding: 5px;
}

a.label-lineup:hover{
    background-color: dimgrey;
	text-decoration: none;
	color:white;
}

  
/*---ショップ　実店舗---*/
.info-wrapper{
	background-color: #e8e2c9;
	margin:0px;
	padding: 5px 20px; 
}

/*ショップ*/
.shop-box {
	margin: 0px;
	text-align: center;
	background-color: #415F0E;
	padding-top: 5px;
	padding-bottom: 30px;
	color:white;
}
.shop-box > h3 >a {
    color: white;
    font-weight: 400;
    font-family: Georgia, "Times New Roman", Times, serif;
    display: block;
    margin-bottom: 20px;
}

.shop-box >h3 > a:hover,
.shop-box >h3 > a:focus {
	color: #0044CC;
	text-decoration: underline;
	display: block;
	background-color: rgba( 255, 255, 255, 0.30 ); /* 30％不透明度(＝70％透過) */ 
}
.shop-box >p {
	text-align: center;
    color: white;
	margin-top: 30px;
}
.shop-box >p >a {
	text-align: center;
    color: white;
	margin-top: 30px;
}

.shop-box >p > a:hover,
.shop-box >p > a:focus {
	color: #0044CC;
	text-decoration: underline;
	display: block;
	background-color: rgba( 255, 255, 255, 0.30 ); /* 30％不透明度(＝70％透過) */ 
}

/*会社案内*/

.company-box {
	text-align: center;
	margin:0px;
	padding: 5px 20px; 
	
}

.company-box h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #595959;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.company-box h3 > a{
    color: #595959;
    display: block;
}

.company-box h3 > a:hover{
	color: #0044CC;
	background: rgba(255,255,255,0.30);
	}

.company-box> p {
	color: black;
	font-weight: 500;
	line-height: 130%;
}

.welcom-info{
	margin-top: 10px;
		}

.welcom-info >P{
    color:black;
	text-align: center;
	padding-left: 0px;
	text-indent: 0px;
}

.important{
	color:black;
	font-size: 1.1rem;
	font-weight: 600;
}

/*資料館*/

.museum-box {
    text-align: center;
    margin: 0px;
    padding: 5px 20px;
    background-color: #F1EEDF;
	}

.museum-box h3 {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.3em;
    text-align: center;
    margin-bottom: 20px;
}

.museum-box h3 > a{
	display: block;
}

.museum-box h3 > a:hover{
	color: #0044CC;
	background: rgba(255,255,255,0.30);
}
.museum-box> p{
	color: black;
	margin-top: 20px;
}

/*お知らせ*/


.info{
	color:red;
	font-size: 1.4rem;
	font-weight: bolder;
}

.info-box {
	margin-top: 5px;
	padding: 5px;
	background-color: #F1EEDF;
}

.caution {
    color:red;
    font-weight: bolder;
   	}

.question-box{
	margin-top: 30px;
}

/*カレンダー*/

.calendar-box{
	margin: 10px;
	padding:5px;
	border-width: thin;
	border-color: #415F0E;
	background-color: #ffffff;
	display: block;
}

/*---コンテンツー動画--*/

.movie-wrapper {
	padding-bottom: 10px;
	margin-bottom: 30px;
	background-color: #415F0E;
	color:white;
}

.movie-expl {
	border: thin solid #a9a9a9;
	padding: 0px 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.movie-expl h3{
	color: white;
}

.movie-box{
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.movie-img-full {
	width:100% ;
	height: 100% ;
	padding-left: 0px;
	padding-top: 0px;
	position: absolute;
}

.more-info{
	padding-left: 20px;
}

.more-info a{
	color:white;
	text-align: left;
	display: block;
	padding:1px;
}

.more-info a:hover{
	display: block;
	background-color: rgba( 255, 255, 255, 0.30 ); /* 30％不透明度(＝70％透過) */ 
	color: #0044cc;
	
}

/*---ナビバー-*/
.navbar-brand {
  float: left;
  height: 60px;
  padding: 10px 15px 0px 15px;
  font-size: 18px;
  line-height: 20px;
}

.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 20px;
  padding-bottom: 10px;
  line-height: 20px;
}

.navbar-inverse {
  background-color: #415f0e;
  border-color: #415f0e;
  padding-top: 3px;
	padding-bottom: 3px;
  margin-bottom: 0px;
  font-size: 1.1rem;
	font-weight: bold;
}
.navbar-inverse .navbar-brand {
  
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    background-color: transparent;
}
.navbar-inverse .navbar-text {
 }
.navbar-inverse .navbar-nav > li > a {
  color: white;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: red;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #003300;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #e4e4ca;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #003300;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #003300;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #003300;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #e4e4e4;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #003300;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #e4e4e4;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #e4e4e4;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

/*ナビバーラベル*/
.label-en {
	display: inline;
	padding: .2rem .6rem .3rem;
	font-size: 100%;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.2rem;
	border: thin solid white;
}

/*---フッター--*/

.footer-wrapper{
	background-color: #e8e2c9;	
	padding-top:0px;
}

.footer-expl-box{
	padding-top: 0px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	margin-top: 0px;
}

.sns-box{
	padding-right: 20px;
}

/*著作権*/
footer{
	margin-top: 20px;
	border-top: thin solid;
	border-top-color: #B4B4B4;
	color:gray;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
	text-align: center;
}


/*ジャンボトロン*/
.jumbotron {
	padding-bottom: 5px;
	margin-top: 2px;
	margin-bottom: 3%;
	}

.container .jumbotron,
.container-fluid .jumbotron {
	padding-top: 5%;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0%;
	background-image: url("../toppage/topimage-20251001.jpg");
	background-size: cover;
	background-position: center;
 }

.jumbotron .container {
	max-width: 100%;
	max-height:100%;
	text-align: center;
	}

.jumbotron .col-xs-12{
	padding-top:45%;
	padding-bottom: 5%;
	}

.jumbotron a {
	color: white;
	text-decoration: none;
	display: block;
	min-width: 0px;
	padding: 10px;
	border:thin solid white;
	width:120px;
	background: rgba( 000, 000, 000, 0.30 ); /* 30％不透明度(＝70％透過) */ 
}

.jumbotron a:hover,
.jumbotron a:active {
	color: white;
	display: block;
	background-color: dimgrey;
	
}


@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .catchcopy{
	font-size: 2.0rem;
	  width:100%;
	}	
　 h1{
	font-size: 1.6rem;
	}
	.englishlogo{
		font-size: 2rem;
	}
	.samehight{
	display:flex;
}


}

@media screen and (max-width: 480px) {
  
  .catchcopy{
	font-size: 1.0rem;	
	  width: 100%;
	}	
　 h1{
	font-size:0.9rem;
	}
	.englishlogo{
		font-size: 1.4rem;
	}
	.shippingfree{
	font-size: 1.2rem;
	font-weight: 900;
	line-height: 120%;
	}
}
.question {
}