@charset "utf-8";

@media screen and (min-width: 769px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

*{
margin: 0;
padding: 0;
}*

img{
border-style: none;
}

a{
outline: 0;
}

.clearfix:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
.clearfix{
display: inline-block;
}

html{
height: 100%;
}

body{
width: 100%;
height: 100%;
margin: auto;
padding: 0;
font-family:"游ゴシック","YuGothic","Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", sans-serif;
background-color: #102A45;
-moz-background-size:100% auto;
background-size:100% auto;
background-image: url("../images/denimbg6.jpg");
background-attachment:fixed;
background-position: 50% 0;
}

#wrapper{
margin: auto;
padding: 0;
}

body > #wrapper {
	height: auto;
}

#container{
width: 100%;
height: 100%;
margin: auto;
padding: 0;
}

.header{
-moz-background-size:cover;
background-size:cover;
background-image: url("../images/denimbg6.jpg");
background-repeat: repeat;
background-position: 50% 0;
position:fixed;
top:0px;
left:auto;
width:100%;
height:55px;
z-index:1;
margin:auto;
}

#main_menu{
/* 元はwidth800px */
width:641px;
height:55px;
margin:auto;
}
#main_menu ul{
width:100%;
height:auto;
text-align: left;
}
#main_menu ul li{
display:block;
float: left;
}
#main_menu ul li:last-child {
border-right: none;
}
#main_menu ul li a{
display: block;
text-align: left;
}
#menu_plusblogo{
padding:9px 45px 0 0;
}
#menu_story{
padding:32px 45px 0 0;
}
#menu_concept{
padding:32px 45px 0 0;
}
#menu_products{
padding:32px 45px 0 0;
}
#menu_coffee{
padding:32px 45px 0 0;
}
#menu_access{
padding:32px 45px 0 0;
}
#menu_baystore_online{
padding:27px 45px 0 0;
}
#menu_fbtw{
padding:25px 0 0 0;
}
.menuimgleft{
float: left;
padding: 0 6px 0 5px;
}
.menuimgright{
float: right;
padding: 0 0 0 6px;
}

article{
width: 100%;
height: 100%;
margin: auto;
padding: 0;
}

section{
width: 800px;
height: auto;
margin: auto;
padding: 70px 0 70px 0;
}

section p{
font-size: 20px;
color: #d9d6d2;
text-align: justify;
line-height: 2.0;
font-weight: bold;
word-break:break-all;
overflow: auto;
text-align: left;
}

.prop{
font-size: 20px;
color: #d9d6d2;
text-align: justify;
line-height: 2.6;
font-weight: bold;
word-break:break-all;
overflow: auto;
text-align: left;
}

#top{
margin-top: 55px;
}
.topimage{
width: 100%;
height: auto;
}

/* スライド背景 */
.img1{
-moz-background-size:cover;
background-size:cover;
background-size:auto 600px;
background-image: url("../images/slide/slide_5.jpg");
background-repeat: repeat;
background-position: center center;
width: 100%;
height: 600px;
text-align: center;
line-height: 1150px;
}
.img1 img{
width: auto;
height: 398px;
}
.img2{
-moz-background-size:cover;
background-size:cover;
background-size:auto 600px;
background-image: url("../images/slide/slide_6.jpg");
background-repeat: repeat;
background-position: center center;
width: 100%;
height: 600px;
text-align: center;
}
.img3{
-moz-background-size:cover;
background-size:cover;
background-size:auto 600px;
background-image: url("../images/slide/slide_7.jpg");
background-repeat: repeat;
background-position: center center;
width: 100%;
height: 600px;
text-align: center;
}
.img4{
-moz-background-size:cover;
background-size:cover;
background-size:auto 600px;
background-image: url("../images/slide/slide_8.jpg");
background-repeat: repeat;
background-position: center center;
width: 100%;
height: 600px;
text-align: center;
}
/* スライド背景 */

