@charset "UTF-8";
/* CSS Document */
html{
    font-size: 62.5%;
}
body{
	font-family:"メイリオ", Meiryo, sans-serif;
    font-size: 1.4em;
    line-height: 1.4;
    width: 100%;
     -webkit-text-size-adjust: 100%;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a{
	text-decoration:none;
	font-weight:normal;
    color:#0041ff;
}
a.btn{
	font-weight:bold;
}

a:hover{
    color:#ff0000;
    text-decoration: none;
}

.footer_nav a, .breadcrumb a {
	color:#0041ff;
}

.footer_nav a:hover, .breadcrumb a:hover {
	color:#ff0000;
}

body select{
    font-size: 16px;
}

a:focus{
    
}
.center{
    text-align: center;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    font-family:inherit;
    font-weight:normal;
    line-height:1.1;
    color:inherit;
    padding: 0;
    margin: 0 0 8px 0;
}
.h1,h1{font-size:36px}
.h2,h2{font-size:30px}
.h3,h3{font-size:24px}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}

.pd10{
    padding: 10px;
}

#menu_genre ul li a:hover , #menu_area ul li a:hover,ul.couponlist li , .mycoupon_list a:hover{
	text-decoration:none;
	background:#fff6cc;
	}

.container{
    width: 1000px;
    padding:0 5px;
    margin: 0 auto;
}
.cont_row{
    width: 100%;
    padding:0 5px;
    margin: 0 auto;
}
[type="checkbox"]{
    margin: 4px;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb>li{display:inline-block}
.breadcrumb>li+li:before{
    padding:0 5px;
    color:#ccc;
    content:">"
}

a.btn{
/*-webkit-appearance: none;*/
/*-webkit-appearance: button;*/
}
.btn{
padding: 10px 0;
font-size: 140%;
width: 100%;
font-weight: bold;
line-height: 1.3333333;
border-radius: 6px;
color: #fff;
background: #f24f52;
background: -moz-linear-gradient(top, #f24f52 0%, #bf1a20 100%);
background: -webkit-linear-gradient(top, #f24f52 0%,#bf1a20 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#f24f52), color-stop(0.5, #bf1a20), to(#bf1a20));
background: linear-gradient(to bottom, #f24f52 0%,#bf1a20 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24f52', endColorstr='#bf1a20',GradientType=0 );
padding: -webkit-14px 0 10px;
-webkit-appearance: none;
border: solid 1px #BF1A20;
display: inline-block;
padding: 6px 12px;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.btn:hover,.btn:active{
color: #fff;
background: #bf1a20;
border-color:solid 1px #bf1a20;
}
.btn:visited{
color: #fff;
}
.lg_btn{
padding: 10px 0;
text-align: center;
font-size: 140%;
width: 100%;
font-weight: bold;
line-height: 1.3333333;
border-radius: 6px;
color: #fff;
background: #fc3535;
border:solid 1px #0041ff;
    display: block;
}
.lg_btn:hover,.lg_btn:active{
color: #fff;
background: #0041ff;
}
.lg_btn_n{
padding: 10px 0;
text-align: center;
font-size: 140%;
width: 100%;
font-weight: bold;
line-height: 1.3333333;
border-radius: 6px;
color: #fff;
background: #b5b4b4;
border:solid 1px #999;
display: block;
}

label{
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
/*font-weight: 700;*/
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
.general{
    padding:6px 6px 10px 6px;
}

@media (max-width:640px){
    .container{
        width:100%;
        padding: 0 6px;
    }
.general{
    width: 100%;
    padding: 6px;
}
.lg_btn{/*
background: #f24f52;
background: -moz-linear-gradient(top,  #f24f52 0%, #0041ff 100%);
background: -webkit-linear-gradient(top,  #f24f52 0%,#0041ff 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#f24f52), color-stop(0.5, #0041ff), to(#0041ff));
background: linear-gradient(to bottom,  #f24f52 0%,#0041ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f24f52', endColorstr='#0041ff',GradientType=0 );*/
padding:-webkit-14px 0 10px;
/*-webkit-appearance: button;*/
-webkit-appearance: none;
border:solid 1px #0041ff;
}
.btn{
padding:-webkit-14px 0 10px;
/*-webkit-appearance: button;*/
border: solid 1px #BF1A20;
}
.lg_btn:hover,.lg_btn:active{
color: #fff;
background: #0041ff;
}
    
.breadcrumb {
    padding: 8px 10px;
    margin: 10px 4px 10px;
    list-style: none;
    background: #8e1c24;
    border-radius: 4px;
    color: #ffffff;
}
}


@media screen and (max-width: 640px) {	
#mainarea.col-xs-12{
	padding:0;
}
}

ul{
	padding:0;
    margin: 0;
    box-sizing: border-box;
}
li {
	list-style-type:none;
	margin:0;
	padding:0;
    box-sizing: border-box;
	}

dl,dt,dd{
    list-style-type:none;
	margin:0;
	padding:0;
    box-sizing: border-box;
}
/*
img{
    width: 100%;
}
*/
.sp {
    display: none;
}
 /*
.shadow{
   -webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow:0 3px 3px rgba(0, 0, 0, 0.3);
}
*/

.row{
	margin:0;
}

.text-red{
	color:#e90000;
}
.text-big{
	font-size:115%;
}
.text-bold{
	font-weight:bold;
}
h3.title {
    margin: 15px 0 10px;
	border-left:4px solid #0041ff;
	padding:5px 5px 5px 8px;
	font-weight:normal;
    border-bottom: 1px solid #ccc;
    clear: both;
}

h4{
	/*font-weight:bold;*/
}
h4.title{
	border-bottom:1px solid #8e1c24;
	padding:10px 0 4px 0;
	margin:20px 0 0 0;
}
h5.title{
	/*font-weight:bold;*/
	font-size:115%;
	padding:5px;
	background:#FAF3ED;
	margin:20px 0 0 0;
}



.margin5 { margin: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.margin0 { margin: 0; }
.padding0{ padding:0;}

hr{
    margin-top:10px;
    margin-bottom:10px;
    border:0;
    border-top:1px solid #ccc;
    clear: both;
}

.cf:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}
.cf { /*display: inline-table; */}



.pagination_outer{
    width: 100%;
    padding: 10px;
}
.pagination{
    width: 40%;
height: 45px;
 padding: 10px 0;
    margin: 0 0 0 35%;
}
.pagination nav{

}
.pagination li a{
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #8e1c24;
    text-decoration: none;
    background: #fff;
    border: 1px solid #ddd;
}
.pagination li a:hover{
    z-index: 2;
color: #23527c;
background: #eee;
}
@media screen and (max-width: 640px){
.pagination {
    width: 100%;
    height: 40px;
    padding: 0 10%;
    margin: 0 auto;
}
.pagination_outer{
        padding: 0 0 10px 15%
    }
.pagination_outer .pagination{
width: 80%;
height: 45px;
padding: 10px 0;
margin:0;
}
}
/*------header----------------------------------------*/
header{
	/*border-top:7px solid #0041ff;*/
    background: #fff;
	padding: 0;
}

header .hd_container{
width: 1000px;
    /*height: 100px;*/
    margin: 0 auto;
    background: #fff;
    box-sizing: border-box;
    
}

@media screen and (max-width: 640px){
header .hd_container{
width: 100%;
margin: 0;
}
}

/*------header NAVI----------------------------------------*/
header .hd_nav{
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
header .hd_nav li{
    box-sizing: border-box;
}
header .hd_nav .hd_logo{
    padding: 0 0 0 2%;
    order: 1;
    flex-basis: 25%;
}
header .hd_nav .hd_logo h1{
    padding: 0;
    margin: 0;
    line-height: 0;
}
header .hd_nav .hd_login{
    order: 3;
    flex-basis: 18%;
    text-align: right;
    padding-right: 10px;
}
header .hd_nav .hd_search{
    order: 2;
    flex-basis: 57%;
}
header .hd_nav .hd_search form {
    padding: 6px 6px;
}
.login_nav.cf {
    text-align: right;  
    display: inline-block;  
}
header .hd_nav .hd_search input{
    width: 80%;
    height: 42px;
    padding: 10px 20px;
    border-radius: 10px 0 0 10px;
    border: solid 2px #ccc;
    margin: 0;
}
header .hd_nav .hd_search button{
    width: 20%;
    height: 42px;
    color: #fff;
    padding: 10px 20px;
    border-radius:0 10px 10px 0;
    border: solid 2px #ccc;
    border-left: none;
    margin: 0 0 0 -5px;
    background: #FF9533;
}

header .h_container{
    width: 100%;
    background: #0041ff;
    margin: 0;
}

header h1.head_co{
    font-size: 90%;
    line-height: 1.2;
    color: #fff;
    margin: 0;
    background: #0041ff;
    width: 100%;
}
header .chotoku_head_in{
    width: 1000px;
    position: relative;
    padding: 5px 0 5px 5px;
    margin: 0 auto!important;
    clear: both;
}

.hd_login .login-hd-button{
    font-weight: normal;
    margin: 25px 0 0 0;
    width: 100%;
}

.hd_login .login-hd-button .btn-sm{
    font-size: 70%;
    width: 46%;
    padding:11px 0;
    margin: 0 1% 0 0;
}
.hd_login .login-hd-button .btn-danger{
    font-size: 70%;
    width: 46%;
    padding:10px 0;
    margin: 0 0 0 1%;
}
header .hd_nav .hd_logo img{
    max-width: 155px;
    height: auto;
}

header .hd_nav .chotoku_logo{
    width: 25%;
    padding: 0 2% 0 0;
}

header .hd_nav .chotoku_logo img{
    float: right;
    max-height:  90px;
    width: auto;
}
header .hd_nav .space{
    width: 50%;
}



@media screen and (max-width: 640px){
header .hd_nav{
flex-wrap: wrap;
}
header h1.head_co{
    margin: 0;
    width: 100%;
    font-size: 85%;
}
header .hd_container{
    position: relative;
}
header .chotoku_head_in{
    width: 100%;
    position: relative;
}
header .hd_nav .hd_search{
    background: #e3e3e3;
    box-sizing: border-box;
    order: 4;
    flex-basis: 100%;
}
header .hd_nav .hd_logo{
    flex-basis: 50%;
}
header .hd_nav .hd_logo img{
    width: auto;
    max-width: 108px;
    height: auto;
    padding: 0 0 10px 0;
}
header .hd_nav .chotoku_logo{
    width: 44%;
    position: absolute;
    padding: 0;
    top: 0;
    right: 10px;
    max-height: 60px;
}
header .hd_nav .chotoku_logo img{
    width: 110px;
}
    
    
header .hd_nav .hd_login{
    flex-basis: 50%;
}
header .hd_search .input-lg{
    height: 40px;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 1.2;
    max-height: 40px;
    min-height: 40px;
}
    
header .hd_nav .hd_search input{
    width: 75%;
    font-size: 16px;
    padding: 6px 0 9px 5px;
    border-radius: 5px 0 0 5px;
    border: solid 1px #ccc;
    margin: 0 0 0 0;
    max-height: 39px;
    min-height: 39px;
}
header .hd_nav .hd_search button{
    width: 24%;
    color: #fff;
    padding: 9px 0 8px;
    border-radius:0 5px 5px 0;
    border: solid 1px #ccc;
    border-left: none;
    margin: 0 0 0 -8px;
    background: #FF9533;
    max-height: 40px;
    min-height: 40px;
}


.output .hd_container{
    height: 70px !important;
}
    
.foot_link_page .hd_nav .hd_search{
    display: none;
    height:0;
    padding:0;
    width:0%;
}
.foot_link_page header{
        margin: 0 0 15px 0;
    }
.foot_link_page header .hd_container{
    position: relative;
}
}

@media screen and (max-width: 320px){
    header .hd_nav .hd_logo{
        max-height: 65px;
    }
    header .hd_nav .hd_logo img{
        max-height: 65px;
    }
    header .hd_nav .hd_login{
        padding: 0;
        max-height: 65px;
    }
    .hd_login .login-hd-button{
        margin: 10px 0 0 0;
    }
    .output .hd_container{
        height: 70px !important;
    }
}
.search{
	padding:15px;
}

/*--------- seach ---------------------------*/

.seach_area{
    width: 650px;
    background: #fff;
    padding: 20px;
    border-radius: 6px;
    margin: 20px 0 20px 20px;
    z-index: 10;
}
.seach_area p{
    margin: 4px 0 6px;
}
.seach_area .l_gray{
    color: #777;
}
.seach_area .d_red{
    display: inline-block;
    width: 82px;
    min-width: 82px;
    color: #012dad;
}
.seach_area ul{
	padding:0;
    margin: 0;
    height: auto;
}
.seach_area h3{
    padding: 0 0 3px 0;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px 0;
}
.seach_area h3.seach_title{
    border-bottom: 1px solid #b5c8ff;
    padding: 0;
    margin: 0 0 15px 0;
}
.seach_area .seach_title:before{
    margin: 0 5px 10px 0;
    content: " ";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('/img/master/ico_search.png') no-repeat;
    background-size: contain;
    vertical-align: middle;
    line-height: 1;
    padding: 5px 0 0 0;
}

.seach_area .top_genre_sc ul li,
.seach_area .top_area_sc ul li {
    float: left;
    width: 95px;
    margin: 5px 0 10px 0;
}

.seach_area h3 span{
    font-size: 60%;
}

.seach_area h4{
    margin: 8px 0 4px;
}
.seach_list_btn h4{
    margin: 4px 0 4px;
}
.seach_area .normal{
    font-size: 110%;
}
.seach_area h4.top_genre:before{
    margin: 0 4px 4px 0;
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('/img/master/ico_genre.png') no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.seach_area h4.top_area:before{
    margin: 0 4px 4px 0;
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('/img/master/ico_area.png') no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.seach_area h4.top_object:before{
    margin: 0 4px 4px 0;
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('/img/master/ico_age.png') no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.seach_area h4.top_discount:before{
    margin: 0 4px 4px 0;
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('/img/master/ico_wari.png') no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.seach_area h4.top_money:before{
    margin: 0 4px 4px 0;
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('/img/master/ico_yen.png') no-repeat;
    background-size: contain;
    vertical-align: middle;
}
.top_genre_sc .prefecture{
    margin: 0;
}
.prefecture{
    margin: 0 10px 0 0;
}
.seach_area .money_list li{
    text-align: center;
    float: left;
    margin: 0;
    padding: 0 5px;
    width: 10%;
    box-sizing: border-box;
}
.seach_area .money_list li:first-child,
.seach_area .money_list li:last-child{
    margin: 0;
    padding: 0;
    width: 45%;
}
.seach_area .checkbox{
    margin: 0 10px 0 0;
}

.seach_area .chain{
    margin: 0 0 0 92px;
}
.seach_area hr{
    border-top: dotted 1px #ccc;
    clear: both;
}

@media screen and (max-width:640px) {
.seach_area .checkbox{
    display: block;
}
.seach_area .drop-down dl{
    float: left;
    padding: 0;
    width: 45%;
    margin: 1% 2.5%;
    /*border: solid 1px #ccc;*/
    /*z-index: 0;*/
}
.seach_area .drop-down dl dt,
.seach_area .drop-down dl dd{
    margin: 0;
    padding: 0;
    /*position: relative;*/
    /*z-index: 0;*/
}
.seach_area .drop-down dl ul{
    background: #fff;
    opacity: 1;
    border: solid 1px #333;
    border-radius: 6px;
    width: 100%;
    /*position: absolute;
    top: 0;
    left: 0;
    z-index: 100;*/
}
.seach_area .drop-down dl ul li{
    padding: 6px 10px;
    font-size: 110%;
    background: #fff;
    border-bottom: dotted 1px #ccc;
    line-height: 1.3;
    opacity: 1;
    /*z-index: 200;*/
    width: 100%;
}
.seach_area .drop-down .close-btn{
    background: #f2f2f2;
    padding: 8px 12px;
    display: block;
    }
.seach_area .drop-down input{
    /*position: relative;
    z-index: 0;*/
    border-radius: 4px;
    width: 100%;
    font-size: 120%;
    padding: 5px 0;
    border: solid 1px #999;
background: #fff8db;
background: -moz-linear-gradient(top, #fff8db 0%, #fff6cc 50%, #fff1b7 100%);
background: -webkit-linear-gradient(top, #fff8db 0%,#fff6cc 50%,#fff1b7 100%);
background: linear-gradient(to bottom, #fff8db 0%,#fff6cc 50%,#fff1b7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8db', endColorstr='#fff1b7',GradientType=0 );
}
    
.seach_area .drop-down .no_data_btn{
    border: solid 1px #ccc;
    background: #f2f2f2;
}

.seach_area .drop-down .chain{
    margin: 1% 2.5%;
}
.seach_area .drop-down .chain_box{
    width: 100%;
    margin: 5px 0 10px 0;
    }
.seach_area .drop-down .checkbox input{
        width: auto;
}
.seach_area .top_genre_sc ul li,
.seach_area .top_area_sc ul li {
    margin: 3px 1% 7px 0;
    float: left;
    width: 32%;
}
.seach_area .top_area_sc dd ul {
    padding-left: 0 !important;
}
.seach_area .top_area_sc dd ul li {
    float: initial !important;
    margin: 0 !important;
}
.seach_area .top_area_sc dd ul li:first-child {
    border-radius: 6px 6px 0 0;
}
.seach_area .top_area_sc dd ul li:last-child {
    border-radius: 0 0 6px 6px;
}

}


.seach_container{
width: 100%;
height: auto;
margin: -1px 0 0 0;
padding: 0;
border-top: 1px solid #fffcdb;
border-bottom: 1px solid #fffcdb;
background: url(/img/master/main_back_img.jpg) no-repeat;
background-position: center bottom 0;
/*background-position: -330px -350px;*/
z-index: 1;
}

.seach_list_btn{
    width: 100%;
    margin: 0;
    padding: 0 0 15px 0 !important;
}
.seach_list_btn li{
    height: auto;
    float: left;
    width: 25.5%;
    margin: 0 3.5% 0 0;
    padding: 0;
    /*border: solid 1px #ccc;*/
}
.seach_list_btn li:last-child{
    width: 42%;
    margin: 0;
}

.seach_list_btn li select{
    padding: 4px 0;
    width: 100%;
}
input.submit,
button.submit,
.submit input, .submit_btn{
    font-size: 120%;
    color: #fff;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    display: inline-block;
background: #ffb247;
background: -moz-linear-gradient(top,  #ffb247 0%, #ff8c00 100%);
background: -webkit-linear-gradient(top,  #ffb247 0%,#ff8c00 100%);
background: linear-gradient(to bottom,  #ffb247 0%,#ff8c00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb247', endColorstr='#ff8c00',GradientType=0 );
    border: none;
    border-radius: 4px;
}
input.submit:hover,input.submit:active,
button.submit:hover,button.submit:active,
.submit input:hover,.submit input:active{
background: #ffa047;
background: -moz-linear-gradient(top,  #ffa047 0%, #ff6100 100%);
background: -webkit-linear-gradient(top,  #ffa047 0%,#ff6100 100%);
background: linear-gradient(to bottom,  #ffa047 0%,#ff6100 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa047', endColorstr='#ff6100',GradientType=0 );
}
a.submit_btn{
    font-size: 140%;
    font-weight: bold;
}
.home_btn{
    text-align: center;
    color: #fff;
    width: 60%;
    margin: 30px auto;
    border-radius: 12px;
}
.home_btn a{
    color: #fff;
    margin: 30px auto;
}
#mainarea,.mainarea{
    width: 1000px;
    margin: 0 auto;
    position: relative;
    /*border: 1px solid #ccc;*/
}

.mainarea h2.main_copy{
    width: 320px;
    height: 130px;
    position: absolute;
    top:90px;
    right: 0;
    margin: 0;
    padding: 0;
}

@media screen and (max-width:640px) {
    header h1 img{
        width: 90%;
        padding: 10px 0 20px;
    }
.search{
	background-color:#E3E3E3;
	padding-bottom:0;
}
.seach_area{
    width: 100% !important;
    border-radius: 0;
    margin: 0;
    padding: 10px;
}
#mainarea,.mainarea{
    padding: 0;
    width: 100% !important;
}
    .seach_area .money_list{
        width: 100%;
    }
.seach_list_btn li{
    float: none;
    width: 100%;
    margin: 0 0 2% 0;
    /*border: solid 1px #ccc;*/
}
.seach_area .chain{
    margin: 0;
}
.seach_list_btn li:last-child {
    width: 100%;
    margin: 0;
}
.home_btn{
    width: 90%;
    margin: 20px auto;
    border-radius: 6px;
}
}

.login-hd{
	height:68px;
	margin:0;
}
@media screen and (max-width:640px) {
.login-hd{
	height:78px;
}
header{
	padding:0;
}
}

.login-hd a{
    float: right;
}
.login-hd a{
	margin:5px;
}

.hd_login dl{
    width: 70px;
    /*height: 70px;*/
    border-radius: 8px;
    border: solid 1px #ccc;
    text-align: center;
    margin: auto auto;
    vertical-align: middle;
}

.hd_login .btn_login dl,.hd_login .btn_logout dl{
    color: #333;
    border: solid 1px #ccc;
}
.hd_login .btn_login dl:hover,.hd_login .btn_logout dl:hover{
    opacity: 0.8;
}
.hd_login .btn_member dl,.hd_login .btn_mypage dl{
    color: #333;
    border: solid 1px #ccc;
}
.hd_login .btn_member dl:hover,.hd_login .btn_mypage dl:hover{
    opacity: 0.8;
}


.hd_login dl dt{
    padding: 5px 0 0 0;
    text-align: center;
    margin: 0;
}
.hd_login dl dd{
    font-size: 80%;
    padding: 5px 0;
    text-align: center;
    margin: 0 auto;
}
.hd_login .login_nav {
    height: 70px;
    /*border: solid 1px #ccc;*/
    margin: auto auto;
    padding: 0;
    float: right;
}
.hd_login .login_nav li{
    width: 70px;
    margin: 0 10px 0 0;
    float: left;
    /*border: solid 1px #ccc;*/
}
.hd_login .login_nav li:last-child{
    margin: 0;
}
.hd_login .login_nav .head_ico{
    width: 24px;
    display: block;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    height: 26px;
    display: block;
}
.hd_login .login_nav .regist{
    background-position: 50% 2px;
    background: url('/img/master/new_reg_icon.png') no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
}
.hd_login .login_nav .member{
    background-position: 50% 2px;
    background: url('/img/master/mypage_icon.png') no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
}
.hd_login .login_nav .login{
    background-position: 50% 2px;
    background: url('/img/master/login_icon.png') no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
}
.hd_login .login_nav .logout{
    background-position: 50% 2px;
    background: url('/img/master/logout_icon.png') no-repeat;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
}


@media screen and (max-width: 640px) {
.hd_login .login_nav {
    /*width: 100%;*/
}
.hd_login .login_nav li{
    height: 60px;
    width: 47%;
    margin: 0 4% 0 0;
}
.hd_login dl{
    height: 60px;
    /*width: 100%;*/
    max-width: 70px;
}
}



/*------navbar----------------------------------------------*/

ul.dropdown-menu li{
	background-color:#FFF;
}
.navbar-waritoku{
	/*margin-bottom:20px;*/
    /*border-top: 1px solid #FFE7C0;*/
	background-color:#fffcdb;
    min-height: 60px;
    max-height: 60px;
	color:#333;
    padding: 0;
}
.navbar-waritoku .container{
    margin: 0 auto;
    padding: 0;
}

.navbar-toggle {
display: none;
}
.navbar-collapse {
border-top: 0;
}

.navbar-brand {
margin-left: -15px;
}

.navbar-waritoku a{
	color:#333;
}

ul.navbar-nav{
	width:1000px;
    height: 60px;
    /*max-height: 85px;*/
	margin:0 auto;
}

ul.navbar-nav li{
	border-right:1px solid #ccc !important;
    max-height: 85px;
	width:20%;
    box-sizing: border-box;
    float: left;
}
ul.navbar-nav li:last-child{
	border-right:1px solid #ccc !important;
}
ul.navbar-nav li:first-child{
	border-left:1px solid #ccc !important;
}

ul.navbar-nav li a{
    max-height: 60px;
    box-sizing: border-box;
	padding:10px 5px;
}
ul.navbar-nav li a p{
	display:table-cell;
	width:22em;
	height:3em;
    font-size: 100%;
	vertical-align:middle;
}
.navbar-nav > li > a {
    /*line-height: 20px;*/
}
[role="button"] {
    cursor: pointer;
}
.navbar-nav{margin:7.5px -15px}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}

ul.navbar-nav li .glyphicon{
	font-size:24px;
	/*text-shadow:2px 2px 5px #000;*/
}
ul.navbar-nav li .menu_ico{
    
}
ul.navbar-nav li .genre_ico:before{
 margin:0 5px 5px 0;
 content:" ";
 display:inline-block;
 width:24px;
 height:24px;
background: url('/img/master/ico_genre.png') no-repeat;
 background-size:contain;
 vertical-align:middle;
}

ul.navbar-nav li .area_ico:before{
 margin:0 5px 5px 0;
 content:" ";
 display:inline-block;
 width:24px;
 height:24px;
background: url('/img/master/ico_area.png') no-repeat;
 background-size:contain;
 vertical-align:middle;
}

ul.navbar-nav li .age_ico:before{
 margin:0 5px 5px 0;
 content:" ";
 display:inline-block;
 width:24px;
 height:24px;
background: url('/img/master/ico_age.png') no-repeat;
 background-size:contain;
 vertical-align:middle;
}

ul.navbar-nav li .wari_ico:before{
 margin:0 5px 5px 0;
 content:" ";
 display:inline-block;
 width:24px;
 height:24px;
background: url('/img/master/ico_wari.png') no-repeat;
 background-size:contain;
 vertical-align:middle;
}

ul.navbar-nav li .yen_ico:before{
 margin:0 5px 5px 0;
 content:" ";
 display:inline-block;
 width:24px;
 height:24px;
background: url('/img/master/ico_yen.png') no-repeat;
 background-size:contain;
 vertical-align:middle;
}
.dropdown-menu li:first-child{
    border-right:none !important;
}

@media screen and (max-width: 640px) {

ul.navbar-nav li .genre_ico:before,
ul.navbar-nav li .area_ico:before,
ul.navbar-nav li .age_ico:before,
ul.navbar-nav li .wari_ico:before,
ul.navbar-nav li .yen_ico:before{
 margin:0 auto 2px;
 display:block;
}
ul.navbar-nav li{
    height: 100%;
}
ul.navbar-nav li a{
	padding:5px;
}
ul.navbar-nav li a p{
	width:100%;
	/*height:3em;*/
}
ul.navbar-nav{
    width: 100%;
    max-height: 100%;
    height: 100%;
    }
ul.navbar-nav li:first-child{
	border-left:none;
}
ul.navbar-nav li:last-child{
	border-right:none;	
}
    
}


ul.navbar-nav li a:hover,.nav .open > a:focus{
background: #fff6cc;
color:#0041ff;
}

.dropdown-menu{
	padding:0;
	font-size:115% !important;
}

ul.dropdown-menu li{
	width:100% !important;
	border-bottom:1px dotted #DBDBDB;
    border-right:none !important;
    border-left:none !important;
}
ul.dropdown-menu li:first-child{
    border-left:none !important;
}
ul.dropdown-menu li:last-child{
    border-right:none !important;
	border-bottom:none;
}

.dropdown-menu>li>a{
	padding:10px 20px !important;
}
.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.dropdown-menu>li>a{
    display:block;
    padding:3px 20px;
    clear:both;
    font-weight:400;
    line-height:1.42857143;
    color:#333;
    white-space:nowrap;
    border-right:none;
    border-left:none !important;
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.open>.dropdown-menu{display:block}
.open>a{outline:0}
.dropdown-menu-right{right:0;left:auto}
.dropdown-menu-left{right:auto;left:0}
.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}
.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}
.pull-right>.dropdown-menu{right:0;left:auto}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}

@media (min-width:640px){
    .navbar-right .dropdown-menu{right:0;left:auto}
    .navbar-right .dropdown-menu-left{right:auto;left:0}
}

@media screen and (max-width: 640px) {
	.navbar-nav .open .dropdown-menu {
	    position: absolute;
	    top: 100%;
	    z-index: 1000;
	    float: left;
	    min-width: 150px;
	    padding: 5px 0;
	    margin:0;
	    font-size: 115%;
	    /*text-align: center;*/
	    list-style: none;
	    background-color: #fff;
	    -webkit-background-clip: padding-box;
	    background-clip: padding-box;
	    border: 1px solid #ccc;
	    border: 1px solid rgba(0, 0, 0, .15);
	    border-radius: 4px;
	    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	    width: 400%;
	}
	
	ul.menu1 {
		left: 0;
	}
	
	ul.menu2 {
		left: -100%;
	}
	
	ul.menu3 {
		left: -200%;
	}
	
	ul.menu4 {
		left: -300%;
	}
	ul.menu5 {
		left: -300%;
	}
	.nav > li {
		float:left;
	}
	
	ul.navbar-nav li {
		/*width:25%;*/
	}
    
.navbar-nav > li > a {
    line-height: 1.2;
}
    
.navbar-nav .open .dropdown-menu li {
		display: block;
    	width: 100% !important;
}
.dropdown-menu>li>a{
	padding:8px 20px !important;
}
ul.navbar-nav li a {
text-align: center;
line-height: 1.2;
min-height: 60px;
max-height: 60px;
    padding: 5px 0 0 0;
}
.navbar-nav .dropdown-menu li,.navbar-nav .dropdown-menu li a{
min-height: 40px !important;
max-height: 40px !important;
border-right:none !important;
}
ul.navbar-nav li a p {
    display: table-cell;
    width: 22em;
    font-size: 80%;
    line-height: 1.2;
    vertical-align: middle;
    color: #333;
}
.navbar-waritoku{
    min-height: 60px;
    max-height: 60px;
	color:#333;
    padding: 0;
background: #fff8db;
background: -moz-linear-gradient(top,  #fff8db 0%, #fff6cc 50%, #fff1b7 100%);
background: -webkit-linear-gradient(top,  #fff8db 0%,#fff6cc 50%,#fff1b7 100%);
background: linear-gradient(to bottom,  #fff8db 0%,#fff6cc 50%,#fff1b7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8db', endColorstr='#fff1b7',GradientType=0 );
border-top:none;
}
    
ul.navbar-nav li {
min-height: 60px;
max-height: 60px;
    width: 20%;
    box-sizing: border-box;
}

.nav > li > a {
    position: relative;
    display: block;
    /*padding: 10px 15px;*/
}
    
}
.nav > li {
    position: relative;
    display: block;
}
/*---------------main_slide--------------------------------*/
.slide_area{
    width: 100%;
    padding: 20px 0;
    margin: 0;
    background: #fffcdb;
}
.slide_area .container{
    margin: 0 auto;
    padding: 0;
}
#main_slide dl{
    margin: 0 5px;
    padding: 0;
    background: #fff;
}
#main_slide dl dd{
    padding: 5px 10px;
    line-height: 1.4;
}


/*---------------couponlist------------------------------*/
ul.couponlist li img {
    width: 100%;
}

ul.couponlist li{
	width:auto;
	height:auto;
	border:1px solid #cde1ff;
	margin-bottom:10px;
	background-color:#fff;
}
ul.couponlist li a{
	display:block;
	width:auto;
	height:auto;
	padding:10px;
	color:#000;
}

ul.couponlist li a:hover{
text-decoration: none !important;
background: #fffcdb;
}

ul.couponlist li h4{
	font-size:150%;
}

.couponlist li dl {
    display: table;
    width: 100%;
    /*border: 1px solid #ccc;*/
}
.couponlist li dt,.couponlist li dd {
    display: table-cell;
    padding: 0;
    vertical-align: middle;
}
.couponlist li dt {
    line-height: 0;
    width: 30%;
}
.couponlist li dd {
    padding: 6px 10px;
     vertical-align: top;
    width: 70%;
}
.couponlist li dd .text-red {
    font-size: 115%;
    margin: 4px 0 6px;
}
.couponlist li dd p {
    margin: 4px 0;
}

@media screen and (max-width: 640px) {
    .couponlist{
        width: 95%;
        margin: 0 auto;
    }
.couponlist li dl {
    display:inherit
}
.couponlist li dt,.couponlist li dd {
    display:inherit;
    padding: 0;
    vertical-align: top;
}
.couponlist li dt {
    width: 100%;
}
.couponlist li dd {
    padding: 6px;
     vertical-align: top;
    width: 100%;
}
ul.couponlist li .coupon_catch{
    width: 100%;
    padding: 6px 0;
    font-size: 110%;
}
}


.couponlist_right{
	position:absolute;
	top:40%;
	right:2%;
	font-size: 200%;
	color: #8e1c24;
	  -moz-transform:    scale( 1,2 );  /* Firefox */
  -webkit-transform: scale( 1,2 );  /* Chrome,Safari */
  -o-transform:      scale( 1,2 );  /* Opera */
  -ms-transform:     scale( 1,2 );  /* IE */
  transform:         scale( 1,2 );  /* CSS3 */
}
ul.couponlist li .col-xs-1{
	  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*-------coupon_detail-----------------------------------*/
.detail_box{
    width: 100%;
}
.detail_l{
    width: 735px;
    float: left;
    /*border: solid 1px #ccc;*/
}
.top_page .detail_l{
    width: 650px;
    padding: 0;
    clear: both;
}
.detail_box .detail_l_in{
    width: 740px;
    padding: 10px 10px 10px 10px;
    margin: 0;
    background: #fffcdb;
    border-radius: 6px;
}

.detail_box .detail_l_in h3.title {
    margin: 0 0 10px;
    border-left: 4px solid #8e1c24;
    padding: 4px 0 4px 8px;
    border-radius: 4px;
    border-bottom: none;
    background: #fff;
    font-weight: normal;
    clear: both;
}

.detail_r{
    margin: 0;
    padding: 0;
    width: 235px;
    float: right;
}

.detail_r #banner_area ul li ,
.detail_r #top_ranking ul li {
    float: none;
    margin: 0.5% auto;
    width: 95%;
    box-sizing: border-box;
}
.detail_r h3.title {
    margin: 10px 0 10px;
    font-size: 120%;
    clear: both;
}

.detail_r #top_ranking span a {
    float: none;
    margin: 4px 0 10px 0;
    padding: 2px 22px 2px 5px;
    display: block;
}
.detail_r #top_ranking h4 {
    font-size: 110%;
}
.detail_r #top_ranking dt,
.detail_r #top_ranking dd{
    float:none;
    width: 100%;
    margin: 0;
}
.detail_r #top_ranking dd{
    padding: 0 4px 4px 4px;
}
#coupon_title{
	padding:10px;
	margin-bottom:15px;
}

#coupon_detail
{
	border:1px solid #8e1c24;
	margin:15px 0;
	padding:15px;
}

#coupon_detail .coupon_catch{
	color:#8e1c24;
	text-align:center;
	font-weight:bold;
}
#coupon_detail .coupon_catch h3{
	margin-top:-5px;
	font-weight:bold;
}
.code_print{
        width: 100%;
        margin: 0 auto;
        padding: 5px;
    text-align:center;
    }

.code_print h1{
        width: 100%;
        margin: 10px auto;
        padding: 5px;
    text-align:center;
    }

.coupon_read{
margin:4px 0 10px 0;
}

.panel-body .glyphicon{
	margin-right:5px;
}
.panel-body p{
	margin-bottom:5px;
	font-size:115%;
}
.panel-body .link_text{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail_l_in .coupon_img{
    margin: 0 !important;
}
.detail_l_in .alert{
margin: 8px auto 0;
}

.panel-title {
    margin: 8px !important;
    font-size: 16px;
    color: inherit;
}

.copon_info{
    width: 100%;
    display: table;
    font-size: 90%;
}
.copon_info_in dt{
    display:table-cell;
    width: 95px;
    padding: 6px;
    margin: 0;
    background: #f5f5f5;
    border-top:1px #ccc solid;
}
.copon_info_in dd{
    display: table-cell;
    width: 605px;
    padding: 6px;
    margin: 0;
    background: #fff;
    border-top:1px #ccc solid;
}
.copon_info_in:last-child dt {
    border-bottom-left-radius: 6px;
}
.copon_info_in:last-child dd {
    border-bottom-right-radius: 6px;
}
.copon_info_in .imfo_in_l{
    border-top: none;
    width: 100%;
    background: #fff;
    display: block;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.coupon_detail_new .copon_info,.coupon_detail_new_02 .copon_info{
    border: solid 1px #ccc;
    margin: 0 auto;
    border-radius: 6px;
}
.coupon_detail_new .copon_info_in{
    width: 100%;
    margin: 0 auto 0;
}
@media screen and (max-width: 640px) {
.detail_l{
    width: 100% !important;
    float: none;
}
.detail_box .detail_r_in{
    width: 100%;
    padding: 0 10px;
    margin: 0;
}
.detail_box .detail_l_in{
    width: 100%;
}
.detail_r{
    margin: 0;
    width: 100%;
    float: none;
}

.code_print h1{
    font-size: 140%;
    }
.code_print h3{
    color: #8e1c24;
    font-size: 120%;
    }
.panel-title {
    margin: 4px 6px 6px;
    font-size: 16px;
    color: inherit;
}
}


/*--------mycoupon mypage----------------------------------------*/
.mycoupon_list {
width:100%;
	height:200%;	
}
.mycoupon_list img{
	margin-bottom:10px;
}
.mycoupon_list a{
	display:block;
	border:1px solid #8e1c24;
	padding:10px;
	color:#000;
}

.mycoupon_list p.text-red{
	display:table-cell;
	width:30em;
	height:3em;
	vertical-align:middle;
}
@media screen and (max-width: 400px) {
.mycoupon_list p{
	font-size:90%;
}
}

/*--------contact-----------------------------------------------*/
#contact .form-control{
	margin-bottom:15px;
}
.error-message{
	color:#CC0007;
	margin-top:-15px;
}

/*--------loginarea-----------------------------------------------*/
.loginarea{
	border:15px solid #E3E3E3;
	padding:15px;
}


/*-----予約--------------------------*/
.resev_box_01{
    width: 100%;
    box-sizing: border-box;
}
.resev_box_01 label{
    width: 19%;
    margin:0 1% 10px 0;
}
.resev_box_01 input{
    width: 80%;
    padding: 7px 5px;
    margin: 0 0 10px 0;
    border: solid 1px #b3b3b3;
    border-radius: 6px;
}
.resev_box_01 select,
.resev_box_01 textarea{
	padding: 5px;
    margin: 0 3px 10px 0;
    border-radius: 3px;
    border: solid 1px #b3b3b3;
}
.resev_box_01 textarea{
    width: 79%;
}
.resev_box_01 .rsv_ymd{
    margin: 0 10px 0 3px;
}
.resev_box_01 .textarea{

}
.resev_box_01 .textarea label{
    vertical-align: top;
}
.mtmb15{
    margin-top: 15px;
    margin-bottom: 15px;
}
.resev_box_01 #OtherStayDay,
.resev_box_01 #OtherRoom,
.resev_box_01 #OtherPerson,
.resev_box_01 #OtherMan,
.resev_box_01 #OtherWoman,
.resev_box_01 #OtherHuman,
.resev_box_01 #OtherStudent,
.resev_box_01 #OtherChildren,
.resev_box_01 #OtherBaby,
.resev_box_01 #OtherSenior,
.resev_box_01 #OtherKid{
    width: 10%;
}
#yoyaku_cut{
    clear: both;
}
#yoyaku_cut dt{
    float: left;
    width: 19%;
}
#yoyaku_cut dt label{
    width: 100%;
}
#yoyaku_cut dd {
    /*float: left;*/
    /*margin: 0 0 0 10%;*/
}

#yoyaku_cut .yoyaku_cut_rd{
    width: 5%;
    margin: 0 0 0 10px;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
#yoyaku_cut #s_text{
    margin: 15px 0 5px;
    display: block;
        font-weight: normal;
        font-size: 90%;
}
#yoyaku_cut #s_card img{
    display: block;
        width: 100px;
}
#s_card img{
    margin: 5px 0;
    display: block;
        width: 120px;
}
.reservations fieldset{
    width: 960px;
    margin: 20px auto 10px;
}

@media only screen and (max-width:640px) {
.reservations fieldset{
    width: 100%;
    margin: 10px auto;
    padding: 5px;
}
.resev_box_01{
    /*width: 100%;*/
}
    
.resev_box_01 label{
    width: 100%;
    display: block;
    margin:0 0 0 0;
}
.resev_box_01 input{
    width: 100%;
}
.resev_box_01 #OtherStayDay,
.resev_box_01 #OtherRoom,
.resev_box_01 #OtherPerson,
.resev_box_01 #OtherMan,
.resev_box_01 #OtherWoman,
.resev_box_01 #OtherHuman,
.resev_box_01 #OtherStudent,
.resev_box_01 #OtherChildren,
.resev_box_01 #OtherBaby,
.resev_box_01 #OtherSenior,
.resev_box_01 #OtherKid{
    width: 17%;
}
    
#yoyaku_cut dt{
    float: none;
    width: 100%;
}
#yoyaku_cut dd {
    float: none;
    width: 100%;
    margin: 5px 0 0 0;
}
.resev_box_01 textarea{
    width: 100%;
} 
}


