@charset "utf-8";

/*勧誘メール着地文面*/
/*--------------------------------------------------*/
#main_contents{
    position:relative;
    padding-bottom: 55px;

}
#to_trial_header {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    background: #000;
    padding: 5px 0;
    color: #FFF;
}

#to_trial {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    padding: 15px;
    background: #FFF;
    text-align: center;
    box-sizing: border-box;
}

#to_trial span {
    /*float: left;*/
    width: 80%;
    padding: 19px 0;
    /*margin:0 2% 0 0;*/
    line-height: 1;
}

#to_trial input {
    float: left;
    width:49%;
}

#to_trial .mw480 {
    max-width: 480px;
}

#to_trial .next_btn {
    background-size: 480px 32px;
}

.sms_view input {
    float: none !important;
    width:100% !important;
}

#to_trial_tel_float_btn {
    bottom:80px;
    margin-left: 20px;
}

.to_trial_mail {
    padding:34px 0 0 0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}

.to_trial_mail #main_contents_wrapper {
    padding: 0 0 60px 0;
}

#to_trial_#to_trial_balloon06_float_btn {
    bottom:80px;
}

#to_trial_balloon_wrapper {
    max-width:480px;
    margin:0 auto;
}

#to_trial_balloon02, #to_trial_balloon04, #to_trial_balloon06 {
    background: #777777;
    background: linear-gradient(#6b6b6b, #777777);
    box-shadow: 0 0 0 3px #6b6b6b inset, 0 -12px 0 #777777 inset, 0 3px 5px rgba(0,0,0,0.3);
}

#to_trial_balloon02:before, #to_trial_balloon04:before, #to_trial_balloon06:before {
    background: url(../img/common/balloon_arw_r_b.png) no-repeat;
}

#to_trial_balloon02 p, #to_trial_balloon04 p, #to_trial_balloon06 p {
    color:#FFF;
    text-shadow: -1px -1px 0 #333;
}

#to_trial_balloon01 {
    margin-left: -150px;
    top: 120px;
}

#to_trial_balloon02 {
    margin-left: 430px;
    top: 930px;
}

#to_trial_balloon03 {
    margin-left: -120px;
    top: 1540px;
}

#to_trial_balloon04 {
    margin-left: 430px;
    top: 2580px;
}

#to_trial_balloon05 {
    margin-left: -150px;
    top: 4400px;
}

#to_trial_balloon06 {
    margin-left: 430px;
    top: 5200px;
}

#to_trial_balloon07 {
    position:fixed;
    margin-left: -70px;
    bottom: 30px;
}

#to_trial_balloon08 {
    position:fixed;
    margin-left: 620px;
    bottom: 40px;
}

#othermail {
    max-width: 440px;
    margin: 0 auto;
    padding: 30px 20px 174px 20px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); 
}

#mail_menu {
}

#mail_menu li {
    display: inline-block;
    padding: 10px;
}

#body_hidden {
    position:relative;
}

#body_hidden:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 400px;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255,204,0,0) 0%,rgba(255,204,0,0) 1%,rgba(255,204,0,1) 50%,rgba(255,204,0,1) 100%);
    z-index: 2;
}


#TB_overlay{
    width: 100%;
    height: 100%;
    background:rgba(0 ,0 ,0 ,0.6);
    position:fixed;
    top:0;
    left: 0;
    z-index: 103;
    /*display:none;*/
}

.fliter_blur{
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: .6s;
    transition: .6s;
}

#trial_area{
    position:fixed;
    top: 40%;
    left: 50%;
    z-index: 103;
    display:none;
    width: 90%;
    height: 90%;
    max-width: 800px;
    max-height: 600px;
}

#trial_modal_wrapper {
    z-index: 103;
    display:none;
    width: 100%;
    height: 90%;
    max-width: 800px;
    max-height: 405px;
    transform: translate(-50%, -50%);
    background: #F5F5F5;
    border-radius: 6px;
    box-shadow: 1px 1px 6px #000;
    overflow: auto;
}

#trial_modal{
    padding: 40px 40px 25px;
    background: url(../img/common/sendmodal_bg_campaign.png) no-repeat right 30px bottom;
    min-height: 340px;
}

#trial_modal_wrapper h2{
    font-size: 36px;
    margin-bottom: 20px;
    background: none;
    color: #000;
    text-shadow: none;
    box-shadow: none;
    padding: 0;
    text-align: left;
}

#trial_modal_wrapper p{
    width: 70%;
    margin-bottom: 30px;
}

#trial_modal_wrapper table {
    border: none;
    background: none;
    color: #333;
    margin-bottom: 30px;
}

#trial_modal_wrapper th {
    width:20%;
}

#trial_modal_wrapper th, #trial_modal_wrapper td {
    border: none;
    background: none;
    color: #333;
    padding: 5px;
}

#trial_link_txt a{
    margin-right: 15px;
}

#trial_modal_open{
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin-left: -160px;
    box-shadow: 0 0 3px 1px #FFF;
}

.trial_modal_open_active{
    animation: tmoa 1s ease forwards;
}

@keyframes tmoa {
    0%{opacity:0.1;top:550px;}
  100%{opacity:1;top:400px;}
}


#trial_modal_wrapper_close_btn{
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    background: #E5004F;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 101;
    border-radius: 100%;
    color: #fff;
    border: 3px solid #fff;
    cursor: pointer;
}

#trial_hidden_form{
    display: none;
    background:#666;
    padding: 30px;
    border: 3px solid #666;
}

.trial_tel{
    width: 70px;
    padding: 10px;
    border: 3px solid #fc0;
}

#trial_txt_wrapper {
    z-index: 103;
    display:none;
    width: 100%;
    height: 90%;
    max-width: 800px;
    max-height: 334px;
    transform: translate(-50%, -50%);
    overflow: auto;
}

#trial_txt{
    text-align: center;
}

#trial_txt p{
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    width: 100%;
    margin-bottom: 20px;
}

#trial_txt a{
    width: 30%;
    display: inline-block;
    padding: 10px 0;
}

#trial_txt .mini_text{
    font-size: 12px;
}

.trial_page .baloon{
    position: fixed;
}

.tmr_active{
    animation: tmwa 1s forwards;
}

@keyframes tmwa {
    100%{top: 50px;}
}
#trial_modal_wrapper input[type="submit"] {
    width:320px;
    margin:0 0 50px 0;
}

#top_page div.baloon {
    position: fixed;
    z-index:103 !important;
}

.body_mail_contents {
    margin:0 0 60px 0;
}

.privacy_txt{
    font-size: 12px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 104;
    color: #111;
    text-decoration: underline;
    display: none;
}


/*アラート*/
/*--------------------------------------------------*/
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}



/*
//2017-3-19okuno コメント
*/
.mail_panel {
    margin: 0 0 30px 0;
}

.mail_panel.mail_booking{
    width:125px;
}

.mail_regular h3 {border-color:#399586; color:#399586;}
.mail_booking h3, .mail_pack h3 {border-color:#3E50B4; color:#3E50B4;}

#mail_category_panel{
    float: left;
    background: #f5f5f5;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 0 15px 0 0 ;
    border-radius: 3px;
}

.mail_category_panel{
    padding: 10px;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0 0 60px;
    position:relative;
    width:115px;
}

.mail_category_panel.mail_booking{
    margin:0 0 15px;
}

.mail_category_panel.mail_booking:after{
    content: "";
    width: 2px;
    height: 15px;
    background: #3E50B4;
    position: absolute;
    left: calc( 50% - 1px );
    bottom: -16px;
}

.current_category {
    display: block;
    color:#FFF !important;
    position: relative;
    background: url(../img/common/btn_grass.png) no-repeat center top !important;
    background-size: 200px 25px !important;
    box-shadow:1px 1px 0 rgba(0,0,0,0.1) inset, -1px -1px 0 rgba(0,0,0,0.14) inset;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}

.mail_regular .current_category {background-color:#399586 !important;}
.mail_booking .current_category, .mail_pack .current_category{background-color:#3E50B4 !important;}
.mail_express .current_category {background-color:#00BBD3 !important;}

.current_category:after {
    content: "";
    position: absolute;
    top: 17px;
    right: -56px;
    width: 56px;
    height: 2px;
}


.ddActive .current_category:after{
    display:none;
}

.mail_regular .current_category:after {background-color:#399586 !important;}
.mail_booking .current_category:after, .mail_pack .current_category:after {background-color:#3E50B4 !important;}
.mail_express .current_category:after {background-color:#00BBD3 !important;}


.current_page {
    font-weight: bold;
    color:#FFF !important;
    position: relative;
    box-shadow:1px 1px 0 rgba(0,0,0,0.1) inset, -1px -1px 0 rgba(0,0,0,0.14) inset;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}

.mail_regular .current_page {background-color:#399586 !important;}
.mail_booking .current_page {background-color:#3E50B4 !important; box-shadow:none;}
.mail_express .current_page {background-color:#00BBD3 !important;}

.mail_regular .current_page:after {background:#399586;}
.mail_booking .current_page:after {background:#3E50B4;}
.mail_express .current_page:after {background:#00BBD3;}


@keyframes currentPageAnimation {
    0%{width: 0px;right: 0}
    100%{width: 30px;right: -30px;}
}

.mailPageTtl {
    padding: 5px;
    font-size:16px;
    cursor: pointer;
    transition: background 0.3s;
    
}

.mailPageTtl:hover {
    background: #EEE;
}


.current_mail_list{
    display: block;
}

.current_mail_list li:last-of-type{
    margin:0 0 15px;
}



.panel_wrapper{
    float:left;
    position:relative;
}


.mail_list_panel{
    width: 175px;
    float: left;
    border: 2px solid #36f;
    border-color:#399586;
    padding: 10px 10px 30px;
    border-radius: 3px;
    position:absolute;
    min-height: initial;
    height: 1050px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ddActive .mail_list_panel.pack{
    width:250px;
}

.behind.mail_list_panel{
    overflow-y:hidden;
}

body:not(.ddActive) .behind.mail_list_panel{
    border:none;
}


.mail_list_panel.tltp{
    position:absolute;
}

.ddActive .mail_list_panel{
    height:auto;
    overflow-y:visible;
    overflow-x:visible;
}

.mail_list_panel h4{
    position: relative;
    font-size: 18px;
    width: calc(100% - 20px);
}

.mail_list_panel .question{
    width: 20px;
    position: absolute;
    top: 0;
    right: -20px;
}

.mail_list_panel.behind:after{
    content: "";
    position: absolute;
    width: calc( 100% + 4px );
    height: calc( 100% + 4px );
    top: -2px;
    left: -2px;
    background-color: rgba(255,255,255,0.8);
    z-index: 1;
    transition:.3s;
}


.mail_list_panel.behind:hover:after{
    background-color:rgba(255,255,255,0.7);
}


.ddActive .mail_list_panel.behind:after{
    content:"";
    display:none;
}

.mail_link_panel{
    position: absolute;
    left: 212px;
    z-index:17;
    transition:.3s;
}

.ddActive .mail_link_panel{
    left:182px;
}

.isPack .mail_link_panel, 
.isValidOpenEdit .mail_link_panel{

}

.ddActive.isPack .mail_link_panel{
    margin-top:40px;
}

.mail_link_panel > div:not(.current){
    display:none;
}

.mail_link_panel > div > div:nth-child(1){
    top: 0;
    z-index:2;
    background:#fff;
}


.mail_link_panel > div > div:nth-child(2){
    top:40px;
    left:40px;
    z-index:1;
    cursor:pointer;
    background:#eee;
}

.mail_link_panel > div > div:nth-child(3){
    top:80px;
    left:80px;
    z-index:0;
    cursor:pointer;
    background:#555;
    color:#fff;
    /*transition:0.3s;*/
}

.ddActive .mail_list_panel.panel3{
    background:#fff;
    color:#000;
}

.panel2 .current_page,
.panel3 .current_page{
    background: #f5f5f5 !important;
    box-shadow: none;
    text-shadow: none;
    margin: 0 0 5px;
}

.panel2 .current_page:after,
.panel3 .current_page:after{
    display:none;
}

/* きっとベストアンサー */
.ddActive ul.page_link_panel:not(.js-allPackUl){
    min-height:200px;
    padding-bottom: 40px;
}

.js_sortMailId:has(.ui-sortable-helper) li.mailPageLink{
    float: left;
    width: 100%;
}

.js-toggleUl,
.js-toggleUl-viewmode{
    cursor:pointer;
    display:inline-block;
}

.js-toggleUl:hover,
.js-toggleUl-viewmode:hover{
        border-bottom: 1px solid #ddd;
}

.js-allPackUl,.js-allPackUl-viewmode {
    /* display: none; */
    overflow: hidden;
    max-height: 0px;
    min-height: 0px;
    transition: .2s;
}

.js-allPackUl.visible,
.js-allPackUl-viewmode.visible{
    max-height: 500px;
    transition: .6s;
}

.js-allPackUl-viewmode.visible{
    max-height:1200px;
}


.panel_wrapper{
    transition:.3s;
    z-index:17;
}

.ddActive .panel_wrapper{
    z-index:17;
}

.ddActive.isPack .panel_wrapper{
    margin-top:40px;
}



.panelWrapperMask{
    display:none;
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    z-index: 1;
    background: rgba(0,0,0,0.6);
}

.ddActive .panelWrapperMask{
    display:block;
}


#bodyOverlay{
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.75);
    z-index:17;
    top:0;
    left:0;
    display:none;
}

.ddActive #bodyOverlay{
    display:block;
    cursor:pointer;
}

.isEdited #bodyOverlay{
    cursor:default;
}



.ddActive .mail_list_panel.panel3{
    width:320px;
}

.ddActive #sortultest3 li{
    width: calc( 50% - 5px );
    display: block;
    float: left;
}

.ddActive #sortultest3 li:nth-child(odd){
    margin:0 10px 0 0;
}

.ddActive .send_btn_wrap{
    display:none;
}

#js_openMailButton{
    position: absolute;
    left:288.5px;
    top: 0px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background-image: url(/cms/img/common/toggle_k.png);
}

body.isValidOpenEdit #js_openMailButton{
    display:none;
}


#js_openMailButton:hover {
    background: url(/cms/img/common/toggle_k_hover.png);
}

.ddActive #js_openMailButton{
    display:none;
    opacity:0;
    transition:0.3s;
}

.openModalButtonWrap{
    display:none;
    position: absolute;
    top: calc( 30% - 50px );
    left: 0;
    width: 100%;
    height: 100px;
    opacity:0;
}

.openModalButtonWrap span{
    background-image: url(/cms/img/common/toggle_k.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
    border-radius:3px;
    margin: 0 auto 10px;
    display: block;
    transition:0.3s;
}

.openModalButtonWrap span:hover{
    background-image: url(/cms/img/common/toggle_k_hover.png);
}

.openModalButtonWrap p{
    font-size:14px;
    text-align:center;
    transition:.3s;
}

.no-list .openModalButtonWrap{
    display:block;
    opacity:1.0;
}

.ddActive .no-list .openModalButtonWrap{
    display:none;
}


/**************************************/
/*---------- 仮です -----------*/
.kari_wrapper {
    height:755px;
}

#fixed_sendcount {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    z-index:10;
}
#sendcount {
    background: #666;
    color: #FFF;
    padding:10px;
}

#ui-datepicker-div {
    z-index:2 !important;
}

.ui-datepicker-calendar {
    word-break:normal;
}
.ui-datepicker-calendar th {
    width:inherit;
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url(../img/common/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
    margin-bottom:60px;
}

.mailPageLink .addMessage:before{
    content: "前の車検から";
    font-size: 12px;
}


/**************************************/
/*---------- common -----------*/


.edit_mail_btn{
    text-align: right;
    margin-bottom:10px;
}

body{
    background-color: #fc0;
    padding-top:60px;
}

h1 {
    font-size: 24px;
    color:#333;
    margin-bottom:15px;
    text-align:center;
    font-weight: normal;
}

h2 {
    font-size: 24px;
    padding: 15px;
    background: #222;
    background: linear-gradient(#444, #222);
    color:#FFF;
    margin-bottom:30px;
    text-align:center;
    text-shadow: -1px -1px 0 #000;
    box-shadow: 0 0 0 1px #333 inset, 2px 2px 0 rgba(255,255,255,0.3) inset;
}

.h2Caption{
    font-size:14px;
    display:block;
    margin:0 0 20px;
    text-align:center;

}

.h2Caption:empty{
    display:none;
}

h3{
    color: #333;
    font-size: 20px;
    position: relative;
    margin-bottom:10px;
    border-left:3px solid #FC0;
    padding:5px 10px;
}

h4{
    margin-bottom:10px;
}
::-webkit-input-placeholder {color:#CCC;}
.overflowa {overflow:auto;}
a[name="anchor_top"] {position:absolute;top:0;}

#trial_h1 {
    text-align:center;
    font-size:12px;
}

#trial_h1 img {
    width:180px;
    margin:0 0 10px 0;
}

/*---------- color -----------*/

.ffffff_bg {background:#ffffff;}
.f5f5f5_bg {background:#f5f5f5;}
.ffcc00_bg {background:#ffcc00;}
.ffa300_bg {background:#ffa300;}
.note_bg {background:url(../img/common/note_bg.jpg) repeat center top;}
.orange {color:#ff550f;}


/*----- animation -----*/

.purun {animation: purun 0.8s ease forwards ;}
@keyframes purun {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

.poyon {animation: poyon 1.1s linear 0s 1;}
@keyframes poyon {
  0%   { transform: scale(0.8, 1.4) translate(0%, -100%); }
  10%  { transform: scale(0.8, 1.4) translate(0%, -15%); }
  20%  { transform: scale(1.4, 0.6) translate(0%, 30%); }
  30%  { transform: scale(0.9, 1.1) translate(0%, -10%); }
  40%  { transform: scale(0.95, 1.2) translate(0%, -30%); }
  50%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
  60%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  70%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

.poyooon {animation: poyooon 0.9s linear 0s 1;}
@keyframes poyooon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  10%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  40%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  50%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  60%  { transform: scale(0.9, 1.2) translate(0%, -100%);}
  75%  { transform: scale(0.9, 1.2) translate(0%, -20%);}
  85%  { transform: scale(1.2, 0.8) translate(0%, 15%);}
  100% { transform: scale(1.0, 1.0) translate(0%, 0%);}
}

/*---------- iPhoneの回転 -----------*/
@keyframes rotateY {
    0% {transform:rotateY(0deg);}
    25% {transform:rotateY(23deg);}
    50% {transform:rotateY(45deg);}
    75% {transform:rotateY(67deg);}
    100% {transform:rotateY(90deg);}
}


/*---------- text -----------*/

.lead_delete {float:right;}


/*---------- position ------------*/

.relative{position:relative;}

.hash{position:absolute;top:-90px;}


/*---------- loader -----------*/

#loading_img, #loaderImg, #js_trialLoader, #js_viewerOverlay, #mask_switch {
    height: 100%;
    width: 100%;
    background: #FFF;
    opacity:0.8;
    position: fixed;
    z-index: 90;
    display: none;
    top: 0;
    left:0;
}

#loading_img img, #loaderImg img, #js_trialLoader img, #js_viewerOverlay img, #mask_switch img {
    position:fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index: 100;
}

#ajax_loader, #rteditor_loader, #submitLoading, #loading {
    height: 100%;
    width: 100%;
    background: #000;
    opacity:0.8;
    position: fixed;
    z-index: 90;
    display: none;
    top: 0;
    left:0;
}

#ajax_loader img, #rteditor_loader img, #submitLoading img, #loading img {
    position:fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index: 100;
}


/*---------- ツールチップ -----------*/

#tTWndw {
    display:none;
    opacity:0.87;
    position:absolute;
    z-index:2147483640;
    font-size:14px;
    line-height:150%;
    font-weight:normal;
    font-family:'Meiryo', 'メイリオ','Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'sans-serif' !important;
}

#tTWndw p {
    color:#fc0;
    font-size: 16px;
    line-height: 180%;
    position:relative;
    width:200px;
    height:100px;
    padding:30px 20px 20px 20px ;
    background:#000 url(../img/common/ttBg.png) no-repeat 20px 10px;
    border-radius: 10px;
    box-shadow: 4px 4px 20px rgba(0,0,0,0.8);
    border:2px solid #fc0;
}

#tTWndw.small p{
    font-size: 14px;
}

#tTWndw .clTtArrow {
    position:absolute;
    bottom:-11px;
    left:50%;
    margin:0 0 0 -12px;
}

#tTWndw .clTtArrowU {
    position:absolute;
    top:-11px;
    left:50%;
    margin:0 0 0 -12px;
    display:none;
}
#tTWndw {display:none;}
#tltpFlg {
    width:41px;
    height:72px;
    position:fixed;
    bottom: 10px;
    right:0;
    z-index:12;
    cursor:pointer;
}

