/* base_style */
.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.align_right{
text-align:right;
margin-bottom:20px;
}

.txt-bold{
font-weight:bold;
margin-bottom:1%;
}

.privacy_boxss th{
background-color: #959595;
color:#ffffff;
font-weight:normal;
}

.privacy_boxss th.bor{
border-left:1px solid #ffffff;
}

.privacy_boxss td{
border:1px solid #959595;
}

.privacy_boxss th, td{
padding-left:2%!important;
padding-top:1%!important;
padding-bottom:1%!important;
margin-left:9%;
}

.privacy_boxss{
border:1px solid #959595;
width:55%;
margin-top:1%;
margin-left:9%;

}

.privacy_boxss2{
border:1px solid #959595;
width:90%;
margin-top:1%;
margin-bottom:1%;
margin-left:9%;
}

.privacy_boxss2 th{
background-color: #959595;
color:#ffffff;
font-weight:normal;
}

.privacy_boxss2 th.bor{
border-left:1px solid #ffffff;
}

.privacy_boxss2 td{
border:1px solid #959595;
}

.privacy_boxss2 th, td{
padding-left:2%!important;
padding-top:1%!important;
padding-bottom:1%!important;
margin-left:9%;
}

.box_022{
margin-left:1%;
width:88%;
}

.box_022 h5{
margin-bottom:1%;
}

.box_022 li{
text-indent:-40px;
padding-left:40px;
}

.box_022 ul{
margin-left:4%;
}

#pra_box{
margin-left:8%;
}

.height28{
line-height:28px;
}
.cd-breadcrumb, .cd-multi-steps {
  width: 90%;
  max-width: /*768*/980px;
  padding: 0.5em 1em;
  margin: 1em auto;
  /*background-color: #edeff0;*/
  border-radius: .25em;
}
.cd-breadcrumb::after, .cd-multi-steps::after {
  clear: both;
  content: "";
  display: table;
}
.cd-breadcrumb li, .cd-multi-steps li {
  display: inline-block;
  float: left;
  margin: 0.5em 0;
}

.cd-breadcrumb li a{
text-decoration:underline;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
  /* this is the separator between items */
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  /*font-size: 1.4rem;
  color: #2c3f4c;*/
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  /* selected step */
  color: #96c03d;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #96c03d;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  /* replace the default separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  background: url(../img/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}


footer #law_box ul{
float:left;
width:25%;
padding-bottom:5%;
}

footer #law_box li{
text-align:center;
font-size:18px;
}

footer #law_box li img{
text-align:center;
}

footer #logo_box ul{
float:left;
width:25%;
margin-right:8%;
}

footer #logo_box{
width:/*52%*/980px;
margin-left:auto;
margin-right:auto;
margin-top:5%;
}

#logo_box li a{
color:#4C4C70;
text-indent:20px;
}

#f_left li{
text-align:center;
margin-bottom:5%;
}

#logo_box .name{
margin-left:20px;
}

#f_left li.txt{
text-align:left;
padding-left:15%;
padding-right:15%;
}

footer h3{
font-size:30px;
margin:0 auto;
text-align:center;
padding:2%;
}

footer .boxs{
width:/*70%*/980px;
/*width:980px;*/
margin:0 auto;
}

.h4style{
font-size:16px;
margin:0 auto;
color:#494D72;
text-align:center;
padding:2%;
}

.h4style a{
text-decoration:underline;
color:#494D72;

}

.f_menu {
padding-top:3%;
padding-bottom:3%;
background-color:#ffffff;

}

.f_menu a{
color:#4C4C70;
}

.f_menu ul{
/*width:55%;
margin-left:auto;
margin-right:auto;*/

}

.f_menu li{
float:left;
font-size:16px;
/*margin-right:3%;*/
}

footer .sttl{
font-size:18px;
border-bottom:1px solid #4C4C72;
margin-top:6%;
margin-bottom:3%;
}

.hbox-left{
float:left;
margin-right:2%;
}

.hbox-right{
float:left;
/*padding-left:1%;*/
width:210px;
}

