@charset "utf-8";

.container {
background:url(../../../img/common/bg.png) repeat center top;
overflow: hidden;
}


/*header-----------------------------------------------------------------*/
header {
height: 45px;
position: relative;
z-index: 100;
}

@media ( min-width : 960px ) {
header {
height: 80px;
}
}
header .inner {
}

@media ( min-width : 960px ) {
header .inner {

}
}
/*logo-----------------------------------------------------------------*/
header h1 {
background:url(../../../img/common/dabimas_logo_02.png) no-repeat left center;
background-size:147px 40px;
text-indent: -9999px;
margin-left: auto;
margin-right: auto;
}
header h1 a {
display: block;
width: 100%;
height: 100%
}

@media ( max-width : 959px ) {
header h1 {
width: 73.5px;
height: 45px;
background-size: auto 20px;
}
}

@media ( min-width : 960px ) {
header h1 {
width: 147px;
height: 40px;
flex-basis: 147px;
background-size: auto 40px;
}
}

/*menu-----------------------------------------------------------------*/
/*sp*/
@media ( max-width : 959px ) {
header .hm{
font-size:0;
background-color:#fff;
box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
overflow:hidden;
-webkit-backface-visibility:hidden;
}
header #nav-toggle:checked+.hm{
font-size:inherit;
box-shadow:none;
}
}


/*pc*/
@media ( min-width : 960px ) {
header{
background-color:#fff;
box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
}
header label,
header input {
display: none;
}
.hm {
height:100%;
display: -webkit-box;/* Android4.3以前ブラウザ用 */
display: -webkit-flex;/* iOS8以前Safari用 */
display: flex;
-webkit-box-orient:horizontal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-align:center;
-webkit-align-items: center;
align-items: center;
}
}
/*store_link-------------------------------------------------------------------*/
.store_link_footer{
width: auto;
background: url(../../../img/index/regist_bg.png) repeat center top #FFE539;
padding: 0;
}
.store_link_footer > div{
max-width: 710px;
height: auto;
margin: 0 auto;
background-image: none;
}
.store_link_footer p{
display:none;
}
.store_link_footer ul{
width: auto;
height: auto;
margin: 0 auto;
display: flex;
display: -webkit-flex; /**iPad?**/
flex-flow: row nowrap;
justify-content: center;
align-items: flex-end;
background: url(../../../img/common/bg_store_link_transmission_l.png?191102) no-repeat right top 15%;
background-size: 80.5% auto;
}
.store_link_footer ul li.app-icon,
.store_link_footer ul li[class^="app-link"]{
margin: 2.5% 0;
}
.store_link_footer ul li.app-icon{
width: 19%;
display: flex;
align-items: center;
background-image: none;
margin-right: 1%;
}
.store_link_footer ul li.app-icon img{
max-width: 100%;
width: 100%;
border-radius: 20%;
}
.store_link_footer ul li[class^="app-link"]{
width: 45%;
margin-left: 2%;
}

/*btn-page-top-----------------------------------------------------------------*/
.btn-page-top {
position: fixed;
right: 20px;
bottom: 20px;
width: 44px;
height: 44px;
z-index: 1000;
display:none;
}
.btn-page-top span{
display:block;
width: 44px;
height: 44px;
border-radius: 5px;
background-color: rgba(0,0,0,0.5);
text-indent: 110%;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
opacity:0.6;
}
.btn-page-top span:before {
content: '';
height: 0;
width: 0;
display: block;
border: 15px transparent solid;
border-top-width: 0;
border-bottom-color: #fff;
position: absolute;
top: 6px;
left: 7px;
transform:scaleX(0.8);
-transform:scaleX(0.8);
opacity:0.7;
}
.btn-page-top span:after {
content: '';
height: 15px;
width: 10px;
display: block;
background: #fff;
position: absolute;
top: 21px;
left: 17px;
opacity:0.7;
}
@media ( min-width : 768px ) {
.btn-page-top.show span:hover {
opacity:1;
}
}

.paper{
background:url(../../../img/index/paper.png) repeat center top;
}

/*footer-----------------------------------------------------------------*/
@media ( max-width : 767px ) {
.footer-link li {
border-bottom: 1px solid #eaeaea;
position: relative;
}
.footer-link li a {
display: block;
padding: 15px 20px;
color:#465535;
text-decoration:none;
}
.footer-link li:after {
display: block;
content: "";
width: 10px;
height: 10px;
border-top: 1px solid #444;
border-right: 1px solid #444;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
z-index: 1;
right: 20px;
top: 50%;
margin-top: -6px;
}
.copyright {
color: #444;
text-align: center;
padding: 20px 10px 20px;
}
.copyright .paritybit {
width: 58px;
margin: 10px auto 0;
}
.copyright .drecom {
width: 110px;;
margin: 10px auto 0;
}
}