.tltpCaption{
    font-size: 12px;
    line-height: 18px;
    display: block;
    position: absolute;
    width: 200px;
    left: 22px;
    bottom: 5px;
    background-color:#000;
    color:#ccc;
}

.tltpFc0 .tltpCaption{
    background-color:#fc0;
    color:#666;
}

/*---------- ガイド -----------*/

/*
エフェクトを外部から使わせてもらう
https://tympanus.net/codrops/2013/05/30/simple-icon-hover-effects/
これの８つめ
file:///C:/Users/Owner/Documents/%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89/IconHoverEffects/IconHoverEffects/index.html#set-8
（sonarEffect）
 */

.hi-icon_now {
    cursor: pointer;
    position: relative;
}

.hi-icon_now:after{
    width: 10px;
    height: 10px;
    opacity: 0.75;
    background: #c00;
    z-index: 10;
    color: #fff;
    padding: 1px;
    display: block;
    position: absolute;
    font-size: 10px;
    top: -4px;
    left: -4px;
    border-radius: 100%;
    content: '';
    box-sizing: content-box;
    animation: sonarEffect 1.3s ease-out 75ms infinite;
}

@keyframes sonarEffect {
    0% {
        opacity: 1.0;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #c00, 0 0 0 10px rgba(255,255,255,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #c00, 0 0 0 10px rgba(255,255,255,0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}



/*---------- モーダル -----------*/

#modal_wrapper {
    width: 100%;
    height: 100%;
    background:rgba(0 ,0 ,0 ,0.6);
    position:fixed;
    top:0;
    left: 0;
    z-index: 103;
    display: none;
    text-align: center;
}

#modal {
    top: calc(50% - 90px);
    left: 50%;
    z-index: 103;
    width: 90%;
    max-width: 730px;
    max-height: 474px;
    transform: translate(-50%, -50%);
    background: #F5F5F5;
    border-radius: 6px;
    box-shadow: 1px 1px 6px #000;
    padding:60px;
    text-align: left;
    position: relative;
    box-sizing:border-box;
    overflow:auto;
    animation: tma 1s ease forwards;
}

@keyframes tma {
    0%{opacity:0.4;margin-top: 30px}
    100%{opacity:1;margin-top: 90px}
}

@keyframes tmoa {
    0%{opacity:0.1;top:550px;}
  100%{opacity:1;top:400px;}
}


#modal_wrapper_close_btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    background: #E5004F;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 101;
    border-radius: 100%;
    color: #fff;
    border: 3px solid #fff;
    cursor: pointer;
}

#modal_contents {
    font-size: 24px;
}


/*---------- モーダル(ウインドウ下部固定) -----------*/
#modal_wrapper.bottom-fixed{
    height: auto;
    background: none;
    top: 100%;

}

.bottom-fixed #modal{
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    transform: none;
    left: inherit;
    padding: 0px;
    border-radius: 0;
    animation: tma_bottom_fixed 0.3s ease forwards;
    color: #fff;
    background: #E5004F url(../img/common/btn_grass.png) no-repeat center top;
}

.bottom-fixed #modal_contents{
    font-size: 16px;
}

.bottom-fixed #modal_wrapper_close_btn{
    display:none;
}

.bottom-fixed a{
    padding:15px;
    color:#fff;
    display:block;
    text-decoration:none;
}

.bottom-fixed a:hover{
    text-decoration:underline;
}

@keyframes tma_bottom_fixed{
    0%{opacity:0.4;margin-top: 0px;}
    100%{opacity:1;margin-top: -53px;}
}




#trial_lead {
    padding:0 0 0 220px;
    position:relative;
}
#trial_lead:after {
    content:"";
    background:url(../img/common/shima_alpha02.png) no-repeat center top;
    background-size:240px 428px;
    width:240px;
    height:428px;
    position:absolute;
    bottom:-60px;
    left:-45px;
}


#trial_lead h3 a {
    font-size:100%;
    margin:0;
}
#trial_lead p {
    font-size:14px;
}

#trial_lead p.s_text {
    font-size:12px;
}

#trial_lead a {
    font-size:16px;
    display: inline-block;
    margin-right:20px;
}

.absolute_link {
    position:absolute;
    bottom:-35px;
}
.freedial_txt {
    font-size: 40px;
    color: #E5004F;
    line-height: 1em;
    display:inline-block;
}


/**************************************/
/*---------- index -----------*/


#edit_wrapper {
    padding-top:20px;
}

#edit_contents {
    position: relative;
    width:900px;
    padding: 30px;
    background:#FFF;
    border-radius: 10px;
    overflow:hidden;
    margin:0 auto 60px auto ;
    min-height: 592px;
    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.15);
}

#trial #edit_contents{
    min-height: auto;
}

#left {
    width:170px;
    float:right;
}

#pagetop {
    position: fixed;
    bottom: 10px;
    margin-left: 910px;
    z-index: 12;
    background: #F5F5F5;
    background: linear-gradient(#444, #222);
    box-shadow: 0 0 0 3px #222 inset, 0 -5px 0 #444 inset, 0 3px 5px rgba(0,0,0,0.3);
    border-radius: 100%;
    width: 50px;
    height: 26px;
    padding: 12px 0;
    text-align: center;
    transition: 0.3s;
}
#pagetop:after {
    content:"";
    width:33px;
    height:21px;
    position:absolute;
    top: 4px;
    left: 8px;
    background:url(../img/common/pagetop_grass.png) no-repeat;
}
#pagetop:hover {
    bottom: 13px;
}

#footer_wrapper {
    border-top: 1px solid rgba(0,0,0,0.2);
}

#footer {
    padding:30px 0 15px 0;
    background:url(../img/common/f_shima.png) no-repeat left bottom;
}

.fmenu_ttl {
    float:left;
    width:160px;
}

.fmenu_ttl > a, .fmenu_ttl > p {
    display: block;
    color:#000;
    font-size:18px;
    margin-bottom:10px;
}

#fmenu_area li ul li a {
    display: block;
    color:#000;
    font-size:14px;
}


#fcontact_area {
    padding: 60px 0 0 250px;
    border-top: 1px solid rgba(0,0,0,0.2);
    margin-bottom:30px;
}

#fcontact_area p {
    font-size:20px;
    color:#000;
}

#copyright {
    text-align:center;
}

#ftel_sec {
    float:left;
    margin-right:60px;
}

#ftel_sec strong {
    font-size:40px;
    color:#E5004F;
    line-height: 1em;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}

#ftel_sec span {
    font-size:14px;
    color:#000;
    display:block;
}

#ftel_sec span.small_yomi{
    display: inline;
    font-size: 70%;
}

#ftel_sec img{
    max-width:180px;
    margin:0 0 15px;
}

#fcontact_sec {float:left;}

#f_contact {
    background:#E5004F url(../img/common/btn_grass.png) no-repeat center top;
    border: none;
    color: #FFF;
    padding: 15px 0;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    max-width: 320px;
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    display: block;
    text-align: center;
    text-decoration: none;
    font-family:inherit;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    transition: 0.3s;
}
#f_contact:hover {
    background-color:#ff2c75;
}

#copyright, #copyright a {
    text-align:center;
    font-size:12px;
}

#trial_footer_img p {font-size:36px;}

#f_help {
    background: url(../img/common/header_help.png) no-repeat left center;
    display: inline-block !important;
    padding: 0 0 0 20px;
}

/**************************************/
/*------ header ------*/

#header_wrapper {
    width: 100%;
    height:60px;
    position: fixed;
    top: 0;
    background: #FFF;
    z-index: 18;
    box-shadow: 0 3px 5px rgba(0,0,0,0.3);
}

#logo {
    float:left;
    margin-right:20px;
    padding:10px 0;
}

.headerIconWrap{
    display:inline-block;
    padding:10px 0;
    margin-right:20px;
    float:left;
}

#h_trial_msg {
    padding: 10px 0;
    color:#000;
    transition: 0.3s;
    text-decoration:none;
}

#h_trial_msg:hover {
    opacity:0.8;
}

#h_trial_msg .h_trial_ttl, .ipLimit {
    text-align: center;
    font-size: 12px;
    background: #E5004F url(../img/common/btn_grass.png) no-repeat center top;
    background-size: 200px 25px;
    border-radius: 20px;
    color: #FFF;
    padding: 4px 20px 3px 20px;
    line-height: 1.0em;
    display: block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    text-decoration: none;
}

.ipLimit{
    background-color:#999;
}

.ipLimit.still{
    background-color:#36f;
}

#h_trial_msg .h_trial_ttl{
    margin:0 0 2px;
}

#h_trial_msg em {
    font-size:16px;
    display:block;
    font-style: normal;
}
#h_menu {
    float:right;
    text-align: center;
}
#h_menu > li {
    display:table-cell;
    width: 60px;
    height: 60px;
    position:relative;
}

.fixed_menu_content:after {
    content: "";
    width: 8px;
    height: 5px;
    background: url(../img/common/h_menu_arw.png) no-repeat;
    position: absolute;
    bottom: 4px;
    transform: translate(-50% , 0);
    left: 50%;
    z-index: 1;
    transition: 0.3s;
}
.fixed_menu_content:hover:after {bottom:2px;}

#h_menu > li > a {
    font-size:12px;
    text-decoration: none;
    color: #333;
    display: block;
    height:60px;
    background: #F5F5F5 url(../img/common/h_menu_grass_bg.png) no-repeat center top;
    box-shadow: 1px 0 0 rgba(0,0,0,0.04) inset, 0 1px 0 rgba(0,0,0,0.07) inset, -1px 0 0 rgba(0,0,0,0.14) inset;
    text-shadow: 1px 1px 0 #FFF;
    transition: 0.3s;
}
#h_menu > li:first-child > a {
    box-shadow: 1px 0 0 rgba(0,0,0,0.15) inset, 0 1px 0 rgba(0,0,0,0.07) inset, -1px 0 0 rgba(0,0,0,0.14) inset;
}
#h_menu > li > a:hover, #h_menu > li > a.current {background:#FC0 url(../img/common/h_menu_grass.png) no-repeat center top;}


#h_menu > li span {
    display:block;
    padding:12px 0 0 0;
}

#h_menu ul li a{
    display: block;
    font-size:16px;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    color:#666;
    background: #F5F5F5 url(../img/common/btn_grass.png) no-repeat center top;
    background-size: 200px 25px;
    transition: 0.3s;
}
#h_menu ul li a:hover {background-color:#FC0;}


.limit_flag_status_text{
    font-size:12px;
    float:left;
    padding:13px 0;
}

.rest_title{
    float: left;
    font-size: 12px;
    padding: 13px 0;
    line-height: 17px;
    margin: 0 5px 0 0;
}

/*
//2017-3-28okuno コメント
*/

.fixed_menu_sub {position:relative;}
.fixed_menu_panel {
    display:none;
    position: absolute;
    width: 200px;
    right: 0px;
    background: #fff;
    border-top:1px solid #CCC;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}

.refreshBtn{
    padding: 10px 0;
    float: left;
    display: block;
    width: 120px;
}

.refreshBtn a{
    display: block;
    background: #E5004F url(/cms/img/common/btn_grass.png) no-repeat center top;
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    padding: 8px 0;
    text-decoration: none;
    transition: 0.3s;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}

.refreshBtn a:hover{
    background-color: #ff2c75;
}



/**************************************/
/*------ pan_list ------*/
.pan_list {
    margin-bottom: 30px;
    font-size: 14px;
    padding: 5px;
    border-bottom:1px solid #CCC;
}



/**************************************/
/*------ search ------*/

.switchlink {margin-bottom:15px;}
.switchlink a {
    display: block;
    float: left;
    text-align:center;
    padding:10px 20px;
    background:#EEE url(../img/common/btn_grass.png) no-repeat center top;
    background-size: 200px 25px;
    color:#000;
    margin-right: 5px;
    text-decoration:none;
    transition: 0.3s;
    
}
.switchlink .current{background-color:#36f; cursor:default;color:#fff;}
.switchlink .current:hover {background-color:#37f;}
.switchlink a:hover {background-color:#37f; color:#fff;}
.switchlink a.fr{float:right;}
.links .current{cursor:default;}

/**************************************/
/*------ form ------*/


.mini_title_text{
    font-size: 80%;
    padding-left:10px;
}
.serch_title{
    float: left;
    margin: 8px 10px 0 0;
}

#searchBlock {
    margin: 0 auto 30px auto;
    padding:10px 10px 0px 10px;
    background:#F5F5F5;
}

.searchBox {
    border:2px solid #CCC;
    position:relative;
}

#searchBlock .datepicker {
    float:none;
    display:inline-block;
    position: static;
}


#searchBlock input[type="image"]{
    background: #36F;
    padding: 8px;
    border-radius: 5px;
    display:block;
    float: right;
    margin-left:10px;
}


input[name = "ua"]{
    max-width:200px;
}

#js_expressReserve input[name="limit"], #js_expressReserve select{
    width:auto;
}


#searchBlock input[type="submit"]{
    width:100px;
    display:inline;
    background-color: #36f;
    position:absolute;
    right:0px;
}

#searchBlock input[type="submit"]:hover{
    background-color: #37f;
}

#searchBlock .js_ie10Hidden{
    width:100%;
}

.js_ie10Hidden{
    display:none;
}

input[type="submit"].dnone {
    display:none;
}

input[type="text"][readonly]{
    border:none;
    cursor:text;
    width: 100%;
    padding:0;
    color:#666;
}

th select[disabled] {font-weight: bold;}
select[disabled]:not(.excepttDisabled) {
    background:none;
    border:none;
    color:#666;
    padding:0;
}
.completion {background:#ff550f;}

input[name="ua"]::-webkit-input-placeholder {color: #666;}

#js-userList .bgc999{
    background-color:#999;
}

/**************************************/
/*------ edit page top ------*/

#top_section {
    float:right;
    width: 498px;
    border: 1px solid #DDD;
    min-height: 464px;
}

#contract #top_section {
    width: 590px;
}

#top_slide{
    padding: 30px;
}

.top_slide{
    display: none;
    min-height:320px;
}

.top_slide .section{
    min-height: 234px;
    margin:0 0 15px 0;
}
.top_slideImg {
    display: none;
    position: absolute;
    left: 30px;
    top:30px;
    z-index: 0;
}

#contract_shimada .top_slideImg{
    left: 0px;
}

.top_slide_ttl {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    background: #000;
    padding: 5px;
    margin-bottom:15px;
    border-radius: 20px;
}

#slideNumber {
    text-align: right;
    position: absolute;
    right: 30px;
    bottom: 40px;
    padding: 10px;
}


.slideBtnDiv{
    position:relative;
    width: 60%;
    margin: 0 auto 0px auto;
}

.slideBtnPrev{
    display: none;
}

#js_slideBtnOverLay{
    position:absolute;
    display:none;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#top_balloon{
    left: 250px;
    top:45px;
}

#fukidashi_parts{
    position: absolute;
    left: 230px;
    top:160px;
    z-index: 2;
}


/* お客様登録画面 */

.main_message{
    margin : 0 0 15px 0;
    text-align: center;
}

#optional_info_block{
    display: none;
}

#optionalInfoBtn {
    cursor:pointer;
    text-decoration: underline;
    text-align: center;
    clear:both;
    width: 160px;
    margin: 0 auto 30px auto;
}

#optionalInfoBtn:hover {
    text-decoration: none;
}


.regist_form .required:after,
.regist_form .elective:after{
    display:inline-block;
    top: -5px;
}

/* お客様登録後の画面 */

.top_2sec li {
    width: 48%;
    margin-right:2%;
    padding-right:2%;
    float: left;
    box-shadow: -1px 0 0 rgba(0,0,0,0.3) inset;
}
.top_2sec li:nth-child(even) {box-shadow:none; margin-right:0; padding-right:0;}
.top_2sec a, .top_3sec a {text-decoration:none;}
.top_2sec a.next_btn:hover {text-decoration:none;}
.top_2sec a:hover, .top_3sec a:hover {text-decoration:underline;}
.top_2sec p {font-size:12px;}

.top_2sec strong, .top_2sec strong a {
    font-size:30px;
    font-weight:normal;
}
.top_2sec .plus_btn {
    display: inline-block;
    float:right;
    margin: 10px 10px 0 0;
    width: 52px;
    height: 26px;
    border-radius: 5px;
    color: #FFF;
    background: #36F;
    font-size: 16px;
    line-height: 28px;
    text-align:center;
    transition: background 0.3s;
}

.top_2sec .plus_btn:hover {
    text-decoration: none;
    background: #37F;
}


.top_3sec li {
    width: 32%;
    margin-right:2%;
    float: left;
    box-shadow: -1px 0 0 rgba(0,0,0,0.3) inset;
}
.top_3sec li:nth-child(3n) {box-shadow: none; margin-right:0;}
.top_3sec p {font-size:12px;}
.top_3sec strong, .top_3sec strong a {
    font-size:22px;
    font-weight:normal;
}


#regi_left {
    float:left;
    width:400px;
    margin-bottom:30px;
    position:relative;
    max-height: 585px;
}

#regi_mail {
    left: 35px;
    position: relative;
    top: 250px;
}

#regi_balloon {
    left: 200px;
    top: 50px;
}

#regi_right {
    float:left;
    width:435px;
    margin-bottom:30px;
    padding:30px;
    border:1px solid #DDD;
    min-height: 400px;
}

.required:after, .elective:after {
    content: "必須";
    vertical-align: top;
    font-size: 10px;
    color: #ff550f;
    position: relative;
    top: 1px;
}


.required.either:after{
    content: "どちらか必須";
}


.elective:after{
    content : "任意";
    color:#999;
}


#js_csvDownload{
    cursor:pointer;
    text-align:center;
}

#js_csvDownload:hover{
    text-decoration: underline;
}

.csvErrors{
    max-height: 250px;
    overflow-y: scroll;
    padding: 15px;
    margin: 0 0 30px;
    border: 1px solid #ccc;
}

form[name="kihon_info"] table{margin-bottom:60px;}
form[name="kihon_info"] .form_nini table{margin-bottom:30px;}
form[name="kihon_info"] input[type="checkbox"], form[name="kihon_info"] input[type="radio"], input[type="checkbox"].shopSetting{margin: 0 5px 0 0;}
form[name="kihon_info"] input[name="forms[feature_phone_flag]"]{margin:0px;}
.form_nini {background:#EEE; position:relative;}

.spotMailRegiItem select{font-size:14px;}
.spotMailRegiItem b{margin:0 15px 0 0;}
.disabledSpot{opacity:0.3; cursor:pointer;}

input[name='forms[plate][place]']{width:100px;}
input[name='forms[plate][category_number]']{width:60px;}
input[name='forms[plate][kana]']{width:40px;}
input[name='forms[plate][sitei_number]']{width:100px;}

#js_spotDisplayTable, #js_expressDisplayTable, #right .packMailTable{margin:0 0 15px;}

/*
//2017-1-15 okuno コメント
とりあえず下記のページから持ってきた
 */

.fadeInDown {
    animation-fill-mode:both;
    animation-duration:1s;
    animation-name: fadeInDown;
    visibility: visible !important;
}

@keyframes fadeInDown {
 0% { opacity: 0; transform: translateY(-20px); }
 100% { opacity: 1; transform: translateY(0); }
}


.reservedCheck, .featurePhoneCheck{
    margin:0 0 0 5px;
}

.featurePhoneUser{
    text-decoration:none;
}

.featurePhoneUser img{
    vertical-align:top;
}

.featurePhoneUser:after{
    content: "";
    width: 12px;
    display: inline;
    background: url(/cms/img/common/feature_phone.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
}

label .featurePhoneUser{
    padding:2px 0px 0 24px;
    background-position:left 0;

}

#js_toggleExtraMenuTrigger{
    cursor: pointer;
    color: #36f;
    text-decoration: underline;
    font-size: 14px;
    position:absolute;
    top:16.5px;
    right:110px;

}

#js_toggleExtraMenuTrigger:hover{
    text-decoration:none;
}