/*.hbox-right li{
float:left;
margin-right:1%;
}*/

.logo_s{
background-color:#EEEEEE;
font-size:10px;
padding-top:1%;
padding-bottom:1%;
/*padding-left:12%;
padding-right:12%;*/
border-radius:22px;
-moz-border-radius:22px; /* Firefox */
-webkit-border-radius:22px; /* Google Chrome、Safari */
-o-border-radius:22px; /* Opera */
-ms-border-radius:22px; /* Internet Explorer */
    margin-bottom:2%;
    white-space: nowrap;
    width: 360px;
    text-align: center;
}

/*.inner h3{
background-color:#EEEEEE;
color:#4C4C72;
border-left:5px solid #4C4C72;
height:50px;
line-height:50px;
vertical-align:middle;
text-indent:30px;
font-size:24px;
clear:both;
}*/

.inner h4{
border-bottom:1px solid #000000;
font-size:22px;
clear:both;
padding-left:3%;
padding-top:3%;
padding-bottom:2%;
margin-bottom:1%;
}

#page_style h4{
border-bottom:1px dotted #4c4c72;
font-size:22px;
clear:both;
padding-left:0!important;
padding-top:3%;
padding-bottom:1%;
margin-bottom:1%;
}

#page_style p, h4, dl, table, h5{
margin-left:5%;
}

h5{
font-size:18px;
}

#page_style dl{
margin-bottom:2%;
}

#page_style h3.law_ttl {
    border-left: 6px solid #4c4c72;
    background-color: #F4F4F4;
    color: #4c4c72;
    line-height: 50px;
    font-size: 25px;
    text-indent: 30px;
    margin-bottom: 20px;
    text-align: left;
    margin-top:40px;
}

.inner dt {
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    /*color: #ffffff;
    font-weight: bold;*/
    text-align: center;
    padding: 1%;
    /*margin-bottom: 1%;*/
    border-bottom:5px solid #F4F4F4;
}

.inner dt.bottom01{
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    /*color: #ffffff;
    font-weight: bold;*/
    text-align: center;
    padding: 1%;
    /*margin-bottom: 1%;*/
    border-bottom:5px solid #F4F4F4;
    height:137px;
    vertical-align: middle;
line-height: 116px;
}

.inner dt.bottom02{
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    /*color: #ffffff;
    font-weight: bold;*/
    text-align: center;
    padding: 1%;
    /*margin-bottom: 1%;*/
    border-bottom:5px solid #F4F4F4;
    height:92px;
    vertical-align: middle;
line-height: 66px;
}

.inner dt.bottom03{
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    /*color: #ffffff;
    font-weight: bold;*/
    text-align: center;
    padding: 1%;
    /*margin-bottom: 1%;*/
    border-bottom:5px solid #F4F4F4;
    height:206px;
    vertical-align: middle;
line-height: 179px;
}

.inner dt.bottom04{
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    /*color: #ffffff;
    font-weight: bold;*/
    text-align: center;
    padding: 1%;
    /*margin-bottom: 1%;*/
    border-bottom:5px solid #F4F4F4;
    height:/*93px*/69px;
    vertical-align: middle;
line-height: 48px;
}

.inner dt.bottom05{
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    /*color: #ffffff;
    font-weight: bold;*/
    text-align: center;
    padding: 1%;
    /*margin-bottom: 1%;*/
    border-bottom:none!important;
    height:106px;
    vertical-align: middle;
line-height: 77px;
}


.inner dt.bottom06{
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    /*color: #ffffff;
    font-weight: bold;*/
    text-align: center;
    padding: 1%;
    /*margin-bottom: 1%;*/
    border-bottom:5px solid #F4F4F4;
    height:320px;
    vertical-align: middle;
line-height: 307px;
}
.inner dt.bottom07 {
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    color: #000000;
    font-weight: bold;
    text-align: center;
    padding: 1%;
    /*margin-bottom: 1%;*/
    border-bottom: 5px solid #F4F4F4;
    height: 91px;
    vertical-align: middle;
    line-height: 76px;
}