/*-----支払確認---------------------------------*/
dl.pay_list {
margin: 0 auto 10px;
background-color: #efefef;
border: 1px solid #ccc;
width: 100%;
   /* border-radius: 8px;*/
}
.pay_list dt{
 color: #333;
 width: 9.5em;
 padding: 0.5em 0 0.5em 1em;
 border-top: 1px solid #ccc;
 float: left;
}
.pay_list dt:first-child,
.pay_list dt:first-child+dd{
 border-top: none;
}

.pay_list .last_dd{
  /*  border-bottom-right-radius: 8px;*/
}

.pay_list dd {
 background-color: #FFF;
 margin: 0 0 0 9.5em;
 padding: 0.5em 1em 0.5em 1em;
 border-top: 1px solid #ccc;
}
.disp_qr img{
    max-width: 200px;
    width: 200px;
    margin: 10px auto;
}
.disp_qr{
    text-align: center;
    margin: 10px auto 20px;
}
/* SP--------------------- */
@media only screen and (max-width:640px) {
    .disp_qr h3{
        font-size: 120%;
    }
    .pay_list {
        width: 100%;
      background: #fff;
        border: 1px solid #ccc;
        border-radius: none;
    }
.pay_list dd{
    border-top-right-radius: none;
}
    .pay_list dt,
    .pay_list dd {
        width: 100%;
        padding: 8px 20px;
    }
    
    .pay_list dt {
        float: none;
 background-color:none;
        border-bottom:#efefef;
    }
    
    .pay_list dd {
        border-top:1px solid #ccc;
        border-bottom: none;
        margin: 0 ;
    }
    .pay_list .last_dd{
    /*border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;*/
}
.pay_list dt:first-child+dd{
    border-top:1px solid #ccc;
}
}