#js_toggleExtraMenu{
    float:left;
    display:none;
}

#searchBlock .searchMoreCaption{
    color: #999;
    font-size: 12px;
    display: block;
    line-height: inherit;
}

/**************************************/
/*------ mail data page ------*/

#mail_data {
    padding:30px;
    background:#EEE;
    border-radius: 10px;
}




/**************************************/
/*------ contract page ------*/

#contract {
    position:relative;
    overflow:hidden;
}

#step {
    margin-bottom:15px;
    background: #CCC;
    position: relative;
}
#step:after, #price_base:after {
    content: "";
    display: block;
    clear: both;
}

#step li {
    float: left;
    width: 33.3%;
    text-align: center;
    color: #FFF;
    position: relative;
    font-size: 14px;
}

#step li.first a, #step li.first p {border-radius:3px 0 0 3px;}
#step li.last a, #step li.last p {
    border-radius:0 3px 3px 0 !important;
    background: #666;
}

#step li:before {
    content: "";
    width: 0;
    height: auto;
    position: absolute;
    border-top: 15px solid transparent;
    border-left: 10px solid #CCC;
    border-right: 10px solid transparent;
    border-bottom: 15px solid transparent;
    top: 0;
    right: -20px;
    z-index: 1;
}

#step li.bgd5 a, #step li.bgd5_last a, #step li.bgd5 p, #step li.bgd5_last p {background: #DDD;}
#step li.bgd5:before {border-left: 10px solid #DDD;}
#step li#step_visit p {background:#AAA;}
#step li#step_visit:before {border-left: 10px solid #AAA;}
#step li.last:before {border-left: 10px solid transparent !important;}

#step li a, #step li p, #step_visit p {
    color: #FFF;
    display: block;
    padding: 8px 0;
    height: 14px;
    line-height: 1.2em;
}

#step li a:hover {text-decoration:none;}

.css_alertdiv h3 {color:#c00;}
.css_alertdiv p {font-size:14px;}

.css_routineORspot a {
    font-size:12px;
    margin:0 10px 0 0;
}

.css_originalOrDefault {font-size:9px;}
.c00Text {color:#c00;}
.f33Text {color:#f33;}
._666Text {color:#666;}
._36fText{color:#36f;}
a._36fText:hover{text-decoration:underline;}

.js_notSubmitButton {
    background:#ddd;
    color:#000;
    transition:none;
}

input.js_notSubmitButton:hover {
    background:#ddd;
    cursor:default;
}

input.submitToText {
    border: none;
    cursor: pointer;
}

.price_table {
    border:none;
    text-align: center;
    table-layout: fixed;
    background:#F5F5F5;
}

.price_table th {
    padding:10px;
    width:inherit;
    font-weight:normal;
    color:#AAA;
    text-align:left;
    vertical-align:middle;
}

.price_table td {
    padding:6px;
    font-size:16px;
    line-height: normal;
    font-weight: normal;
    color:#999;
}
.price_table td span {font-size:14px;}

.price_table .selectPlanTr th {
    font-weight:bold;
    color:#000;
    background:#F5F5F5;
}

.price_table .selectPlanTr td {
    font-weight:bold;
    color:#000;
}


.course_select {
    height: 18px;
    width: 18px;
    margin-right: 5px;
    position: relative;
}

.selectPlanTr[data-plan-id="6"] .dblock {
    position: relative;
}

.selectPlanTr[data-plan-id="6"] .course_select {
    position: absolute;
    top: calc(50% - 9px);
}

.dktlmaxPlanName span {
    display: inline-block;
    margin: 0 0 0 20px;
    font-size: 14px;
    line-height: 20px;
}


.top_slide table {table-layout:fixed;}
.top_slide .inputarea {width:100%;}



/**************************************/
/*------ user registration form ------*/

#submit_contents, .submit_contents {
    width:600px;
    padding:30px;
    background-color: #fff;
    border-radius:10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom:30px;
}

.submit_contents.thankyou{
    margin:0 auto 60px;
}

.submit_contents.regist h2{
    background: #E5004F;
    text-shadow:none;
    box-shadow:none;
}

/**************************************/
/*------ 無トラ ------*/

#trial_flow {
    width:433px;
    height:auto;
}

.trialCompanyInfoTable{
    table-layout: fixed;
    margin: 0 0 30px 0;
}
.trialCompanyInfoTable th{width:120px;}

#editModal table {margin-bottom:15px; table-layout:fixed;}

#editModal input{max-width:250px;}

.border_b {
    padding-bottom:5px;
    border-bottom:1px solid #000;
}
.trial_mail_form input {
    width: 400px;
    border: 3px solid #E5004F;
    padding: 15px;
    font-size: 140%;
}




/*------ 無トラ途中の文面 ------*/

#trial_wrapper {
    max-width: 480px;
    margin: 0 auto;
}

#trial_content {
    width: 90%;
    padding: 30px 5%;
    background: url(../img/trial/mainimg_bg.jpg) no-repeat center top;
    background-size: cover;
    -webkit-background-size: cover;
}

#trial_wrapper h2 {
    padding: 0;
    background: none;
    margin-bottom: 15px;
    border-radius: 0;
    text-shadow: -1px -1px 0 #b16900;
}


/**************************************/
/*------ 無トラ登録フォーム ------*/

#javascript_off{
    font-size:16px;
    font-weight:bold;
    color:#f00;
}

div#loading {
    display:none;
    background:#DDD;
    position:absolute;
    text-align:center;
    padding:120px 0;
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
    color: #666;
    font-weight: bold;
    font-size: 16px;
    z-index: 100;
}
div#submitLoading{
    display:none;
    background:#fff;
    position:absolute;
    text-align:center;
    padding:500px 0;
    color: #06f;
    font-weight: bold;
    z-index: 100;
}
div#submitLoading img{padding: 0 20px;}
div#loading img {width:20px;}
.must_field{
    color:#f00;
    font-weight:bold;
    display:none;
}

#error_box{
    color:#f00;
    border:2px solid #f00;
    margin:10px;
    padding:5px;
    display:none;
}

.trial_attention{
    color:#900;
    font-size:14px;
    text-align:center;
    padding:10px 0;
}

.kuji_text, .kuji_text span {font-size:20px; font-weight:bold;}

input[name='jusyo3']{width: 100% !important;}

.tableWrap{
    position:relative;
}

.logviewerTableWrapped{
    display:none;
    position:relative;
    max-height:480px;
    overflow-x:scroll;
    margin:0 0 30px;
    border-top:1px solid #ccc;
}

.logviewerTableWrapped.noData.js-loaded{
    display:block;
    border:none;
    max-height:none;
    height:480px !important;
}

.current .logviewerTableWrapped, .logviewerTableWrapped.noFix{
    display:block;
}

.logviewerTableWrapped.noFix{
    max-height:initial;
    overflow:auto;
}

.asyncTableOuter{
    display:block;
    position:relative;
    max-height:480px;
    margin:0 0 30px;
    border:none;
}


.asyncTableOuter{
    overflow:hidden;
}

.asyncTableOuter:before{
    content : "";
    position:absolute;
    width:100%;
    height:100%;
    z-index:3;
    background-color:#fff;
}


.asyncTableOuter:after{
    content: url(/cms/img/common/loading002.gif);
    position: absolute;
    z-index: 3;
    left: calc( 50% - 39px );
    top: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    -webkit-transform: translate(-50%, -50%) scale(0.8);
}

.asyncTableOuter.js-loaded{
    overflow:auto;
}

.asyncTableOuter.js-loaded:before,
.asyncTableOuter.js-loaded:after{
    display:none;
}


.logviewerTableWrapped.prospectAppeal,.logviewerTableWrapped.temporaryAppeal {
    height: auto;
    max-height: none;
}

.logviewerTableWrapped.hiddenX{
    overflow-x:hidden;
}

.logviewerTableWrapped.hiddenY{
    overflow-y:hidden;
}

.logviewerTableWrapped.auto{
    overflow:auto;
}

.logviewer_table{
    table-layout:fixed;
    border-top:none;
}

.logviewer_table th{
    box-sizing:border-box;
    vertical-align:middle;
    border-top:none;
    height:90px;
}

.logviewer_table:not(.groupedTable) tr:nth-of-type(even) td{
    background:#fafafa;
}

.stickeyTableHead thead{
    position: sticky;
    top: 0;
    z-index: 2;
}


.th-check{
    width:35px;
}

.th-no{
    width:44px;
}

.th-icon{
    width:63px;
}

.th-name{
    width : 110px;
}

.th-name.compact{
    width:150px;
}

.th-tel{
    width : 95px;
}

.th-tel.compact{
    width : 100px;
}

.th-timeStamp{
    width:104px;
}

.th-memo{
    width:59px;
}

.th-mark{
    font-size:10px !important;
    width:40px;
    text-align:center;
    word-break: break-all;
}

.th-multiShop{
    width: 69px;
}

.th-sentErrorCount {
    width: 39px;
}



tr th:last-of-type, tr td:last-of-type{
    border-right:none;
}

.thtd-notice,
.logviewer_table tr:nth-of-type(even) td.thtd-notice{
    background:#fffce1;
}

.logviwer_table .th-mark{
    font-size:10px;
}


/*.logviewer_table {white-space: nowrap;}*/
.logviewer_table th, .plan_table th {font-size:12px;}
.logviewer_table .current td, .plan_table .current td {background:#EEE; font-weight:bold; padding: 20px 10px;}
.wb_normal{word-break:normal;}
.plan_table .current td {
    background:#FC0;
    background: linear-gradient(#FD0, #FC0);
}/* プラン変更ページ */
.plan_table td a {
    display: block;
    background: #E5004F url(../img/common/btn_grass.png) no-repeat center top;
    background-size: 200px 25px;
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    padding: 10px 0;
    text-decoration: none;
    transition: 0.3s;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-size: 12px;
    line-height: 30px;
}
.plan_table td a:hover {background-color:#ff2c75;}

.plan_name_col{
    width: 22%;
}

.plan_limit_col{
    width: 22%;
}

.plan_cost_col{
    width: 22%;
}

.plan_change_col{
    width: 12%;
}

.plan_estimate_col{
    width: 12%;
}


.plan_table__contract .plan_name_col{
    width: 22%;
}

.plan_table__contract .plan_limit_col{
    width: 20%;
}

.plan_table__contract .plan_cost_col{
    width: 27%;
}

.plan_table__contract .plan_estimate_col{
    width: 21%;
}



.plan_table__contract .selectPlanTr td{
    background: #FC0;
    font-weight: bold;
}

.plan_cost_col_td{
    font-size: 16px;
    line-height: 1;
}

.plan_cost_col_td__price{
    font-size: 16px;
    line-height: 1;
}

.plan_cost_col_td .s_text{
    font-size: 10px;
    font-weight: 400;
}

.plan_cost_col_td .s_text[data-plan-id="6"] {
    display: none;
}

.numberForm{width:70px;}




.logviewer_table td{word-break:break-word; padding:10px;}

.logviewer_table .inplace, .inplace_base{display:block; float:left;}
.inplace_toggle{
    width:100%;
}
th.shaken a, th.insurance a{ color:#36f; text-decoration:underline;}
th.shaken a:hover, th.insurance a:hover{ text-decoration: none ; }
.sortarrow{margin:0 0 0 5px;}
.th-mark .sortarrow{
    margin:0;
    display:block;
}


.iconTd{ padding:0px; text-align:center;}

.stringIcon{
    font-size: 11px;
    color: #fff;
    padding: 3px 0px;
    border-radius: 3px;
    margin: 0 auto;
    width:40px;
    display:inline-block;
    text-align:center;
    text-decoration:none;
}

a.stringIcon:hover{
    text-decoration:underline;
}

.stringIcon.spot{ background:#3E50B4; }

.stringIcon.routine{ background:#399586; }

.stringIcon.express{ background:#00BBD3; }

.stringIcon.invalidSend{ background:#555; color:#ccc;}

.stringIcon.trial{ background:#999; }

.stringIcon.reserved{ background:#E5004F ;}

.stringIcon.delivered{ background:#3366ff; }

.stringIcon.sending{ background:#aaaaaa;  }

.stringIcon.prospect{ background:#eee; color:#000;}

.stringIcon.valid{ color:#000; border: 1px solid #ccc; background:#fff;}

.stringIcon.sent, .stringIcon.expired, .stringIcon.tempRegist{ background:rgba(255,0,0,0.5); }

.stringIcon.undelivered, .stringIcon.failed, .stringIcon.nodata{ background:rgba(255,0,0,0.7); }

.stringIcon.system{ background:rgba(255,0,0,1.0); }

.stringIcon:empty{
    display:none;
}


.iconsTd{
    text-align:center;
}

.ml7{  margin-left:7px; }
.mr7{  margin-right:7px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px;  }


.grey_block {
    padding:30px;
    border:1px solid #DDD;
}

#trial_mail_error {
    border-left: 0;
    background:url(../img/trial/mail_error.png) no-repeat left 7px;
    padding-left:25px;
}


#trial_help {
    border-left: 0;
    background:url(../img/trial/help.png) no-repeat left 5px;
    padding-left:25px;
}


/******************************/
/* ----- お問合せブロック ----- */

#contact_wrapper {
    background:url(../img/common/f_shima.png) no-repeat left bottom;
    width: 960px;
    margin: 0 auto;
    padding: 60px 0 60px 250px;
}

#contact_wrapper p {
    font-size: 24px;
    color: #000;
}

#contact_wrapper strong {
    font-size: 50px;
    color: #EA5D02;
    line-height: 1em;
}

#contact_wrapper span {
    font-size: 16px;
    color: #000;
    display: block;
}


/* ----- 配信停止 ----- */
#stop_delivery_p {
    width: 90%;
    margin: 0 auto 15px !important;
}

/**************************************/
/*------ pager ------*/
.pager {margin-bottom:10px;}
.pager li{display:inline-block;}
.pager span {
    text-align: center;
    float: left;
    height: 24px;
    width:24px;
    line-height: 24px;
    display: block;
    border: 1px solid #CCC;
    color: #FFF;
    background: #36F url(../img/common/btn_grass.png) no-repeat center top;
    background-size: 180px 22px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px;
}
.pager a {
    display: block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    float: left;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #CCC;
    padding: 5px;
    text-decoration: none;
    color: #36F;
    background: url(../img/common/btn_grass.png) no-repeat center top;
    background-size: 180px 22px;
    transition: 0.3s;
}
.pager a:hover {
    background-color: #36F;
    color:#FFF;
}

.pager b{
    margin:0 5px 0 0;
}

span.pager_dots {
    background: none;
    border: none;
    color: #ccc;
}


/**************************************/
/*----- 登録や検索結果の装飾 -----*/

.error_message {font-size:14px; color:#c00; margin:0 0 15px 0;}
.top_errortext .error_message{padding:0 0 5px;}

#error_info th {
    background:#C00;
    color:#FFF;
}
#error_info td {color:#C00;}


.option label{
    display: inline-block;
    margin: 0 0 10px;
    clear: both;
    float: left;
}

.option label:last-child{
    margin:0;
}

label span{
    vertical-align: middle;
}

/*----- お客様登録完了 -----*/

#completion_info th, #completion_info td {font-size:14px;}
.caution_text {
    padding:20px;
    background: #f5f5f5;
}



/**************************************/
/*------ 文面の編集画面UI ------*/


#design_btn_ajax {
    margin-bottom:15px;
}

#send_DIV{
    float:right;
    width: 100px;
    z-index: 100;
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
}

.send_btn_wrap {
}

.copy_btn_wrap {
    padding: 0 15px;
    margin:15px 0 0;
}


.send_btn_wrap.express{
    display:none;
}

.send_btn_wrap.express.visible{
    display:block;
}

.send_btn_wrap .check{
    
}

.send_btn {
    text-align: center;
    display:block;
    padding: 10px;
    background: #E5004F url(../img/common/btn_grass.png) no-repeat center top;
    background-size: 200px 25px;
    color:#FFF;
    text-decoration:none;
    font-size: 90%;
    border-radius: 5px;
    transition: 0.3s;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}

.send_btn:hover {background-color:#FF2C75;}

.js_trialModalOpen .send_btn{
    cursor:pointer;
    background-color:#36f;
}

.js_trialModalOpen .send_btn:hover{
    background-color:#37f;
}

.setting:hover{
    background-color:#37f;
}

.pack .send_btn.setting:hover{
    background-color:#7a0;
}

.no-list .js_trialModalOpen {
    display:none;
}

.js_expressButton {
    display:none;
}

.currentPanel .js_expressButton {
    display:block;
}

.ddActive .js_expressButton{
    display:none;
}



#design_DIV {text-align:center;}
#design_btn {
    position: fixed;
    right: 0;
    bottom: 91px;
    line-height: 120%;
    width: 20px;
    cursor: pointer;
    padding: 10px;
    background: #eeeeee;
    box-shadow: 1px 1px 0 #FFF inset, 1px -1px 0 #FFF inset, 1px 1px 1px rgba(0,0,0,0.3);
    text-shadow: 1px 1px 0 #FFF;
    font-size: 90%;
    border-radius: 5px 0px 0px 5px;
    z-index: 12;
}

#design_btn:hover {
    background: #EEE;
}

.design_panel {
    display: none;
    background: #F5F5F5;
    padding: 10px;
    position: fixed;
    z-index: 12;
    width: 75px;
    right: 30px;
    bottom: 20px;
    font-size: 12px;
    border-radius: 5px;
    height: 80%;
    max-height: 565px;
    overflow: auto;
    box-shadow: 1px 1px 0 #FFF inset, 1px -1px 0 #FFF inset, 1px 1px 1px rgba(0,0,0,0.3);
}

.page_link_panel .mailPageLink:last-of-type{
    margin:0 0 15px;
}

.mailPageLink {
    margin: 0 0 5px;
}



.mailPageLink a {
    display: block;
    padding: 0px 10px;
    color: #666;
    background: #F5F5F5;
    text-decoration: none;
    transition: background 0.3s;
    font-size: 14px;
    /* height: 30px; */
    /* line-height: 30px; */
    padding:5px;
    border:1px solid #ccc;
}

.mailPageLink a:hover {
    background: #fafafa;
}

.mail_regular .current_page{
    border-color:#399586;
    box-shadow:none;
}

.mail_booking li.current_page,
.mail_pack li.current_page,{
    border-color:#3E50B4;
    box-shadow:none;
}

.mail_express .current_page{
    border-color:#00BBD3;
    box-shadow:none;
}


.round{
    overflow:hidden;
}

.round.hover, .round.js-moving{
    transition-property: none;
    transition-property: line-height,height;
    transition: .25s;
    line-height: 20px;
    height: 40px;
}



.ddActive .nothing .round.hover:nth-child(even){
    margin:0 0 5px;
}

.isChangedCategory #page_open_btn{
    display:none;
}

#page_open_btn, .saveMailButton{
    position: absolute;
    right: 30px;
    top: 90px;
    z-index: 14;
    transition: 0.3s;
}


#page_open_btn .openBtnAttention:after{
    display: block;
}


#page_open_btn:hover{
    top: 87px;
}

#page_open_btn a, .saveMailButton{
    color: #FFF;
    text-decoration: none;
    display: block;
    background: #E5004F;
    background: linear-gradient(#FF2C75, #E5004F);
    box-shadow: 0 0 0 3px #E5004F inset, 0 -8px 0 #FF2C75 inset, 0 3px 5px rgba(0,0,0,0.3);
    border-radius: 100%;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    position:relative;
    cursor:pointer;
}