@media ( min-width : 768px ) {
footer {
padding: 10px 0;
overflow: hidden;
font-size:12px;
}
.footer-link {
float: left;
padding-left: 10px;
}
.footer-link li {
height: 40px;
float: left;
padding-left: 10px;
margin-right: 15px;
position: relative;
}
.footer-link li:before {
display: block;
background: #444;
content: "";
height: 2px;
width: 2px;
left: 0;
top: 50%;
margin-top: -2px;
position: absolute;
}
.footer-link li a {
display: block;
line-height: 40px;
color:#465535;
text-decoration:none;
}
.footer-link li a:hover {
text-decoration:underline;
}
.copyright {
padding-right: 10px;
float: right;
line-height: 40px;
}
.copyright .paritybit{
width: 38px;
height: 40px;
margin-left: 15px;
display:inline-block;
vertical-align:middle;
}
.copyright .drecom {
width: 90px;
height: 22px;
margin-left: 15px;
display:inline-block;
vertical-align:middle;
}
}

/*footer-banner-----------------------------------------------------------------*/
.footer-banner{
padding: 0;
}
.footer-banner .inner{
padding: 0 10px;
}
.footer-banner .inner ul{
float:none;
margin:30px auto;
display: flex;
flex-wrap: wrap;
}
.footer-banner .inner ul li~li{
margin-top:10px;
flex: 1 0 30%;
margin-right: 5px;
}
.footer-banner .inner ul li.span_8:nth-of-type(4) {
margin-right: 0;
}
.footer-banner .inner ul li.caution{
width:100%;
text-align:center;
font-size:14px;
margin:5px 0 -20px 0;
}
.sns-link {
display: block;
text-align: center;
padding: 20px 0;
}

.sns-link li {
display: inline-block;
margin: 0 6px;
}

.sns-link li a {
display: block;
height: 35px;
width: 35px;
text-indent: -9999px;
background-image: url("../../../img/common/sns_btn.gif");
background-size: 100% auto;
border-radius: 100%;
}

.sns-link li.sns-link-fb a {
background-position: center;
}

.sns-link li.sns-link-line a {
background-position: bottom;
}

body[data-responsive='pc'] .sns-link li.sns-link-line {
display: none;
}

@media ( min-width : 768px ) {
.footer-banner{
padding: 0;
}
.footer-banner .inner ul{
width:640px;
margin:60px auto;
}
.footer-banner .inner ul li~li{
margin-top:20px;
margin-right: 10px;
}
.footer-banner .inner ul li.caution{
margin:15px 0 -35px;
}
.sns-link {
padding: 60px 0;
}
.sns-link li {
margin: 0 12px;
}
.sns-link li a {
height: 70px;
width: 70px;
}
}
/*.spec---------------------------------------------------------------------*/
.spec{
background:url(../../../img/index/spec_bg.jpg) no-repeat center center;
background-size:cover;
padding:30px 0;
}
.spec .store_link{
width:302px;
margin:0 auto 10px;
}
.spec .store_link > div{
width:302px;
height:59px;
background:url(../../../img/common/bg_store_link_transmission_l.png) no-repeat center center;
background-size:cover;
}
.spec .store_link ul{
margin:18px 0 0 56px;
}
.spec .store_link ul li{
width:114px;
margin-right:2px;
display:inline-block;
}
.spec .store_link ul li:last-child{
margin-right:0;
}
.spec dl{
width:300px;
overflow:hidden;
font-size:13px;
line-height:30px;
color:#fff;
margin:0 auto;
}
.spec dl dt{
height:30px;
width:80px;
float:left;
clear:both;
font-weight:bold;
padding-right:10px;
background-color: rgba(10,62,39,0.7);
text-align:right;
margin-top:3px;
border-radius:3px 0 0 3px;
}
.spec dl dd{
height:30px;
width:217px;
float:right;
padding-left:10px;
background-color: rgba(10,62,39,0.5);
margin-top:3px;
border-radius: 0 3px 3px 0;
}
.spec dl dt:nth-child(5),
.spec dl dt:nth-child(5)+dd{
height:70px;
}
.spec dl dt:nth-child(5)+dd{
line-height:1.5em;
text-align:justify;
padding-top:5px;
padding-right:10px;
}
@media ( min-width : 768px ) {
.spec{
background:url(../../../img/index/spec_bg_pc.jpg) no-repeat center center;
background-size:cover;
padding:60px 0;
}
.spec .store_link{
width:602px;
margin:0 auto 20px;
}
.spec .store_link > div{
width:604px;
height:118px;
background:url(../../../img/common/bg_store_link_transmission_l.png) no-repeat center center;
}
.spec .store_link ul{
width:auto;
margin:35px 0 0 110px;
}
.spec .store_link ul li{
width:231px;
margin-right:6px;
display:inline-block;
}
.spec dl{
width:606px;
}
.spec dl dt{
float:left;
clear:none;
margin-left:3px;
}
.spec dl dd{
float:left;
margin-left:3px;
}
.spec dl dt:nth-child(5){
height:30px;
}
.spec dl dt:nth-child(5)+dd{
width:520px;
height:30px;
}
}

