/*footer用css*/
footer .soryo {
width: 89.5%;
border: 1px solid #555;
margin: 5% 2.5%;
padding: 3.5% 2.5%;
font-size: 110%;
line-height: 150%;
color: #444;
}
footer #note {
background: #fff;
color: #666;
padding: 20px;
text-align: left;
line-height: 1.5em;
border-top: 1px solid #e3dfdf;
border-bottom: 1px solid #e3dfdf;
}
/*footer用css*/

/* オリジナルのcss/js start */
* {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
     -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;
}

#temp1 {
color:#333;
font-size:12px;
text-align: center;
}

/*キャンペーン注意事項*/
#temp1 #note {
width: 100%;
background: #fff;
color: #666;
text-align: left;
line-height: 1.5em !important;
border-bottom: 1px solid #e3dfdf;
padding: 5%;
font-size: 90%;
margin-bottom: 5%;
}
.btn:hover{
opacity: 0.8;
}
.wg_wrap {
text-align: center;
}
.soryo{
width: 92%;
border: 1px solid #ccc;
text-align: left;
margin: 0 auto;
margin-top: 5%;
padding: 3%;
line-height: 140%;
font-size: 90%;
color: #444;
}
/* modal */
.modal-content {
text-align: justify;
position:fixed;
display:none;
z-index:9000;
width:80%!important;
max-width: 800px;
margin:0;
padding:20px;
background:#fff;
height: 90%;
overflow: scroll;
}
.modal-overlay {
z-index:8000;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba(0,0,0,0.8);
}
.close-top{
box-sizing: border-box;
padding: 8px 0 0 0;
font-size: 180%;
display: block;
text-align: center;
width: 35px;
height: 35px;
background: #000;
color: #fff;
position: absolute;
top: 0;
right: 0;
}
.close-bottom {
box-sizing: border-box;
padding: 10px 0 10px 14px;
letter-spacing: 0.2em;
display: block;
text-align: center;
width: 250px;
background: #000;
color: #fff;
font-size: 180%;
margin: 30px auto 0;
}
.modal-close:hover,
.modal-closetop:hover{
opacity: 1.0;
}
#modalmenu h3{
color: #971b2c;
font-size: 180%;
text-align: center;
border-bottom: 1px solid #971b2c;
padding-bottom: 8px;
margin-bottom: 10px;
}
#modalmenu h4{
font-size: 155%;
border-left: 5px solid #757575;
padding: 0 0 0 10px;
margin: 25px auto 10px;
}
#modalmenu span{
font-size: 140%;
}
.btn_box{
position: relative;
}
.btn_regular{
position: absolute;
top: 0;
right: 47px;
}
.btn_once{
position: absolute;
bottom: 11px;
right: 47px;
}
/*規約モーダル*/
@media screen and (min-width: 768px) {

#modal-content {
width: 65% !important;
padding: 30px !important;
z-index: 200 !important;
}
#modal-overlay {
z-index: 190 !important;
}

.contents-wrap{
overflow-x: hidden !important;
height: 450px !important;
}
body {
width: 100% !important;
}
.contents {
padding: 30px 34px 30px 30px !important;
}

.openBtn {
padding: 0!important;
text-align: center;
width: 70%;
border: 1px solid #cccccc;
margin: 0 auto;
}
.openBtn a {
padding: 10px 20px;
display: block;
color: #666666;
}
.openBtn a:hover {
background-color: #f2f2f2;
}
.btn_terms{
position: absolute;
top: 96px;
right: 160px;

}

}

html {
overflow: auto;
height: 100%;
}

#modal-open {
overflow: visible!important;
position: static!important;
}

#modal-content {
width: 90% ;
margin: 0 ;
padding: 10px;
background: #f2f2f2;
position: fixed ;
display: none ;
z-index: 999 ;
}
#modal-content-innar{
margin:0 auto;
width:100%;
}
#modal-overlay {
z-index: 800 ;
display: none ;
position: fixed ;
overflow-y: auto;
top: 0 ;
left: 0 ;
width: 100% ;
height: 120% ;
background-color: rgba( 0,0,0, 0.75 ) ;
}

.contents-wrap{
-webkit-overflow-scrolling: touch;
overflow: scroll;
height: 400px;
text-align: left;
}
.contents{
background-color: #ffffff;
padding: 20px 15px 10px 10px;
}
.openBtn {
padding: 0!important;
text-align: center;
width: 70%;
border: 1px solid #cccccc;
margin: 0 auto;
}
.openBtn a {
padding: 10px 20px;
display: block;
color: #666666;
}
.openBtn a:hover {
background-color: #f2f2f2;
color: #666666;
}
.closeBtn {
text-align: right;
background-image: none;
margin-bottom: 5px;
}
.closeBtn a{
font-size: 90%;
padding-right: 10px;
color: #000000;
}
.closeBtn a:hover,
.openBtn a{
text-decoration: none;
}
.conTit {
font-weight: bold;
font-size: 15px;
margin-bottom: 10px;
}
.conLis {
font-size: 13px;
margin-bottom: 25px;
}
.conLis li {
margin-bottom: 5px;
line-height: 1.4em;
padding-left: 1em;
text-indent: -1em;
}
.conLis li.small {
padding-top: 5px;
font-size: 12px;
}
/* オリジナルcss/js end */