/*contact*/
#contact .form-control{
	margin-bottom:15px;
}
.error-message{
	color:#CC0007;
	margin-top:5px;
}

/*loginarea*/
.loginarea{
	border:15px solid #E3E3E3;
	padding:15px;
}
/*完了画面*/
.flash_msg{
    width: 95%;
    border: solid 1px #cccccc;
    padding: 30px 10px;
    margin: 40px auto;
     box-sizing: border-box;
}
.flash_msg p{
    font-size: 200%;
    font-weight: normal;
    line-height: 1.6;
}
.flash_msg a{
color: #8e1c24;
}
.flash_msg a:hover{
color: #8e1c24;
}
@media screen and (max-width: 768px) {
.flash_msg p{
    font-weight: bold;
    font-size: 140%;
}
}


/*----------footer------------------------------------------*/
footer{
		margin-top:15px;
		padding:10px;
		background-color:#E3E3E3;
}
footer .container{
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
footer .footer_nav{
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
footer .footer_nav a{
    font-size: 95%;
    margin: 0 8px;
    padding: 0;
}
footer .foot_copy{
    text-align: center;
    margin: 0 auto;
    font-size: 90%;
    color: #333;
    margin: 8px 0;
    clear: both;
}

@media screen and (max-width: 640px) {
footer{
    margin-top:15px;
    padding:0;
    background: #b5b1b1;
}
footer .footer_nav{
    width: 100%;
}
footer .footer_nav a{
    color: #fff;
    width: 50%;
    display: block;
    font-size: 85%;
    padding: 6px 0;
    margin: 0 0 -1px 0;
    float: left;
    background: #999;
    border: solid 1px #E3E3E3;
    border-left:none;
}
footer .footer_nav a:first-child{
    border-top:none; 
    width: 100%;
}
footer .footer_nav a:hover,
footer .footer_nav a:activ {
    color: #fff;
    background: #333;
}
}
footer .footer_nav img{
    max-width: 200px;
    max-height: 50px;
}

/*----genre botan-------------------------------*/

#menu_genre {
    padding: 0;
}
#menu_genre ul {
    width: 99%;
    margin: 10px auto 20px;
}
#menu_genre ul li {
	width: 24.4%;
    float: left;
	border: 1px solid #ccc;
	margin: 0 0.6% 5px 0;
	font-size: 100%;
    border-radius: 6px;
    float: left;
}
#menu_genre ul li a {
	padding: 5px 6px 1px 8px;
    display: block;
    border-radius: 6px;
    color: #444;
    position: relative;
}
#menu_genre ul li a:hover{
    color:#0041ff;
}
#menu_genre ul li span {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}
#menu_genre ul li span img {
    width: 28px;
    margin-right: 6px;
}
#menu_genre ul li span:last-child {
    padding-bottom: 2px;
}