.inner dt.bottom07-1{
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    /*color: #ffffff;
    font-weight: bold;*/
    text-align: center;
    padding: 1%;
    /*margin-bottom: 1%;*/
    border-bottom:none!important;
    height:80px;
    vertical-align: middle;
line-height: 58px;
}
.inner dt.bottom08{
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    /*color: #ffffff;
    font-weight: bold;*/
    text-align: center;
    padding: 1%;
    /*margin-bottom: 1%;*/
    border-bottom:5px solid #F4F4F4;
    height:205px;
    vertical-align: middle;
line-height: 180px;
}
.inner dt.bottom09{
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    /*color: #ffffff;
    font-weight: bold;*/
    text-align: center;
    padding: 1%;
    /*margin-bottom: 1%;*/
    border-bottom:none!important;
    height:265px;
    vertical-align: middle;
line-height: 245px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.inner dt.bottom01 {
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    text-align: center;
    padding: 1%;
    /* margin-bottom: 1%; */
    border-bottom: 5px solid #F4F4F4;
    height: 132px!important;
    vertical-align: middle;
    line-height: 116px;
}

.inner dt.bottom02 {
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    text-align: center;
    padding: 1%;
    /* margin-bottom: 1%; */
    border-bottom: 5px solid #F4F4F4;
    height: 88px!important;
    vertical-align: middle;
    line-height: 66px;
}

.inner dt.bottom03 {
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    text-align: center;
    padding: 1%;
    /* margin-bottom: 1%; */
    border-bottom: 5px solid #F4F4F4;
    height: 198px!important;
    vertical-align: middle;
    line-height: 179px;
}

.inner dt.bottom04 {
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    text-align: center;
    padding: 1%;
    /* margin-bottom: 1%; */
    border-bottom: 5px solid #F4F4F4;
    height: /*93px*/66px!important;
    vertical-align: middle;
    line-height: 48px;
}

.inner dt.bottom06 {
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    text-align: center;
    padding: 1%;
    /* margin-bottom: 1%; */
    border-bottom: 5px solid #F4F4F4;
    height: 307px!important;
    vertical-align: middle;
    line-height: 307px;
}

.inner dt.bottom07 {
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    text-align: center;
    padding: 1%;
    /* margin-bottom: 1%; */
    border-bottom: 5px solid #F4F4F4;
    height: 88px!important;
    vertical-align: middle;
    line-height: 76px;
}

.inner dt.bottom08 {
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    text-align: center;
    padding: 1%;
    /* margin-bottom: 1%; */
    border-bottom: 5px solid #F4F4F4;
    height: 198px!important;
    vertical-align: middle;
    line-height: 180px;
}
}
.inner dl{
margin-bottom:10%;
background: #E3E3E3;
}

.inner dl:after{
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: left;
}

.inner dd {
    float: left;
    margin-left: 0;
    padding-left:3%;
    padding-right: 5%;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #ffffff;
    width: 75%;
    text-align: left;
    border-bottom:5px solid #F4F4F4;
}

.inner dd.none {
    float: left;
    margin-left: 0;
    padding-left:3%;
    padding-right: 5%;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #ffffff;
    width: 75%;
    text-align: left;
    border-bottom:50px solid #ffffff;
}

/*table*/

#table_style{
margin-top:20px;
width:90%;
}

#table_style th{
    width: 25%;
    background-color: #E3E3E3;
    text-align: center;
    padding: 1%;
    border-bottom:5px solid #F4F4F4;
    border-right:5px solid #F4F4F4;
    }

#table_style td{
    margin-left: 0;
    padding-left:3%;
    padding-right: 5%;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #ffffff;
    width: 40%;
    border-bottom:5px solid #F4F4F4;
    border-right:5px solid #F4F4F4;
    }

#table_style td.none{
    margin-left: 0;
    padding-left:3%;
    padding-right: 5%;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #ffffff;
    width: 40%;
    border-bottom:5px solid #F4F4F4;
    border-right:none;
    }

    #table_style2{
margin-top:20px;
width:90%;
}

