@charset "UTF-8";
/*////////////////////////

common.css

///////////////////////*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');

@import url('https://fonts.googleapis.com/css?family=Inknut+Antiqua&display=swap');

/* common tag */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

.clearfix:after {   
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/* clearfix for ie7 */
.clearfix{
    display: inline-block;
}
.clearfix {
    display: block;
}
/* a */
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* スマホのハイライトデザインを無効にする */
}
a:focus {
	outline: none;
}
  a {
  text-decoration: none;
  color: inherit;
  }
a img:hover {
	opacity: 0.5 ;
	filter: alpha(opacity=50) ;	/* Ie用 */
    -webkit-transition: 0.6s ;
	transition: 0.6s ;
}  

.aC{text-align: center;}

/* img --- responsive */
.responsiveImg{
    display: block;
    max-width: 100%;
    height: auto;
}
img { vertical-align: bottom;}

/* 強調 */
em{
  background: linear-gradient(transparent 80%, #ec7171 0%);  
font-style: normal;}

mark{
    
}
.wow:first-child {
      visibility: hidden;
    }
/*================================
br 改行
================================*/
.tbView,
.spView{
	display:none;
}
.pcView{
	display:inherit;
}
.pcOff{
	display:off;
}


@media screen and (max-width: 767px) {
.pcView{
	display:none;
}
.spView{
	display:none;
}
.tbView{
	display:inherit;
}
.tbOff{
	display:none;
}
}
@media screen and (max-width: 414px) {
  .pcView{
	display:none;
}
.tbView{
	display:none;
}
.spView{
	display:inherit;
}
.spOff{
	display:none;
}
}
/*================================
margin / padding
================================*/
.mB40{margin-bottom: 40px;display: block;}
.mT40{margin-bottom: 40px;display: block;}
/*================================
font
================================*/
.noto{font-family: 'Noto Sans Japanese', sans-serif;}
.serifFont{font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.gothic{font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
.mont{font-family: 'Montserrat', sans-serif;}
.robo{font-family: 'Roboto Slab', serif;}
.ink{font-family: 'Inknut Antiqua', serif;}


/*================================
color
================================*/
/* michele color */
.brownF{color: #593f1e;}
.pbrownF{color:#806544}
.orangeF{color: #d49858;}
.yellowF{color: #e7b131;}
.begF{color: #f1e1b4;}
.redF{color: #ac1e1e;}
.greenF{color: #096507}
.blueF{color: #093289;}

.begBg{background: #f5eee0;}

/*================================
background
================================*/

.bg1{
    background: url(../images/bg3.gif);
}
.bg2{
    background: url(../images/bg2.gif);
}
.bg5{
    background: url(../images/bg5.gif);
}
/*================================
js
================================*/
/* wow ---- animation */
.wow:first-child {
      visibility: hidden;
    }

/*================================
ボタン
================================*/
.btnWrap{
    width: 100%;
    text-align: center;
}

.button {
  display: inline-block;
  width: 100%;
  height: 60px;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  background-color: #000;
  color: #fff;  
    font-size: 1.3em;
    letter-spacing: 0.2em;
    margin: 2% auto;
}
.button:hover {
  background-color: #ccc;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


.btn-flat-double-border {
  display: inline-block;
  padding: 1em 2em;
  text-decoration: none;
  color: #000;
  border: double 4px #000;
  border-radius: 3px;
  transition: .4s;
      background: #fff;
    font-size: 1.6em;
    letter-spacing: 0.1em;
}
.btn-flat-double-border:hover {
  background: none;
}


/* ボタン２　*/
.btn_cont{
    width: 100%;
    text-align: center;
  }

  .btn-box {
    display: inline-block;
    width: 50%;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    padding: 12px 24px;
    position: relative;
    border: 2px solid black;
    transition: .4s;
    margin: 20px;
    font-family: 'Inknut Antiqua', serif;
      background: #e7b131;
  }
  
  .btn-box:hover {
    border: 2px solid transparent;
    color: #fff;
  }
  
  .btn-box:before, .btn-box:after {
    width: 100%;
    height: 100%;
    z-index: 3;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    transform: scale(0);
    transition: .2s;
  }
  
  .btn-box:before {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform-origin: 100% 0%;
  }
  
  .btn-box:after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform-origin: 0% 100%;
  }
  
  .btn-box:hover:after,
  .btn-box:hover:before {
    transform: scale(1);
  }
@media screen and (max-width: 767px) {
    .btn-box{
        width:  90%;
    } 
}

/*================================
吹き出し
================================*/
.balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em auto;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  background: #593f1e;
  text-align: center;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #593f1e;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}

/*================================
attentionBox
================================*/
.attentionBox{
    width: 80%;
    margin: 1rem auto;
    background: #ccc;
    padding: 5%;
}
.attentionBox h3{
    text-align: center;
    font-size: 1.3em;
    letter-spacing: 0.2em;
    margin: 0 auto 1rem;
}
.attentionBox ul{
    width: 70%;
    margin: 1rem auto;
}
.attentionBox li{
    letter-spacing: 0.1em;
    
}

/*================================
attention
================================*/
#attention{
    width: 70%;
    margin: 40px auto;
    background: #f5eee0;
    padding: 5%;
}
#attention h3{
    font-size: 1em;
    letter-spacing: .2em;
    margin-bottom: 1.5em;
    text-align: center;
}
#attention p{
    line-height: 1.6em;
    letter-spacing: .1em;
}
@media screen and (max-width: 767px) {
#attention{
    width: 90%;
    padding: 6%;
}

#attention p{
    font-size: .9em;
}   
}

/*================================
tags
================================*/
.tags{

}
.tags span{
    display: inline-block;
    background: #593f1e;
    color:#fff;
    padding: 0 .4em ;
    margin: .6em .5em;
    font-size: .85em;
    border-radius: 3px;
}
/*================================
contactWrapper
================================*/
.planInfoWrap{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto;
    background: url(../images/bg3.gif);
}
.planInfoWrap .plan_ph{
    width: calc(100%/2);
    
}
.planInfoWrap .plan_ph img{
    width: 100%;
    height: auto;
}
.planInfoWrap .plan_detail{
 width: calc(100%/2);
    padding: 5%;
    box-sizing: border-box;
    color: #ffe2c6;
    line-height: 2em;
    font-size: .85em;
    letter-spacing: .1em;
}    
.planInfoWrap .plan_ti{
    font-size: 1.3em;
    letter-spacing: .1em;
    margin-bottom: 1.5em;
}    


#contactUs{
    width: 80%;
    margin: 40px auto;
    padding: 5%;
    border: 1px #593f1e solid;
}
.contactUs_wrap{
    width: 100%;
    display: flex;
    justify-content: center;
}

#contactUs h3{
    font-size: 1em;
    letter-spacing: .2em;
    margin-bottom: 1.5em;
    text-align: center;

}
#contactUs h3 span{
    font-size: .7em;
    display: block;
    border-bottom: 1px #593f1e solid;
        padding-bottom: 10px;
}
#contactUs h4{
    font-size: 1em;
    letter-spacing: .2em;
    margin-bottom: 1.5em;
    text-align: center;
    background: rgba(236, 230, 218, 0.6);
    padding-top: 10px;
}
#contactUs h4 span{
    font-size: .7em;
    display: block;
    border-bottom: 1px #593f1e solid;
        padding-bottom: 10px;
}
.contactUs_box{
    width: calc(100%/2);
    padding: 3%;
    box-sizing: ;
}
.how{
    font-size: 1.4em;
    font-weight: bold;
    letter-spacing: .1em;
    text-align: center;
    margin-bottom: 1em;
}
.contactUs_tel{
    font-size: 2em;
    font-weight: bold;
    letter-spacing: .1em;
    margin: 1em auto;
    text-align: center;
}
.contactUs_box p{
    padding: 0 5%;
    margin-bottom: 1em;
    
}

@media screen and (max-width: 767px) {
.planInfoWrap{
    width: 100%;
    flex-direction: column;
    margin: 40px auto;
    
}
.planInfoWrap .plan_ph{
    width: calc(100%/1);   
}

.planInfoWrap .plan_detail{
 width: calc(100%/1);
    padding: 5%;
    box-sizing: border-box;
    color: #ffe2c6;
    line-height: 1.8em;
}    
.planInfoWrap .plan_ti{
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 1.5em;
}  
    
 #contactUs{
    width: 96%;
    margin: 40px auto;
    padding: 5%;
    border: 1px #593f1e solid;
}
.contactUs_wrap{
    flex-direction: column;
}

#contactUs h3{
    font-size: 1em;
    letter-spacing: .2em;
    margin-bottom: 1.5em;
    text-align: center;

}
#contactUs h3 span{
    font-size: .7em;
    display: block;
    border-bottom: 1px #593f1e solid;
        padding-bottom: 10px;
}
.contactUs_box{
    width: calc(100%/1);
    padding: 3%;
    box-sizing: ;
}
.how{
    font-size: 1.4em;

}
.contactUs_tel{
    font-size: 1.4em;
    letter-spacing: inherit;
    margin: 1em auto;
    text-align: center;
}
.contactUs_box p{
    padding: 0 5%;
    
}
   
}