@media screen and (max-width: 640px) {
	#menu_genre ul li {
        width:32.3%;
        margin: 0 1% 2% 0;
	    font-size:90%;
	}

    #menu_genre ul li a {
        *padding: 4px 6px 0px 8px;
    }
    #menu_genre ul li a img {
        width: 24px;
    }
}
@media screen and (max-width: 400px) {
    #menu_genre ul li span:nth-child(2) {
        font-size: 80%;
        line-height: 120%;
    }
}

/*----------area botan--------------------------------*/
#menu_area ul{
    width: 99%;
    margin: 10px auto 20px;
    white-space: nowrap;
}
#menu_area ul li{
	padding:0;
    line-height: 1;
	margin:0 1% 1% 0;
	border:1px solid #ccc;
	font-size:100%;
    /* width: 24%; */
    border-radius: 6px;
    float: left;
}	
#menu_area ul li a{
	display:block;
	padding: 12px 25px 10px 15px;
	color:#444;
    border-radius: 6px;
    position:relative;
}
#menu_area ul li a:hover{
	color:#0041ff;
}
#menu_area ul li a:after{
	position: absolute;
	top:50%;
	right: 5px;
	margin: -5px 0 0 0;
	content: " ";
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url('/img/right_icon.png') no-repeat;
	background-size: contain;
	vertical-align: middle;
}

