/* CSS Document by cryastalvision*/
/* Initialization */
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,p,table,th,td,caption,form{margin:0;padding:0;border:0;font-style:normal;font-weight:normal;font-size:102%;list-style:none;}
input,textarea{margin:0;padding:0;font-style:normal;font-weight:normal;font-size: 100%;text-align: left;}
address, caption, cite, code, dfn, em, th, var{font-style:normal; font-weight:normal;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
abbr, acronym{border:0;}
h1, h2, h3, h5, h6{font-size:102%;font-weight:normal;}
h4{font-size:100%;font-weight:normal;}
a{text-decoration: none;color:black;}
a:hover{opacity:0.5;}
button{padding: 0;}

html { height: 100%; }
body{height: 100%; font-family: "Noto Sans Japanese";}

footer{margin-top: 40px;}

/* micro clearfix */
.cf:before,
.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

/* ----------------------------------------------------------------
Input Parts
----------------------------------------------------------------- */
.text_form,input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="number"],input[type="date"],textarea{
	-webkit-appearance:none;
	border-radius:0;
}
.text_form,input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="number"],input[type="date"],textarea{
	box-sizing: border-box;
	margin: 0 5px 5px;
	padding: 7px 5px 7px 5px;
	border: 1px solid #9F9F9F;
}
select{
	-webkit-tap-highlight-color : rgba(0,0,0,0);
	margin: 0 5px 5px;
	padding: 4px 2% 6px 5px;
	border: 1px solid #9F9F9F;
	border-radius:0;
	z-index: 1;
	font-size: 1em;
}
textarea{
	width: 100%;
	height: 100px;
}
.text_form:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="number"]:focus,input[type="date"]:focus,select:focus,textarea:focus{
	background-color: #FFF2D7;
}
text-indent :0px;


/* -----------------------
  その他
----------------------- */
.clear{clear: both;}
.ft_lt{float:left;}
.ft_rt{float:right;}
.text_lt{text-align: left;}
.text_cr{text-align: center;}
.text_rt{text-align: right;}

.m0   { margin:        0px  !important; }
.m5   { margin:        5px  !important; }
.m10  { margin:        10px !important; }
.m15  { margin:        15px !important; }
.m20  { margin:        20px !important; }
.m25  { margin:        25px !important; }
.m30  { margin:        30px !important; }
.m35  { margin:        35px !important; }
.m40  { margin:        40px !important; }
.m45  { margin:        45px !important; }
.m50  { margin:        50px !important; }
.p0   { padding:       0px  !important; }
.p5   { padding:       5px  !important; }
.p10  { padding:       10px !important; }
.p15  { padding:       15px !important; }
.p20  { padding:       20px !important; }
.p25  { padding:       25px !important; }
.p30  { padding:       30px !important; }
.p35  { padding:       35px !important; }
.p40  { padding:       40px !important; }
.p45  { padding:       45px !important; }
.p50  { padding:       50px !important; }

.mt0  { margin-top:      0px !important; }
.mr0  { margin-right:    0px !important; }
.mb0  { margin-bottom:   0px !important; }
.ml0  { margin-left:     0px !important; }
.mt5  { margin-top:      5px !important; }
.mr5  { margin-right:    5px !important; }
.mb5  { margin-bottom:   5px !important; }
.ml5  { margin-left:     5px !important; }
.mt10 { margin-top:     10px !important; }
.mr10 { margin-right:   10px !important; }
.mb10 { margin-bottom:  10px !important; }
.ml10 { margin-left:    10px !important; }
.mt15 { margin-top:     15px !important; }
.mr15 { margin-right:   15px !important; }
.mb15 { margin-bottom:  15px !important; }
.ml15 { margin-left:    15px !important; }
.mt20 { margin-top:     20px !important; }
.mr20 { margin-right:   20px !important; }
.mb20 { margin-bottom:  20px !important; }
.ml20 { margin-left:    20px !important; }
.mt25 { margin-top:     25px !important; }
.mr25 { margin-right:   25px !important; }
.mb25 { margin-bottom:  25px !important; }
.ml25 { margin-left:    25px !important; }
.mt30 { margin-top:     30px !important; }
.mr30 { margin-right:   30px !important; }
.mb30 { margin-bottom:  30px !important; }
.ml30 { margin-left:    30px !important; }
.mt35 { margin-top:     35px !important; }
.mr35 { margin-right:   35px !important; }
.mb35 { margin-bottom:  35px !important; }
.ml35 { margin-left:    35px !important; }
.mt40 { margin-top:     40px !important; }
.mr40 { margin-right:   40px !important; }
.mb40 { margin-bottom:  40px !important; }
.ml40 { margin-left:    40px !important; }
.mt45 { margin-top:     45px !important; }
.mr45 { margin-right:   45px !important; }
.mb45 { margin-bottom:  45px !important; }
.ml45 { margin-left:    45px !important; }
.mt50 { margin-top:     50px !important; }
.mr50 { margin-right:   50px !important; }
.mb50 { margin-bottom:  50px !important; }
.ml50 { margin-left:    50px !important; }