/*sns-----------------------------------------------------------------*/
.sns {
padding: 20px 0;
border-bottom: 1px solid #eaeaea;
background-color:#fff;
text-align:center;
letter-spacing:-0.4em;
}
.sns > div {
width: 93px;
letter-spacing:0;
margin:0 5px;
display:inline-block;
}
@media ( min-width : 768px ) {
.sns > div {
width: 100px;
height: 30px;
letter-spacing:0;
margin:0 5px;
display:inline-block;
}
}
.sns > div img {
width: 100%;
height: auto;
}

body[data-responsive='pc'] .sns .li{
display:none;
}


/*content border*/
.border{
-webkit-border-image: url(../../../img/common/border24.png) 8 8 8 8 round;
-moz-border-image: url(../../../img/common/border24.png) 8 8 8 8 round;
-o-border-image: url(../../../img/common/border24.png) 8 8 8 8 round;
border-image: url(../../../img/common/border24.png) 8 8 8 8 round;
border-width: 8px 0px 8px 0px;
border-style: solid;
}
@media ( min-width : 768px ) {
.border{
border-width: 8px 8px 8px 8px;
}
}

/*detail--------------------------------------------------------------*/

/*sttl*----------------------------------------*/

.sttl{
background:url(../../../img/common/h2_bg.jpg) repeat-x center top;
height:80px;
background-size:auto 80px;
position:relative;
/*margin-bottom:20px;*/
}
.sttl:before{
background:url(../../../img/common/h2_icon.png) no-repeat center top;
width:66px;
height:64px;
background-size:66px;
display:block;
content:'';
position:absolute;
left:50%;
top:50%;
margin-left:-33px;
margin-top:-32px;
}
.sttl h2{
text-indent:-9999px;
height:100%;
background-position:center center;
background-repeat:no-repeat;
background-size: auto 27px;
}
@media ( min-width : 768px ) {
.sttl{
height:160px;
background-size: auto 160px;
/*margin-bottom:40px;*/
}
.sttl:before{
width:132px;
height:128px;
background-size:132px;
margin-left:-66px;
margin-top:-64px;
}
.sttl h2{
background-size:auto;
}
}


/*h2-----------------------------------------------------------------*/
.hdr2 {
background:url(../../../img/index/h2_bg.png) repeat-x center center;
background-size: auto 60px;
height: 60px;
position: relative;
}

.hdr2 > span{
display:block;
height: 100%;
}
.hdr2 > span > span{
display:block;
height: 100%;
text-indent: -9999px;
overflow: hidden;
background-size: auto 22.5px;
background-repeat:no-repeat;
background-position:center center;
position:relative;
z-index:3;
}
.hdr2 .inner{
padding:0 !important;
}

.hdr2 > span:before {
background:url(../../../img/index/h2_left.png) no-repeat left top;
width: 53.5px;
height: 54px;
display: block;
content: '';
position: absolute;
left: -15px;
bottom: 5px;
background-size: 100%;
z-index:1;
}
.hdr2 > span:after {
background:url(../../../img/index/h2_right.png) no-repeat left top;
width: 47.5px;
height: 52px;
display: block;
content: '';
position: absolute;
right: -10px;
bottom: 5px;
background-size: 100%;
z-index:1;
}
@media ( min-width : 768px ) {
.hdr2 {
background-size: auto 90px;
height: 90px;
}
.hdr2 > span:before {
width: 77px;
height: 78px;
left: 0px;
bottom: 7px;
}
.hdr2 > span:after {
width: 68px;
height: 74px;
right: 0px;
bottom: 10px;
}
.hdr2 > span > span{
background-size: auto auto;
}

}

p.text{
padding:0 20px;
}
p.text~p.text{
margin-top:1em;
}
@media ( min-width : 768px ) {
p.text{
padding:0 0px;
}
}

.btn a{
display:block;
height:60px;
border:2px solid #f78b28;
border-radius:330px;
width:300px;
margin:0 auto;
color:#f78b28;
font-weight:bold;
padding:20px;
font-size:16px;
line-height:1;
position:relative;
text-decoration:none;
}

.btn a:after{
display:block;
content: "";
width: 14px;
height: 14px;
border-top: 2px solid #f78b28;
border-right: 2px solid #f78b28;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position:absolute;
right:20px;
top:50%;
margin-top:-8px;
margin-right:3px;
}

@media ( min-width : 768px ) {
.btn a:hover{
opacity:0.8;
}
}

/*ss*/
.ss{
border:4px solid #dbd8d2;
}