@media screen and (max-width: 640px) {
    #menu_area ul li{
        font-size:90%;
        margin:0 1% 2% 0;
    }
    #menu_area ul li a{
        /* padding: 7px 0 5px 10px; */
        padding: 10px 25px 8px 15px;
    }
}
/*-------maypage---------------------------------*/
#mypage_list_01 li,
#mypage_list_02 li,
#mypage_list_03 li{
    max-width: 225px;
    width: 32%;
    margin:  0.8% 0.2% 0.5% 2.3%;
    float: left;
    border: solid 1px #ccc;
    box-sizing: border-box;
}
#mypage_list_01 li{
padding: 5px;
    max-height: 227px;
    min-height: 227px;
    
}
#mypage_list_02 li{
/*padding: 5px;*/
    min-height: 280px;
    max-height: 280px;
}
#mypage_list_03 li{
padding: 5px;
    max-height: 210px;
    min-height: 210px; 
}
#mypage_list_01 li dl,
#mypage_list_02 li dl,
#mypage_list_03 li dl{
    margin: 0;
}

#mypage_list_02 li dt,
#mypage_list_02 li dd{
padding: 5px;
}

#mypage_list_01 .cupon_title,
#mypage_list_02 .cupon_title,
#mypage_list_03 .cupon_title{
    font-size: 100%;
    font-weight: normal;
    min-height: 36px;
    margin: 5px 0 3px 0;
}
#mypage_list_01 .cupon_days,
#mypage_list_02 .cupon_days{
    font-size: 90%;
    font-weight: normal;
    margin: 4px 0;
}


#mypage_list_01 a li,
#mypage_list_02 li a dt,
#mypage_list_03 a li {
    color: #292929;
}
#mypage_list_02 li a dt:hover{
text-decoration: none;
}
#mypage_list_02 li dl dd a:hover{
    
}

#mypage_list_01 a:hover li,
#mypage_list_02 li a:hover dt,
#mypage_list_03 a:hover li{
color: #8e1c24;
text-decoration: none;
background-color: #fefbf5;
}


@media screen and (min-width: 1192px){
#mypage_list_01 li,
#mypage_list_02 li,
#mypage_list_03 li{
    max-width: none;
    width: 32%;
    margin: 0.5% 0 0.5% 1.2%;
    float: left;
    border: solid 1px #ccc;
    box-sizing: border-box;
}
#mypage_list_01 li{
padding: 5px;
    max-height: 255px;
    min-height: 255px;
    
}
#mypage_list_02 li{
/*padding: 5px;*/
    min-height: 310px;
    max-height: 310px;
}
#mypage_list_03 li{
padding: 5px;
    max-height: 230px;
    min-height: 230px; 
}  
}

@media screen and (max-width: 640px){
.sp{display:inherit;}
.pc{display: none;}
    
#mypage_list_01 li,
#mypage_list_02 li,
#mypage_list_03 li{
    max-width: 100%;
    width: 100%;
    height: auto;
    max-height:none;
    min-height: inherit;
    margin: 0 0 0.7%;
    padding: 1% 0.3%;
    float: none;
    }
#mypage_list_01 li dl:after,
#mypage_list_02 li dl:after,
#mypage_list_03 li dl:after{
    content:" ";
    display:block;
    clear:both;

    }
#mypage_list_01 li dt,
#mypage_list_02 li dt,
#mypage_list_03 li dt{
    width: 25%;
    height: auto;
    margin: 0 1.5% 0;
    padding: 0;
    float: left;
}
#mypage_list_01 li dd,
#mypage_list_02 li dd,
#mypage_list_03 li dd{
    padding: 5px 0 0 0;
}  
#mypage_list_01 .cupon_title,
#mypage_list_02 .cupon_title,
#mypage_list_03 .cupon_title{
    font-size: 110%;
    font-weight: normal;
    min-height:inherit;
    margin: 0 0 4px;
}
#mypage_list_01 .cupon_days,
#mypage_list_02 .cupon_days{
    font-size: 90%;
    font-weight: normal;
    margin: 0 0 4px;
}
#mypage_list_02 dd a{
        font-weight: normal;
}
}

/*--------banner-----------------------------------*/
.loginarea{
    text-align: center;
    margin: 0 4px 15px 4px;
    border: 6px solid #E3E3E3;
    padding: 10px 16px 16px 16px;
    border-radius: 6px;
}
#banner_area{
    margin: 15px 0 0 0;
    /*width: 25%;
    float: right;*/
}
#banner_area ul{
    clear: both;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}
#banner_area ul li{
    float: left;
    margin: 0.5% 0.5%;
    width: 32.3%;
    box-sizing: border-box;
}
#banner_area ul li:last-child{
    /*clear: both;*/
}
#banner_area ul li img{

}

@media screen and (max-width: 640px){
.pc{display: none;}
.sp{display: inherit;}
    
.loginarea{
    margin:15px 4px;
}
#banner_area{
    width: 100%;
    float: none;
}  
#banner_area ul{
    padding: 15px 0;
    width: 100%;
    margin: 0 auto;
}
#banner_area ul li{
    width: 90%;
    max-width:90%;
    float: none;
    margin: 6px auto 0;
}
}


/*------new_seach-------------------*/
#new_seach img {
    width: 100%;
}
.new-gallery{
    width: 100%;
}
#new_seach{
    width: 95%;
    clear: both;
    margin: 0 auto;
}
#new_seach li{
    /*
    width: 24%;
    float: left;
    padding: 3px;
    margin: 0 0 1.5% 1%;
    border: solid 1px #ccc;
    min-height: 177px;
    max-height: 177px;
    background: #fefbf5;*/
}

#new_seach p{
    font-size: 90%;
    line-height: 1.3;
    margin: 0;
}
#new_seach dl{
    width: 96%;
    min-height: 160px;
    max-height: 160px;
    margin: 2%;
    padding: 0;
    background: #fffcdb;
    border: solid 1px #ccc;
}
#new_seach dt{
    /*background: #fff;*/
    position: relative;
    z-index: 0;
}
#new_seach .new{
    display: block;
    width: 47px;
    position: absolute;
    top:3px;
    left:-3px;
    z-index: 10;
}
#new_seach a:hover .new img {
  opacity: 1;
  filter: alpha(opacity=100);
}
#new_seach dd{
    min-height: 40px;
    padding: 3px;
    position: relative;
}
#new_seach a dd{
    display: block;
}
#new_seach dd span{
    position: absolute;
    left: 4px;
    top:-26px;
}
#new_seach dd .c_01,
#new_seach dd .c_02,
#new_seach dd .c_03,
#new_seach dd .c_04,
#new_seach dd .c_05,
#new_seach dd .c_06{
    font-size: 80%;
    padding: 0.16em 0.4em;
    line-height: normal;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 14px;
}
#new_seach dd .c_01{
    color: #b01e23;
}
#new_seach dd .c_02{
    color: #0000cc;
}
#new_seach dd .c_03{
    color: #ed5603;
}
#new_seach dd .c_04{
    color: #cc0000;
}
#new_seach dd .c_05{
    color: #00890a;
}
#new_seach dd .c_06{
    color: #02afa2;
}

#new_seach a p{
    display: block;
    font-weight: normal;
    text-decoration: none;
    color: #333;
}
#new_seach a:hover p{
    text-decoration: none !important;
    color: #0041ff !important;
}

#new_seach a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}


@media screen and (max-width: 640px){
#new_seach dl{
    min-height: 150px;
    max-height: 150px;
}
#banner_area ul{
    padding: 5px 0 10px;
    width: 100%;
    margin: 0 auto;
}
}
@media screen and (max-width: 640px){
.new-gallery{
        width: 94%;
    margin: 0 auto;
    }
#new_seach dl{
    min-height: 150px;
    max-height: 150px;
}
}


/*------ranking-----------------------*/
#top_ranking{
    width: 100%;
    margin: 10px auto 20px;
    clear: both;
}
#top_ranking ul{
    width: 100%;
    clear: both;
}
#top_ranking ul li{
    width: 31.2%;
    margin: 0 1% 2.5% 1%;
    float: left;
    /*border: solid 1px #ccc;*/
}
#top_ranking dl{
    width: 100%;
    height: 95px;
    margin: 0;
    padding: 0;
    clear: both;
    border: solid 1px #ffdacd;
}
.detail_r #top_ranking dl{
    height: auto;
}
@media screen and (max-width: 640px){
#top_ranking dl{
    height: auto;
    }
}
#top_ranking a p{
    font-weight: normal;
    color: #8e1c24;
    text-decoration: none;
}
#top_ranking dl dt{
    width: 40%;
    height: 100%;
    margin: 0;
    padding: 3px;
    float: left;
    line-height: 0;
}
#top_ranking dl dd{
    font-size: 110%;
    width: 58%;
    height: 100%;
    margin: 6px 0 0 42%;
    padding: 0;
    line-height: 1.1;
}
#top_ranking h4{
    /*font-weight: normal;*/
    margin: 0 0 6px 0;
}
#top_ranking h4:before{
    content: url('/img/rank_01.png');
    position: relative;
    top:3px;
    left: 0;
    margin: 0 4px 0 0;
}
#top_ranking dl:hover,
#top_ranking dl:active{
    background: #fffcdb;
    text-decoration: none !important;
    /*color: #0041ff;*/
    border: solid 1px #8e1c24;
}
#top_ranking dl:hover p,
#top_ranking dl:active p{
    text-decoration:none;
}
#top_ranking .rank_main{
    margin: 8px 0 4px;
}
#top_ranking .rank_sub{
    font-size: 90%;
    color: #333;
    line-height: 1.3;
    margin:0 0 4px;
}


#top_ranking span{
    clear: both;
}
#top_ranking span a{
    position: relative;
    font-size: 85%;
    float: right;
    /*display: block;*/
    font-weight: normal;
    text-decoration: none;
    margin: 4px 0 0 0;
    padding: 2px 22px 2px 5px;
    border-radius: 6px;
    color: #fff;
background: #8e1c24;
border: solid 1px #8e1c24;
}
#top_ranking span a:after{
    content: '';
    position: absolute;
    top:50%;
    right: 4px;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;
    background: url('/img/ranking_arrow.png');
    background-size: contain;
    vertical-align: middle;
    display: inline-block;
}
#top_ranking span a:hover,
#top_ranking span a:active,
#top_ranking span a:focus{
    color: #8e1c24;
    border: solid 1px #8e1c24;
background: #fff;
/*background: -moz-linear-gradient(top,  #fcfcfc 0%, #eaeaea 100%);
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#eaeaea 100%);
background: linear-gradient(to bottom,  #fcfcfc 0%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eaeaea',GradientType=0 );*/
}

h3.cat_ranking{
    width: 100%;
    padding: 5px;
    border: solid 4px #cde1ff;
    border-radius: 6px;
}
h3.cat_ranking img{
    width: 30px;
    margin: 0 4px -5px 4px;
}

.cat_ranking
/img/icon/wari/leisure.png




@media screen and (max-width: 640px){
#top_ranking span{
    clear: both;
}
#top_ranking span a{
    position: relative;
    font-size: 85%;
    float: none;
    display: block;
    font-weight: normal;
    text-decoration: none;
    margin: 4px 0 5px 0;
    padding: 2px 22px 2px 5px;
    border-radius: 6px;
    color: #fff;
background: #8e1c24;
border: solid 1px #8e1c24;
}

#top_ranking h4 {
    font-size: 110%;
}
#top_ranking dt,
#top_ranking dd{
    float:none !important;
    width: 100% !important;
    margin: 0 !important;
}
#top_ranking dd{
    padding: 0 4px 4px 4px !important;
}
#top_ranking ul{
    width: 95%;
    margin: 0 auto;
    }
}

/*----------ranking page--------------------------------*/
.ranking_list li{
    width: 100%;
    padding: 15px 0 15px 8px;
    margin: 0 0 7px 0;
    border: solid 1px #cde1ff;
}
.ranking_list a li{
    color: #333;
    text-decoration: none;
}
.ranking_list li a{
    color: #333;
    text-decoration: none;
}
.ranking_list li a:hover,
.ranking_list li a:active,
.ranking_list li a:focus,
.ranking_list a li:hover,
.ranking_list a li:active,
.ranking_list a li:focus{
    text-decoration: none !important;
    background: #fffcdb;
    border: solid 1px #395fcf;
}