#page_open_btn a:after{
    content: "";
    width: 63px;
    height: 39px;
    position: absolute;
    top: 8px;
    left: 19px;
    background: url(../img/common/page_open_btn_grass.png) no-repeat;
}


.saveMailButton{
    display:none;
    position: absolute;
    right: 29px;
    z-index: 17;
    background:#000;
    border-radius:3px;
    box-shadow:none;
    transition:0s;
    top:30px;
}

.saveMailButton:after{
    content:"閉じる";
}

.isEdited .saveMailButton:after{
    content:"保存する";
}

.isPack .saveMailButton{
    top:70px;
}


.saveMailParagraph{
    display: none;
    position: absolute;
    z-index: 17;
    color: #fff;
    text-align: center;
    width: 320px;
    top: 0px;
    left: calc( 50% - 160px );
}

.isPack .saveMailParagraph{
    top:33px;
}

.ddActive .saveMailParagraph,
.ddActive .saveMailButton {
    display:block;
}


.isEdited .saveMailButton{
    background: linear-gradient(#FF2C75, #E5004F);
    box-shadow: none;
}


#pagePreview {
    position: relative;
    background: #FC0;
    color: #000;
    text-decoration: none;
    width: 80px;
    display: block;
    padding: 5px;
    border-radius: 5px;
    left: -15px;
    text-align: center;
    font-size: 14px;
    transition: background 0.3s;
}
#pagePreview:hover {background:#FD0;}

.design_btn {
    display:block;
    margin-bottom:5px;
    position: relative;
}
.design_btn:hover {
    animation: lslide 0.1s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes lslide {
  0%   { left:0; }
  100%  { left:-5px; }
}


.design_btn_current {left:-5px;}

#color_btn_ajax a {
    width:24px;
    margin-bottom:10px;
    display:block;
    float: left;
}

#color_btn_ajax a:nth-child(even) {margin-right:10px;}
#color_btn_ajax a:hover {opacity:0.8;}


.img_box_right .pict_edit_btn {
    display:none;
    position: absolute;
    bottom: 0px;
    width: 140px !important;
    background: #FFF;
    padding: 10px;
    border: 1px solid rgb(204, 204, 204);
    right: 20px !important;
    z-index: 10000;
}


.img_box_left .pict_edit_btn {
    display:none;
    position: absolute;
    bottom: 0px;
    width: 140px !important;
    background: #FFF;
    padding: 10px;
    border: 1px solid rgb(204, 204, 204);
    left: 20px !important;
    z-index: 10000;
}

.img_box_left .video_edit_btn {
    display:none;
    position: absolute;
    bottom: 0px;
    width: 165px !important;
    background: #FFF;
    padding: 10px;
    border: 1px solid rgb(204, 204, 204);
    left: 20px !important;
    z-index: 10000;
}

.img_box_right .video_edit_btn {
    display:none;
    position: absolute;
    bottom: 0px;
    width: 165px !important;
    background: #FFF;
    padding: 10px;
    border: 1px solid rgb(204, 204, 204);
    right: 20px !important;
    z-index: 10000;
}

#wrapper .pict_edit_btn p, #wrapper .video_edit_btn p {margin:0;}

.pre_edit_sub_title {display:none;}

/*
//2017-1-11 okuno コメント
 */

/*------ スマホ横の吹き出し ------*/

.off_sms:hover, .off_rich:hover {
    opacity:0.35 !important;
}

.sms_url_rink {
    text-decoration:underline;
    color:#36F;
    cursor:pointer;
}

.smsOpenDiv {float:right;}

.smsSwichBtn {
    cursor: pointer;
    float: left;
    display: block;
    width: 20%;
    text-align: center;
    padding: 15px;
    background:#EDEDED;
    transition: background 0.3s;
}
.smsSwichBtn:hover {background:#DEDEDE;}

#smsBtn {border-radius:5px 0 0 5px;}
#richBtn {border-radius:0 5px 5px 0;}

.currentSmsBtn {background:#FC0;}
.currentSmsBtn:hover {background:#FD0;}
#swichBtnMenu {margin: 0 0 30px 0;}


.balloon {
    width: 180px;
    height: 180px;
    border-radius: 100%;
    background: #F5F5F5;
    background: linear-gradient(#EEE, #F5F5F5);
    box-shadow: 0 0 0 3px #EEE inset, 0 -12px 0 #F7F7F7 inset, 0 3px 5px rgba(0,0,0,0.3);
    position: absolute;
    z-index:10;
}

.balloon p {
    font-size: 16px;
    display:table-cell;
    padding: 0 10px;
    width: 160px;
    height: 180px;
    vertical-align: middle;
    text-align:center;
    position: relative;
    z-index: 12;
    text-shadow: 1px 1px 0 #FFF;
}

#sms_balloon2 {
    left: 300px;
    top: 120px;
}

#sms_balloon2, #sms_balloon3 {
    left: 250px;
    top: 100px;
}

.balloon:after {
    content: "";
    width: 120px;
    height: 75px;
    background: url(../img/common/balloon_grass.png) no-repeat;
    position: absolute;
    z-index: 11;
    left: 30px;
    top: 10px;
}

.balloon:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 11;
}

.l_balloon:before {
    background: url(../img/common/balloon_arw_l.png) no-repeat;
    right: 9px;
    bottom: 10px;
}

.r_balloon:before {
    background: url(../img/common/balloon_arw_r.png) no-repeat;
    left: 9px;
    bottom: 10px;
}


.sms_balloon5 {
    width:180px;
    padding: 30px;
    border-radius: 100%;
    position: absolute;
    left: 330px;
    top:120px;
    background: #EEE;
    z-index:10;
}

.sms_balloon6 {
    width:180px;
    padding: 30px;
    border-radius: 100%;
    position: absolute;
    left: -180px;
    top:450px;
    background: #EEE;
    z-index:10;
}


.rich_balloon2 {
    width:200px;
    padding: 30px;
    border-radius: 100%;
    position: absolute;
    left: 280px;
    top:320px;
    background: #EEE;
    z-index:10;
}

.rich_balloon3 {
    width:160px;
    padding: 30px;
    border-radius: 100%;
    position: absolute;
    left: -200px;
    top:450px;
    background: #EEE;
    z-index:10;
}


/*------ スマホの枠 ------*/

#maskPhone{
    width: 340px;
    height: 753px;
    right:30px;
    top:150px;
    position: absolute;
    z-index: 11;
    cursor:pointer;
    border-radius: 55px;
}

#maskPhone:hover{
    background: #fc0;
    opacity: 0.3;
}

.sms_wrapper, .rich_wrapper {
    padding: 7.5px;
    position:absolute;
    background: #000;
    border-radius: 55px;
    box-shadow:0 -3px 5px rgba(0,0,0,0.5) inset, 0 0 1px 1px rgba(0,0,0,0.5) inset, 0 0 0 5px #afafb1 inset;
    visibility: visible !important;
    opacity:0;
    
}

.sms_wrapper {
    right:100px;
    top:30px;
    animation-delay: .3s;
}

.rich_wrapper {
    right:30px;
    top:90px;
    animation-delay: .5s;
}


.sms_phone {
    padding:10px 5px 20px 5px;
    text-align: center;
    background:#000 url(../img/common/sms_phone_grass.png) no-repeat left top;
    width:320px;
    border-radius: 50px;
    box-shadow:0 0 1px 1px rgba(0,0,0,0.7), 0 0 0 1px #000 inset, 0 -5px 0 #000 inset, 5px 0 3px 5px rgba(255,255,255,0.15) inset, -3px 0 3px 5px rgba(255,255,255,0.07) inset, 0 -10px 3px 5px rgba(255,255,255,0.04) inset;
}

.sms_contents {
    background:#f5f5f5;
    border: 1px solid #ccc;
    width: 318px;
    height: 578px;
    overflow: auto;
    margin-bottom:15px;
    border-radius:3px;
}
.sms_parts {width:100%;}
.sms_title {
    color: #999;
    margin:15px 10px 20px 10px;
    font-weight:bold;
}

.sms_main {
    height: 376px;
    padding: 20px;
}

#sms_balloon {
    width:100%;
    padding:5px 0 5px 0px;
    background: url(../img/common/sms_baloon_parts.png) no-repeat left bottom;
    margin: 0 0 30px 0;
}

.sms_text {
    width: 70%;
    padding: 10px;
    background: #E5E5EA;
    border-radius: 10px;
    position: relative;
    text-align: left;
}

.sms_baloon_parts {
    position: absolute;
    left: -5px;
    bottom: -5px;
}
.sms_phone_btn {
    border-radius: 100%;
    width: 58px;
    height: 58px;
    margin: 0 auto;
    position: relative;
    background:#4B4D54;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.75) inset, 0px -2px 3px rgba(0,0,0,0.5) inset;
}

.sms_phone_btn:after {
    content:"";
    border-radius: 100%;
    width: 52px;
    height: 52px;
    position: absolute;
    top:3px;
    left:3px;
    background:#000;
}

/* 携帯のシャドウ */

.effect2 {position:relative;}
.effect2:before, .effect2:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 30px;
  width: 50%;
  top: 90%;
  max-width:300px;
  background: #333;
  box-shadow: 0 15px 10px #333;
  transform: rotate(-3deg);
}
.effect2:after {
  transform: rotate(3deg);
  right: 30px;
  left: auto;
}



/**************************************/
/*------ 電話ボタン ------*/

.sms_contents .tel_float_btn{
    bottom: 0px;
}
.tel_float_btn{
    position: fixed;
    bottom: 0;
    margin-left: 10px;
    z-index: 100;
    left: -6px;
}

.tel_float_btn a{
    display: block;
    background: #fc0;
    padding: 5px;
    border-radius: 100%;
    text-align: center;
    border: 2px solid #fff;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}

.tel_float_btn img {
    width: 50px;
}

#open_wrapper{
    padding: 30px;
}

#open_contents{
    position: relative;
    max-width:900px;
    margin: 0 auto;
    padding: 30px;
    background:#fff;
    border-radius: 10px;
}


/*------ 予約ボタン ------*/
#js_bookingButton{
    position: fixed;
    bottom: 0;
    z-index: 99;
    max-width: 480px;
    width: 100%;
    display:none;
    opacity:0;
}


#js_bookingButton.edit{
    position: absolute;
    bottom: 0px;
    left: calc( 100% - 69px );
    width: 74px;
}

#js_bookingButton.edit span, #js_bookingButton.open span{
    width: 60px;
    height: 60px;
    background: #fc0 url(/cms/img/common/booking_float_btn.png) center center no-repeat;
    background-size: 50px;
    border: 2px solid #fff;
    border-radius: 100%;
    display: block;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
    margin: 0 10px 0 0;
    float: left;
    cursor:pointer;
}


#js_bookingButton.open span{
    margin: 0 23px 0 0;
    float: right;
}



/**************************************/
/*------ お試し送信 ------*/

.smsTrialSendDiv a{
    display: block;
    padding: 20px;
    background: #ff550f;
    background: linear-gradient(#ff860f, #ff550f);
    color: #fff;
    float: right;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    box-shadow: 0 2px 0 #c53206;
    margin-bottom:2px;
    transition: background 0.3s;
}

.smsTrialSendDiv a:hover{
    background: #36F;
    background: linear-gradient(#ff910f, #ff550f);
}

.smsTrialSendDiv a:active{
    margin:2px 0 0 0;
    background: #36F;
    background: linear-gradient(#ff7b0f, #ff460f);
    box-shadow: 0 1px 1px #c53206 inset;
}





/**************************************/
/* 文面の共通設定 */
#body_sub {
    word-wrap:break-word;
    overflow-wrap:break-word;
    padding-top: 0px;
}

#wrapper p {font-size:14px; margin-bottom:15px;}
#wrapper h2 {font-size:18px; margin-bottom:20px; border-radius:inherit; text-align:left; text-shadow:none; box-shadow:none; position:relative;}
#wrapper h2 span {font-size: 18px; opacity:1 !important;}
#wrapper h3 {font-size:16px; margin-bottom:10px; border:none;}
#wrapper h3 span {opacity:1 !important;}
#wrapper .access_info p {
    margin-bottom: 5px;
    padding-bottom: 5px;
}

#wrapper .div_box_mailMain .box_mailMain h3 {
    font-size:24px;
    padding:0 15px;
    margin:0;
}
#wrapper .div_box_mailMain .box_mailMain h3 span {font-size:24px;}
#wrapper .div_box_mailMain .box_mailMain h3 b {display:none;}
#wrapper .div_box_mailMain .box_mailMain h3 span b {display:inline;}
#wrapper .div_box_mailMain .box_mailMain > p {
    padding:5px 15px 15px 15px;
    margin:0;
    opacity:1 !important;
}

#wrapper .div_box_coupon .img_box_left, #wrapper .div_box_coupon .img_box_right {
    padding: 10px;
    border-radius:5px;
    margin-bottom:0;
}
#wrapper .div_box_coupon h3 {
    font-size:24px;
    padding: 0 10px 10px 10px;
    border-radius:5px;
}
#wrapper .div_box_coupon h3 span {font-size:24px;}

#wrapper {
    max-width:480px;
    margin:0 auto;
    text-align: left;
    overflow:hidden;
}

.img_box_left{
    float:left;
    font-size: 12px;
    position: relative;
    margin:0 15px 15px 0;
    z-index: 2;
}

.img_box_right{
    float:right;
    margin:0 0 15px 15px;
    font-size: 12px;
    position: relative;
    z-index: 2;
}

.img_box_max{
    width: 100%;
}

.movieBox {float:none; box-sizing:border-box;}
.movieBox iframe {vertical-align:bottom; width:100%; max-height:235px;}

.movieBox:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}

.div_box_company iframe {width:100% !important; height:360px; margin-bottom:15px;}

/* .size_max {width:100% !important;} */

.div_box_flow, .div_box_coupon, .div_box_voice, .div_box_suggest, .div_box_feature, .div_box_faq0, .div_box_jirei, .div_box_free, .div_box_free01, .div_box_free02, .div_box_company, .otoiawase_table_box, .mail_body_edit, .common_table_box {
    width:90%;
    margin:0 auto 30px auto;
}

.div_box_mailMain{
    width:100%;
    margin:0 auto 30px auto;
}

.box_mailMain, .box_flow, .box_coupon, .box_voice, .suggest, .box_feature, .div_box_faq, .box_jirei, .box_free {margin-bottom:15px;}

.edit_img_empty a {
    background: url(../img/common/no-img-bg.gif);
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
}

/*箱単位でのフロートによる高さ解決*/
#main_img_container:after, #main_contents_container:after, .voice_content:after, .box_flow:after, .box_free:after, .box_feature:after, .plusBlockBtn:after, .box_voice:after, .box_mailMain:after, .box_coupon:after, .suggest:after, .irekaekettei:after{
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}


/* h3 span bを表示 */
.box_flow h3 span b, .box_feature h3 span b, .box_jirei h3 span b, .box_coupon h3 span b, .box_promise h3 span b, .box_tokuten h3 span b, .box_voice h3 span b, .campaign_content h3 span b, .box_setsubi h3 span b, .box_staff h3 span b, .box_free h3 span b {
    display:inline;
    background:none;
    margin:0;
    padding:0;
    float:none;
    border:none;
}


.n_table {
    margin-bottom:30px;
    border:none;
}
.n_table th, .n_table td {
    width:100%;
    display: block;
    box-sizing:border-box;
    border:none;
}

.n_table th a {color:#36F;}

.n_table.caption-require-table{
    margin:0 0 10px;
}

#wrapper .table-caption{
    font-size:12px;
    margin:0 0 30px;
}

.inputarea, .inputarea2, .comments {width:100%;}

.inputbtn {
    cursor: pointer;
    width:100%;
    padding:15px 0;
    background:#C00;
    color:#FFF;
    border-radius:5px;
    border:none;
}


.otoiawase_table_box td p:nth-child(1) select {margin-bottom:10px;}


.div_box_coupon .box_coupon > div:before {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    background: url(../img/common/coupon_balloon.png) no-repeat center;
    background-size: 100px 100px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 1;
}

.div_box_coupon .box_coupon > .edit_img_empty:before {content:none;}


/**************************************/
/*------ コンパネ関係 ------*/

/* 項目増減 */
.plusBlockBtn, .plusBlockBtn3, .plusBlockBtn4 , .plusBlockBtn5{
    margin-bottom:60px;
    margin-right:5%;
}

.plusBlockBtn2 {
    margin-bottom:30px;
    margin-right:5%;
}

.plusBlockBtn2:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}
.plusBlockBtn_side{clear: both;}
.plusBlockBtn ul, .plusBlockBtn2 ul, .plusBlockBtn3 ul, .plusBlockBtn4 ul, .plusBlockBtn5 ul {
    float: right;
    height: 25px;
}

.plusBlockBtn_side ul {
    float: right;
    height: 18px;
}
.plusBlockBtn ul li, .plusBlockBtn2 ul li,.plusBlockBtn3 ul li,.plusBlockBtn4 ul li, .plusBlockBtn5 ul li, .plusBlockBtn_side ul li {
    float: right;
    padding-left: 10px;
}
.plusBlockBtn_p {
    font-size: 12px;
    float: right;
    background: url(../img/common/arrow001.gif) no-repeat right center;
    padding-right: 30px;
    line-height:25px;
}


/*　入れ替え画面　　*/
.pre_edit_sub_contents_menu, .contract_base {padding: 0 25px;}

/* +-ボタン用スタイル */
.pict_form_plus img, .pict_form_minus img{width:21px;}

.edit_sub_contents {
    margin-bottom:45px;
    border-radius:10px !important;
}



/**************************************/
/*------ 送信・表示スクリプト ------*/

.logviewer_table .viewerNoTh{width:50px;}
.viewerMailEditTh{width:80px;}
.viewerConfigTh{width:40px;}

.viwerNoTd{
    text-align:center;
    padding:10px 0;
}

.attension{
    font-size:12px;
    color:#c00;
}

.js_searchRecord {
    display: inline;
    color: #04c;
    float: left;
    margin: 0 10px 0 0;
    font-size: 14px;
    text-decoration: underline;
    cursor:pointer;
}

#js_hiddenForms{
    width:250px;
    height:36px;
}

#js_searchRecordForm input[type='radio']{margin:0 10px 0 0;}
#dnone {display:none;}

.spot_tr{ background:rgba(0, 0, 255, 0.05); }

.spot_tr td:nth-child(2) { 
    background: url(../img/common/spot.png) no-repeat 5px 48%;
    background-size: 13px;
    padding: 0 0 0 23px;
}

.express_tr{background:rgba(255, 0, 0, 0.05); }
.express_tr td:nth-child(2){
    background: url(../img/common/express.png) no-repeat 5px 48%;
    background-size: 13px;
    padding: 0 0 0 23px;    
}

.spot_tr td, .express_tr td{ background:none; }



/*---------- table -----------*/

