@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------*/
header ul#nav { text-align: right; }
header ul#nav li { margin-right: 7px; }
.switch { background: #6A2968; color: #FFFFFF; padding: 4px; font-size: 1.2rem; margin-top: 10px; }
.switch a { color: #FFFFFF }
/*----------------------------------------------------*/
.title h2,
.title h1 { margin-top: 9px; margin-bottom: 0; }
/*----------------------------------------------------*/

.pagination { display: block; padding-left: 0; margin: 30px auto; border-radius: 4px; text-align: center; }
.pagination>li { display: inline; padding-right: 2px; padding-left: 2px; }
.pagination>li:first-child>a,
.pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination>li>a,
.pagination>li>span { position: relative; float: none; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #FFFFFF; text-decoration: none; background-color: none; border: 1px solid #ddd; }
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover { z-index: 3; color: #AFB2D1; cursor: default; background-color: #FFFFFF; border-color: #FFFFFF; }
/*----------------------------------------------------*/
.phone_mid { width: 100%; padding: 0 15px 10px 15px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.phone_mid p { text-align: center; font-size: 1.4rem; margin: 0.4rem 0; }
.phone_mid p.number { font-family: 'Open Sans', sans-serif; font-size: 36px; }
.phone_mid p.sub a { font-family: 'Open Sans', sans-serif; }
.phone_mid .btn_call { background: #EA2B5B url(../../../images/sp/pageparts/icon_phone_1.png) no-repeat 10px 50%; background-size: 24px 24px; font-size: 1.5rem; font-weight: bold; text-align: center; border-radius: 21px; -webkit-border-radius: 21px; }
.phone_mid .btn_call a { color: #FFFFFF; display: block; padding: 6px 6px 6px 40px; }
/*----------------------------------------------------*/

button.search { -webkit-background-size: 24px 24px; }
.phone_mid .btn_call { -webkit-background-size: 24px 24px; }
input[type="checkbox"] { border: 1px solid #B3B3B3 }
.phone_footer .btn_call { -webkit-background-size: 40px 40px; }
/*----------------------------------------------------*/
.bx-wrapper { margin-bottom: 30px; }
.bx-wrapper .bx-viewport { -webkit-box-shadow: none; box-shadow: none; border: none; left: auto; }
.bx-wrapper .bx-controls-direction a { top: auto; bottom: -20px; }
/*----------------------------------------------------*/

.control{background:#AFB2D1;}
.btn_pagetop.simple{ width:50px; text-align:center; position:relative; right:auto; bottom:auto; margin-bottom:0;  padding-bottom:10px; float:right}

.btn_back_btm.simple{ width:50px; text-align:center; position:relative; left:auto; bottom:auto; margin-bottom:0;  padding-bottom:10px; float:left}
/*----------------------------------------------------*/

/*.hit_fixed.top{ position:absolute; top:17px;}*/
/*----------------------------------------------------*/

.nav_simple { display:table; width:100%; table-layout:fixed;border-collapse: separate;border-spacing: 10px 10px;}
.nav_simple ul{ display:table-row}
.nav_simple ul li{ display:table-cell; text-align:center;}
.nav_simple img{ width:100%;}
.nav_simple a { display:block;}

#my_btn .new_icon { position: absolute; font-size: 8px; letter-spacing: -0.08em; top: 4px; right: 100px; z-index: 5; }
#my_btn .new_icon b { font-weight: normal; position: relative; color: #ea2b5b; background: #000; padding: 2px 5px; -webkit-animation:blinKing 1.0s linear infinite; -moz-animation:blinKing 1.0s linear infinite; -o-animation:blinKing 1.0s linear infinite; animation:blinKing 1.0s linear infinite; border-radius: 5px; -webkit-border-radius: 5px; }
@-webkit-keyframes blinKing { 0%{-webkit-opacity:0.2;} 50%{-webkit-opacity:1;} 100%{-webkit-opacity:0.2;} }
@-moz-keyframes blinKing { 0%{-moz-opacity:0.2;} 50%{-moz-opacity:1;} 100%{-moz-opacity:0.2;} }
@-o-keyframes blinKing { 0%{-o-opacity:0.2;} 50%{-o-opacity:1;} 10%{-o-opacity:0.2;} }
@keyframes blinKing { 0%{opacity:0.2;} 50%{opacity:1;} 100%{opacity:0.2;} }

[v-cloak] { display: none; }

.breadcrumb_wrapper { width:100%; height:35px; background: #fafafa; }
.breadcrumb { margin:auto; max-width: 1180px; line-height:35px; padding:0 15px; font-size: 1.2rem; overflow-x: auto; }
.breadcrumb ul { display:block; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; white-space: nowrap; scrollbar-width: none; }
.breadcrumb ul::-webkit-scrollbar { display:none; }
.breadcrumb li { display:inline; padding-right:10px; flex: 0 0 40%; }
.breadcrumb li:not(:last-child) { position:relative; padding-right:25px; }
.breadcrumb li:not(:last-child)::after { content: ">"; display: block; position: absolute; width: 9px; height: 15px; top: -10px; right: 5px; }
.breadcrumb li:last-child a { color: #000; pointer-events: none }

/*div.checkbox label { padding-left: 0; }*/
/*div.checkbox label span { padding-left: 23px; }*/