/*================================
structure
================================*/
body{
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
    /*background-color: #ffe2c6;*/
    background: url(../images/bg.gif);
	line-height: 1.8em;
    z-index: 0
	}

main{
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    z-index: 0;
}

main p a:link, footer a:visited{
     text-decoration: underline;
     
 }
 main p a:hover, footer a:active{
   color: #d49858;
 }
article{
    
}

section{
    
}
/*----------------------------------
title
*/
.second_title_content{
    width: 100%;
    position: relative;
    height: 400px;
    margin-bottom: 40px;
    overflow: hidden;
    border-bottom: 1px #fff solid;
    border-top: 1px #fff solid;
  }
.second_title_content img{
    width: 100%;
    height: auto;
  }
 .second_title_content h2{
     width: 100%;
    position: absolute;
  top: 50%;
  left: 0;
  /*-ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);*/
  margin:0 auto;
  padding:0;
  font-size: 3em;
    line-height: 0;
  font-weight: bold;
  color: #eeeeee;
     text-align: center;
  }
@media screen and (max-width: 767px) {
    
.second_title_content{
    height: auto;
    margin: 10px auto 0;
  }
    .second_title_content h2{
        font-size: 2em;
        line-height: 1em;
        top:40%;
    }
}

/*----------------------------------
page_txt
*/