.ranking_list li dl{
    /*height:auto;*/
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    height: 100%;
}
.ranking_list li dl dt,
.ranking_list li dl dd{
    margin: 0;
    padding: 0;
}
.ranking_list .text-big,
.coupon_detail_new .text-big{
    font-weight: bold;
}
.ranking_list .rank_col_0{
    float: left;
    width: 55px;
    /*height: auto;*/
    margin: 0;
    padding: 0;
}
.ranking_list .rank_col_01{
    float: left;
    width: 40%;
    /*height: auto;*/
    margin: 0;
    padding: 0;
}
.ranking_list .rank_col_02{
    /*max-width: 445px;*/
    padding: 0 0 0 12px;
    float: left;
    width: 51.5%;
    margin: 0;
}
.ranking_list .rank_col_01 img{
    margin: 0 0 -5px 0;
    padding: 0;
}

.ranking_list .rank_col_02 h4{
    margin: 4px 0;
}

.ranking_list .coupon_catch,
ul.couponlist li .coupon_catch{
    display: inline-block;
    color: #fff;
    font-size: 130%;
    line-height: 1.2;
    border-radius: 5px;
    padding: 5px 20px;
    background: #ff0000;
    margin: 10px 0 0 0;
}

.ranking_list .rank_ico{
    width: 55px;
    margin: 0;
    padding: 0;
}
.ranking_list .rank_ico dt{
    text-align: left;
    width: 45px;
    margin: 0 auto;
    padding: 0;
}
.ranking_list .rank_ico dt img{
    width: 38px;
    margin: 0;
    padding: 0;
}

.ranking_list .coupon_ad,
.ranking_list .coupon_price{
    line-height: 1.2;
    font-weight: normal;
    margin: 0 0 6px 0;
}
.ranking_list .coupon_price{
    line-height: 1.4;
}
.ranking_list .rank_ico dd{
    text-align:left;
    width: 45px !important;
    margin: 5px auto;
    padding: 0;
}

.ranking_list .rank_ico dd h4{
    margin: 0 auto;
    padding: 0;
    width: 50px !important;
}

/*-----------coupon-----------------------------------*/
.coupon_detail_new,.coupon_detail_new_02{
    padding: 8px;
    border: 1px solid #ccc;
    background: #fff;
    margin: 10px auto;
}
.coupon_detail_new_02{
    width: 100%;
    margin: 0 auto;
}
.copon_info_in{
    width: 100%;
    margin: 0 auto;
}
.copon_info_in dt {
    display: table-cell;
    width: 105px;
    padding: 10px;
    margin: 0;
    background: #f5f5f5;
    border-top: 1px #ccc solid;
}
.copon_info_in dd{
    display: table-cell;
    width: 595px;
    padding: 10px;
    margin: 0;
    background: #fff;
    border-top: 1px #ccc solid;
}
.coupon_detail_new_02 .copon_info{
    width: 95%;
    margin: 0 auto;
}
.coupon_detail_new_02 .copon_info_in{
    width: 100%;
    margin: 0 auto;
}
.coupon_detail_new_02 .copon_info_in dt {
    display: table-cell;
    width: 150px;
    padding: 10px;
    margin: 0;
    background: #f5f5f5;
    border-top: 1px #ccc solid;
}
.coupon_detail_new_02 .copon_info_in dd{
    display: table-cell;
    width: 781px;
    padding: 10px;
    margin: 0;
    background: #fff;
    border-top: 1px #ccc solid;
}
.coupon_detail_new_02 .copon_info_in .imfo_in_l{
    width: 100%;
    display: block;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.coupon_detail_new h3{
    font-size: 120%;
    /*color: #0041ff;*/
    line-height: 1.2;
    /*padding: 0 0 3px;*/
    /*border-bottom: 1px solid #cde1ff;*/
    margin: 8px 0 8px 5px;
}
.coupon_detail_new #coupon_info{
    font-size: 120%;
}
.coupon_read blockquote p{
    font-size: 100%;
}
/*
.coupon_area p:before{
    position: absolute;
    top:6px;
    left:6px;
    /*content:'<span class="glyphicon glyphicon-exclamation-sign"></span>'*/
    /*content: url('/img/coupon_alert.png');*/
/*}*/

.alert{
    margin: 8px 15px 0;
    position: relative;
    padding: 5px;
    color: #fff;
  background-image: linear-gradient(
    -45deg,
    #ca0000 25%,
    #d70202 25%, #d70202 50%,
    #ca0000 50%, #ca0000 75%,
    #d70202 75%, #d70202
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 16px 16px;
}
.coupon_area .glyphiconm,
.glyphicon-exclamation-sign{
    margin: 4px;
}


@media screen and (max-width: 640px){
    #top_ranking .rank_main{
        margin: 0 0 4px 0;
    }
#top_ranking .rank_sub{
    font-size: 80%;
}
#top_ranking span a{
    width: 100%;
    margin: 6px 0;
}   
    
.ranking_list li{
    padding: 8px;
}
 .ranking_list .rank_col_0{
    float: none;
    width:100%;
    margin: 0;
    padding: 0;
}
.ranking_list .rank_col_01{
    float: none;
    width:100%;
    margin: 0;
    padding: 0;
}
.ranking_list .rank_col_02{
    float: none;
    width:100%;
    margin: 0;
    padding: 0;
}
#top_ranking ul li{
    width: 100%;
    margin: 0 0 5px 0;
    float: none;
}

.ranking_list .rank_col_01 img{
    margin: 0 0 5px 0;
    padding: 0;
}
    
.ranking_list .rank_ico{
    width: 100%;
}
.ranking_list .rank_ico dt{
    float: left;
    width: 30px;
    margin: 0;
    padding: 4px 0;
}
.ranking_list .rank_ico dd{
    float: left;
    text-align: left;
    width: 55px;
    margin: 20px 0 0 10px;
}

.ranking_list .rank_ico dd h4{
    margin: 0;
    padding: 0;
    width: 55px !important;
}
.ranking_list .coupon_catch{
    display: block;
    text-align: center;
    color: #fff;
    width: 100%;
    font-size: 130%;
    line-height: 1.2;
    border-radius: 5px;
    padding: 5px 0;
    background: #ff0000;
    margin: 10px 0 0 0;
}
.copon_info{
    display:inherit;
}
.copon_info_in dt,
.coupon_detail_new_02 .copon_info_in dt{
    padding: 6px;
    display: inherit;
    font-weight: bold;
    width: 100%;
}
.copon_info_in dd,
.coupon_detail_new_02 .copon_info_in dd{
    padding: 6px;
    display: inherit;
    width: 100%;
    font-size: 110%;
}
   
.detail_r h3.title {
width: 95%;
    margin: 10px auto 0;
}
ul.couponlist li .coupon_catch{
    text-align: center;
    width: 100%;
    padding: 6px 0;
    font-size: 110%;
}
}

@media screen and (max-width: 480px){
h3.title {
    border-left: 4px solid #8e1c24;
    padding: 5px;
    font-size: 120%;
}
h3.cat_ranking{
    font-size: 120%;
}
h3.cat_ranking img{
    width: 20px;
    margin: 0 4px -2px 4px;
}
.coupon_detail_new{
    padding: 8px ;
    border: 1px solid #ccc;
    margin: 10px 0;
}
.col-xs-12{
        padding: 0;
}

.coupon_detail_new #coupon_info{
    font-size: 100%;
}
    .coupon_read blockquote{
        padding: 4px;
        margin: 6px 0;
    }

.coupon_read blockquote p{
    font-size: 90%;
}
.alert{
    font-size: 90%;
    margin: 8px 0 0 0;
}
}

/*------info------------------------------------------------------*/
.info_panel{
    margin-bottom:20px;
    background-color:#fff;
    border:1px solid transparent;
    border-radius:4px;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
    box-shadow:0 1px 1px rgba(0,0,0,.05)
}
.panel-body{padding:15px}

.search_infomation{
    width: 100%;
    margin: 10px auto 20px;
    padding: 0;
}
.search_n{
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    float: left;
}
.search_n_info{
    width: 319px;
    margin: 0 0 20px 0;
    padding: 0;
    float: right;
}
.search_n_info dl{
    width: 100%;
    padding: 6px;
    border:solid 1px #ccc;
    border-radius: 6px;
    margin: 20px 0 20px;
    background: #e4e2e2;
}
.search_n_info dt,.search_n_info dd{
    padding: 6px;
}

.search_n_info dl dt{
    background: #fff;
    /*border-bottom:solid 1px #ccc;*/
}
.search_n_info dl dd{
    background: #fff;
    /*border-bottom:solid 1px #ccc;*/
}

.search_n_info dl .days{
    display: block;
    font-size: 85%;
    color: #666;
}
.search_n_info dl dt:first-child{
    background: #e4e2e2;
}
.search_n_info dl dt h3{
    font-size: 120%;
    margin: 0 0;
}
.search_n_info dd.plural{
    font-size: 90%;
    line-height: 1.4;
    max-height: 210px;
    overflow-y: scroll;
    /*border: solid 1px #ccc;*/
    background: #f2f2f2;
    padding: 6px;
    margin: 0 0 10px;;
}
.search_n_info dd p{
    margin: 0 0 6px;
}
@media screen and (max-width: 640px){
.search_n{
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    float: none;
    /*border: solid 1px #ccc;*/
}
.search_n_info{
    width: 100%;
    margin:0 0 20px 0;
    padding: 0;
    float: none;
}
.list-group-item{
    width: 100%;
    float: none;
}
.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
    .output_in{
        padding: 0 4px;
    }
}
.btn_in{
    padding: 10px 0;
}
/*-------ico------------------------------------*/
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.title .glyphicon{
    width: 25px;
    color: #999 !important;
    margin: 0 5px 0 4px;
}
/*------contact--------------------------------*/

.foot_link_page fieldset {
    border: 1px solid #ccc;
    margin: 15px;
    padding: 0.35em 0.625em 0.75em;
}

.form_outer{
    position: relative;
    width: 100%;
    padding: 0 4px;
    margin: 0 0 30px;
    clear: both;
}
.form_outer dl{
    width: 100%;
    padding: 0;
    margin: 0;
}
.form_outer dl dt{
    width: 14%;
    float: left;
    padding:1% 0 0 0;
    margin: 0 0 10px 0;
}
.form_outer dl dd{
    width: 86%;
    float: left;
    padding:1% 0;
    margin: 0;
}
.form_outer dl .submit{
    width: 100%;
    float: left;
    display: block;
    padding:1% 0;
    margin: 0 0 10px 0;
}
.form_outer dl .submit input{
    width: 86%;
    float: left;
    display: block;
    padding:1% 0;
    margin: 0 0 0 14%;
}
.form_outer legend{
    border-bottom: none;
}
.form_outer h4{
    padding: 0 0 4px 0;
    margin: 6px 0 12px;
    border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 640px){
.form_outer dl dt{
    width: 100%;
    float: none;
    padding:1% 0 0.4%;
    margin: 0;
}
.form_outer dl dd{
    width: 100%;
    float: none;
    padding:0.4% 0;
    margin: 0;
}
.form_outer dl .submit{
    width: 100%;
    float: none;
    padding:1% 0 0.4%;
    margin: 0;
}
.form_outer dl .submit input{
    width: 100%;
    float: none;
    display: block;
    padding:1% 0;
    margin: 0;
}
.form_outer h4{
    margin: 6px 0 12px;
}
    }
/*----------footlink------------*/
.foot_link_footer{
    width: 100%;
}
.foot_link_page header{
    border-bottom: solid 2px #8e1c24;
}
.foot_link_page .list_table{
    width: 950px;
    margin: 0 auto;
    border: solid 1px #ccc;
    overflow: hidden;
    background: #fff;
    border-top: none;
    line-height: 1.6;
}
.foot_link_page .copon_info_in dt {
    display: table-cell;
    width: 195px;
    padding: 10px;
    margin: 0;
    background: #f5f5f5;
    border-top: 1px #ccc solid;
}
.foot_link_page .copon_info_in dd {
    display: table-cell;
    width: 753px;
    padding: 10px;
    margin: 0;
    background: #fff;
    border-top: 1px #ccc solid;
}
@media screen and (max-width: 640px){
.foot_link_page .list_table{
    width: 95%;
    margin: 0 auto;
}
.foot_link_page .copon_info_in dt,
.foot_link_page .copon_info_in dd{
    display: block;
    width: 100%;
}
}
/*---------mistake----------------------------------*/
.mistake{
    word-break:normal;
    overflow: visible;
}
.close_info{
    padding: 30px;
}
@media screen and (max-width: 640px){
.close_info{
    padding: 20px 10px;
    word-break:break-all;
}
}



