@charset "utf-8";
/* *******************************************************
 * filename : style.css
 * producer : jason
 * date : 2020-12-11
******************************************************** */

main > section > article {
    margin-top:50px;
 }
 main > section > article:first-child {
    margin-top:0px;
 }
 main > section > article > img {
    display:block;
    width:100%;
    margin:0 auto;
 }
 main > section > article > img.w95 {
    width:95%;
 }  
 main > section > article > img.w90 {
    width:90%;
 } 
 main > section > article > p {
    margin-top:25px;
    padding:0 5%;
    font-size:1.05em;
    font-weight: 400;
    line-height: 1.68;
    text-align:justify;
    color:#616068;
    letter-spacing: -0.045em;
 }
 main > section > article > p b{
    font-weight: bold;
    color:#000;
 } 
 main > section > article > p.subtit {
    text-align:right;
    font-size: 11px;
    color:#aaa;
    margin-top:5px;
 }


header .sub_nav clear{border-bottom: 1px solid #dcdcdc;}
hrader{border-bottom: 1px solid #dcdcdc;}
header .icon3 {display:block;text-align:right;font-size:11px;white-space:nowrap;color:#999;padding-top: 0px;padding-left: 10px; padding-right: 10px;padding-bottom: 2%;}
header .sub_nav {padding-top: 0%;padding-left: 10px; padding-right: 10px; }
header .sub_nav .sns li {float:left; margin-right:8px; width:33px; height:33px; text-indent: -999em;}
header .sub_nav ul li a {display:block;}
header .sub_nav .sns li:nth-child(1){background:url(/views/mmdan/m3/sns01.png)no-repeat; background-size:100% 100%;}
header .sub_nav .sns li:nth-child(2){background:url(/views/mmdan/m3/sns02.png)no-repeat; background-size:100% 100%;}
header .sub_nav .sns li:nth-child(3){background:url(/views/mmdan/m3/sns03.png)no-repeat; background-size:100% 100%;}
header .sub_nav .sns li:nth-child(4){background:url(/views/mmdan/m3/sns04.png)no-repeat; background-size:100% 100%;}
header .sub_nav .ga {float:right; box-sizing:border-box; height:34px;}
header .sub_nav .ga li {width:32px; height:32px; text-align:center; line-height:32px; border:1px solid #cfcfcf; color:#515151; float:left;}
header .sub_nav .ga li:first-child { font-size:10px; border-right:0px;}





 aside {
    width:90%;
    margin:60px auto 0;
    }
 aside > img {
    width:100%;
    }
 aside .dbform {
    border:8px solid #efefef; 
    border-top:0px; 
    padding:20px;
    }
 aside table {
    width:100%;
    }
 aside table th {
    width:20%; 
    min-width:70px; 
    text-align:left;
    }
 aside table td {
    text-align:left;
    }
 aside table .line {
    height:10px;
    }
 aside table .dbimg {
    width:100%; 
    text-align:center;
    }
 aside table .dbimg > img {
    width:80%;
    }
  aside table .dbimg > input[type=image] {
     border:0px; 
     width:90%;
     }
 aside table td > input[type=text],aside table td > input[type=tel],select {
    height: 40px;
    padding-left:10px;
    box-sizing: border-box;
    }
 aside table td > input[type=text] {
    width:90%;
    }
 aside table td > input[type=tel] {
    width:28%;
    }
 aside table td > select {
    width:27%; 
    padding-left:0px;
    }
 aside table td > textarea {
    width:90%; 
    padding:10px; 
    height:60px; 
    box-sizing: border-box;
    }
 aside table td > .result {
    width:100%; 
    background: #f5f5f5; 
    border:1px solid #eee; 
    text-align:center; 
    font-size: 0.9em; 
    padding:5px; 
    box-sizing:border-box;
    }
 aside table td > .result input[type=text] {
    width:15%; 
    background: #fff;
    }
 aside table td.agree {
    text-align:right; 
    font-size: 11px; 
    color:#999;
    }
 .reply {
    width:100%; 
    border-top:1px solid #e5e5e5; 
    text-align:left; 
    margin-top:7%;
    }
 .reply_container {
    width:100%;
    max-width:700px;
    margin:30px auto 0;
    box-sizing:border-box; 
 }
 .reply_top{
    padding:0px 15px;
 }
 .reply .reply_container .reply_top span {
    color:#f14949;
 } 
 .reply .reply_container .reply_top i {
    font-size: 12px;
    border:1px solid #e5e5e5;
    padding:4px;
    color:#7f7f7f;
 }
 .reply .reply_container .re_input {
    width:100%;
    height:60px;
    position:relative;
    margin:15px 0;
 } 
 .reply .reply_container .re_input textarea {
    width:80%; 
    height:60px; 
    padding:5px; 
    box-sizing:border-box; 
    border:1px solid #ccc;
    position:absolute; 
    top:0; 
    bottom:0; 
    left:0;
 }
 .reply .reply_container .re_input button {
    width:20%;
    border:none;
    background:#333;
    color:#fff;
    position:absolute;
    top:0; 
    bottom:0; 
    right:0;
    font-size: 1.05em;
 }
 .reply .reply_container .re1 {position:relative;} 
 .reply .reply_container .re1 ul li {
    display:inline-block;
    padding-right:7px;
 } 
 .reply .reply_container .re1 ul li:first-child a{
    color:#000;
    font-weight: 500;
    border-bottom:1px solid #000; 
 }
 .reply .reply_container .re1 > a {
    position:absolute;
    right:0;
    top:0;
    bottom:0;
 }
 .reply .reply_container .re2 {
    box-sizing: border-box;
    letter-spacing: 0;
    margin-top:15px;
    padding:7px 15px 0px;
    border-top:1px solid #e5e5e5;
 }
 .reply .reply_container .re2 b {
    padding-left:15px;
    font-weight:normal;
    font-size: 12px;
    color: #bfbfbf;
 }
 .reply .reply_container .re2 img {
    width:22px;
    padding-top:7px;
 }  
 .reply .reply_container .re2 span {
    font-size: 14px;
    margin:0 5px;
    line-height: 30px;
 }
 .reply .reply_container .re2 p {
    font-size: 15px;
    letter-spacing:-0.02em;
    margin-top:7px;
    line-height: 1.7;
    color:#777;
 } 
 .reply .reply_container .re2 p img {
    display:block;
    width:100%;
 }
 .reply .reply_container .re2 p em {
    vertical-align:bottom;
    font-style: normal;
    font-size: 12px;
    background: #e04646;
    padding: 2px 8px;
    border-radius: 10px;
    color: #fff;
    letter-spacing: 0; 
 }
 .reply .reply_container .re3 {
    position:relative;
    height:30px;
    line-height:30px;
  }  
 .reply .reply_container .re3 span {
    position:absolute; 
    left:15px;
    top:0;
    bottom:0;
    font-size: 12px;
    color: #bfbfbf;
 }
 .reply .reply_container .re3 ul {
    position:absolute;
    right:15px;
    bottom:0;
    top:0; 
 } 
 .reply .reply_container .re3 ul li {
    display:inline-block;
    margin-top:7px;
 } 
 .reply .reply_container .re3 ul li button {
    padding:0px 10px;
    height:25px;
    line-height: 25px;
    border:1px solid #e14747;
    border-radius:20px;
    background: #fff;
    color:#e14747;
    box-sizing:border-box;
 }
 .reply .reply_container .re3 ul li button img {
    width:14px;
    padding-left:3px;
    margin-top:5px;
 }
 .reply .reply_container .re4 {
    margin:2% 0;
    border-top:1px solid #e5e5e5;
    text-align:center; 
 }
 .reply .reply_container .re4 li {
    display:inline-block;
    padding:20px 15px 0 0;
    font-size: 12px; 
 } 
 .reply .reply_container .re4 li a {
    color:#999;
 }
 .reply .reply_container .re4 li:first-child a {
    border:1px solid #e5e5e5;
    color:#4795f7;
    font-weight: bold;
    padding:4px 10px;
 } 
 .reply .reply_container .re4 li:last-child {
    padding-right:0;
 }
 .dlist {
       width:90%;
       padding:0 0 15px;
       margin:15px auto 0;
       border:5px solid #f5f5f5;
       box-sizing: border-box; 
    }
 .dblisttitle {
    text-align:left;
    margin:0 0 10px;
    font-size: 1.1em; 
    padding:10px 0 10px 5%;
    background: #f5f5f5;
    }
 #dblist {
    width:90%;
    margin:0 auto;
    }
 #dblist > ul {
    width:100%
    }
 #dblist > ul > li {
    text-align:left; 
    border-bottom:1px dashed #ccc; 
    height:30px; 
    line-height: 30px; 
    overflow: hidden; 
    }
 #dblist > ul > li > img {
    width:50px; 
    padding-right:10px; 
    vertical-align: middle;
    }
 #dblist > ul > li b {
       letter-spacing: 0.035; 
       padding-right:10px;
       }
 #dblist > ul > li > span { 
    font-size: 0.9em; 
    text-overflow: ellipsis;
    color:#616068;
    }
 footer {
    padding:20px .9375em 1em;
    margin-top:5%;
    background: rgba(0,0,0,.08);
    text-align:center;
 }
 footer > .footer-btn a {
    font-size: .6rem;
    color:#727d92;
    background: #fff;
    border:1px solid #d4d7de;
    padding:.85em 1em;
    margin:10px 1px 1px;
 }
 footer p {
    font-size: .8rem;
    line-height: 1.5;
    letter-spacing:-0.03em;
    color:rgba(0,0,0,.55);
    padding:1rem 0 0;
 }
 .fixbt {
    position:fixed;
    right:10px;
    bottom:10px;
    z-index:9;
    display:none;
 }
 .fixbt img {
    width:80px;
 }
 .p1 {
    color:#fb3a3d;
 }
 u {
    text-decoration:none;
    border-bottom:1px solid #000;
    color:#000;
    font-weight: bold;
 }

