@charset"utf-8";
/*銘仙*/
/* ============================役物================================*/

/* ------------------------------>テーブル系 */

 
/* =========================================================================*/
/*                             各ページ指定部                                   */
/* =========================================================================*/

/* ---------------------------> index.php */
@media screen and (max-width: 799px) {
#wats_tit{
 position:relative;
 top:0px;
 width:80vw;
 height:15vw;
 Z-index:4;
 margin:0px auto;
 background:url('../images/wats_tit.png');
 background-position:center top;
 background-repeat:no-repeat;
 background-size:100%;
}
}
@media screen and (min-width: 800px) {
#wats_tit{
 width:220px;
 height:44px;
 Z-index:40;
 margin:-20px auto 0px auto;
 background:url('../images/wats_tit.png');
 background-position:left top;
 background-repeat:no-repeat;
 background-size:100%;
}
}

@media screen and (max-width:799px) {
#main_contents_box{
 margin-top:15vw;
 width:100%;
 z-index:50;
 overflow:hidden;
}
#main_inner{
 width:94vw;
 overflow:hidden;
 margin-left:3vw;
}
}

@media screen and (min-width:800px) {
#main_contents_box{
 width:calc(100% - 40px);
 height:calc(100vh - 80px);
 z-index:100;
 position:absolute;
 top:40px;
 left:40px;
 overflow:hidden;
}
#main_inner{
 width:95vw;
 overflow:hidden;
 margin:0px auto;
}
}

@media screen and (max-width: 799px) {
.round_ph {
 width:19.3vw;
 height:19.3vw;
 margin:1.6vw;
 float:left;
 border-radius:15vw;
}
.round_ph a{
 width:19.3vw;
 height:19.3vw;
 display:block;
}
.round_ph:active{
 width:19.3vw;
 height:19.3vw;
 margin:1.6vw;
 float:left;
 border-radius:0vw;
 z-index:-10;
  /*アニメーション*/
 transition-property:border-radius;
 transition-duration:0.4s;
 transition-timing-function:ease-out;
 transition-delay:0.05s;
 }
.cap_txt{
 padding:0px 6px;
 line-height:1.2em;
 border-top:1px solid #f19fb4;
 border-bottom:1px solid #f19fb4;
 font-size:60%;
 text-align:left;
 background:rgba(255,255,255,0.9);
 z-index:10;
 position:relative;
 top:-20px;
 float:left;
}
#meisen_sine{
 position:fixed;
 bottom:0vw;
 left:0vw;
 width:50vw;
 height:25vw;
 z-index:100;
} 
#logo01{
 position:fixed;
 bottom:6px;
 right:6px;
 width:30vw;
 height:30vw;
 border:1px solid #b00003;
 border-radius:8px/8px;
 background:url('../images/logo_01.png') rgba(255,255,255,0.6);
 background-position:center center;
 background-repeat:no-repeat;
 background-size:80%;
 z-index:100;
}
#guines_i{
 position:fixed;
 bottom:6px;
 left:6px;
 width:30vw;
 z-index:100;
}
}
@media screen and (min-width: 800px){
.round_ph {
 width:7.5vw;
 height:7.5vw;
 margin:0.9vw;
 float:left;
 border-radius:5vw;
}
.round_ph a{
 width:7.5vw;
 height:7.5vw;
 display:block;
 text-decoration:none;
}
.round_ph:hover{
 width:8.5vw;
 height:8.5vw;
 margin:0.4vw;
 float:left;
 border-radius:0vw;
 z-index:-10;
  /*アニメーション*/
 transition-property:border-radius;
 transition-duration:0.4s;
 transition-timing-function:ease-out;
 transition-delay:0.05s;
 }
.cap_txt{
 padding:0px 6px;
 line-height:1.2em;
 border-top:1px solid #f19fb4;
 border-bottom:1px solid #f19fb4;
 font-size:70%;
 text-align:left;
 background:rgba(255,255,255,0.9);
 z-index:10;
 position:relative;
 top:-40px;
 float:left;
}
#meisen_sine{
 float:left;
 width:19vw;
 height:9.5vw;
}
#logo01{
 position:fixed;
 bottom:40px;
 right:60px;
 width:12vw;
 height:12vw;
 border:1px solid #b00003;
 border-radius:8px/8px;
 background:url('../images/logo_01.png') rgba(255,255,255,0.6);
 background-position:center center;
 background-repeat:no-repeat;
 background-size:80%;
 z-index:100;
}
#guines_i{
 position:fixed;
 bottom:40px;
 left:60px;
 width:12vw;
 z-index:100;
}
}
 