.storytitileimg img{
width: auto;
height: auto;
margin:auto;
padding: 0 50px 0 0;
}
#story{
margin-top: -55px;
padding-top: 55px;
margin-bottom: 0;
}
#storyarchive{
margin-top: -105px;
padding-top: 160px;
}
#storysingle{
margin-top: -105px;
padding-top: 160px;
margin-bottom: 40px;
}
h2{
padding: 0 0 20px 38px;
}
.archive{
padding: 0 0 20px 40px;
}
.single{
padding: 0 0 20px 38px;
}
.right{
display:block;
float: right;
padding: 20px 0 0 0;
}
.storyimage{
width: 800px;
height: auto;
margin: auto;
padding: 30px 0 0 0;
text-align: center;
}
#concept{
margin-top: -55px;
padding-top: 55px;
margin-bottom: 40px;
}
.conceptimage{
-moz-background-size:cover;
background-size:cover;
background-size:auto 600px;
background-image: url("../images/concept20150522.jpg");
background-repeat: repeat;
background-position: center center;
width: 100%;
height: 600px;
text-align: center;
line-height: 700px;
}
.conceptimage img{
width: auto;
height: 95px;
}
#products{
margin-top: -55px;
padding-top: 55px;
margin-bottom: 0px;
}
.productsimage{
-moz-background-size:cover;
background-size:cover;
background-size:auto 600px;
background-image: url("../images/products20150522.jpg");
background-repeat: repeat;
background-position: center center;
width: 100%;
height: 600px;
text-align: center;
line-height: 700px;
}
.productsimage img{
width: auto;
height: 95px;
}
#coffee{
margin-top: -55px;
padding-top: 55px;
margin-bottom: 40px;
text-align: center;
}
.coffeeimage{
-moz-background-size:cover;
background-size:cover;
background-size:auto 600px;
background-image: url("../images/coffee20150522.jpg");
background-repeat: repeat;
background-position: center center;
width: 100%;
height: 600px;
text-align: center;
line-height: 1000px;
}
.coffeeimage img{
width: auto;
height: 407px;
}
#access{
margin-top: -55px;
padding-top: 55px;
height: 100%;
}
.accessimage{
-moz-background-size:cover;
background-size:cover;
background-size:auto 600px;
background-image: url("../images/access.jpg?170318");
background-repeat: repeat;
background-position: center center;
width: 100%;
height: 600px;
text-align: center;
line-height: 700px;
}
.accessimage img{
width: auto;
height: 95px;
}
.accessbox{
width: 100%;
padding: 0 0 50px 0;
}
.accessimgbox{
width: 50%;
margin-right: 55px;
margin-bottom: 50px;
float: left;
}
.accessimgbox img{
width: 100%;
margin-bottom: 5px;
}
.accessbox strong{
color: #d9d6d2;
font-weight: bold;
font-size: 16px;
}
.border{
width: 243px;
margin-left: 57%;
margin-bottom: 4px;
border-bottom: 1px solid #d9d6d2;
padding: 0;
}
p.acstxt1{
color: #d9d6d2;
font-size: 14px;
padding: 0 0 5px 0;
}
p.acstxt2{
color: #d9d6d2;
font-size: 14px;
margin: 0 0 -2px 0;
}
p.ast{
font-size: 12px;
padding: 0 0 8px 0;
}
.accessbox a{
color: #b28252;
font-size: 14px;
padding: 0 0 4px 0;
}

.item{
width: 100%;
height: auto;
padding: 0;
}
.itemtitle{
font-size: 20px;
color: #d9d6d2;
font-weight: bold;
text-align: center;
padding: 0 0 30px 0;
}
.item p{
font-size: 15px;
color: #d9d6d2;
text-align: justify;
line-height: 1.8;
word-break:break-all;
/*overflow: auto;*/
text-align: left;
}
.small{
font-size: 13px;
color: #d9d6d2;
text-align: justify;
line-height: 1.8;
word-break:break-all;
font-weight:bold;
text-align: left;
}
.itemimage_main{float:left;width:800px;height:auto;padding:0 0 30px 0;margin: -45px 0 0 0;}
.itemimage_left{float:left;width:40%;height:auto;padding:0 20px 0 0;}
.itemimage_right{float:right;width:40%;height:auto;padding:0 0 0 20px;}
#snsright{float:right;padding:0 0 10px 0;}


.box{
width: 49%;
display: inline-block;
vertical-align: top;
padding: 0;
margin-bottom: 20px;
}
.box img{
width: 70%;
height: auto;
padding: 0 0 10px 0;
}
.box strong{
font-size: 14px;
color: #d9d6d2;
font-weight: bold;
text-align: justify;
line-height: 1.8;
word-break:break-all;
overflow: auto;
text-align: left;
}
.box p{
font-size: 13px;
color: #d9d6d2;
text-align: justify;
line-height: 1.6;
word-break:break-all;
overflow: auto;
text-align: left;
padding: 0 10px 0 0;
}
.storyimgleft img{
width: 120px;
height: auto;
padding: 0 10px 40px 0;
float: left;
}

.box2{
width: 49%;
display: inline-block;
vertical-align: top;
padding: 0;
margin-bottom: 30px;
}
.box2 img{
width: 70%;
height: auto;
padding: 0 0 10px 0;
}
.box2 strong{
font-size: 14px;
color: #d9d6d2;
font-weight: bold;
text-align: justify;
line-height: 1.8;
word-break:break-all;
overflow: auto;
text-align: left;
}
.box2 p{
font-size: 12px;
color: #d9d6d2;
text-align: justify;
line-height: 1.6;
word-break:break-all;
overflow: auto;
text-align: left;
padding: 5px 10px 7px 0;
}
.box2 .listall{ clear:both; margin:0; position:relative; top:-16px; right:0;}
.productsborder{
width: 220px;
margin-left: 160px;
margin-bottom: 4px;
border-bottom: 1px solid #d9d6d2;
padding: 0;
}
.productstitleimg img{
width: auto;
height: 28px;
padding: 0 0 20px 0;
}
.productsimgleft img{
width: 150px;
height: auto;
padding: 0 10px 5px 0;
float: left;
}
.readmore{
float: left;
}
.readmore img{
width: 88px;
height: auto;
padding: 5px 0 0 0;
}
.list{
float: right;
}
.list img{
width: 41px;
height: auto;
padding: 12px 25px 0 0;
}
.box-container{}

.listall{
margin-top: 10px;
text-align: right;
}
.listall img{
width: auto;
height: 12px;
padding: 0 25px 0 0;
}

#pageTop{
position:fixed;
bottom:0px;
right:20px;
}

.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !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;}
.mb80 { margin-bottom:80px !important;}
.mb100 { margin-bottom:100px !important;}