.pt0  { padding-top:     0px !important; }
.pr0  { padding-right:   0px !important; }
.pb0  { padding-bottom:  0px !important; }
.pl0  { padding-left:    0px !important; }
.pt5  { padding-top:     5px !important; }
.pr5  { padding-right:   5px !important; }
.pb5  { padding-bottom:  5px !important; }
.pl5  { padding-left:    5px !important; }
.pt10 { padding-top:    10px !important; }
.pr10 { padding-right:  10px !important; }
.pb10 { padding-bottom: 10px !important; }
.pl10 { padding-left:   10px !important; }
.pt15 { padding-top:    15px !important; }
.pr15 { padding-right:  15px !important; }
.pb15 { padding-bottom: 15px !important; }
.pl15 { padding-left:   15px !important; }
.pt20 { padding-top:    20px !important; }
.pr20 { padding-right:  20px !important; }
.pb20 { padding-bottom: 20px !important; }
.pl20 { padding-left:   20px !important; }
.pt25 { padding-top:    25px !important; }
.pr25 { padding-right:  25px !important; }
.pb25 { padding-bottom: 25px !important; }
.pl25 { padding-left:   25px !important; }
.pt30 { padding-top:    30px !important; }
.pr30 { padding-right:  30px !important; }
.pb30 { padding-bottom: 30px !important; }
.pl30 { padding-left:   30px !important; }
.pt35 { padding-top:    35px !important; }
.pr35 { padding-right:  35px !important; }
.pb35 { padding-bottom: 35px !important; }
.pl35 { padding-left:   35px !important; }
.pt40 { padding-top:    40px !important; }
.pr40 { padding-right:  40px !important; }
.pb40 { padding-bottom: 40px !important; }
.pl40 { padding-left:   40px !important; }
.pt45 { padding-top:    45px !important; }
.pr45 { padding-right:  45px !important; }
.pb45 { padding-bottom: 45px !important; }
.pl45 { padding-left:   45px !important; }
.pt50 { padding-top:    50px !important; }
.pr50 { padding-right:  50px !important; }
.pb50 { padding-bottom: 50px !important; }
.pl50 { padding-left:   50px !important; }

/* オーバーレイ広告用*/
#overlay{
  /*オーバーレイのCSS*/  
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100vw;
  height:100vh;
  display: none;
  background: rgba(0,0,0,0.6);
}
.flex{
  /*オーバーレイ内の要素を上下・左右中央揃え*/
  width: 100%;
  height:100%;
  display: flex;
  justify-content: center;
  align-items: center; 
}
.overlay-inner{
  padding:10px 10px;
  background-color:#FFF;
  text-align:center;
}
#open-btn, #close-btn{
  display:block;
  margin:-607px 0;
  padding:10px 20px;
  background-color:#ffffff;
  border:solid #ccc 1px;
  cursor: pointer;
  font-size: larger;
  float: right;
  position: relative;
  z-index: 1000;
}

/*@media (max-width: 767px) {*/
  #overlay_img {
    width: 100%;
  }


@media (max-width: 926px) {
  #close-btn {
    display: none;
  }

}