#table_style2 th{
    width: 25%;
    background-color: #E3E3E3;
    text-align: center;
    padding: 1%;
    border-bottom:5px solid #F4F4F4;
    border-right:5px solid #F4F4F4;
    }

#table_style2 th.none{
    width: 25%;
    background-color: #E3E3E3;
    text-align: center;
    padding: 1%;
    border-bottom:5px solid #F4F4F4;
    border-right:none;
    }

#table_style2 td{
    margin-left: 0;
    padding-left:3%;
    padding-right: 5%;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #ffffff;
    width: 25%;
    border-bottom:5px solid #F4F4F4;
    border-right:5px solid #F4F4F4;
    text-align:center;
    }

#table_style2 td.none{
    margin-left: 0;
    padding-left:3%;
    padding-right: 5%;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #ffffff;
    width: 25%;
    border-bottom:5px solid #F4F4F4;
    text-align:center;
    border-right:none;
    }

h3.law_ttl{
   border-left: 6px solid #4c4c72;
   background-color:#F4F4F4;
   color:#4c4c72;
   line-height:50px;
   font-size:25px;
   text-indent:/*30*/-4px;
   margin-bottom:20px;
   text-align:left;
   padding-left:34px;
}

.cate_name{
text-align:center;
text-decoration:underline;
}

.fmenu1{
width:22%;
margin:0 auto;
}

.fmenu2{
width:47%;
margin:0 auto;
}

.search-pc{
float:none;
text-align:right;
}

#law_box{
margin-top:2%;
margin-bottom:5%;
}

/*TOPお知らせ部分*/

#news_box{
background-color:#eeeeee;
position:relative;
}

#news_box .box{
/*width:37%;*/
/*max-width:745px;*/
max-width:900px;
margin:0 auto;
padding-top:1%;
padding-bottom:1%;
}

#news_box .box a{
color:#4c4c72;
text-decoration:underline;
}

/*#news_box .box ul, p{
float:left;
}*/
#news_box div.slider_news.slick-initialized.slick-slider {
	padding: 10px;
}

h3.cate_name_top{
line-height:200%;
margin-left:2%;
}

h3.cate_name_top:hover{
color:#ffffff!important;
}


h3.cate_name_top a:hover{
color:#ffffff!important;
}
/*会員登録*/

.form-title{
border-left:5px solid #ddd;
text-indent:30px;
text-align:left;
font-size:18px;
margin-top: 3%;
margin-bottom: 2%;

}

h4.s_ttl{
font-size:15px;
padding-top: 0;
padding-bottom: 0;
border:none;
margin-left:0;
}

.news_sttl{
float:left;
font-size: 16px;
font-weight: bold;
line-height:68px;
}

#news_box ul{
float:left;
border-left:5px solid #4c4c72;
padding-left:3%;
margin-left:3%;
}


.center_txt{
text-align:center;
margin-bottom:3%;
}

.add{
border:1px solid #ff0000;
padding:2%;
color:#ff0000;
margin-bottom:40px;

}

.box .add {
max-width:980px;
margin-left:auto;
margin-right:auto;
margin-top:1%;
padding:1%;
}

.add2{
border:1px solid #ff0000;
padding:2%;
color:#000000;
margin-bottom:40px;

}

.box .add2 {
max-width:980px;
margin-left:auto;
margin-right:auto;
margin-top:1%;
padding:1%;
}


.link_blue a{
color:#00008b;
}


.red_txt{
color:#ff0000;
}

.red_txt2{
color:#ff0000;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}

.right_arrow{
margin-left:200px;
}

#pra_list{
margin-left:98px;
}

#pra_list li{
text-indent:-22px;
}
/*マイページ*/

.dial_box{
/*border:3px solid #5E2D7A;
color:#5E2D7A;
padding:3%;*/
margin-top:2%;
margin-bottom:2%;
}

.dial_box ul{
max-width:730px;
margin-left:20px;
}

.dial_box li{
list-style: none!important;
float:left;
margin-right:1%;
}

li.d_number{
margin-top:2%;
font-size:55px;
font-weight:bold;
}

li.d_number2{
margin-top:3%;
font-size:44px;
font-weight:bold;
}