/*---login-------------------*/
h2.login{
font-size: 200% !important;
    padding: 0 0 5px 0;
    font-weight: normal;
    margin: 20px 0 40px;
    border-bottom: 1px solid #cccccc !important;
    clear: both;
}
#ChotokuRecoverForm .input,
#ChotokuLoginForm .input,
#ChotokuActivateForm .input,
#MemberRecoverForm .input{
    margin: 10px 0 20px;
}

#ChotokuLoginForm label,
#ChotokuActivateForm label,
#ChotokuPweditForm label{
    width: 120px;
    font-size: 120%;
    font-weight: normal;
}

#ChotokuLoginForm ul{
    margin: 20px 0;
    width: 100%;
    clear: both;
}

#ChotokuLoginForm ul li{
    margin: 20px 20px 20px 110px;
    float: left;
    width: 150px;
}
#ChotokuLoginForm ul li a{
    text-align: center;
    padding: 10px 30px;
    color: #fff;
    background-color: #ff9900;
    border: solid 2px #ff9933;
    border-radius: 5px;
    font-size: 110%;
    display: block;
}
#ChotokuLoginForm ul li a:hover{
    color: #ff9900;
    background-color: #ffffff;
    border: solid 2px #ff9933;
    text-decoration: none;
}

#ChotokuLoginForm .lgbtn{
        margin: 8px !important;
}


#ChotokuLoginForm .submit input,
.top_login .submit input
{
    /*font-weight: bold;*/
    padding: 10px 40px;
    color: #fff;
    background: #3f72ff;
    background: -moz-linear-gradient(top,  #3f72ff 0%, #0041ff 50%, #002dd3 100%);
    background: -webkit-linear-gradient(top,  #3f72ff 0%,#0041ff 50%,#002dd3 100%);
    background: linear-gradient(to bottom,  #3f72ff 0%,#0041ff 50%,#002dd3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f72ff', endColorstr='#002dd3',GradientType=0 );
    border: solid 2px #0041ff;
    border-radius: 5px;
    font-size: 110%;
    margin:11px 0 0 20px;
}
#ChotokuLoginForm ul li input:hover,
#ChotokuAddForm .submit input:hover,
#ChotokuActivateForm .submit input:hover,
#ChotokuPweditForm .submit input:hover,
#MemberRecoverForm .submit input:hover,
#InfoContactForm .col-sm-offset-2 input:hover,
#ChotokuEditForm .submit input:hover{
    color: #fff;
    background: #0041ff;
    border: solid 2px #0041ff;
    text-decoration: none;
}
#ChotokuAccount,
#ChotokuInitialPw,
#ChotokuEmail,
#ChotokuRecoverForm #ChotokuAccount,
#ChotokuRecoverForm #ChotokuPw,
#ChotokuRecoverForm #ChotokuEmail,
#ChotokuRecoverForm #ChotokuPwCheck,
#ChotokuLoginForm #ChotokuMail,
#ChotokuLoginForm #ChotokuAccount,
#ChotokuLoginForm #ChotokuPw,
#ChotokuAddForm #ChotokuMail,
#ChotokuAddForm #ChotokuMailCheck,
#ChotokuActivateForm #ChotokuFirstName,
#ChotokuActivateForm #ChotokuLastName,
#ChotokuActivateForm #ChotokuFirstKana,
#ChotokuActivateForm #ChotokuLastKana,
#ChotokuActivateForm #ChotokuExpiration,
#ChotokuActivateForm #ChotokuPw,
#ChotokuActivateForm #ChotokuPwCheck,
#ChotokuPweditForm #ChotokuMailTo,
#MemberRecoverForm #MemberPw,
#MemberRecoverForm #MemberPwCheck,
#ChotokuActivateForm #ChotokuMail,
#ChotokuActivateForm #ChotokuAnswer1,
#ChotokuActivateForm #ChotokuAnswer2,
#ChotokuActivateForm #ChotokuAnswer3,
#ChotokuActivateForm #ChotokuAnswer4,
#ChotokuActivateForm #ChotokuAnswer5,
#ChotokuActivateForm #ChotokuAnswer6,
#ChotokuActivateForm #ChotokuAnswer7,
#ChotokuActivateForm #ChotokuAnswer8,
#ChotokuActivateForm #ChotokuAnswer9,
#ChotokuActivateForm #ChotokuAnswer10,
#ChotokuEditForm input{
    margin: 0 1%;
    padding: 10px;
    border-radius: 8px;
    color:#000000;
    border:solid 2px #ccc;
    width: 320px;
}

#flashMessage{
    padding: 7px 10px;
    border: solid 1px #ff9999;
    background-color: #ff3535;
    color: #ffffff;
    font-size: 140%;
    border-radius: 6px;
    margin: 0 10px 15px 10px;
}

@media screen and (max-width: 640px){
#ChotokuLoginForm .submit input,
.top_login .submit input
{
    margin:0;
}
#ChotokuAccount,
#ChotokuInitialPw,
#ChotokuEmail
#ChotokuRecoverForm #ChotokuAccount,
#ChotokuRecoverForm #ChotokuPw,
#ChotokuRecoverForm #ChotokuEmail,
#ChotokuRecoverForm #ChotokuPwCheck,
#ChotokuLoginForm #ChotokuMail,
#ChotokuLoginForm #ChotokuAccount,
#ChotokuLoginForm #ChotokuPw,
#ChotokuAddForm #ChotokuMail,
#ChotokuAddForm #ChotokuMailCheck,
#ChotokuActivateForm #ChotokuFirstName,
#ChotokuActivateForm #ChotokuLastName,
#ChotokuActivateForm #ChotokuFirstKana,
#ChotokuActivateForm #ChotokuLastKana,
#ChotokuActivateForm #ChotokuExpiration,
#ChotokuActivateForm #ChotokuPw,
#ChotokuActivateForm #ChotokuPwCheck,
#ChotokuPweditForm #ChotokuMailTo,
#MemberRecoverForm #MemberPw,
#MemberRecoverForm #MemberPwCheck,
#ChotokuActivateForm #ChotokuMail,
#ChotokuActivateForm #ChotokuAnswer1,
#ChotokuActivateForm #ChotokuAnswer2,
#ChotokuActivateForm #ChotokuAnswer3,
#ChotokuActivateForm #ChotokuAnswer4,
#ChotokuActivateForm #ChotokuAnswer5,
#ChotokuActivateForm #ChotokuAnswer6,
#ChotokuActivateForm #ChotokuAnswer7,
#ChotokuActivateForm #ChotokuAnswer8,
#ChotokuActivateForm #ChotokuAnswer9,
#ChotokuActivateForm #ChotokuAnswer10,
#ChotokuEditForm input{
    margin:0 1%;
    padding: 10px;
    width: 98%;
}
}

/*---新規登録--------------*/
#ChotokuAddForm .input,
#ChotokuEditForm .input{
    margin: 15px 0 15px;

}

#ChotokuRecoverForm label,
#ChotokuAddForm label,
#ChotokuEditForm label{
    width: 210px;
    font-size: 120%;
    font-weight: normal;
}
#ChotokuAddForm #ChotokuAgree, 
#ChotokuAddForm #ChotokuAgree2 {
    margin: 10px;
}
#ChotokuAddForm label{
    white-space: nowrap;
}

#ChotokuRecoverForm .submit,
#ChotokuAddForm .submit,
#ChotokuEditForm .submit{
    text-align: center;
}
#ChotokuRecoverForm .submit input,
#ChotokuAddForm .submit input,
#ChotokuActivateForm .submit input,
#ChotokuPweditForm .submit input,
#MemberRecoverForm .submit input,
#ChotokuEditForm .submit input{
    text-align: center;
    padding: 10px 0;
    color: #fff;
background: #3f72ff;
background: -moz-linear-gradient(top, #3f72ff 0%, #0041ff 50%, #002dd3 100%);
background: -webkit-linear-gradient(top, #3f72ff 0%,#0041ff 50%,#002dd3 100%);
background: linear-gradient(to bottom, #3f72ff 0%,#0041ff 50%,#002dd3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f72ff', endColorstr='#002dd3',GradientType=0 );
border: solid 2px #0041ff;
    border-radius: 5px;
    font-size: 110%;
    margin:15px auto 0;
    width: 70%;
}
#ChotokuRecoverForm .submit input:hover,
#ChotokuAddForm .submit input:hover,
#ChotokuActivateForm .submit input:hover,
#ChotokuPweditForm .submit input:hover,
#MemberRecoverForm .submit input:hover,
#ChotokuEditForm .submit input:hover{
    color: #fff;
background: #0041ff;
}


#ChotokuAddForm .submit input{
    width: 40%;
    margin: 0 0 0 10%;
}

#ChotokuAddForm .new_login{
    width: 100%;
    margin: 20px auto;
}
#ChotokuAddForm .new_login li{
    float: left;
    width: 40%;
    margin: 0 2.5% 0 0;
}


#ChotokuAddForm .new_login .submit,
#ChotokuAddForm .new_login input
{
    width: 100%;
}
#ChotokuActivateForm .cancel_btn input,
#ChotokuAddForm .new_login input
{
    padding: 10px 0;
    color: #333;
    background-color: #ccc;
    border: solid 2px #ccc;
    border-radius: 5px;
    font-size: 110%;
    box-sizing: border-box;
    -webkit-appearance: none;
}
#ChotokuActivateForm .cancel_btn input:hover,
#ChotokuAddForm .new_login input:hover
{
    color: #333;
    background-color: #fff;
}


#ChotokuAddForm .new_login .submit input
{
    padding: 10px 0;
    color: #fff;
    background-color: #0041ff;
    border: solid 2px #0041ff;
    border-radius: 5px;
    font-size: 110%;
    width: 100%;
    box-sizing: border-box;
}
#ChotokuAddForm .new_login .submit input:hover
{
    color: #0041ff;
    background-color: #fff;
    border: solid 2px #0041ff;
}

/*---新規登録画面---------*/
#ChotokuActivateForm h2.login{
font-size: 140% !important;
    line-height: 120%;
    padding: 0 0 5px 0;
    font-weight: normal;
    margin: 20px 0 20px;
    border-bottom: 1px solid #cccccc !important;
}
#ChotokuAddForm label{
    width: 210px;
    font-size: 120%;
    font-weight: normal;
}
#ChotokuActivateForm label{
    width: 120px;
}
#ChotokuActivateForm .submit input{
    width: 100%;
}
#ChotokuActivateForm #activate_btn,
#activate_btn{
    width: 100%;
    clear: both;
}
#activate_btn li{

}
#ChotokuActivateForm .cancel_btn,
#activate_btn .cancel_btn{
    width: 47%;
    margin: 0;
    float: left;
}
#ChotokuActivateForm .rogin_btn,
#activate_btn .rogin_btn{
    width: 47%;
    margin: 0;
    float: right;
}
#ChotokuActivateForm .cancel_btn input,
#activate_btn .cancel_btn input{
    padding: 10px 0;
    color: #fff;
    background-color: #666;
    border: solid 2px #666;
    text-decoration: none;
    border-radius: 5px;
    font-size: 110%;
    margin:15px auto 0;
    width: 100%;
}
#ChotokuActivateForm #activate_btn .cancel_btn input:hover,
#activate_btn .cancel_btn input:hover {
    color: #666;
    background-color: #fff;
    border: solid 2px #666;
    text-decoration: none;
}
#activate_btn .rogin_btn input{
    width: 100%;
}