table {border:1px solid #CCC;}
th {
    border: 1px solid #CCC;
    background:#EEE;
    background: linear-gradient(#F5F5F5, #EEE);
    font-weight: normal;
    vertical-align: top;
}
th a {
    color: #000;
    text-decoration:none;
}
td {
    border:1px solid #CCC;
    border-bottom: none;
    background:#FFF;
}


/*---------- CSVアップロード画面 -----------*/

.txt_inline{
    margin-bottom: 15px;
    display: inline-block;
}

.alert_text{
    font-size: 14px;
    color: #CC0000;
}

.mini_text{
    font-size: 12px;
}

.hina_dl{
    font-size: 12px;
    vertical-align: middle;
    background: url(../img/common/next_txt_arw_mini.png) no-repeat 98% 60%;
}

.hina_dl:hover{
    background: url(../img/common/next_txt_arw_mini.png) no-repeat 100% 60%;
}

.submit_btn{
    background-color: #E5004F;
}

.visible_trigger{
    background: #EEE url(../img/common/contract_btn_bottom_arrow.png) no-repeat 93% center;
    border: none;
    color: #333;
    padding: 5px 0;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    max-width: 250px;
    width: 100%;
    margin-left: auto;
    margin-right: 0;
    display: block;
    text-align: center;
    text-decoration: none;
    transition: background 0.3s;
    font-family: inherit;
}

.visible_trigger:hover{
    background: #EEE url(../img/common/contract_btn_bottom_arrow.png) no-repeat 93% 62%;
}

.visible_block{
    display: none;
}

img.have_link{
    transition: all .3s;
    -webkit-transition: all .3s;
 }

img.have_link:hover{
    opacity: 0.5;
}

.csv_upload_table{
    text-align: center;
}

.csv_upload_table th{
    background: #CCC;
    text-align: center;
    font-weight: bold;
    padding: 5px;
}

.csv_upload_table td{
    padding: 5px;
    width: 50%;
}

.table_overflow{
    max-height: 340px;
    overflow-y: auto;
}

#csv_error_list td{
    background: #FFF;
}

#csv_error_list th:nth-child(1),#csv_error_list td:nth-child(1){
    font-size: 14px;
    width: 20%;
    text-align: center;
}

#csv_error_list th:nth-child(2),#csv_error_list td:nth-child(2){
    font-size: 14px;
    width: 80%;
}

input.submitBtnToLinkText{
    background: none;
    color: #04c;
    font-size: 14px;
    display: inline;
    padding: inherit;
    width: inherit;
    max-width: inherit;
    border-radius: inherit;
    text-align: inherit;
    transition: none;
    margin: inherit;
}

input.submitBtnToLinkText:hover{
    background : none;
    text-decoration:underline;
}

.no-border-left{
    border-left: 0; 
}

.regi_camp{
    position: relative;
}

.freespan{
    position: absolute;
    top: 110px;
    right: -20px;
}

input.notSubmit{
    padding: 0;
    background: none;
    text-shadow: none;
    color: #36F;
    width: auto;
    font-size: 14px;
    text-decoration: underline;
}

input.notSubmit.ip{
    font-size:16px;
}

input.notSubmit:hover{
    background:none;
    text-decoration:none;
}

.underline:hover{
    text-decoration:underline;
}


/*---------- 一覧画面データなし -----------*/
.datanone_overlay {
    position: absolute;
    left:0;
    bottom: 65px;
    background: rgba(255,255,255,0.6);
    height: 265px;
    width: 100%;
}
.datanone_img {
    position: absolute;
    left: 150px;
    z-index: 1;
}

.datanone_content {
    position: absolute;
    top: 0px;
    right: 90px;
    background: #FFF;
    border: 1px solid #CCC;
    padding: 30px;
    border-radius: 10px;
}
.datanone_content h3 {
    border: none;
    font-size: 24px;
    font-weight: normal;
    padding: 0;
}
.datanone_content p {
    margin:0 0 10px 0;
}

.datanone_content.emsub{
    max-width:320px;
}

.in_sec2_n {
    margin:0 0 90px 0;
}
.in_sec2_n li {
    width:435px;
    margin-right:20px;
    float:left;
}

.in_sec2_n li:nth-child(even) {
    margin-right:0;
}

.in_sec4_n {
    width:680px;
    margin: 0 auto 60px auto;
}

.in_sec4_n li {
    width:155px;
    margin-right:20px;
    float:left;
}

.in_sec4_n li:nth-child(4n) {
    margin-right:0;
}

#send_trial_balloon {
    right: 35px;
    top: 1055px;
}

.searchMode {
    min-height: 580px;
}
.searchMode .datanone_overlay {
    display:none;
}

#pre_regiForm_balloon {
    right: 70px;
    top: 180px;
}

/*---------- klp/thankyou.php -----------*/
.trial__div__left{
    float: left;
    width: 430px;
    margin-right: 25px;
}
.trial__div__right{
    float: right;
    width: 445px;
    text-align: left;
}

.spotParagraph{ font-size:20px; font-weight:bold; border-left:3px solid; padding:0 0 0 5px; }

.spotMailRegiItem ~ .spotParagraph:before{
    content:"";
    display:block;
    margin:0 0 30px;
}



/* 解約ユーザー様向けの復活モーダル */
#reviving_modal{
    position: fixed;
    background: #F9F9F9;
    z-index: 20;
    color: #000;
    display: none;
    border: 1px solid #DADADA;
    text-align: left;
    top: 50%;
    left: 50%;
    margin-left: -365px;
    width: 730px;
    margin-top: -245px;
    border-radius: 3px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
}
#reviving_modal *{
    font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif;
}
#reviving_modal_wrapper{
    font-size: 14px;
    margin: 0px auto 0 auto;
    width: 90%;
    padding: 30px 0;
}
.reviving_tab{
    display: none;
}
.reviving_message{
    margin: 0 0 30px;
}
#reviving_modal h2{
    color: #3366FF;
    margin: 0 0 30px 0;
    font-size: 28px;
    font-weight: normal;
    background: none !important;
    border: none;
    padding: 2px 0 0 0;
    line-height: 1em;
    text-align: center;
    text-shadow: none;
    box-shadow: none;
}
.revive_contract_btn{
    background: #E5004F url(/cms/img/common/btn_grass.png) no-repeat center top;
    border: none;
    color: #FFF;
    padding: 15px 0;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    max-width: 320px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    text-decoration: none;
    font-family: inherit;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    transition: 0.3s;
}
.revive_contract_btn:hover{
    background-color: #FF7474;
}
#reviving_loader_display{
    height: 16px;
}
#reviving_load{
    display: none;
    text-align: center;
}
#reviving_overlay{
    position: fixed;
    z-index: 20;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: #000;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    display: none;
}
#closeRevivingWindowBtn{
    height: 42px;
    width: 42px;
    padding: 0;
    position: absolute;
    top: -21px;
    right: -21px;
    cursor: pointer;
}
.show_contract_pdf{

}


.show_contract_pdf a:link {
    text-decoration: underline;
    color: #0066CC !important;
}
.show_contract_pdf a:visited {
    color: #663399 !important;
}
.show_contract_pdf a:hover {
    text-decoration: none;
}

.zero_nmu_account_alert{
    position:fixed;
    background:#fff;
    z-index:100;
    right:0;
    padding:10px;
    border:2px solid #f00;
    width:200px;
}

.zero_nmu_account_alert p {
    color:#f00;
    font-weight:bold;
    font-size:12px;
}

#reviving_modal table{
    margin:0 0 30px;
}

#kakunin_table .kakunin_table{
    margin:0 0 15px;
}

#reviving_modal form{
    position:relative;
}
#reviving_modal #js_trialLoader{
    position:absolute;
}
#reviving_modal #js_trialLoader img{
    top: calc(50% + 39px);
}

#js_deleteExpressLink:before, #js_deleteSpotLink:before{
    display:none;
}

#routineViewer .tltp{
    position:inherit;
    text-align: center;
}


/* /trial/dktl_token.php */

.token{
    margin:0 0 30px;
    text-align:center;
    color:#666;
    font-size:36px;
}


/* /from/dktl/index.php */

body.fromWeb{
    padding:60px 0 0;
}

.fromWeb .block_wrapper, .login .block_wrapper{
    padding:0px;
}

.fromWeb{
    background:#eee;
}

.fromWeb #submit_contents,
.fromWeb .submit_contents{
    background:#fff;
}

.fromWeb textarea{
    min-width:300px;
    min-height:150px;
}

.fromWeb div#ftel_sec{
    float: none;
    text-align: center;
    margin: 0 0 60px;
}


/* from/dktl/cv.php */

.fromWeb .shopTitle{
    margin:0 0 30px;
}

.fromWeb .shopTitle h1{
    margin:0;
}

.fromWeb .shopTitle p,
.fromWeb .shopTitle span{
    text-align:center;
}

.fromWeb .shopTitle span{
    display:block;
    font-size:12px;
    margin:0 0 5px;
}

/* shop_info/shop_edit.php */
.todktl.caption{
    font-size:14px;
    padding:0 0 0 10px;
}

.todktl a{
    text-decoration:none;
}

.todktl a:hover{
    text-decoration:underline;
}



/*tsuda 個人情報 疑似iframe*/
.privacy {
    width: 570px;
    margin: 0 auto;
}

.privacy h3 {
    font-weight: normal;
    color: #666;
    font-size: 14px;
    margin-bottom: 5px;
    /*tsuda*/
    border-left: none;
    padding: 0;
}

.privacy_auto_wrap {
    border:1px solid #ccc;
    padding: 7px;
    margin-bottom: 30px;
    background: #eee;
    border-radius: 5px;
}

.privacy_auto {
    height: 63px;
    overflow: auto;
}

.privacy_auto p {
    color: #888;
    font-size: 12px;
}

.privacy button[type="submit"] {
    background: #E5004F url(../img/common/btn_grass.png) no-repeat center top;
    color: #FFF;
    padding: 15px 0;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    max-width: 320px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    text-decoration: none;
    font-family: inherit;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    transition: 0.3s;
    /*tsuda*/
    padding: 15px 30px;
    width: 300px;
    font-size: 20px;
    margin: 0 auto 30px;
}

.privacy button[type="submit"]:hover {
    background-color: #ff2c75;
}

.noPrivacy button[type="submit"]{
    margin:0 auto;
}

.privacy_btn {
    font-size: 12px;
    color: #FFF;
    display: block;
    margin: 0 0 5px 0;
}
/*tsuda ここまで*/



/* cstm/index */

.list h2{
    box-shadow:none;
}

.links.main{
    margin:0 30px 0 0;
}



.links li {
    float: left;
    margin: 0 5px 0 0;
}

.links li:last-child{
    margin:0;
}

.links li.sub{
    padding:10px 0 0;
}

.links li a{
    color:#000;
    text-decoration:none;
    background:#eee;
    padding:10px 25px;
    float:left;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: background 0.3s;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.links li:last-child a{
    margin:0 1px 0 0;
}



.links li a:not(.current):hover{
    background: #444;
    color:#fff;
}

.links li .current{
    background: linear-gradient(#222, #444);
    color:#fff;
}

.links li.sub a{
    padding:5px 25px;
}

.links .circle{
    background: rgb(255,127,127);
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline;
    float: right;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    margin: 1px 0 auto 5px;
    font-size: 10px;
}

#regi_right .links a{
    font-size:14px;
}

.cstmBottomSubmit{
    margin:0 0 15px;
}

.cstmBottomSubmit:last-of-type{
    margin:0;
}

.cstmBottomSubmit > li{
    float: left;
    position:relative;
    margin: 0 6px 0 0;
}


.cstmBottomSubmit input{
    padding: 5px 15px;
    background: #eee;
    color: #000;
    text-shadow: none;
    font-size: 14px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-radius: 2px;
    transition:.1s;
}

.cstmBottomSubmit input[name='ptype[pack]'],
.cstmBottomSubmit input[name='ptype[multiShop]']{
    box-shadow: none;
    text-shadow: inherit;
    color: #fff;
    background-color: #690;
    width: inherit;
    padding: 5.5px 20px;
    border-radius: 5px;
    margin:0;
}

.cstmBottomSubmit input[name='ptype[pack]']:hover{
    opacity:0.8;
}

.cstmBottomSubmit input[name='ptype[multiShop]']{
    background-color:#36f;
}


.cstmBottomSubmit input:not(.pack):not(.multiShop):hover{
    background: #eee;
    box-shadow: none;
    transform: translateY(2px);
}

.cstmBottomSubmit input[name='ptype[pack]']:hover{
    transform:none;
    background-color:#7a0;
}




/* /cstm/check_status */

.submitUserStatus{
    margin: 0 0 30px;
    padding: 15px;
    background: #f5f5f5;
}



.sp_attention{
    color:#c00;
    text-align:center;
    margin:0 0 30px;
    display:none;
}


.searchForm{
    position:relative;
    margin:0 0 30px;
}


.testDiv{
    width:100%;
}

.testDiv div{
    max-height:1666px;
    overflow:hidden;
    margin:0 0 60px;
}

.testDiv span{
    display:block;
    text-align:center;
    margin:0 0 15px;
}


select[name=limit_option]{
    font-size:14px;
    padding:6px 15px 6px 10px;
}


/* アンカーリンク移動用。ヘッダーメニューに被るので。 */
.hashWrap{
    position:relative;
}

.hashWrap span{
    position:absolute;
    top:-90px;
}

.packWrap{
    margin:0 0 15px;
}

.packWrap:last-child{
    margin:0;
}

.packWrap .about{
    float:left;
    width: 220px;
    margin: 0 15px 0 0;
}

.packWrap .about .pachCheckWrap{
    float:left;
    line-height:43px;
}

.packWrap .about p input{
    margin:0;
}

.packWrap .about div{
    padding:0 0 0 28px;
}

.packCount{
    color:#aaa;
    font-size:12px;
    width:100%;
}


.packWrap .term{
    float:left;
    line-height:43px;
}

.packWrap .term input{
    cursor:pointer;
}

.packWrap .error_message{
    margin:0;
    line-height: initial;
}

.defaultTitle{
    color:#aaa;
    font-size:12px;
}

.cstmRegiShakenExpiry{
    float:left;
    margin:0 0 10px;
    width:100%;
}

.cstmRegiShakenExpiry span,
.cstmRegiShakenExpiry select{
    float:left;
}

.cstmRegiShakenExpiry select{
    padding:5px 16px 5px 5px;
}

.cstmRegiShakenExpiry span{
    line-height:36px;
    margin:0 2px;
}

.cstmRegiSpotTitle{
    float:left;
    width:180px;
    margin:0 15px 0 0;
}

.defaultTitle{
    display:block;
}

.defaultTitle:empty{
    display:none;
}

.cstmRegistedViewer .date{
    word-break:keep-all;
}

.cstmEditHelpIcon{
    width: 16px;
}


img.helpIcon{
    width:20px;
}




/* em_sub.php */
.packList{
    display:none;
}

.mail_pack .mailPageTtl{
    max-width:105px;
    font-size:14px;
}

.mailPageTtl.about:hover{
        background:initial;
}

.packList.active{
    display:block;
}


.editMailTitle{
    position: absolute;
    right: 30px;
    width: 415px;
    top: 30px;
}

.editMailTitle input[name='pageInfo[title]']{
    width: 270px;
}

.editMailTitle .invalid, 
.editMailTitle .valid{
    font-size:12px;
    text-align:left;
}

.editMailTitle .invalid{
    color:#c00;
}

.editMailTitle .invalid:empty,
.editMailTitle .valid:empty{
    display:none;
}

.editMailTitle span{
    font-size:14px;
}


.packPageLink{
    display:table;
    background: #f5f5f5;
    border: 1px solid #ccc;
    padding: 5px;
    width:100%;
    margin:0 0 5px;
    position:relative;
    font-size:14px;
    box-sizing:border-box;
    min-height: 34px;
}

.ddActive .packPageLink{
    max-width:inherit;
}

.packPageLink a{
    color: #000;
    text-decoration: none;
    display: table-cell;
    width: 197px;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    padding-right: 5px;
    transition-property: line-height,height;
    transition: .25s;
}

.current_page.packPageLink a{
    color:#fff;
}

.ddActive .js-packItem.packPageLink a{
    
}


.packPageLink.isMoved{
    background:#ddd;
}

.packPageLink.isMoved a {
    border-right: 1px solid #aaa;
}

.allPack a{
    width:initial;
    border:none;
    padding:0;
}

.packPageLink a.round.hover{
    line-height: 20px;
    height: 40px;
    padding: 0 5px 0 0;
}


.ddActive .packPageLink a{
    width:180px;
    margin: 0 5px 0 0;
    box-sizing:border-box;
}

.ddActive .packPageLink a.round.hover{
    height:60px;
}

.allpack{
    left:400px;
}


.ddActive.isPack .allPack{
    display:block;
    position: absolute;
    width: 344px;
    left: 289px;
}

.allPack > div{
    width:320px;
}

.allPack h4{
    min-height: initial;
    margin: 0 0 15px;
}

.allPack p{
    font-size: 18px;
    margin: 15px 0px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.allPack ul li ul li, .js-copyItem{
    width: calc( 50% - 2.5px );
    float: left;
    background: #f5f5f5;
    margin: 0 5px 5px 0px;
    padding:5px;
}

.allPack ul li:last-child,
.allPack ul li:nth-last-child(2),{
    margin:0 5px 0 0;
}

.allPack ul li:nth-child(even) {
    margin: 0 0 5px;
}

.ddActive .allPack ul li{
    min-height:34px;
}

.allPack a {
    color: #000;
    text-decoration: none;
}

.allPack .packPageLink a{
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}



.ddActive #edit_contents{
    overflow:visible;
}

.packSpan{
    position: relative;
    float: right;
    width: 100%;
}

.ddActive .packSpan{
    display:none;
}

body:not(.ddActive) .packSelect{
    display:none;
}

.packSelect{
    font-size:12px;
    padding:3px 15px 3px 3px;
}


.panelTop{
    display: none;
    position: absolute;
    top: -50px;
    z-index: 17;
    width: calc( 100% - 60px );
    left: 30px;
    padding: 15px;
    border-radius: 5px;
    background: #fc0;
    box-sizing:border-box
}

.ddActive.isPack .panelTop{
    display:block;
}

.panelTop form{
    float:right;
}

.panelTop input[type="submit"]{
    margin: 0;
    background-color: #eee;
    width: 110px;
    color: #000;
    text-shadow: none;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    border-radius: 3px;
    transition:.3s;
}

.panelTop input[type="submit"]:hover{
    background-color: #eee;
    box-shadow: none;
    transform: translateY(2px);
}


.packSelectWrapSpan{
    display:table-cell;
    vertical-align:middle;
    text-align: center;
}

.ddActive .packSelectWrapSpan{
    width:63px;
    height:26px;

}

.mail_list_panel .packTitleH4{
    position:relative;
    width:100%;
    min-height:42px;
}

.packTitleH4 .title{
    float:left;
    max-width:100px;
}

.packTitleH4 .term{
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    position: absolute;
    word-break: keep-all;
    right: 0;
    top: calc( 50% - 21px );
}

.mail_booking .mail_list_panel,
.mail_pack .mail_list_panel{
    border-color:#3E50B4;
}

.createPackBtn input.mini{
    width: calc( 100% - 10px );
    margin: 5px;
    font-size:14px;
    background-color: #690;
}

.createPackBtn input.mini:hover{
    background-color:#7a0;
}


.js-invalidStyle{
    background-color:rgb(255,170,170);
}

.js-invalidStyle::-webkit-input-placeholder {
    color: #a94442;
}


li.allMonthDisplay:not(.passive){
    display:table;
}

.allMonthDisplay:not(.passive) a{
    width:112px;
    display:table-cell;
    vertical-align:middle;
}

.addDisplayMonth{
    display:none;
}

.allMonthDisplay:not(.passive) .addDisplayMonth{
    display:block;
}

.allMonthDisplay:not(.passive) .packSpan{
    display:none;
}

li.hidden:not(.passive){
    display:none;
}

.categoryName{
    margin: 15px 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}


.js-opacity{
    opacity:0;
}


.packSelectforCstm select{
    padding:3.5px 20px 3.5px 4px;
}

.categoryCount {
    font-weight:bold;
    font-size: 12px;
}

.categoryCount:before{
    content:"×";
    font-size:10px;
}

.aboutFadeOut {
    display: none;
}

.isChangedCategory .aboutFadeOut, .aboutPackOnly {
    display: block;
    position: absolute;
    right: 30px;
    box-sizing: border-box;
    width: 429px;
    text-align: center;
    top: 400px;
    border: 1px solid #ccc;
    padding: 30px;
    border-radius: 10px;
}

.aboutFadeOut:before, .aboutPackOnly:before {
    content: url(/cms/img/common/contract_btn_bottom_arrow.png);
    display: block;
    position: absolute;
    transform: rotate(90deg);
    top: calc( 50% - 11px );
    left: 50px;
}


.latter:before, .former:before,
.latter:after, .former:after{
    font-size:12px;
}

.latter:after, .former:after{
    margin:0 0 0 3px;
}


.latter:before{

}

.latter:after{

}


.former:before{

}

.former:after{

}

.mailPageLink .front, .mailPageLink .back{
    font-size:12px;
}

.mailPageLink a b{
    margin:0 1px;
    font-weight:normal;
}




#js-smsRichMask{
    position: absolute;
    width: 480px;
    height: 940px;
    right: 0;
    background: #fff;
    z-index: 13;
}