.page_txt{
    width: 80%;
    margin: 5% auto;
    text-align: center;
    font-size: .85em;
    line-height: 1.8em;
    letter-spacing: .1em;
}

@media screen and (max-width: 767px) {
 
.page_txt{
text-align: left;
font-size: 1em;
letter-spacing: .1em;
margin: 10% auto;
}   
}


/*================================
header
================================*/
.shop{
    font-size: .65em;
    line-height: 1em;
    padding: 1em;
}
header{
    width: 100%;
    height: auto;
    z-index: 9999;
    font-family: 'Inknut Antiqua', serif;
}
  .cp_cont {
  height: auto;
  }
  /* menu */
  .cp_offcm02 {
  position: relative;
  z-index: 5;
  left: 0;
  visibility: visible;
  overflow: auto;
  width: 100%;
  height: auto;
  padding-top: 0;
  text-align: center;
  opacity: 1;
  }
  .cp_offcm02 nav {
  background: #593f1e;
  }
  .cp_offcm02 nav, .cp_offcm02 ul {
  height: 100%;
  }
  .cp_offcm02 li {
  display: inline-block;
  margin-right: -6px;
  letter-spacing: .1em;
  border: none;
  color: #ffffff;
  }
  .cp_offcm02 a {
font-size: .7em;
  display: block;
  padding: 12px 25px;
  -webkit-transition: background-color .3s ease-in;
  transition: background-color .3s ease-in;
  }
  .cp_offcm02 a:hover {
  background-color: #d49858;
  }
  /* menu toggle */
  #cp_toggle02 {
  display: none;
  }
  .cp_mobilebar {
  display: none;
  }
  /* content */
  .cp_container {
  position: relative;
  top: 0px;
  margin:0;
  padding: 35px auto 0;
  -webkit-transition: transform .3s ease-in;
  transition: transform .3s ease-in;
  }
  .cp_content {
      width: 140px;
  margin: 0 auto;
  padding: 20px;
  /* height: auto; */
  text-align: center;
  }

.cp_content img{
    width: 100%;
    height: auto;
}
.cp_content span{
    font-size: .7em;
    letter-spacing: 0.2em;
    padding-left: 10px;
 
}