#list{
margin-top:2%;
margin-bottom:2%;
}

#list li{
font-weight:bold;
clear:both;
}

.dial_box .time{
border:1px solid #A3A3A3;
color:#A3A3A3;
padding-left: 65px;
padding-right: 65px;
}

.font_b{
font-weight:bold;
}

.link_under{
text-decoration:underline;
color:#C70100;
}

.link_underblue a {
    text-decoration: underline;
    color: #40E0D0;
}

.gray_box{
background-color:#F4F4F4;
padding-top:3%;
padding-left:5%;
padding-right:5%;
padding-bottom:3%;
text-align:center;
margin-top:5%;
}

.gray_box p{
text-align:center;
}

.left_box h4{
text-align:left;
border:none;
margin-left:0;
}

.left_box p{
text-align:left;
margin-left:20px;
}

.left_box p a{
text-decoration:underline;
color:#40E0D0;
}

.list-box li{
float:left;
width:25%;
}

/*詳細ページ*/
.moreinfo{
margin:0 auto;
}

.moretitle{
color:#4c4c72;
text-align:center;
border-bottom:1px solid #4c4c72;
line-height:60px;
font-size:25px;
margin-bottom:3%;
font-weight:bold;
margin-left:auto;
margin-right:auto;
width:100%;

}

.moretxt{
padding:3%;
margin:0 auto;
}

.red-mobile{
color:#ff0000;
}

#f_moblie_logo{
float:left;
padding:3%;
width:40%;
}

#f_moblie_logo img{
width:100%;
}

#logo_box_mobile{
width:100%;
margin:0 auto;
}
/*購入履歴*/

.cart_history{
margin-bottom:1%!important;
}

/*カード登録*/

.card_register{
border-bottom:1px dotted #cccccc;
}

/*お届け登録*/

.shipping_register{
padding-bottom:5%;
border-bottom:1px dotted #cccccc;
}



/*カート*/


h2.page-title2{
margin-bottom:5%;
text-align:center;
}

h2.page-title2::before {
    content: "";
    display: inline-block;
    position: relative;
    top: 15px;
    /*width: 27px;*/
    height: 32px;
    background-size: 27px;
    /*margin: 0 24px 0 0;*/

    }
.must{
color:#ff0000;
float:none;
}

/*商品一覧*/

#pro_list .cate-01, .cate-02{
margin-bottom:80px;

}

/*会員情報編集*/

#member_edit{
margin-top:30px;
}

.float_box input.radio, .choice{
float:left;
}

.float_box .choice{
line-height:30px;
}

/*医薬品販売*/
.photobox{
border:1px solid #cccccc;
padding:2%;
width:40%;
text-align:center;
margin-left: auto;
margin-right: auto;
margin-top:20px;
}

.photobox p{
text-align:center;
}

/*会社概要*/

.baseinfo_box{
width:85%;
margin-top:3%;
margin-bottom:3%;
margin-left: auto;
margin-right: auto;
}

.baseinfo_box2{
width:90%;
margin-top:3%;
margin-bottom:3%;
margin-left: auto;
margin-right: auto;
}

.baseinfo_box .bottom11{
    float: left;
    clear: left;
    margin-right: 0;
    width: 25%;
    background-color: #E3E3E3;
    text-align: center;
    padding: 1%;
    border-bottom: 5px solid #F4F4F4;
    height: 70px;
    vertical-align: middle;
    line-height: 47px;

}

.baseinfo_box2 input{
margin-left:15%;
width:50%;
}

/*レスポンシブ*/
/*@media screen and (max-width: 413px) {

footer #law_box ul {
    float: none;
    width: 80%;
    padding-bottom: 2%;
    margin-left:auto;
    margin-right:auto;
}

footer h3 {
    font-size: 20px;
}

}*/


@media screen and (max-width:767px){
footer #law_box ul {
    width: 50%;
}

footer .boxs {
    width: 80%;
    }
footer #logo_box {
    width: 90%;
    }

#news_box .box{
width:98%;
}

/*会員情報の編集*/
.short-now{
white-space:nowrap!important;

}