.setting span, .check span, .copy_btn span{
    padding:0 0 0 18px;
}


.copy_btn span{
    position:relative;
}

.setting span:before, .check span:before, .copy_btn span:before{
    content: "";
    background: url(/cms/img/common/setting.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    margin: 0px 0 0 -18px;
    width: 16px;
    height: 20px;
}

.check span:before{
    background: url(/cms/img/common/out_link.png);
    height:16px;
    top:2px;
    background-size:cover;
}

.copy_btn span:before{
    background: url(/cms/img/common/copy-page-icon.png);
    height:16px;
    top:2px;
    background-size:cover;
}

.whatsNew{
    width: 310px;
    height: 288px;
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: rgba(255,255,255,0.98);
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.whatsNew p{
    color:#666;
    font-size:22px;
}

.whatsNew li{
    padding: 0 0 2.5px;
    border-bottom: 1px solid #ddd;
    margin: 0 0 15px;
    float: left;
    width: 100%;
    font-size:14px;
}

.whatsNew li > span:not(.date){
    max-width: 220px;
    display: block;
    clear: both;
    float: left;
}

.whatsNew li a{
    text-decoration:none;
}

.whatsNew li a:hover{
    text-decoration:underline;
}

.whatsNew .date{
    float:right;
}

.dktl_cv td, .captionForDktlCv .bg{
    background: rgba(255,204,0,0.2);
}

.captionForDktlCv .bg{
    display: inline-block;
    width: 20px;
    height: 18px;
    margin: 0 5px 0 0;
}

.captionForDktlCv .about{
    float:right;
}

.captionForDktlCv{
    margin: 0 0 30px;
    text-align: right;
    font-size: 12px;
}

.captionForDktlCv:empty{
    margin:0;
}




.table_wrapper{
    margin-top: 360px;
}

.table_wrapper > form{
    margin: 0 0 30px;
    padding: 0 0 15px;
    border-bottom: 1px solid #ccc;
}

.toggleDisplayList input[type="submit"] {
    background: none;
    color: #000;
    text-shadow: none;
    width: inherit;
    padding: 0;
    display: inline;
    vertical-align: top;
}

.toggleDisplayList input[type="submit"]:hover{
    text-decoration:underline;
}

.toggleDisplayList .current{
    font-weight:bold;
}

.table_wrapper .tableWrap > div:not(.current){
    position:absolute;
    height:500px;
    top:0;
    left:0;
    width:100%;
    opacity:0;
    display:none;
}

.table_wrapper .tableWrap > div.noData{
    min-height:360px;
}

.overflowEmsubList{
    max-height: 500px;
    overflow-y: auto;
    margin: 0 0 30px;
    border: 1px solid #ccc;
}

.overflowEmsubList table,
.overflowEmsubList th,
.overflowEmsubList td{
    border:none;
}

.overflowEmsubList th, .overflowEmsubList td{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.overflowEmsubList tr th:last-of-type, .overflowEmsubList tr td:last-of-type{
    border-right:0px;
}


.overflowEmsubList tr:last-of-type td{
    
}

.hiddenContents{
    height:360px;
}

.changedContents{
    position:relative;
    display:none;
    height:360px;
}


.changedContents .datanone_content,
.hiddenContents .datanone_content{
    bottom:120px;
}

.aboutDeleteRoutine, .aboutInvalidResend{
    font-size:12px;
    color:#666;
    margin:0 0 30px;
}

.aboutDeleteRoutine:empty{
    display:none;
}


.aboutThisPack{
    margin:0 0 15px;
    clear:both;
}

.ddActive .aboutThisPack{
    display:none;
}

.aboutThisPack a{
    font-size:14px;
}

.aboutThisPack a:hover{
}

.mailPageLink .count {
    font-size: 12px;
    margin: 0 0 0 5px;
}


.js-guideMode .whatsNew{
    display:none;
}

select[name='forms[pgmid]']{
    max-width:240px;
}

.timer {
    position: fixed;
    bottom: 0;
    z-index: 104;
    background: #fff;
    padding: 30px;
}

.no{
    text-align:center;
    padding:5px;
    font-size:12px;
}

th.no{
    padding:10px 5px;
    width:5%;
}

.no.lot{
    font-size:12px;
}

.digit3, .digit4{
    font-size:80%;
}

.pager .digit4{
    width:40px;
}

.cstmRegistedViewer .pageName{
    width:35%;
}

td.no{
    word-break:keep-all;
}

th.expressNo{
    width:5%;
}


#timeLog{
    position: fixed;
    width: 300px;
    padding: 30px;
    height: 300px;
    overflow:scroll;
    bottom: 0;
    background: #fff;
    z-index:200;
}

.next_text.small, .prev_text.small{
    font-size:14px;
    padding:1px 0 0 15px;
}

.next_text.small{
    padding:1px 15px 0 0;
}


a.deletePackMail{
    margin:0;
}

td.keepAllTd{
    word-break:keep-all;
}

.overLayLoading{
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 20;
    opacity:1.0;
}

.overLayLoading:after{
    content: url(/cms/img/common/loading002_g.gif);
    left: calc( 50% - 44px );
    top: calc( 50% - 44.5px );
    position: absolute;
    padding: 5px;
    background: #f5f5f5;
}

.js-ajaxing .overLayLoading, .js-loading .overLayLoading{
    display:block;
}

.submitWrapedNone, .aboutInvalidResendNone, .pagerNone {
    display: none;
}

.submitCaption{
    font-size:14px;
    text-align:center;
    margin:0 0 5px;
}

.searchCaption{
    font-size: 12px;
    line-height:24px;
    font-weight: normal;
    display: block;
}

.searchCaption:empty{
    display:none;
}

span.searchCaption:before {
    content: "検索条件 : ";
}

span.searchCaption span:not(:first-child):before{
    content: " , ";
}





/* 支店機能 */

.multiShop .about{
    margin:0 0 15px;
}

.multiShop .notTable{
    margin:0 0 5px;
}

.multiShop .notTable p:not(.fromUrl){
font-size: 16px;
    clear: both;
    width: 270px;
    max-width: 270px;
    vertical-align: middle;
    border-top: 1px solid #ccc;
    padding-top: 5px;
}

.multiShop .notTable span{
    margin: 0 0 5px;
}



.multiShop .inputWrap {
    display: inline-block;
    vertical-align:top;
}

.multiShop .required:after, 
.multiShop .elective:after{
    display:inline;
    margin:0 0 0 5px;
}

.multiShop .inputWrap span {
    float: left;
    font-size: 14px;
}

.multiShop .inputWrap input {
    float: left;
    clear: both;
    margin:0 5px 0 0;
}

.multiShop .notTable .required:after,
.multiShop .notTable .elective:after{
    display:none;
}

.multiShop .notTable .inputWrap {
    margin: 0 15px 0 0;
}


.multiShop .inputWrap input[type="text"]:not(.numberForm):not(.address){
    width:241px;
}

.multiShop .inputWrap.tel{
    max-width:247px;
}

.multiShop .inputWrap input.address{
    width:493px;
}



.multiShop form > div {
    margin: 0 0 45px;
    padding: 0 0 45px;
    border-bottom: 1px solid #ccc;
}

.multiShop form > div:last-child{
    margin:0;
    border:none;
}

.multiShop form > div > div {
    margin: 0 0 15px;
}

.multiShop form > div > div:last-child {
    margin: 0;
}

.multiShop .multiForm th{
    width:20%;
}

.multiShop .tel span, 
.multiShop .tel input {
    float: none;
}

.multiShop .tel > span {
    float: left;
    clear: both;
}

.multiShop .blank{
    height: 45px;
}

.multiShop .multiForm 
.multiShop .address{
    width:410px;
}

.multiShop td{
    padding:15px;
}

.multiShop td > div {
    margin: 0 0 10px;
}

.multiShop .notTable td > div{
    margin:0 0 15px;
}

.multiShop td > div:last-child{
    margin:0;
}

.multiShop .tel input{
    margin:0;
}

.multiShop .tel input:last-child{
    margin:0 5px 0 0;
}

.multiShop input.mail{
    width:280px;
}

.multiShop table{
    margin:0 0 30px;
}

.multiShop .multiForm input[type="submit"]{
    margin:0 auto 60px;
}

.multiShop .attentionMulti{
    font-size:14px;
    text-align:center;
    margin:0 0 15px;
}

.multiShop .multiForm .error{
    font-size:14px;
    color:#c00;
    clear:both;
    margin: 5px 0 10px;
    font-weight:bold;
}

.multiShop .multiForm .error:empty{
    display:none;
}


/* セキュリティ機能 */

.validOrInvalid{
    font-size:16px;
}

.security > div{
    margin:0 0 90px;
}

.security form{
    text-align:center;
    margin:0 0 45px;
}

.security form.enter{
    margin:0 0 15px;
}

.security form:last-of-type{
    margin:0;
}

.security .caution{
    text-align:center;
    margin:0 0 45px;
    font-size:14px;
}

.toggleEnterIpForm{
    color:#36f;
    text-decoration:underline;
}

.toggleEnterIpForm:hover{
    text-decoration:none;
    cursor:pointer;
}

.security .enter{
    display:none;
}

.security .enter input[type="submit"]{
    background-color:#36f;
}

.security .enter input[type="submit"]:hover{
    background-color:#37f;
}

.security .enter input[type="text"]{
    width:320px;
    margin:0 0 15px;
}

.security .error{
    font-size:14px;
    color:#c00;
    font-weight: bold;
}


.security .caption{
    font-size:14px;
    margin:0 0 5px;
    text-align:center;

}

.secrutySample{
    display: block;
    margin: 0 auto 15px;
    padding: 15px 30px;
    border: 1px solid #ccc;
}

.security .ips{
    margin:0 0 45px;
    float:left;
}

.security .ips div {
    margin: 0 0 30px;
    float:left;
}

.security .ips > div:last-of-type {
    margin:0;
}

.security .ips div div {
    display: inline-block;
    margin: 0 15px 0 0;
    float:left;
}

.security .ips div div:last-of-type{
    margin:0;
}

.security .ips input{
    width:213px;
}

.security .ips p {
    text-align: left;
    font-size: 14px;
}

.security .ipInfo{
    font-size:14px;
    text-align:center;
}

.ipInfo b {
    margin: 0 5px;
}

.ipInfo .current {
    font-size: 12px;
}

.contact .caption{
    font-size:14px;
    
}

.contact p {
    
}

.toggleContactForm{
    font-size: 14px;
    position: absolute;
    margin: 0;
    font-weight: normal;
    right: 0;
    top:10px;
    color: #36f;
    text-decoration:underline;
    cursor:pointer;
}

.toggleContactForm:hover{
    text-decoration:none;
}


.mailInputWraped input{
    max-width:280px;
}


.regi_date_str {
    font-size: 12px;
}


#mail_send_plan_period {
    float: left;
}

.blueTextToThickbox{
    float: right;
    color: #36f;
    text-decoration: underline;
    cursor: pointer;
    line-height: 25px;
}

.blueTextToThickbox:hover{
    text-decoration:none;
}

#wrapper .autoReplyWrapped p{
    margin:0 0 10px;
}

#wrapper .autoReplyWrapped p:last-of-type{
    margin:0;
}

.aboutReplyCaption{
    display: block;
    font-size: 12px;
    color: #999;
}

.mail_icon {
    background: url(../img/common/mail_icon.png) no-repeat 5px center;
    background-size: 12px;
    padding-left: 20px;
}

.current_page .mail_icon {
    background: url(../img/common/mail_icon_current.png) no-repeat 5px center;
    background-size: 12px;
}


#mail_send_plan_period select[name="from_year"] { width: 146px; }
#mail_send_plan_period select[name="from_month"] { width: 48px; }
#mail_send_plan_period select[name="from_day"] { width: 51px; }
#mail_send_plan_period select[name="to_year"] { width: 146px; }
#mail_send_plan_period select[name="to_month"] { width: 48px; }
#mail_send_plan_period select[name="to_day"] { width: 51px; }

#shaken_period select[name="from_year_shaken"] { width: 136px; font-size: 15px; }
#shaken_period select[name="from_month_shaken"] { width: 51px; font-size: 15px; }
#shaken_period select[name="from_day_shaken"] { width: 51px; font-size: 15px; }
#shaken_period select[name="to_year_shaken"] { width: 136px; font-size: 15px; }
#shaken_period select[name="to_month_shaken"] { width: 51px; font-size: 15px; }
#shaken_period select[name="to_day_shaken"] { width: 51px; font-size: 15px; }

.shaken_mark { background: #fffce1; }
.insurance_mark { background: #fffce1; }


.customerStatusWrapped label{
    margin: 0 15px 5px 0;
}

form[name="kihon_info"] .customerStatusWrapped input[type="checkbox"]{
    margin:0;
}

.customerStatusWrapped.customer label{
    margin: 0 15px 8px 0;
}

.searchQueryWrapped{
    width:680px;
    float:left;
}

.searchSubmitWrapped{
    position:relative;
}

.searchQueryContent{
    float:left;
    margin:0 0 10px;
}


.searchQueryWrapped label{
    margin:0 15px 0 0;
}

.searchQueryWrapped label span{
    font-size:14px;
}

.searchOptionCaption{
    font-size: 12px;
    color:#999;
}


.fixedTable{
    border-spacing:0px;
}

.fixedTable th, .fixedTable td{
    border:none;
    border-right: 1px solid #ccc;
}

.fixedTable th:last-of-type, .fixedTable td:last-of-type{
    border-right:none;
}

.fixedTableCol{
    border-collapse: separate;
    box-shadow: 2px 0px 3px rgba(51, 102, 255, 0.3);
    border-right: 2px solid rgba(51, 102, 255, 0.3);
}

.fixedTableRow{
    box-shadow: rgba(0, 0, 0, 0.3) 1px 0px 3px;
}

.fixedTableCornor{
    border-collapse: separate;
    border-right:none;
}

.fixedTableCol td{
    border-top:1px solid #ccc;
}

.mnSelectWrapped select{
    max-width:260px;
}

.refine{
    font-size: 14px;
    position: absolute;
    top: -37px;
    left: -2px;
    color: #000;
    background: #f5f5f5;
    padding: 7px 25px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-left: 2px solid #CCC;
    border-top: 2px solid #CCC;
    border-right: 2px solid #CCC;
}

.refine_area {
    margin: 45px 0 0 0;
}

select[name="sr"], select[name="ir"], select[name="sh"] {
    width: 130px;
}

.hiddenSortIcon .sortheader{
    visibility: hidden;
    display:none;
}

.send_mail_wrap, .kind_male_wrap, .search_shaken_wrap, .search_insurance_wrap, .search_send_wrap, .term_wrap, .mn_wrap {
    margin: 0 5px 0 0;
    float: left;
}

.serch_keyword_wrap {
    float: left;
    margin: 18px 0 0 0;
}

.dateSettingTr td *{
    font-size:14px;
}

.dateSettingTr .attension{
    font-size:12px;
}

.dateSettingTr div > span{
    margin: 0 15px 0 0;
    min-width: 130px;
    display: inline-block;
}

.dateSettingTr label span{
    margin : 0 15px 0 0;
}

.dateSettingTr div{
    margin:0 0 5px;
}

form[name="kihon_info"] .dateSettingTr input[type="radio"]{
    margin : 0;
}


.settingIconWrapped{
    display:inline-block;
}

th.settingIconWrapped{
    display:table-cell;
}

.settingIcon{
    position: relative;
    display:inline-block;
    float: right;
    width: 16px;
    height: 16px;
    background-image:url("/cms/img/common/gear-ccc.png");
}

.settingIcon:hover{
    background-image:url("/cms/img/common/gear-999.png");
}

h3 .settingIcon, p .settingIcon{
    top: -3px;
    left: 3px;
}



th .settingIcon{
    float:none;
    top:-3px;
    left:-3px;
}


.no-resize{
    resize:none;
}

.regist-customer-memo{
    min-height:180px;
}

.groupedTable td:not(.thtd-notice){
    background:rgba(255,0,0, 0.05) !important;
}

.groupedTable .grouped td:not(.thtd-notice){
    background:rgba(255,0,0,0.1) !important;
}

.cover{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
}


.mail-action-icon-wrap .mail-action-icon:last-of-type{
    margin:0;
}


.mail-action-icon{
    width: 32px;
    height: 32px;
    display: block;
    background-color: #36f;
    background: #36f url(/cms/img/common/btn_grass.png) no-repeat center top;
    border-radius: 5px;
    margin-right: 3.5px;
    float: left;
    position: relative;
    box-sizing: border-box;
    box-shadow: 1px 1px 0.5px;
}

.mail-action-icon:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 18px;
    background-position: center center;
    background-repeat: no-repeat;
}

.mail-action-icon.trial:after{
    background-image: url(/cms/img/common/mail-icon.png);
}

.mail-action-icon.check:after{
    background-image: url(/cms/img/common/out_link.png);
    background-size:20px;
}

.mail-action-icon.setting:after{
    background-image: url(/cms/img/common/setting.png);
    background-size:16px;
}

.mail-action-icon.copy:after{
    background-image: url(/cms/img/common/copy-page-icon.png);
    background-size:16px;
}

.ddActive .mail-action-icon{
    display:none;
}

.pack .mail-action-icon-wrap{
    margin:15px 0 0;
}

.regiAddress {
    width: 100%;
}

.tax_calc_str {
    font-size: 14px;
}

.overflowa .plan_table td .estimate-button {
    background: #3b6afb url(../img/common/btn_grass.png) no-repeat;
    background-position-x: center;
    background-position-y: -15px;
    background-size: cover;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}

.overflowa .plan_table td .estimate-button:hover{
    background-color: #5580ff;
}

.estimate-button {
    text-decoration: none;
    border: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    text-align: center;
    font-family: inherit;
    transition: 0.3s;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 100;
    color: #fff;
    border-radius: 5px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    background: #3b6afb url(../img/common/btn_grass.png) no-repeat;
    background-position-x: center;
    background-position-y: -10px;
    background-size: cover;
    line-height: 30px;
}

.estimate-button:hover{
    background-color: #5580ff;
}

.price_table td:last-of-type{
    border-right: 1px solid #CCC;
}

.price_table tr:last-of-type{
    border-bottom: 1px solid #CCC;
}

.price_table .price_header{
    color:#000;
    background-color: #F5F5F5;
    font-size: 14px;
    line-height: 32px;
}

.price_col_estimate{
    width: 23%;
}


.logviewer_table .th-mark{
    vertical-align:top;
    line-height: 11px;
    text-shadow: 0.1px 0.1px 0.1px rgba(0,0,0,.25);
}


.sortTrigger{
    cursor:pointer;
    position:relative;
}

.sortTrigger:hover,
.sortTrigger[data-sort-dest="asc"],
.sortTrigger[data-sort-dest="desc"]{
    background:#e5e5e5;
}

.sortTrigger:after{
    content: "";
    width: 7px;
    height: 10px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    transform: translate(5px, -1px);
    -webkit-transform: translate(5px, -1px);
}

.th-mark.sortTrigger:after {
    text-align: center;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 5px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}

.sortTrigger[data-sort-dest=""]:after{
    background-image:url(/cms/img/common/arrow-none.gif);
}

.sortTrigger[data-sort-dest="asc"]:after{
    background-image:url(/cms/img/common/arrow-up.gif);
}

.sortTrigger[data-sort-dest="desc"]:after{
    background-image:url(/cms/img/common/arrow-down.gif);
}

.noSort .sortTrigger:after{
    background-image:none;
    display:none;
}

.noSort .sortTrigger {
    cursor: default;
}



.sortingOverlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 2;
    background: rgba(255,255,255,0.5);
}