/* ---------------------------> kimono page */
@media screen and (max-width: 799px){
#gall_tit{
 position:relative;
 top:0px;
 width:80vw;
 height:15vw;
 Z-index:4;
 margin:0px auto;
 background:url('../images/gall_tit.png');
 background-position:left top;
 background-repeat:no-repeat;
 background-size:100%;
}
}
@media screen and (min-width: 800px){
#gall_tit{
 width:308px;
 height:61px;
 Z-index:40;
 margin:-28px auto 0px auto;
 background:url('../images/gall_tit.png');
 background-position:center top;
 background-repeat:no-repeat;
 background-size:100%;
}
}

@media screen and (max-width: 799px){
#gallery_box{

}
}
@media screen and (min-width: 800px){
#gallery_box{
 width:calc(100% - 20px);
 height:100%;
 margin-left:20px;
}
}

@media screen and (max-width:799px){
#gallery_main_contents_box{
 width:100%;
 margin-top:15vw;
 z-index:100;
 overflow:hidden;
}
}
@media screen and (min-width:800px){
#gallery_main_contents_box{
 width:calc(100% - 40px);
 height:calc(100vh - 80px);
 z-index:100;
 position:absolute;
 top:40px;
 left:40px;
 overflow:hidden;
}
}

@media screen and (min-width:800px){
#gotop_menu_bt {
 position:fixed;
 border:1px solid #e50011;
 top:60px;
 left:60px;
 width:10vw;
 height:10vw;
 background:#ffffff url('../images/home_bt_01.png');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:top center;
 z-index:10;
}
#gotop_menu_bt a{
 width:10vw;
 height:10vw;
 margin:0vw;
 display:block;
}
#gotop_menu_bt :hover{
 width:10vw;
 height:10vw;
 margin:0vw;
 background:rgba(229,0,17,0.3);
  /*アニメーション*/
 transition-property:background;
 transition-duration:0.4s;
 transition-timing-function:ease-out;
 transition-delay:0.05s;
 }
 .dummy_ph_specer{
 width:9vw;
 height:9vw;
 margin:1vw;
 float:left;
 z-index:-10;
 }
}
.op_gallery_bt{
 width:176px;
 height:29px;
 cursor:pointer;
 margin:0px auto;
 background:#ffffff url('../images/more_back01.png');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:top center;
 z-index:10;
}
.op_gallery_bt:hover{
 filter:alpha(opacity=50);
 opacity:0.5;
  /*アニメーション*/
 transition-property:background;
 transition-duration:0.4s;
 transition-timing-function:ease-out;
 transition-delay:0.05s;
}

/* =========================================================================*/
/*                               全体固定の指定部                               */
/* =========================================================================*/

#wallpaper{
 background:#ffffff url('../images/header_bak01.jpg');
 background-repeat:no-repeat;
 background-size:100%;
 background-position:top center;
}
#header{
 width:100vw;
 height:24.8vw;
}
@media screen and (max-width: 799px){
#header_inner{
 width:96vw;
 height:24.8vw;
 margin:0px auto;
 text-align:left;
}
}@media screen and (min-width: 800px){
#header_inner{
 width:1000px;
 height:24.8vw;
 margin:0px auto;
 text-align:left;
}
}

@media screen and (max-width: 799px){
#head_tit_big{
 margin-top:2vh;
 width:40vw;
}
}
@media screen and (min-width: 800px){
#head_tit_big{
 margin-top:16vw;
 height:3vw;
}
}
@media screen and (max-width: 799px){
#pc_top_navi{
 display:none;
}
}
@media screen and (min-width: 800px){
#pc_top_navi{
 position:relative;
 top:2vh;
 left:2vw;
 min-width:600px;
 overflow:hidden;
}
#pc_top_navi li {
 list-style:none;
 min-width:100px;
 font-size:80%;
 float:left;
 margin-right:6px;
 overflow:hidden;
 background:#3e3a39;
 color:#ffffff;
 text-align:center;
 font-weight:bold;
}
#pc_top_navi li a{
 color:#ffffff;
 padding:4px 6px;
 display:block;
}
}