/*---パスワード変更---------*/
h2.pwedit{
font-size: 160%;
    padding: 0 0 5px 0;
    font-weight: normal;
    margin: 20px 0 40px;
    border-bottom: 1px solid #cccccc !important;
}
#ChotokuPweditForm .submit input{
    width: 55%;
}
#ChotokuAddForm .error-message,
#ChotokuPweditForm .error-message,
#ChotokuActivateForm .error-message{
    margin: 15px 0 10px;
}
#MemberRecoverForm label{
    width: 170px;
    font-size: 120%;
    font-weight: normal;
}
#MemberRecoverForm .submit input{
    width: 75%;
}
.pw_mail{
    margin: 0 0 20px 0;
    font-size: 140%;
}
/*----お問い合わせ--------*/
#InfoContactForm label{
    width: 100px;
    font-size: 110%;
    font-weight: normal;
    padding: 0 0 0 5px;
}
#InfoContactForm fieldset div.input{
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0 0 15px 0;
    padding: 0;
}

#InfoContactForm fieldset div.input .col-sm-10{
    padding: 0;
}
#InfoContactForm fieldset div.input .col-sm-10 input{
    font-size: 16px;
    padding: 10px;
}
#InfoContactForm .col-sm-offset-2{
    font-size: 16px;
    width: 100%;
    margin: 0;
}
#InfoContactForm .col-sm-offset-2 input{
    text-align: center;
    padding: 6px 40px;
    color: #fff;
    background: #3f72ff;
background: -moz-linear-gradient(top, #3f72ff 0%, #0041ff 50%, #002dd3 100%);
background: -webkit-linear-gradient(top, #3f72ff 0%,#0041ff 50%,#002dd3 100%);
background: linear-gradient(to bottom, #3f72ff 0%,#0041ff 50%,#002dd3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f72ff', endColorstr='#002dd3',GradientType=0 );
    border: solid 2px #0041ff;
    border-radius: 5px;
        font-size: 16px;
    margin:15px auto 0;
    width: 100%;
}

#InfoContactForm .form-control{
    font-size: 16px;
}

@media screen and (max-width:640px) {
h2.login{
    margin: 20px 0;
}
    
    
#ChotokuLoginForm label{
    width: 100%;
}
    
#ChotokuLoginForm .input{
    margin: 10px 0;
}
#ChotokuLoginForm ul {
    width: 100%;
    }
#ChotokuLoginForm ul li{
    margin: 20px 0;
    width: 100%;
    float: none;
}
#ChotokuLoginForm #ChotokuAccount,
#ChotokuAccount,
#ChotokuInitialPw,
#ChotokuEmail,
#ChotokuLoginForm #ChotokuMail,
#ChotokuLoginForm #ChotokuPw,
#ChotokuLoginForm #ChotokuEmail,
#ChotokuAddForm #ChotokuMail,
#ChotokuAddForm #ChotokuMailCheck,
#ChotokuActivateForm #ChotokuFirstName,
#ChotokuActivateForm #ChotokuLastName,
#ChotokuActivateForm #ChotokuFirstKana,
#ChotokuActivateForm #ChotokuLastKana,
#ChotokuActivateForm #ChotokuExpiration,
#ChotokuActivateForm #ChotokuPw,
#ChotokuActivateForm #ChotokuPwCheck,
#ChotokuActivateForm .submit input,
#ChotokuPweditForm .submit input,
#ChotokuPweditForm #ChotokuMailTo,
#MemberRecoverForm #MemberPw,
#MemberRecoverForm #MemberPwCheck,
#MemberRecoverForm .submit input,
#ChotokuActivateForm #ChotokuMail,
#ChotokuActivateForm #ChotokuAnswer1,
#ChotokuActivateForm #ChotokuAnswer2,
#ChotokuActivateForm #ChotokuAnswer3,
#ChotokuActivateForm #ChotokuAnswer4,
#ChotokuActivateForm #ChotokuAnswer5,
#ChotokuActivateForm #ChotokuAnswer6,
#ChotokuActivateForm #ChotokuAnswer7,
#ChotokuActivateForm #ChotokuAnswer8,
#ChotokuActivateForm #ChotokuAnswer9,
#ChotokuActivateForm #ChotokuAnswer10{
    font-size: 16px;
    width: 100%;
    margin: 0 0 0 0;
}
#ChotokuLoginForm ul li{
    margin: 20px 0;
    width: 100%;
}
#ChotokuLoginForm ul li a{
width: 100% !important;
}
#ChotokuLoginForm ul li input{
    padding: 10px 0;
    width: 100%;
    margin:10px 0 0 0;
}
#ChotokuLoginForm .submit{
    margin: 0;
    padding: 0;
    }
#ChotokuLoginForm .lgbtn{
        margin: 0 !important;
    }
#ChotokuActivateForm label {
    width: 100%;
}

/*---新規登録SP--------------*/
#ChotokuAddForm .submit input{
    width: 100%;
}
#ChotokuAddForm .add_submit,
#ChotokuActivateForm .add_submit{
    display: block;
}
#ChotokuActivateForm h2.login{
font-size: 110% !important;
    line-height: 140%;
    padding: 0 0 5px 0;
    font-weight: bold;
    margin: 20px 0 20px;
    border-bottom: 1px solid #cccccc !important;
}
#ChotokuPweditForm .submit input{
    padding: 10px 0;
    margin: 15px 0 0 0;
}
#ChotokuActivateForm .cancel_btn,
#ChotokuActivateForm .rogin_btn,
#activate_btn .cancel_btn,
#activate_btn .rogin_btn{
    width: 100%;
    margin: 0;
    float: none;
}
#ChotokuAddForm .new_login li{
    float: left;
    width: 45%;
    margin: 0 2.5%;
}
#ChotokuAddForm .new_login li:first-child{
    margin: 0 2.5% 0 0;
}
}
#ChotokuActivateForm .question{
    margin-top: 60px;
}
/*-----footer Linkpage table---*/
.ryo_table{
    width: 100%;
	overflow:hidden;
	border:1px solid #ccc;
	background-color: #d9edf7;
    border-top:none;
}
.ryo_table dt{
  background-color : #d9edf7;        
  padding: 10px;
  width : 25%;
  border-top:1px solid #ccc;
  float : left;
  clear : both;
}
.ryo_table dd{
 background-color : #fff;
  padding: 10px;
  width : 75%;
  margin-left : 25%;
    border-top:1px solid #ccc;
}
dd:after{
/*clear:both;*/
}
@media screen and (max-width: 640px){
.ryo_table{
 border-top:1px solid #ccc;
    border-bottom:none;
}
.ryo_table dt{
	float:none;
	padding:10px;
    width: 100%;
	border-top:none;
}
.ryo_table dd{
	width:100%;
    margin: 0;
	float:none;
    border-top:none;
    border-bottom: 1px solid #ccc;
	background:#fff;
}
}

/*------------login----------------------*/

.login-hd-button .btn-sm{
    background-color: #0041ff;
    color: #ffffff;
    padding: 6px 20px;
margin-bottom: 3px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
border: solid 1px #0041ff;
border-radius: 4px;
}
.login-hd-button .btn-sm:hover{
    background-color:#ffffff;
    color: #004f99;
border: solid 1px #0041ff;
}
/*.login-hd .login-hd-button a{
color: #ff9900;
background-color: #ffffff;
border: solid 1px #ff9933;
}*/


@media screen and (max-width:640px) {
.search{
	/*background-color:#E3E3E3;*/
	padding-bottom:0;
}
}

.login-hd{
	height:68px;
	margin:0;
}
@media screen and (max-width:640px) {
.login-hd{
	height:78px;
}
	}
	
.login-hd a{
	margin:5px;
}

.login-hd-button{
	position:absolute;
	bottom:0;

}	
}

/*!-- 会員情報 --*/
.user_name{
color: #fff;
}
#userInfo ul{
    color: #E6F2FC;
	position: absolute;
z-index: 1;
    top:5px;
    right: 4px;
}
#userInfo:hover li {
display: block;
}
#userInfo li {
    color: #222;
display: none;
background-color: #fff;
opacity: 0.9;
padding: 5px;
}
#editBtn {
text-align: center;
border-top: 1px #ddd solid;
}
#editBtn a {
display: block;
color: black;
text-decoration: none;
font-size: 10px;
}
#editBtn:hover {
background-color: #ddd;
}
@media screen and (max-width:640px) {
#userInfo ul{
    position: relative;
    margin: 0;
    padding: 4px 0 6px 4px;
}
}

.btn-default {
    color: #fff;
background: #eeeeee;
background: -moz-linear-gradient(top,  #eeeeee 0%, #919191 100%);
background: -webkit-linear-gradient(top,  #eeeeee 0%,#919191 100%);
background: linear-gradient(to bottom,  #eeeeee 0%,#919191 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#919191',GradientType=0 );
    border: solid 1px #ccc;
-webkit-appearance: none;
}
.modal-footer .btn+.btn {
    margin:10px 0 0 0;
}

.privacy {
    margin-top: 10px;
    padding: 0px 20px;
    height: 200px;
    overflow: scroll;
    border: 1px solid #CCC;
}
.notice {
    color: red;
    margin:10px;
    padding: 10px;
    border: 2px solid red;
    background-color: #FFF;
}
div.hd_search{
    padding: 25px 0;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}
div.hd_search input{
    width: 80%;
    height: 42px;
    padding: 10px 20px;
    border-radius: 10px 0 0 10px;
    border: solid 2px #ccc;
    margin: 0;
}
div.hd_search button{
    width: 20%;
    height: 42px;
    color: #fff;
    padding: 10px 20px;
    border-radius:0 10px 10px 0;
    border: solid 2px #ccc;
    border-left: none;
    margin: 0 0 0 -5px;
    background: #FF9533;
}
@media screen and (max-width: 640px) {
    div.hd_search {
        display: block;
        height: auto;
        bottom: 0;
        padding: 7px;
        width: 100%;
        background: #e3e3e3;
        box-sizing: border-box;
    }
    div.hd_search button {
        width: 24%;
        color: #fff;
        padding: 9px 0 8px;
        border-radius: 0 5px 5px 0;
        border: solid 1px #ccc;
        border-left: none;
        margin: 0 0 0 -8px;
        background: #FF9533;
        max-height: 40px;
        min-height: 40px;
    }
    div.hd_search input {
        width: 75%;
        font-size: 16px;
        padding: 6px 0 9px 5px;
        border-radius: 5px 0 0 5px;
        border: solid 1px #ccc;
        margin: 0 0 0 0;
        max-height: 39px;
        min-height: 39px;
    }
}
.slick-slide img,
#banner_area img {
    width: 100%;
}

.seach_area .top_genre_sc ul,
.seach_area .top_area_sc ul {
    padding-left: 92px;
}
.seach_area .top_genre_sc ul li,
.seach_area .top_area_sc ul li {
    white-space: nowrap;
    width: initial;
    padding-right: 10px;
    margin: 0 0 5px 0;
}
@media screen and (max-width: 640px) {
    .seach_area .top_genre_sc ul,
    .seach_area .top_area_sc ul {
        padding-left: 10px;
    }
    .seach_area .top_genre_sc ul li,
    .seach_area .top_area_sc ul li {
        /*width: 33%;*/
        padding-right: initial;
    }
}

#CouponIndexForm > div.pc p {
    padding-left: 10px;
}
#CouponIndexForm > div.pc label {
    padding-right: 20px;
    white-space: nowrap;
}
#CouponIndexForm > div.pc > label.chain {
    padding-left: 10px;
}
#CouponIndexForm .normal {
    display: inline-flex;
  }

@media screen and (max-width: 640px) {
	li.dropdown.open {
		position: static;
	}
	li.dropdown.open .dropdown-menu {
		display: table;
		width: 100%;
		text-align: center;
		left: 0;
		right: 0;
		top: auto;
	}
	.dropdown-menu > li {
		display: table-cell;
	}
}

#expiration {
    padding-top: 3px;
    color: #E6F2FC;
    font-size: 80%;
}