.sortingOverlay:before {
    content: "";
    width: 78px;
    height: 72px;
    background-image: url(/cms/img/common/loading002.gif);
    background-position: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


#customerDeleteForm {
    text-align: center;
    margin: 15px 0;
}

#deleteCustomerSubmit {
    font-size: 15px;
    text-decoration: none;
}

#deleteCustomerSubmit:hover {
    text-decoration: underline;
}



.smsAliasFormOuter{
    display: flex;
    justify-content: space-between;
    border-top: none;
}


.settingItemHeader.newArrival:after {
    content: "NEW";
    font-size: 10px;
    background-color: #f33;
    color: #fff;
    padding: 0 5px;
    border-radius: 2px;
    vertical-align: top;
    display:inline-block;
    margin:2px 0 0 10px;
}


input[name='forms[sms_alias_name]']{
    width:300px;
}

.settingErrorMessaageOuter{
    margin-top:10px;
    color:#c00;
}



.example{
    font-size: 14px;
    margin: 5px 0 0;
    color: #666;
    display: flex;
    align-items: baseline;
}

.example .head{
    margin:0 10px 0 0;
}

.example_outer{
    margin:0 0 3px;
}

.example_good,.example_bad{
    padding: 0 0 0 21px;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: left center;
}

.example_good{
    background-image: url(/cms/img/common/example_good.png);
    margin: 0 10px 0 0;
    border-right: 1px solid #eee;
    padding:0 10px 0 21px;
    font-weight:bold;
}

.example_bad{
    background-image: url(/cms/img/common/example_bad.png);
}


.example, .example .head, .example .body{
    cursor:default;
    vertical-align:middle;
}

.example .head{
    background-color: #aaa;
    color: #fff;
    padding: 0px 10px;
    border-radius: 10px;
    font-size: 10px;
    text-shadow: 1px 1px 0.15px rgb(0 0 0 / 30%);
    vertical-align: middle;
}

.example .about{
    color:#c00;
    font-size:12px;
}

.example .about span{
    vertical-align:middle;
}



.downloadOuter .notSubmit{
    display:inline;
    text-decoration:none;
}

.downloadOuter .notSubmit:hover{
    text-decoration:underline;
}

.downloadOuter .caption {
    color: #aaa;
    font-size: 12px;
    margin: 0 0 0 10px;
}

.doubleRegisterModal {
    position: fixed;
    z-index: 151;
    background: #fff;
    padding: 40px;
    top: 100px;
    left: calc(50% - 230px);
    width: 500px;
    box-sizing: border-box;
    border-radius: 10px;
}

.closeModal {
    position: fixed;
    top: 80px;
    right: calc(50% - 292px);
    cursor: pointer;
}

.doubleRegisterModal p {
    font-size: 15px;
}

.doubleRegisterModal h2 {
    background: none;
}

#edit_contents .doubleRegisterModalTitle h2 {
    padding: 0;
    margin: 0 0 30px;
    box-shadow: none;
    color: #c00;
    font-size: 20px;
    text-shadow: none;
    text-align: left;
    font-weight: normal;
}

#edit_contents h2.registeredCustomerTitle {
    padding-left: 10px;
    margin-bottom: 0;
    box-shadow: none;
    color: #333;
    text-align: left;
    text-shadow: none;
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
}

.registeredCustomerTop {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.registeredCustomer table,
.registeredCustomer tr,
.registeredCustomer td
 {
    padding: 5px;
    border: none;
    background: unset;
    font-size: 14px;
    line-height: 150%;
}

.registeredCustomer th {
    width: 24%;
    font-size: 13px;
    border: none;
    padding: 10px;
}

.registeredCustomer td {
    line-height: 140%;
    padding: 10px;
}

.doubleRegisterModal .registeredCustomer table {
    margin-bottom: 30px;
}

.registeredCustomer .outLink {
    margin-left: 5px;
}
.registeredCustomer a {
    padding-left: 5px;
}

.registeredCustomer {
    margin-bottom: 5px;
    position: relative;
}

.registeredCustomer .mailIcon {
    width: 20%;
    position: absolute;
    right: 0;
    top: calc(50% - 32px);
    transform: rotate(30deg);

}


h2.registeredCustomerTitle {
    margin-bottom: 10px;
    border-left: 6px solid #FC0;
    padding: 2px 4px;
}


.doubleRegisterButton.register {
    padding: 10px;
    width: 240px;
    margin-bottom: 20px;
    font-size: 14px;
}

#TB_overlay {
    background-color: #000;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

.doubleRegisterButton.fix {
    background-color: unset;
    color: #36F;
    margin: 0 auto;
    display: block;
    font-size: 14px;
    cursor: pointer;
    max-width: 320px;
    line-height: 100%;
    text-align: center;
    text-decoration: underline;
}

.fix.closeModaLinkButton {
    background: #E5004F url(../img/common/btn_grass.png) no-repeat center top;
    border: none;
    color: #FFF;
    padding: 15px 0;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    max-width: 320px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgb(0 0 0 / 30%);
    transition: 0.3s;
}

input[type="submit"].customerListLink {
    width: auto;
    margin: 0;
    padding: 0;
    background: none;
    border-radius: 0;
    color: #36f;
    display: inline-block;
    font-size: 14px;
    line-height: 100%;
    text-shadow: none;
    text-decoration: underline;
}

#edit_contents [data-active="0"] {
    display: none;
}

#edit_contents [data-active="1"] {
    display: block;
}

.contractStr--freeAccount{
    color: #999;
    font-size: 12px;
    margin: 0 0 0 5px;
}




/**
 * 重複対応モーダル
 */

.fixDuplicate__wrapper .pc_none{
    display: none;
}

.fixDuplicate__wrapper br.pc_none{
    display: none;
}

.fixDuplicate__wrapper .sp_none{
    display: block;
}

.fixDuplicate__wrapper br.sp_none{
    display: inline;
}


.fixDuplicate__wrapper{
    width: 100vw;
    height: 100vh;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: all .3s;
    z-index: 2147483646; /** 2147483647 - 1 **/
}

.fixDuplicate__wrapper[data-phase = "0"]{
}

.fixDuplicate__wrapper[data-phase = "1"]{ /** オーバーレイ表示途中 **/
    display: block;
}

.fixDuplicate__wrapper[data-phase = "2"],
.fixDuplicate__wrapper[data-phase = "3"],
.fixDuplicate__wrapper[data-phase = "4"]{ /** オーバーレイ表示後 **/
    display: block;
    opacity: 1;
}

.fixDuplicate__wrapper .fixDuplicate__overlay{
    width: 100vw;
    height: 100vh;
    position: absolute;
    z-index: 0;
    background: rgba(0,0,0,.8);
}

.fixDuplicate__wrapper .fixDuplicateModal{
    width: 720px;
    max-height: 540px;
    background-color: #F5F5F5;
    border-radius: 5px;
    box-sizing: border-box;
    display: none;
    left: calc( 50% - 360px );
    opacity: 0;
    padding: 30px 45px;
    position: absolute;
    transition: all .3s;
    top: calc( 50% - 270px + 30px);
    z-index: 1;
}

.fixDuplicate__wrapper[data-phase = "3"] .fixDuplicateModal{ /** モーダル表示途中 **/
    display: block;
}

.fixDuplicate__wrapper[data-phase = "4"] .fixDuplicateModal{ /** モーダル表示後 **/
    display: block;
    opacity: 1;
    top: calc( 50% - 270px );
}


.fixDuplicateModal__title{
    color: #333;
    font-size: 32px;
    margin-bottom: 5px;
    text-align: center;
}

.fixDuplicateModal__lead{
    color: #666;
    font-size: 14px;
    margin-bottom: 15px;
    text-align: center;
}

.fixDuplicate__wrapper .duplicate__list-wrapper{
    background: #FFF;
    border: 1px solid #DDD;
    max-height: 180px;
    padding: 20px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 30px;
}


.fixDuplicate__wrapper .duplicate__list{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #EEE;
}