.short-padding input{
margin-right:2%;
}

/* 2024.8.30　spでのスパン削除のため、1303行目にスパン以外をコピー　福田
.short-now select, span{
float:left;
}
*/

.short-now select{
    float:left;
}

.short-now span{
line-height:50px;
margin-right:1%;
margin-left:0;
}

/*footer #logo_box ul {
    float: none;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}*/

.d_number{
margin-top:2%;
font-size:40px;
font-weight:bold;
}

.d_number2{
margin-top:3%;
font-size:30px;
font-weight:bold;
}

.small_img{
float:left;
vertical-align:middle;
}
.small_img img{
width:22%;
float:left;
}

}


@media screen and (max-width:920px){
.inner dt {
    float: none;
    margin-right: auto;
    margin-left:auto;
    width: 100%;
    background-color: #E3E3E3;
    border-bottom:none;
    text-align:left;
}

.inner dd {
    float: none;
    margin-right: auto;
    margin-left:auto;
    width: 100%;
    background-color: #ffffff;
    border-bottom:none;
    text-align:left;
}

.inner dd.none {
    float: left;
    margin-left: 0;
    padding-left:3%;
    padding-right: 5%;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #ffffff;
    width: 100%;
    text-align: left;
    border-bottom:none!important;
}



.inner dt.bottom01{
    float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px!important;
line-height: 28px;
}

.inner dt.bottom02{
    float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px!important;
line-height: 28px;
}

.inner dt.bottom03{
    float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px!important;
    vertical-align: middle;
line-height: 28px;
}

.inner dt.bottom04{
    float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px!important;
line-height: 28px;
}

.inner dt.bottom05{
    float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px!important;
line-height: 28px;
}


.inner dt.bottom06{
    float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px!important;
line-height: 28px;
}
.inner dt.bottom07{
   float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px!important;
line-height: 28px;
}

.inner dt.bottom07-1{
    float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px!important;
line-height: 28px;
}
.inner dt.bottom08{
    float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px!important;
line-height: 28px;
}
.inner dt.bottom09{
    float: none;
    width: 100%;
    text-align: left;
    height:33px!important;
line-height: 28px;
}
}

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

.inner dt {
    float: none;
    margin-right: auto;
    margin-left:auto;
    width: 100%;
    background-color: #E3E3E3;
    border-bottom:none;
    text-align:left;
}

.inner dd {
    float: none;
    margin-right: auto;
    margin-left:auto;
    width: 100%;
    background-color: #ffffff;
    border-bottom:none;
    text-align:left;
}

.inner dd.none {
    float: left;
    margin-left: 0;
    padding-left:3%;
    padding-right: 5%;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #ffffff;
    width: 100%;
    text-align: left;
    border-bottom:none!important;
}

.form-title {
    text-indent: 10px;
    font-size: 15px;
    }

/*#page_style h3.law_ttl {
    border-left: 3px solid #4c4c72;
    line-height: 30px;
    font-size: 20px;
    text-indent: 0px;
    padding-left:10px;
}*/

.box .add {
width:95%;
}

.box .add2 {
width:95%;
}

.box_022 {
    margin-left: auto;
    margin-right:auto;
    width: 95%;
}

#page_style h4 {
    font-size: 16px;
}

.f_moblie_right{
float:right;
width:52%;
}

.f_moblie_right .txt{
margin-top:10%;
margin-bottom:5%;
}

.privacy_boxss{
width:95%;
}

.privacy_boxss2{
width:95%;
}

footer h3 {
    font-size: 22px;
    margin: 0 auto;
    padding:5%;
}

footer .boxs {
    width: 90%;
}

footer #law_box ul {
    /*width: 45%;*/
    margin:0 auto;
}

footer #law_box li {
    font-size: 15px;
}
footer #law_box li {
    font-size: 13px;
    line-height:15px;
}
footer #law_box li img{
    width:60%;
}

/*footer #logo_box ul {
    float: none;
    width: 90%;
    margin: 0 auto;
}*/

footer #logo_box ul img{
   /*width: 40%;*/
}