@media screen and (max-width: 767px) {
.shop{
    display: none;
}  
    
.cp_container {
  padding: 0;
  }    
.cp_content {
width: 120px;
  margin: 0 auto ;
  padding: 20px;
height: auto; 
  text-align: center;
    
  }

.cp_content img{
    width: 100%;
    height: auto;
}
.cp_content span{
    font-size: .5em;
    letter-spacing: 0.2em;
    padding-left: 10px;
    padding-bottom: 10px;
}
    
  /* menu */
  .cp_offcm02 {
  position: fixed;
  z-index: 2;
  top: 0;
  /* overflow-y: scroll; */
  overflow: hidden;
  height: 100%;
  padding-top: 60px;
  -webkit-transition: opacity 0.3s ease-in, visibility 0.3s ease-in 0.3s;
  transition: opacity 0.3s ease-in, visibility 0.3s ease-in 0.3s;
  display: none;
  background-color: #f1e1b4;
  }
  .cp_offcm02 nav {
  background:  url(../images/bg2.gif);
  }
  .cp_offcm02 li {
  display: block;
  color: #593f1e;
  border-bottom: 1px solid #593f1e;
  }
  .cp_offcm02 a {
  padding: 1.2em;
  }
  .cp_offcm02 a:hover {
  background:  url(../images/bg3.gif);
    color: #fff;
  }
  /* menu toggle */
  .cp_mobilebar {
  display: block;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0 25px;
  width: 100%;
  height: 60px;
  background: url(../images/bg4.gif);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  }
  .cp_menuicon {
  display: block;
  position: relative;
  width: 25px;
  height: 100%;
  cursor: pointer;
  -webkit-transition: transform .3s ease-in;
  transition: transform .3s ease-in;
  }
  .cp_menuicon > span {
  display: block;
  position: absolute;
  top: 55%;
  margin-top: -0.3em;
  width: 100%;
  height: 0.2em;
  border-radius: 1px;
  background-color: #eeeeee;
  -webkit-transition: transform .3s ease-in;
  transition: transform .3s ease-in;
  }
  .cp_menuicon > span:before, .cp_menuicon > span:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 1px;
  background-color: #eeeeee;
  -webkit-transition: transform .3s ease;
  transition: transform .3s ease;
  }
  .cp_menuicon > span:before {
  -webkit-transform: translateY(-0.6em);
  transform: translateY(-0.6em);
  }
  .cp_menuicon > span:after {
  -webkit-transform: translateY(0.6em);
  transform: translateY(0.6em);
  }
  #cp_toggle02:checked + .cp_mobilebar .cp_menuicon {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }
  #cp_toggle02:checked + .cp_mobilebar span:before,
  #cp_toggle02:checked + .cp_mobilebar span:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  }
  #cp_toggle02:checked ~ .cp_offcm02 {
  visibility: visible;
  display: block;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  }
  /* content */
  .cp_container {
  top:60px;
  height: 25vh;
  }
  }

/*================================
accordion 
================================*/
  .accordion {
    max-width: 90%;
    width: 800px;
    margin: 40px auto;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    overflow: hidden;
  }

  .accordion-item {
    border-bottom: 1px solid #ddd;
  }

  .accordion-title {
    padding: 16px;
    cursor: pointer;
    font-weight: bold;
    background-color: #f1f1f1;
    transition: background-color 0.3s;
  }

  .accordion-title:hover {
    background-color: #e4d8c0;
  }

  .accordion-content {
    display: none;
    padding: 16px;
    background-color: #fff;
    line-height: 1.6;
  }

  .accordion-item.active .accordion-content {
    display: block;
  }

  /* レスポンシブ対応 */
  @media screen and (max-width: 480px) {
    .accordion-title,
    .accordion-content {
      padding: 14px;
      font-size: 16px;
    }
  }

  @media screen and (min-width: 481px) and (max-width: 768px) {
    .accordion-title,
    .accordion-content {
      font-size: 17px;
      padding: 15px;
    }
  }

  @media screen and (min-width: 769px) {
    .accordion-title,
    .accordion-content {
      font-size: 18px;
    }
  }

/*================================
footer
================================*/
footer{
    width: 100%;
    padding: 0;
    margin: 80px 0 0;

}