.wrap_roulette {position:relative;width:100%; padding: 0 0 5% 0;max-width:640px;min-width:320px;overflow:hidden;margin:0 auto;}
.wrap_roulette > img {width:100%;}
.wrap_roulette .roulette  {position:absolute;top:43%;}
.wrap_roulette .roulette#light {z-index:26;}
.wrap_roulette .roulette_outer {width:95%;height:auto;left:2.5%;z-index:10;margin-top:-5%;}
.wrap_roulette .roulette_outer > img {width:100%;} 
.wrap_roulette .roulette_inner {width:87.5%;height:auto;left:5.8%;z-index:8;margin-top:-1.8%;}	
.wrap_roulette .roulette_inner > img {width:100%;}
.wrap_roulette .click_btn {width:21.5%;height:auto;left:38.8%;z-index:25;margin-top:31.7%;}	
.wrap_roulette .click_btn img {width:100%;}
.wrap_roulette .click_btn2 {width:22.3%;height:auto;left:37.6%;z-index:25;margin-top:35.5%;}	
.wrap_roulette .click_btn2 img {width:100%;}
.wrap_roulette .roulette_arrow {width:9%;height:auto;left:45%;z-index:30;margin-top:-2%}
.wrap_roulette .roulette_arrow > img {width:95%;}
.wrap_roulette .roulette_info {width:100%;text-align:center;z-index:30;margin-top:93%;bottom:0;}
.wrap_roulette .roulette_info > img {width:100%;text-align:center;}
.wrap_roulette .giftbox {width:28%;height:auto;right:2%;z-index:40;margin-top:35%;}
.wrap_roulette .giftbox > img {width:100%;}