/*.news_sttl {
    float: none;
    text-align:center;
    font-size: 13px;
font-weight: bold;
line-height: 18px;
width:40%;
margin:10px auto;
position: relative;
border-bottom: 2px solid #A9A9CB;
padding-top:10px;
}*/

.news_sttl {
    /*margin: 40px 0;*/
font-weight: normal;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 5%;
/*padding-bottom: 15px;*/
position: relative;
border-bottom: 2px solid #A9A9CB;
font-weight: bold;
float: none;
width:40%;
line-height:30px;
}

.news_sttl:after {
content: ".";
line-height: 0;
display: block;
overflow: hidden;
position: absolute;
bottom: -2px;
width: 50%;
border-bottom: 2px solid #4C4C70;
}

#news_box ul {
    float: none;
    border-left: none;
    padding-left: 0;
    margin: 0 auto;
}

#news_box{
/*border-top:32px solid #ffffff;
margin-top:30px;*/
}
#news_box .box {
    width: 98%;
    padding:3%;
}

.slider_news{
background-color:#ffffff;
padding:2%;
font-size: 12px;
width: 90%;
margin: 0 auto;
}

.gray_box p {
    text-align: left;
}

.gray_box {
    text-align: left;
}

.d_number {
    font-size: 29px;
    font-weight:bold;
    line-height: 40px;
height: 40px;
vertical-align: middle;
    /*float:right!important;*/
}
.left_box h4 {
    font-size: 18px;
    padding-left:0;
    }

.cd-breadcrumb li{
padding:0;
margin:0!important;
font-size:11px;
}

.cd-breadcrumb.custom-icons li > ::before{
margin:0;
width:0px;
}

.cd-breadcrumb li::after, .cd-multi-steps li::after {
  margin: 0;
}

.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  height: 5px;
  width: 5px;
}
.cd-breadcrumb, .cd-multi-steps {
  width: 95%;
  margin: 0 auto;
}

.moreinfo dt, dd{
float:none;
}
.dial_box li {
    float: left;
    margin-right: 0;
    margin-left:5%;
}
.small_img{
float:left;
vertical-align:middle;
}
.small_img img{
width:22%;
}

.dial_box .time {
    font-size:12px;
    padding-left: 8%;
    padding-right: 8%;
    white-space:nowrap;
    margin-right:2%;
}

.dial_box ul {
    margin-left: 0;
}
.font_b {
    font-size:14px;
}
#page_style p, h4, dl, table {
    margin-left: 0;
}

#table_style2 {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    font-size:12px;
}

.indent10{
margin-left:10px!important;
margin-top:10px;
}

#pro_list h3{
width:90%;
margin-left:auto;
margin-right:auto;
font-size:18px;
}

.photobox{

width:90%;
}

.baseinfo_box .bottom11{
float:none;
width:100%;
height:30px;
text-align:left;
border-bottom: none;
line-height:26px;
}
.baseinfo_box2 input{
margin-left:0;
width:30%;
}

.inner dt.bottom01{
    float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px;
line-height: 28px;
}

.inner dt.bottom02{
    float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px;
line-height: 28px;
}

.inner dt.bottom03{
    float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px;
    vertical-align: middle;
line-height: 28px;
}

.inner dt.bottom04{
    float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px;
line-height: 28px;
}

.inner dt.bottom05{
    float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px;
line-height: 28px;
}


.inner dt.bottom06{
    float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px;
line-height: 28px;
}
.inner dt.bottom07{
   float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px;
line-height: 28px;
}

.inner dt.bottom07-1{
    float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px;
line-height: 28px;
}
.inner dt.bottom08{
    float: none;
    width: 100%;
    text-align: left;
    border-bottom:none;
    height:33px;
line-height: 28px;
}
.inner dt.bottom09{
    float: none;
    width: 100%;
    text-align: left;
    height:33px;
line-height: 28px;
}

#pra_list {
    margin-left: 10px;
}
.margin-left-87 {
    margin-left: 10px !important;
}

.box_022 h5 {
    margin-left: 0;
}

h3.law_ttl{
   line-height:40px;
}

}