footer a:link, footer a:visited{
   color: #ac1e1e;
    text-decoration: none;
    
}
footer a:hover, footer a:active{
  color: #d49858;
}
.footerWrap{
    width: 100%;
    margin: 0 auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer_column{
    width: 50%;
    letter-spacing: 0.1em;
    text-align: left;
    padding: 3% 5%;
    box-sizing: border-box;

}
.reserveWrap{
    width: 100%;
    margin-bottom: 20px;
}
.telno{
    padding: 1rem 0;
    font-size: 1.4em;
    letter-spacing: 0.2em;
    font-weight: bold;
}
.f_shopinfo{
    margin-bottom: 15px;
}
.f_openDay{
    background: #e1d6c3;
    padding: .5em;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 15px;
}
.sns{
    font-size: 3em;
    margin-bottom: 15px;
}
.sns span{
    font-size: .4em;
}
.micheleLogo{
    width: 60%;
    margin: 0 auto 30px;
}
.micheleLogo img{
    width: 100%;
    height: auto;
}
.michele_txt{
    font-size: .8em;
    margin-bottom: 30px;
    text-align: left;
}
.michele_japan{
  width: 100%;
    margin: 0 auto 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.michele_japan .michele_ph{
    width: calc(100%/2);
    
}
.michele_japan .michele_ph img{
    width: 100%;
    height: auto;
}
.michele_japan .michele_shop{
    width: calc(100%/2);
    box-sizing: border-box;
    padding: 3%;
    letter-spacing: 0.1em;
    line-height: 1.4em;
}
.michele_japan .michele_shop span{
    font-size: .9em;
    font-weight: bold;
    color: #593f1e;
    display: block;
    margin-bottom: 15px;
}



.copyRight{
    padding: 1em;
    font-size:.8em;
	letter-spacing:0.2em;
    text-align: center;
}

/* .brownF{color: #593f1e;}
.orangeF{color: #d49858;}
.yellowF{color: #e7b131;}

#pageUp{
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:150;
	color: #000;
	font-size:2.5em;
	padding:10px 15px;
	cursor:pointer;
	z-index:150;
    background: #fff;
}
#pageUp:hover{
    color: #d9a2a8;
	background:rgba(255,255,255,.5)
} */

#reserveFix a{
    width: 200px;
    background: #ac1e1e;
    text-align: center;
    border-bottom: 3px #fff solid;
    border-left: 3px #fff solid;
    border-right: 3px #fff solid;
    color: #fff;
    line-height: 1em;
    position: fixed;
    top: 0;
    right: 50px;
    padding: 1em 0;
    letter-spacing: 0.1em;
    z-index: 9999;
    font-size: .8em;
}
#reserveFix a:hover{
    background: #e7b131;
}
/* mask */
.mask_wrap{
    width: 400px;
    margin: 20px auto 0;
}
.mask_wrap img{
    max-width: 100%;
}

@media screen and (max-width: 767px) {
.footerWrap{
    width: 100%;
    flex-direction: column;
    }
.footer_column{
    width: 100%;
    letter-spacing: 0.1em;
    text-align: left;
    padding: 5%;
    box-sizing: border-box;

}

.telno{
    padding: 1rem 0;
    font-size: 1.4em;
    letter-spacing: 0.2em;
    font-weight: bold;
    text-align: center;
}
.f_shopinfo{
    margin-bottom: 15px;
    text-align: center;
    font-size: .9em
}
.sns{
    font-size: 5em;
    text-align: center;
}

.micheleLogo{
    width: 70%;
    margin: 0 auto 30px;
}
.micheleLogo img{
    width: 100%;
    height: auto;
}

.michele_japan{
  width: 100%;
    margin: 0 auto 10px;
    flex-direction: column;
}
.michele_japan .michele_ph{
    width: calc(100%/1);
    
}
.michele_japan .michele_ph img{
    width: 100%;
    height: auto;
}
.michele_japan .michele_shop{
    width: calc(100%/1);
    box-sizing: border-box;
    padding: 6%;
    letter-spacing: 0.1em;


}
.michele_japan .michele_shop span{
    font-weight: bold;
    color: #593f1e;
    display: block;
    margin-bottom: 15px;
}



.copyRight{
	font-size:.8em;
	letter-spacing:0.2em;
    text-align: center;
}
#reserveFix a{
    width: 150px;
    background: #ac1e1e;
    text-align: center;
    border-bottom: 1px #fff solid;
    border-left: 1px #fff solid;
    border-right: 1px #fff solid;
    border-top: 1px #fff solid;
    color: #fff;
    font-size: .7em;
    line-height: 1em;
    position: fixed;
    top: 10px;
    right: 10px;
    padding: 1em 0;
    letter-spacing: 0.1em;
    z-index: 9999;
}
    
/* 
    
    #pageUp{
	position:fixed;
	bottom:20px;
	right:0px;
	z-index:150;
	color: #fff;
	font-size:2.5em;
	padding:10px 15px;
	cursor:pointer;
	z-index:150;
    background: #a4cdc4;
}
#pageUp:hover{
    color: #a4cdc4;
	background:rgba(255,255,255,.5)
} */

/* mask */
.mask_wrap{
    width: 95%;
} 
    }






/* 印刷用スタイル */
/* ===============================
	print setting
 =============================== */
@media print {
	.printNl {
		page-break-before: always;
	}
}