@charset "UTF-8";
/* CSS Document */
body{
	background-color:rgba(0,0,0,1.00);
}
h2{
	font-size:1.2em;
	color:rgba(180,180,180,1.00)
}
p{
	color:rgba(180,180,180,1.00);
}
.jumbotron{
	height:600px;
	background-image:url(../images/bg_large.jpg);
	background-repeat:no-repeat;
	background-color:rgba(0,0,0,1.00);
}
.jumbotron h1{
	text-indent:-9999px;
	display:block;
	width:300px;
	height:500px;
	background-image:url(../images/name_l.png);
	background-repeat:no-repeat;
	background-position:-40px -50px;
}
p#kotoba{
	font-size:1.1em;
	color:rgba(160,160,160,1.00);
	margin-left:30px;
}
p#sign {
	font-size:1.2em;
	color:rgba(160,160,160,1.00);
	margin-top:20px;
	margin-left:280px;
}
#exhibision p{
   font-size:1.0em;
   color:(180,180,180,1.00);
}
#google_map iframe{
	margin:10px:
}
address{
	font-size:1.0em;
	color:rgba(216,216,216,1.00);
}


/*2022.09追加：スマートフォン向けECサイト誘導*/
#ec_navi{
   border-top:solid 1px;
   border-bottom:solid 1px;
   border-color:rgba(180,180,180,1.00);
   margin-top:20px;
   display:block;
   background-image: url(../images/ecnavi_bg.png);
}

#ec_navi p{
   margin-bottom:20px;
}

/*2022.09追加：ECサイト誘導*/
#sales h2{
   font-size:1.6em;
   margin-bottom:20px;
}
#linkimage{
   display:block;
   width:360px;
   height:120px;
   margin-top:40px;
   margin-bottom:40px;
   background-image: url(../images/eclink_bg.png)
}
#linkimage img{
   margin-top:22px;
   margin-left:20px;
}
/*2022.09追加：スマートフォン用brクラス*/
.sph{
   display:block; /*641px以上の場合「none」にする*/
}

/*ページTopへ戻る*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    background-color: #888;
    text-align: center;
    color: #EEE;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #500000;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.remodal {
    margin-bottom: 6px;
}
.remodal h1{
    display:block;
	float:left;
	width:50%;
}
.remodal .spec{
    display:block;
	float:left;
	width:98%;
	text-align:right;
}
.remodal .spec_size{
    display: block;
    float: left;
    width: 98%;
    text-align: right;
}
/*画面サイズ毎詳細変更*/

p#kotoba{
	font-size:0.8em;
}
p#sign{
	font-size:1.0em;
	margin-left:210px;
}
    .remodal h1{
	width:100%;
}
.remodal .spec{
	margin-top:4px;
    font-size:1.1em;
	width:98%;
    letter-spacing:0.2em;
}
.remodal .spec_size{
    margin-top: 32px;
    font-size: 0.5em;
    letter-spacing: 0.1em;
}

@media screen and (min-width:361px){
#linkimage{
   width:400px;
}
p#kotoba{
	font-size:0.9em;
}
.remodal h1{
	width:100%;
}
.remodal .spec{
	margin-top:4px;
    font-size:1.4em;
	width:95%;
    letter-spacing:0.2em;
	}
.remodal .spec_size{
    margin-top: 4px;
    margin-bottom: 6px;
    font-size: 0.8em;
    letter-spacing: 0.1em;
}
}
@media screen and (min-width:641px){
#linkimage{
   width:640px;
}
.jumbotron{
	height:400px;
	background-image:url(../images/bg_large.jpg);
	background-repeat:no-repeat;
	background-color:rgba(0,0,0,1.0);
}
.jumbotron h1{
	width:150px;
	height:300px;
	background-image:url(../images/name_s.png);
	background-position:-40px -30px;
}
li{
	font-size:0.9em;
}
a.navbar-brand{
	font-size:0.9em;
}
p#kotoba {
	margin-left:0px;
	font-size:1em;
}
.remodal h1{
	font-size:1.4em;
}
.remodal .spec{
	margin-top:8px;
	font-size:2em;
    letter-spacing:0.15em;
}
.remodal .spec_size{
    margin-top: 4px;
    font-size: 1.0em;
    letter-spacing: 0.1em;
}
#linkimage img{
   margin-left:50px;
}
.sph{
   display:none;
}
}
@media screen and (min-width:768px){
#ec_navi{
   display:none;
}
#linkimage{
   width:700px;
}
p#kotoba{
	margin-left:0;
	font-size:1.0em;
}
li{
	font-size:0.8em;
}
a.navbar-brand{
	font-size:0.8em;
}
p#sign {
	margin-left:240px;
}
.remodal h1{
	font-size:1.4em;
}
.remodal .spec{
    margin-top: 6px;
	font-size:1.2em;
   letter-spacing:0.2em;
}
.remodal .spec_size{
    margin-top: 4px;
    font-size: 1.0em;
    letter-spacing: 0.1em;
}
.sph{
   display:none;
}
}
}
@media screen and (min-width:990px){
#ec_navi{
   display:none;
}
#exhibision p{
   font-size: 3.0em;
}
.remodal h1{
	font-size:1.4em;
}
.remodal .spec{
	margin-top:10px;
	font-size:1.8em;
    letter-spacing:0.18em;
}
.remodal .spec_size{
    margin-top: 4px;
    font-size: 1.0em;
    letter-spacing: 0.1em;
}
.sph{
   display:none;
}
}
}