.fixDuplicate__wrapper .duplicate__list:nth-last-of-type(1){
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.fixDuplicate__wrapper .duplicate__tel{
    color: #333;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
}

.fixDuplicate__wrapper .duplicate__count{
    font-size: 12px;
    color: #F00;
    margin-left: 5px;
    position: relative;
    top: -1px;
}

.fixDuplicate__wrapper .duplicate__item{
    width: 32%;
    font-size: 14px;
    vertical-align: top;
}

.fixDuplicate__wrapper label input{
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.fixDuplicate__wrapper label.save{
    display: block;
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
}
.duplicate__submit {
    background:#E5004F url(../img/common/btn_grass.png) no-repeat center top;
    border: none;
    color: #FFF;
    padding: 15px 0;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    max-width: 320px;
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 15px;
    display: block;
    text-align: center;
    text-decoration: none;
    font-family:inherit;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    transition: 0.3s;
}

.fixDuplicate__wrapper .fixDuplicateModal__close-trigger{
    cursor: pointer;
}

.fixDuplicate__wrapper .fixDuplicateModal__close-button{
    width: 42px;
    height: 42px;
    background-image: url("../img/common/close.png");
    position: absolute;
    right: -21px;
    top: -21px;
}



.delete-sent-mail-announce-outer,
.delete-sent-mail-about-outer{
    width: 540px;
    margin: 20px auto 40px;
    background-color: rgba(255,204,0,0.2);
    border: 1px solid rgba(255,204,0,0.6);
    border-radius: 4px;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}



.delete-sent-mail-announce-title{
    font-weight: bold;
    color: #444;
    display: inline-block;
}

.delete-sent-mail-announce-title:before {
    content: "！";
    background-color: rgba(255,204,0,1);
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    border-radius: 100%;
    margin: 0 5px 0 0;
    text-shadow: 0.5px 0.5px 0px rgb(0 0 0 / 10%);
}

.delete-sent-mail-announce-lead {
    color: #36f;
    text-decoration: underline;
    font-size: 14px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.delete-sent-mail-announce-lead:hover{
    text-decoration:none;
}




.delete-sent-mail-about-outer{
    width:auto;
}

.delete-sent-mail-form-outer{
    width: 480px;
    margin:auto;
    text-align:center;
}

.delete-sent-mail-form-item-outer{
    margin: 0 0 20px;
}

.delete-sent-mail-form {
    padding: 0 0 40px;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px;
}

.delete-sent-mail-q-item{
    color: #36f;
    margin: 0 0 10px;
    cursor:pointer;
}

.delete-sent-mail-q-item:before {
    content: "？";
    color: #fff;
    background: #333;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    margin: 0 5px 0 0;
    border-radius: 100%;
    font-weight: bold;
    font-size: 16px;
}

.delete-sent-mail-a-item{
    background: #fff;
    padding: 10px;
    font-size: 12px;
}


.delete-sent-mail-loader-outer {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,0.9);
    top: 0;
    left: 0;
    transform: translateY(-20px);
    width: 100%;
    height: 100%;
    visibility:hidden;
    opacity:0;
    transition: .2s;
    z-index:1;
}

body[data-submitting = "1"] .delete-sent-mail-loader-outer{
    transform:translateY(0px);
    visibility:visible;
    opacity:1;
}

.delete-sent-mail-loader-outer img{
    margin: 0 0 20px;
}


.thickbox-canceler-item{
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 150;
    cursor: not-allowed;
}


.download-link__unable,
body[data-downloading = "1"] .download-link__able {
    display:none;
}

body[data-downloading = "1"] .download-link__unable {
    display:inline;
}


/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/
/*レスポンシブ対応ここから*/

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

    body {min-width: 100%; padding-top: 90px;}


    #edit_contents h2{
        font-size: calc(1.25rem + ((1vw - 3.2px) * 4.2553));
        margin-bottom: 1.5em;
    }
    #edit_contents h3{
        font-size: calc(1.125rem + ((1vw - 3.2px) * 2.1277));
        margin-bottom: 1.5em;
    }

    .block, #footer, #main, .pl510Box, label, input[type="file"], #mail_send, #js_searchTypeSelect, #check_th, #name_th, #ymd_th, #sms_th, #spot_th, #memo_th, #birthday_th, #ymdh_th, .trialCompanyInfoTable th, #editModal th {
        width:100%;
    }

    .logviewer_table .viewerNoTh, .logviewer_table .viewerStatusTh, .logviewer_table .viewerNameTh, .logviewer_table .viewerDateTh, .viewerMailTh, .viewerUserSelect, .viewerMailEditTh, .viewerConfigTh {
        width:inherit;
    }

    #tltpFlg, .fmenu_ttl > p, .plan_table thead, #to_trial_balloon01, #to_trial_balloon02, #login_balloon {
        display: none;
    }
    #tTWndw {
        display:none !important;
    }

    .fmenu_ttl{
        box-shadow: none;
    }

    #maskPhone:hover {
        background: none;
    }


    #swichBtnMenu .smsOpenDiv {float:left;}
    .graphs {float:none;}
    #fmenu_area {padding:15px 0; margin: 0;}
    #copyright {text-align:right;}
    .top_slide_h2 {position:relative;}
    .top_slide .section {min-height: auto;}
    #contract_shimada .top_slideImg {position:static;}

    #wrapper {max-width:480px;}
    #edit_contents {
        width:90%;
        padding:5%;
        border-radius:10px;
        margin: 0 0 30px;
    }
    #edit_wrapper {padding:45px 5% 0 5%;}
    #edit_wrapper h1 img {width:200px;}
    .p30 {padding: 15px 3%;}

    #header_wrapper {
        height:auto;
    }
    #logo {
        display: block;
        width: 140px;
        margin:0 0 0 5%;
    }
    #h_trial_msg {
        float: right;
        margin:0 5% 0 0;
        padding:5px 0;
    }
    
    #header > span {
        text-align: center;
        width: 100%;
        clear: both;
        display: block;
        float: none !important;
    }

    #header > span.rest_title{
        padding: 0;
    }
    #header > span.rest_title br{display: none;}
    #header > span.refreshBtn{
        padding: 0;
    }
    #header > span.refreshBtn a{
        border-radius: 0;
        background-size: cover;
    }

    #h_menu {
        float: none;
        clear: both;
        box-shadow: 1px 0 0 #CCC inset, 0 1px 0 #CCC inset;
    }
    #h_menu > li {
        display: block;
        float: left;
        width: calc(100% / 6);
    }


    #send_flag_switch_wrapper {
        position:absolute;
        top: 20px;
        right:0;
    }

    #send_flag_switch, #send_flag_switch_limit {
        padding: 0;
        width: 40px;
        height: 40px;
        display: block;
    }



    #pagetop {
        bottom: 15px;
        right: 3%;
        margin-left:0;
    }

    .customer_list th, .customer_list td {
        height: 3em;
        line-height: inherit;
    }


    .required:after, .elective:after{
        display:inline-block;
        top: -5px;
    }




    /******************************/
    /* -----ユーザー登録フォーム----- */

    #regi_right {
        float: none;
        width: 90%;
        padding: 15px 5%;
        margin: 100px 0 30px;
        min-height: 400px;
    }

    #submit_contents, .submit_contents {
        width:90%;
        padding:30px 5%;
    }

    #TB_ajaxContent {
        padding: 30px 2% !important;
        width: 96% !important;
    }

    div#submitLoading{
        position:fixed;
        padding: 0;
        top:50% !important;
        height:auto !important;
        margin-top:-40px;
    }

    #login_page .block {background:none;}

    #js-fixTable tr th:nth-child(1), #js-fixTable tr td:nth-child(1) {
        width:inherit;
        min-height: 42px;
    }

    .logviewer_table {border:none;}
    .logviewer_table thead {
        float:left;
        display: block;
        position: static;
    }
    
    .logviewer_table tbody, .plan_table tbody {
        overflow-x: auto;
        white-space: nowrap;
        width: auto;
        display: block;
    }

    .logviewer_table tr, .plan_table tr {
        display: table-cell;
        border-right:1px solid #CCC;
        border-left:1px solid #CCC;
    }

    .logviewer_table th, .plan_table th {
        line-height: 20px;
        border-right: none;
        text-align: center;
        border-top: 1px solid #ccc;
    }

    .logviewer_table th:first-of-type, .logviewer_table td:first-of-type{
        border-top:none;
    }

    .logviewerTableWrapped{
        overflow-x:hidden;
    }

    .logviewer_table td, .plan_table td {
        padding: 10px;
        line-height: 20px;
        min-height: 41px;
        border-right: none;
        border-left: none;
        border-bottom:none;
        text-align: center;
    }

    .plan_table td a {
        margin: 10px;
        padding: 5px 10px;
    }


    .logviewer_table .dblock {display:inline;}
    .form_nini td {padding:10px;}
    #searchBlock input[type="submit"]{
        width:200px;
        display:block;
        position:relative;
        right:0px;
    }

    #searchBlock input[type="text"], #searchBlock select, #js_searchTypeSelect {
        float:none;
        margin:0 0 10px 0;
    }

    #searchBlock input[type="text"] {
        position:static;
    }

    #searchBlock .fr {
        float:none;
        text-align:right;
    }

    .mini_title_text{
        padding-left:0;
        display:block;
    }

    #routineViewer th, #spotViewer th{
        min-width:120px;
        max-height: 41px;
        min-height: 41px;
    }




    /******************************/
    /* ----- フッター ----- */

    #footer_wrapper {
        width:90%;
        margin:0 auto;
    }

    #footer {
        background-size: 136px 130px;
        -webkit-background-size: 136px 130px;
        padding: 0 0 15px 0;
        text-align:center;
    }

    #fcontact_area {
        padding: 30px 0 0 0;
        margin-bottom: 5px;
    }

    .fmenu_ttl {
        width: 50%;
        text-align: center;
    }

    .fmenu_ttl > a, .fmenu_ttl > p, #fmenu_area li ul li a {
        font-size: 14px;
        text-decoration: none;
        margin-bottom: 0;
        padding: 10px 0;
    }

    #fmenu_area li ul li {
        list-style-type: none;
        margin-left: 0;
    }

    #ftel_sec {
        margin-right: 0;
        margin-bottom: 30px;
        text-align: center;
        float:none;
    }

    #fcontact_area p {font-size:16px;}

    #ftel_sec strong, #ftel_sec strong a {
        font-size: 34px;
        color: #E5004F;
        text-decoration:none;
    }


    #fcontact_sec {
        float: none;
        text-align: right;
    }

    #f_contact {
        color: #FFF;
        background:#E5004F url(../img/common/btn_grass.png) no-repeat center top;
        float: right;
        margin: 0;
        text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
        width: 200px;
    }


    /******************************/
    /* ----- トップ ----- */

    .grey_block {padding:15px;}
    #top_slide {padding:calc(55vh + 15px) 0 0 0;}
    #top_slide h2 {
        position:relative;
        z-index:11;
    }

    #topVer_1 {
        position:relative;
        z-index:1;
    }
    #top_section {
        width: 100%;
        padding: 5% 5% 12%;
        float: none;
        background: none;
        box-sizing: border-box;
    }

    .top_slideImg {
        width: 80%;
        left: 10%;
        top: 50px;
    }

    .top_slide_ttl {
        font-size: calc(0.75rem + ((1vw - 3.2px) * 4.2553));
        border-radius: 10px;
        margin: 0 0 1em;
    }

    #top_shima {
        width: 84%;
        position: absolute;
        top: 0;
        right: 8%;
        height: calc(65vh - 45px);
        padding-top: 60px;
        text-align: right;
        overflow: hidden;
        z-index: 1;
    }
    
    #top_shimada, #contract_shimada {
        position: absolute;
        top: 30px;
        left: 0px;
        height: 60vh;
        overflow: hidden;
        text-align: center;
        width: 76%;
        left: 12%;
    }
    #top_shima .top_slideImg, #top_shimada .top_slideImg, #contract_shimada .top_slideImg {
        position: static;
        width: 100%;
    }

    #top_balloon {
        left: 0;
        top: 0;
        z-index: 1;
    }
    #top_balloon:before {
        background: url(../img/common/balloon_arw_l.png) no-repeat;
        left:initial;
        right: 9px;
        bottom: 10px;
    }


    #slideNumber {
        right: 0;
        bottom: -30px;
        padding: 2px 8px;
        font-size: 12px;
        background: #EEE;
    }

    .top_2sec strong, .top_2sec strong a {
        font-size: 24px;
        display: block;
    }

    /******************************/
    /* ----- お客様登録 ----- */

    #regi_left {
        width:100%;
        float:none;
        margin:0;
    }
    #regi_mail {
        bottom: -90px;
        left: 0px;
        top: auto;
    }
    #regi_left img {
        width: 40%;
    }
    
    #regi_balloon {
        left: inherit;
        right: 0%;
        top: -20px;
    }
    
    .switchlink {
        clear:both;
    }

    .switchlink a {
        padding:10px;
        display: block;
        float: left;
        margin: 0 5px 5px 0;
    }

    input.numberForm {
        width: 28% !important;
        vertical-align: middle;
    }

    .spotMailRegiItem .fr span {
        display:block;
        padding-bottom:0;
    }

    .spotMailRegiItem .fr span:nth-child(1) {
        padding-bottom:10px;
    }

    .spotMailRegiItem select {
        margin-bottom:5px;
        font-size: 16px;
    }
    .caution_text {
        padding: 15px 10px;
    }




    /******************************/
    /* ----- お客様一覧 ----- */

    #searchBlock {
        width: 100%;
        box-sizing: border-box;
        text-align:center;
    }

    #searchBlock input[type="image"] {
        display: inline-block;
        margin: 0 auto 10px;
        float: none;
        vertical-align: middle;
    }


    /******************************/
    /* ----- お問合せブロック ----- */

    #contact_wrapper {
        background: url(../img/common/f_shima.png) no-repeat center bottom;
        background-size: 116px 110px;
        -webkit-background-size: 116px 110px;
        width: 90%;
        margin: 0 auto;
        padding: 0 0 130px 0;
        text-align:center;
    }

    #contact_wrapper p {
        font-size: 16px;
    }

    #contact_wrapper strong, #contact_wrapper strong a {
        font-size: 36px;
        color: #EA5D02;
        text-decoration:none;
    }

    #contact_wrapper span {
        font-size: 14px;
    }

    /******************************/
    /* ----- 文面編集 ----- */

    .tel_float_btn{
        position: fixed;
        bottom: 23px;
        z-index: 100;
    }

    #swichBtnMenu .smsSwichBtn {
        width: 50%;
        padding: 10px;
        box-sizing:border-box;
        margin-bottom:15px;
    }

    .smsTrialSendDiv a {
        width: 65%;
        box-sizing: border-box;
        text-align:center;
    }

    #contents_edit_panel, #design_chng, #contract_status_update, .openpage_btn, .cz_btn {
        display: block;
        float: left;
    }

    .pict_edit_btn, .video_edit_btn {
        width:100% !important;
        box-sizing:border-box;
        left:0 !important;
        padding: 10px 0 !important;
    }

    .bunmen:before {
        content:"";
        position:absolute;
        bottom:0;
        width:100%;
        height:45px;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, rgba(255,255,255,1)), color-stop(0.00, rgba(255,255,255,0)));
        background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
        background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
        background: -ms-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
        background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
        z-index: 12
    }


    .sms_phone {
        padding: 10px;
        border-radius: 30px;
        width: 100%;
        box-sizing: border-box;
    }

    .sms_phone_btn {
        width: 35px !important;
        height: 35px !important;
    }
    .sms_phone_btn:after {
        width: 31px;
        height: 31px;
        top: 2px;
        left: 2px;
    }

    #right .sms_contents {
        width: 100%;
        border: 0;
        height: 75vh;
    }
    .sms_main {
        height: 44vh;
        padding: 5vh 5%;
    }

    #syde-wysiwyg_area, #syde-wysiwyg_toolbar {
        width:80% !important;
        left: 10% !important;
    }
    #edit_frame {
        width:100% !important;
    }

    .page_link_panel, .design_panel {margin-bottom:45px;}

    .design_btn {text-align: center;}
    #design_choice {left:50% !important;}
    #color_btn_ajax a, #color_btn_ajax a:nth-child(odd) {
        width: calc(100% / 3);
        margin-right:0;
        text-align:center;
    }
    #color_choice {right:0 !important;}
    .pre_edit_sub_contents_menu, .contract_base {padding:0;}


    /*---------- table -----------*/

    table {table-layout: fixed;}
    table {border:none; border-bottom:1px solid #CCC;}
    th, td {border-bottom:none;}

    .price_table {
        border-bottom: 1px solid #CCC;
    }
    .plan_table tr {
        display: block;
        text-align: center;
        margin-bottom:15px;
    }

    .plan_table td {
        line-height: 30px;
        padding: 0;
    }

    .plan_table td a {
        background-size: contain;
        display: inline-block;
    }
    
    .plan_table .current td {
        padding:0;
        background:#FFF;
    }

    .plan_table td:before {
        background-color: #f5f3ec;
        display: block;
        line-height: 40px;
        border-bottom:1px solid #CCC;
        background: #EEE;
        background: linear-gradient(#F5F5F5, #EEE);
    }

    .plan_table .current td:nth-of-type(1) {
        background:#FC0;
        background: linear-gradient(#FD0, #FC0);
        color:#000;
    }
    .plan_table td:nth-of-type(1) {background:#333; color:#FFF; font-size:18px; font-weight:bold; line-height:50px;}
    .plan_table td:nth-of-type(2):before {content:"最大送信数/月";}
    .plan_table td:nth-of-type(3):before {content:"月額料金（税別）";}
    .plan_table td:nth-of-type(4):before {content:"プラン変更";}
    .plan_table td:nth-of-type(5):before {content:"お見積書";}


    /*---------- modal -----------*/

    #modal {
        max-height: 90%;
        padding: 45px 5%;
        animation: inherit;
    }

    .sendmodal {
        background-position: center bottom !important;
        background-size:151px 202px;
        padding-bottom:342px !important;
    }

    #trial_lead {
        padding:0 0 200px 0;
    }
    #trial_lead:after {
        background-size: 180px 330px;
        width: 180px;
        height: 330px;
        bottom: -120px;
        left: 50%;
        transform: translate(-50% , 0);
    }


    #trial_lead input{
        max-width:250px;
    }

    .absolute_link {
        position:static;
        margin:20px 0 0 0;
    }
    .freedial_txt {
        font-size: 34px;
        color: #E5004F;
        text-decoration: none;
    }
    

    /******************************/
    /* ----- ビジュアルレポート ----- */

    .graphs div div div div {
        left: 30% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
    }
    

    .sms_wrapper, .rich_wrapper {
        border-radius: 35px;
    }
    .rich_wrapper {
        position: relative !important;
        top: 0 !important;
        right: 3% !important;
        width: 100%;
        clear: both;
        margin-bottom: 60px;
        box-sizing: border-box;
    }
    .sms_wrapper {
        right: 2% !important;
        top: 60px !important;
        width: 90%;
        box-sizing: border-box;
    }
    #sms_balloon2, #sms_balloon3 {
        display: none;
    }
    #maskPhone {
        width: 100%;
        height: 695px;
        left: 0;
        top: 0;
    }
    
    .datanone_content {
        box-sizing: border-box;
        right: 5%;
        width: 90%;
        bottom: 30px;
    }
    .datanone_overlay {
        left: 0;
        bottom: 0;
        height: 48vh;
    }
    .datanone_img {display:none;}
    #mail_category_panel {
        margin: 0 5% 0 0;
        width: 45%;
        box-sizing: border-box;
    }
    .mail_list_panel {
        width: 50%;
        min-height: 460px;
        box-sizing: border-box;
    }
    .mailPageTtl {
        font-size: 14px;
    }
    .current_page {

    }

    #modal {
        top: 50%;
        animation: inherit;
    }
    /* ----- CSVアップロード ----- */
    .freespan {
        width: 20%;
        position: absolute;
        top: 70px;
        right: -10px;
    }
    

    .in_sec2_n {
        margin:0 0 90px 0;
    }
    .in_sec2_n li {
        width:100%;
        margin:0 0 20px 0;
        float:none;
    }

    .in_sec4_n {
        width:100%;
        margin: 0 0 180px 0;
    }

    .in_sec4_n li {
        width:49%;
        margin: 0 2% 15px 0;
    }

    .in_sec4_n li:nth-child(even) {
        margin-right:0;
    }

    #send_trial_balloon {
        right: 0;
        top: initial;
        bottom: 280px;
    }

    #pre_regiForm_balloon {
        display:none;
    }


    /*---------- klp/index.php -----------*/
    #to_trial_balloon01,
    #to_trial_balloon02,
    #to_trial_balloon03,
    #to_trial_balloon04,
    #to_trial_balloon05,
    #to_trial_balloon06,
    #to_trial_balloon07{
        display: none;
    }
    #trial_area{
        top: 40%;
    }
    #trial_modal_wrapper{
        height: 75vh;
        max-height: 360px;
    }

    #trial_modal{
        padding: 30px 30px 0px 30px;
        background:#F5F5F5;
    }

    #trial_modal_wrapper h2 {
        font-size: 24px;
    }

    #trial_modal_wrapper p {
        width: 100%;
        margin-bottom: 10px;
    }

    #trial_modal_wrapper th {
        width: 100%;
    }

    #trial_modal_wrapper input[type="submit"] {
        width: 100%;
        margin: 0 0 20px 0;
    }

    #trial_txt_wrapper {
        max-height: 315px;
    }

    #trial_txt p{
        width: 100%;
        margin-bottom: 15px;
    }

    #trial_txt a{
        font-size: 14px;
        width: 49%;
        display: inline-block;
        padding: 10px 0;
        margin-bottom: 15px;
    }

    #trial_txt a .mini_text{
        display: none;
    }
    .trial_page .baloon {
        position: absolute;
        z-index:103 !important;
    }

    /*---------- klp/thankyou.php -----------*/
    .trial__div__left{
        float: none;
        width: 100%;
        margin: 0 0 20px 0; 
    }
    .trial__div__right{
        float: none;
        width: 100%;
    }

    /*---------- from/ ----------*/

    .fromWeb .block_wrapper, .login .block_wrapper{
        padding:0px 5%;
    }

    .fromWeb textarea{
        min-width:auto;
    }

    /*tsuda*/
    .privacy {
        width: 94%;
    }

    .privacy button[type="submit"] {
        width: 240px;
    }


    
    /*---------- 予約ボタン ---------- */
    #js_bookingButton.open {
        bottom: 38px;
        margin:0 auto;
    }


    /* em_sub */

    .panel_wrapper{
        width:100%;
    }

    .mail_link_panel{
        float: left;
        width: 50%;
        margin: 72px -60px 0;
        left:227px;
    }



    .js_mailList {
        width:100%;
    }

    .mailList{
        width:150%;
        float:left;
    }

    .mailPageLink a{
        height:auto;
        line-height:auto;
    }

    .sp_attention{
        display:block;
        height:42px;
    }

    .links li{
        margin:0 5px 5px 0;
        width: calc( 50% - 5px);
    }

    .links:last-child{
        margin:0 0 15px;
    }

    .links li a{
        border-radius: 0px;
        width: calc( 100% - 50px );
    }

    .links li.sub{
        padding:0;
    }

    .links li.sub a{
        padding:10px 25px;
    }

    table br{
        display:none;
    }

    table .stringIcon{
        padding:0;
        line-height: initial;
    }

    .logviewer_table th{
        width:auto;
    }

    .cstmBottomSubmit > li{
        margin:0 5px 5px 0;
    }

    .whatsNew{
        position: static;
        bottom: 60px;
        clear: both;
        left: 40px;
        width: 100%;
        margin: 30px 0 0;
        height: auto;
        box-sizing: border-box;
        padding: 5px;
    }

    .whatsNew li{
        padding: 0 0 2.5px;
        border-bottom: 1px solid #ddd;
        margin: 0 0 15px;
        float: left;
        width: 100%;
        font-size:14px;
    }

    .whatsNew li:nth-last-of-type(1){
        border-bottom: none;
        margin: 0;
        padding: 0;
    }

    .whatsNew .date {
        font-size:12px;
    }

    .editMailTitle, .aboutFadeOut, .isChangedCategory .aboutFadeOut, .current_category:after{
        display:none;
    }

    .ddActive #edit_contents {
        opacity: 0.1;
    }

    .ddActive .panel_wrapper div {
        display: none;
    }

    .ddActive .mail_link_panel{
        display:none;
    }

    .ddActive .panelTop, .ddActive .saveMailParagraph{
        display:none;
    }

    .packTitleH4 .term{
        display:none;
    }

    body.ddActive:after {
        content: "文面の入れ替えはPCからご利用ください";
        position: fixed;
        top: 270px;
        background: #fff;
        z-index: 20;
        padding: 30px;
        color: #f00;
        height: 60px;
        top: calc( 50% - 60px );
        width: calc( 100% - 120px);
        left: 30px;
        border-radius: 10px;
        font-size: 16px;
    }

    .table_wrapper .links{
        margin:0 0 15px;
    }

    .table_wrapper .tableWrap > div.noData{
        min-height:280px;
    }

    .send_btn_wrap{
        padding:0;
    }

    .mail_list_panel .question{
        display:none;
    }

    .mail_list_panel h4{
        width: 100%;
        font-size: 16px;
        font-weight: normal;
    }

    .setting span, .check span{
        padding:0;
    }

    .setting span:before, .check span:before{
        display:none;
    }

    .defaultTitle{
        display:none;
    }

    .whatsNew p{
        padding:15px 15px 0;
        margin:0;
    }

    .whatsNew ul{
        box-sizing: border-box;
        padding:15px;
    }

    .aboutPackOnly{
        display:none;
    }



    .security .ips, .security .ips div, .security .ips div div{
        float:none;
    }

    .security .ips div div{
        margin:0 0 15px;
        width:100%;
    }


    .headerIconWrap {
        float: none;
        width: calc( 100% - 200px );
        margin: 0 0 0 20px;
    }

    #h_trial_msg .h_trial_ttl, .ipLimit{
        background: #E5004F url(../img/common/btn_grass.png) no-repeat center top -10px;
        background-size: 250px 25px;
    }

    #h_trial_msg{
        float: none;
        width: 50%;
        margin: 0;
        box-sizing: border-box;
    }

    .h_trial_ttl{
        float: none;
        padding: 4px 0 3px 0;
        min-width: 100px;
        box-sizing: border-box;
    }

    .ipLimit{
        min-width: 100px;
        box-sizing: border-box;
    }

    .secrutySample{
        width:calc( 100% - 30px );
        padding:15px;
    }

    #mail_send_plan_period {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }

    #shaken_period {
        width: 100%;
        box-sizing: border-box;
    }

    .fromTo {
        display: block;
    }

    #mail_send_plan_period select[name="from_year"] { width: 78px; }
    #mail_send_plan_period select[name="from_month"] { width: 45px; }
    #mail_send_plan_period select[name="from_day"] { width: 45px; }
    #mail_send_plan_period select[name="to_year"] { width: 78px; }
    #mail_send_plan_period select[name="to_month"] { width: 45px; }
    #mail_send_plan_period select[name="to_day"] { width: 45px; }
    #mail_send_plan_period select[name="from_year"] { width: 78px; font-size: 14px; }
    #mail_send_plan_period select[name="from_month"] { width: 45px; font-size: 14px; }
    #mail_send_plan_period select[name="from_day"] { width: 46px; font-size: 14px; }
    #mail_send_plan_period select[name="to_year"] { width: 78px; font-size: 14px; }
    #mail_send_plan_period select[name="to_month"] { width: 45px; font-size: 14px; }
    #mail_send_plan_period select[name="to_day"] { width: 46px; font-size: 14px; }

    #shaken_period select[name="from_year_shaken"] { width: 78px; font-size: 14px; }
    #shaken_period select[name="from_month_shaken"] { width: 45px; font-size: 14px; }
    #shaken_period select[name="from_day_shaken"] { width: 46px; font-size: 14px; }
    #shaken_period select[name="to_year_shaken"] { width: 78px; font-size: 14px; }
    #shaken_period select[name="to_month_shaken"] { width: 45px; font-size: 14px; }
    #shaken_period select[name="to_day_shaken"] { width: 46px; font-size: 14px; }


    #main_contents_wrapper{
        padding-bottom: 102px;
    }

    .fixedTableRow, .fixedTableCol, .fixedTableCornor, .sortheader{
        display:none;
    }

    .featurePhoneUser:after{
        width:14px;
        height:14px;
    }

    .send_mail_wrap, .kind_male_wrap, .search_shaken_wrap, .search_insurance_wrap, .search_send_wrap, .term_wrap, .mn_wrap {
        width: 100%;
        margin: 0;
        float: none;
    }

    .serch_keyword_wrap {
        width: 100%;
        float: none;
        margin: 18px 0 0 0;
    }

    .toggleContactForm {
        position:relative;
        float:right;
    }

    .rest_title{
        padding:0;
    }

    .option label{
        float:none;
    }

    .cstmRegiSpotTitle{
        margin:0 0 15px;
    }

    th.settingIconWrapped{
        display:inline-block;
    }

    tr th:last-of-type, tr td:last-of-type{
        border-right:1px solid #ccc;
    }

    .blueTextToThickbox{
        float:none;
    }

    .searchQueryWrapped{
        width:100%;
    }


    #searchBlock{
        padding:10px;
    }

    .searchQueryWrapped, .searchQueryContent{
        float:none;
    }

    #js_toggleExtraMenuTrigger{
        position:relative;
        display:inline-block;
        top:auto;
        right:auto;
        margin: 0 0 15px;

    }

    .searchQueryContent{
        text-align:left;
        margin:0 0 30px;
    }

    .searchQueryContent label{
        display:inline;
    }

    .searchSubmitWrapped{
        position:initial;
    }

    .mail-action-icon{
        margin:0 0 5px;
    }

    .plan_table tr td:last-of-type{
        border-right: none;
        border-bottom: 1px solid #ccc;
    }

    .overflowa .plan_table td .estimate-button{
        margin: 10px auto;
        padding: 5px 10px;
        text-align: center;
    }

    #contract #top_section{
        width: 100%;
    }

    .price_col_estimate{
        width: 100%;
    }

    .logviewer_table th{
        height:41px;
    }

    .logviewer_table .th-mark{
        line-height:20px;
    }

    .th-mark.sortTrigger:after{
        right: 5px;
        left: auto;
        bottom: 50%;
        transform: translate(0, 50%);
    }

    .logviewer_table .th-mark.sms {
        width: auto;
    }

    .sortingOverlayIcon {
        left: calc( 50vw - 39px ) !important;
    }

    .asyncSentTableOuter {
        height: 415px;
    }

    .asyncTableOuter:after{
        left: calc( 50vw - 39px );
    }

    .doubleRegisterModal {
        left: 7%;
        width: 86%;
    } 

    .doubleRegisterModal tr th:last-of-type,
    .doubleRegisterModal tr td:last-of-type {
        border-right: none;
    }

    .registeredCustomer th {
        width: 100%;
    }

    #edit_contents .doubleRegisterModalTitle h2 {
        font-size: 18px;
    }

    .closeModal {
        right: calc(50% - 48%);
    }

    .customerListLinkWrapper {
        min-width: 90px;
    }


}



@media screen and (-webkit-min-device-pixel-ratio:0) {

    /*
     chromeのアップデートによりフォーカスが黒枠になるので対応
     input:focusだとcheckboxなども対象になりボタンがにじむので指定;
    */
    input[type="text"]:focus,
    input[type="number"]:focus,
    input[type="tel"]:focus,
    input[type="submit"]:focus,
    textarea:focus,
    select:focus,
    input[type="text"]:active,
    input[type="number"]:active,
    input[type="tel"]:active,
    input[type="submit"]:active,
    textarea:active,
    select:active {
        outline: none;
        box-shadow: 1px 1px 2px rgba(0,60,240,0.5) inset, -1px -1px 2px rgb(0,60,240,0.5) inset !important;
    }

}