@charset "utf-8"; /*shop*/
@import url("./yakumono.css");


/* =============================================*/
/*                  固定指定部                     */
/* =============================================*/
@media screen and (min-width: 1401px) {
  #container{
    top:0vw;
    width:80vw;
    margin:0vw auto;
    overflow:hidden;
  }
}
@media screen and (max-width: 1400px) {
  #container{
    top:0vw;
    width:95vw;
    margin:0vw 2.5vw;
    margin:0vw auto;
    overflow:hidden;
    /*background:rgba(255,255,255,0.5);*/
  }
}

/* ====================header=====================*/
#header{
  width:100%;
  height:16.5vw;
  background:url('../img/header_bak.jpg');
  background-position:center;
  background-size:cover;
  overflow:hidden;
  margin-bottom:1vw;
}	
@media screen and (max-width: 1400px) {
  #header{
    width:100%;
	height:20vw;
	background:url('../img/header_bak.jpg');
    background-position:center;
    background-size:cover;
    margin-bottom:2vw;
  }		
}
#header01{
  width:100%;
  height:10vw;
  background:url('../01good_sleep/img/header_bak.jpg');
  background-position:center;
  background-size:cover;
  overflow:hidden;
  margin-bottom:1vw;
}	
@media screen and (max-width: 1400px) {
  #header01{
    width:100%;
	height:20vw;
	background:url('../01good_sleep/img/header_bak.jpg');
    background-position:center;
    background-size:cover;
    margin-bottom:2vw;
  }		
}
#header02{
  width:100%;
  height:10vw;
  background:url('../02no_shading/img/header_bak.jpg');
  background-position:center;
  background-size:cover;
  overflow:hidden;
  margin-bottom:1vw;
}	
@media screen and (max-width: 1400px) {
  #header02{
    width:100%;
	height:20vw;
	background:url('../02no_shading/img/header_bak.jpg');
    background-position:center;
    background-size:cover;
    margin-bottom:2vw;
  }		
}

#header h1{
  color:#dc143c;
  text-shadow: 2px 2px 3px #ffb6c1;
  margin-top:12vw;
}
#header01 h1,#header02 h1{
  color:#fff;
  text-shadow: 2px 2px 3px #000;
  margin-top:3.2vw;
}
@media screen and (max-width: 1400px){
  #header01 h1,#header02 h1{
    margin-top:5.6vw;
  }
}

@media screen and (min-width: 1401px) {
  #s_nemu_on{display:none;}
  #s_nemu_off{display:none;}
}
@media screen and (max-width: 1400px) {
  #s_nemu_on{
    position:fixed;
    top:10px;
    right:10px;
    width:40px;
    height:40px;
    display:none;
    z-index:200;
  }
  #s_nemu_off{
    position:fixed;
    top:10px;
    right:10px;
    width:40px;
    height:40px;
    display:none;
    z-index:200;
  }
}
@media screen and (min-width: 1401px) {
  #menu{
   display:block;
  }
}
@media screen and (max-width: 1400px) {
  #menu{
    position:fixed;
    top:12vw;
    left:0px;
    width:100%;
    height:83vh;
    padding:10px;
    background:rgba(0,0,0,0.5);
    overflow:hidden;
    z-index:100;
    display:none;
  }
}


#left_box li {
  margin-bottom:4px;
   width:100%;
}
#left_box li  a{
  border-left:4px solid #000879;
  padding:10px;
  color:#333;
  text-decoration:none;
  display:block;
  background:#d2ebf1;
}
#left_box li a:hover{
  padding:10px;
  color:#fff;
  display:block;
  border-left:4px solid #ccc;
  background:#000879;
  transition-property:background;
  transition-color:background;
  transition-duration:0.3s;
  transition-timing-function:ease-out;
  transition-delay:0.1s;
}

.ser_btn{
  width:20%;
  height:3vw;
  line-height:3vw;
  background:#000879;
  color:#fff;
  border-radius: 0px 6px 3px 0px;
}

/* ==================body最後=====================*/
#goto_top{
  width:40px;
  height:40px;
  background:#0080ff;
  color:#fff;
  border-radius:20px/20px;
  position:fixed;
  bottom:40px;
  right:-50px;
  line-height:40px;
  text-align:center;
  z-index:100;
  transition: 0.4s;
}

#goto_top a{
	display:block;
	color:#fff;
	text-decoration:none;
}
#goto_top.block{
	transform: translatex(-70px);
}
@media screen and (min-width: 1401px) {
  #footer{
	width:80%;
    margin:0vw auto;
    text-align:center;
    font-size:80%;
    background-color:#231815;
    color:#ffffff;
    line-height:1em;
    padding:10px 0px;
    overflow:hidden;
  }
}
@media screen and (max-width: 1400px) {
  #footer{
    width:95vw;
    margin:0vw 2.5vw;
    margin:0vw auto;
    text-align:center;
    font-size:80%;
    background-color:#231815;
    color:#ffffff;
    line-height:1.2em;
    padding:10px 0px;
    overflow:hidden;
  }
}
#footer a{
  color:#ffffff;
}

.clear{
  clear:both;
}

iframe {
  border: none;
}
  
td,th{
  vertical-align:top;
  padding:0.3vw;
}

p{margin:0px;
  box-sizing: border-box;
}

div{
  box-sizing: border-box;
}

ul{
  margin:0px;
  padding:0px;
}
li{
  list-style:none;
}

img {border:0px;}
a:hover img{
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
a:active img{
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
a img{
  filter:alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

@media screen and (max-width: 1400px) {
  .s{display:block;}
  .pc{display:none;}
}
@media screen and (min-width: 1401px) {
  .s{display:none;}
  .pc{display:block;}
}

body { 
  background : #fff;
  margin:0;
  text-align:center;
  color:#333;
  font-family: Verdana, Roboto, "Droid Sans", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic", sans-serif;
  line-height:1em;
  -webkit-text-size-adjust: 100%;
 }