#container{
 width:100vw;
 height:100vh;
 text-align:center;
 margin:0px;
}

@media screen and (max-width: 799px){
#main_box{
 width:96vw;
 text-align:left;
 margin:10px auto;
 overflow:hidden;
 line-height:1.6em;
}
}
@media screen and (min-width: 800px){
#main_box{
 width:calc(100vw - 120px);
 text-align:left;
 margin:20px auto;
 overflow:hidden;
 line-height:1.6em;
 position:relative;
}
}
/*ここから右の罫線のまとめ*/
@media screen and (max-width: 799px) {
#right_box{
 width:94vw;
 margin:0px auto;
}
#right_top_matome{
 position:fixed;
 top:0vw;
 left:0vw;
 width:100vw;
 height:16vw;
 background:#ffffff;
 z-index:20;
}
#right_top_boder{
 
}
#right_inner_left{
 display:none;
}
#right_inner_center{
 
}
#right_inner_right{
 display:none;
}
#right_bottom_matome{
 display:none;
}
#right_bottom_boder{
 display:none;
}
.square{
 display:none;
}
}
/*ここから右の罫線のまとめ*/
@media screen and (min-width: 800px){

#right_box{
 width:calc(100% - 40px);
 height:100%;
 margin-left:20px;
}
#right_top_matome{
 width:calc(100% - 20px);
 margin-top:20px;
 z-index:-100;
}
#right_top_matome a{
 text-decoration:none;
}
#right_top_boder{
 width:calc(100% - 80px);
 height:40px;
 border-top:1px solid #b00003;
 float:left;
}
#right_inner_left{
 width:40px;
 min-height:calc(100vh - 120px);
 border-left:1px solid #b00003;
 float:left;
 overflow:hidden;
 z-index:-100;
}
#right_inner_center{
 width:calc(100% - 80);
 min-height:calc(100vh - 120px);
 float:left;
 overflow:hidden;
 z-index:-100; 
}
#right_inner_right{
 width:40px;
 min-height:calc(100vh - 120px);
 border-right:1px solid #b00003;
 float:right;
 margin-right:20px;
 z-index:-100;
}
#right_bottom_matome{
 width:calc(100% - 20px);
 margin-bottom:20px;
 overflow:hidden;
 clear:both;
 float:left;
 z-index:-100; 
}
#right_bottom_boder{
 width:calc(100% - 80px);
 height:40px;
 border-bottom:1px solid #b00003;
 float:left;
}
.square{
 width:40px;
 height:40px;
 background:#ffffff;
}
}

@media screen and (min-width:800px) {
#menu_op_but{
 display:none;
}
#menu_bot_box_01{
 display:none;
}
#top_bot_01,#top_bot_02,#top_bot_03,#top_bot_04,#top_bot_05,#top_bot_06,#top_bot_07,#top_bot_08{
 display:none;
}
}

@media screen and (max-width: 799px) {
#left_box{
}
}


@media screen and (max-width:799px) {
/*これはjqureyスクロールバーの設定*/
body {overflow-x: hidden;}
}
@media screen and (min-width:800px) {
/*これはjqureyスクロールバーの設定*/
body {overflow: hidden;}
}

.mCSB_draggerContainer{
 width:6px;
 background:#f8d2e3;
}
.mCSB_dragger{
 background:#e50011;
}
.mCSB_dragger_bar{
 width:6px;
 color:#e50011;
}

@media screen and (max-width:799px) {
 #footer{
  background:#3e3a39;
  color:#ffffff;
  font-size:70%;
  line-height:1.2em;
  padding:6px;
 }
 #footer a{
  color:#ffffff;
 }
 #footer a:active{
  color:#f19fb4;
  text-decoration:none;
 }
}
@media screen and (min-width:800px) {
 #footer{
  background:#3e3a39;
  color:#ffffff;
  font-size:80%;
  padding:20px;
 }
 #footer a{
  color:#ffffff;
 }
 #footer a:hover{
  color:#f19fb4;
  text-decoration:none;
 }
}