/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family: 'Noto Sans Japanese';
  src: url('fonts/NotoSans_regular.woff') format('woff');
}


@media only screen and (min-width: 48em) {
    body{
        font-family: 'Noto Sans Japanese', sans-serif !important;
    }
    h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
        font-family: 'Noto Sans Japanese', sans-serif !important;
    }
}

.border_box .col-inner {
    border: 1px solid #eeeeee;
    background: #fff;
}
.center_box {
    margin: 0 auto!important;
    background: url(https://www.aisen-shop.com/wp-content/uploads/2017/06/84ba525ac76a4cc306491f7f038cec6f.png) no-repeat center 25%;
    background-size: 18px;
}

.trepica .tab {
    font-size: 18px;
    width: 24%;
}
.trepica .tab a {
    width: 100%;
    text-align: center;
}
.trepica li a,
.trepica li a:hover {
    color: #ff854e;
    border-top-left-radius : 5px;
    webkit-border-top-left-radius: 5px;
    -moz-border-radius-top-left: 5px;
    border-top-right-radius : 5px;
    webkit-border-top-right-radius: 5px;
    -moz-border-right-top-left: 5px;
}
.trepica li.active a{
    background-color: #ff854e;
    border: none;
    color: #fff;
}
a.orange {
    background-color: #ff854e!important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .trepica .tab {
        width: 100%;
    }
}

/* ==============================================
 ヘッダー
=============================================== */
.header-main .nav > li > a,
.nav.nav-small > li > a {
    font-family: 'Noto Sans Japanese', sans-serif !important;
}
.header-main .nav > li > a { font-size: 14px; }
.nav.nav-small > li > a { font-size: 12px; }
.cart-icon strong,
.header-cart-title span.amount {
    font-family: 'Montserrat';
}
.cart-icon strong {
    border-radius: 3px;
    margin-left: 20px;
}
.header-cart-title {
    margin-left: 30px;
}
.header-wishlist-title {
    margin-left: 20px;
}

.nav > li.header-divider {
    display: none;
}

/* ==============================================
 フッター
=============================================== */
.footer-1 h3.widget-title,
.footer-2 h3.widget-title,
.footer_about_wrap h3.widget-title {
    font-size: 20px;
    height: 55px;
}
.widget .is-divider {
    height: 1px;
    max-width: 100%;
}
.footer-1 .large-columns-4 div:nth-child(1) h3.widget-title { background: url(img/txt_latest.png) no-repeat 5px 40px; }
.footer-1 .large-columns-4 div:nth-child(2) h3.widget-title { background: url(img/txt_best.png) no-repeat 5px 40px; }
.footer-1 .large-columns-4 div:nth-child(3) h3.widget-title { background: url(img/txt_tags.png) no-repeat 5px 40px; }
.footer-1 .large-columns-4 div:nth-child(4) h3.widget-title { background: url(img/txt_sales.png) no-repeat 5px 40px; }
.footer-2 .large-columns-3 div:nth-child(1) h3.widget-title { background: url(img/txt_news.png) no-repeat 5px 40px; }
.footer-2 .large-columns-3 div:nth-child(2) h3.widget-title { background: url(img/txt_letter.png) no-repeat 5px 40px; }
.footer-2 .large-columns-3 div:nth-child(3) h3.widget-title { background: url(img/txt_calendar.png) no-repeat 5px 40px; }
.footer_about_wrap h3.widget-title { background: url(img/txt_about.png) no-repeat 5px 40px; }

.footer-1 .tagcloud a {
    font-size: 14px!important;
}
.footer-1 .tagcloud a::before {
    /*content: "\f02b"*/
    /*font-family: FontAwesome;*/
    /*margin-right: 2px;*/
}


.footer-2 {
    background-color: #ffffff!important;
}
/* アイセンについて */
#footer_about {
    background-image: url(img/footer_about.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 320px;
    line-height: 2em;
    padding: 70px 0 50px;
}
#footer_about .footer_about_wrap {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 15px;
}
#footer_about .footer_about_wrap div {
    max-width: 600px;
}

#footer_about .footer_about_wrap .social-icons .facebook { background-color: #4e6aa2!important; border: none; }
#footer_about .footer_about_wrap .social-icons .instagram  { background-color: #dd4886!important; border: none; }
#footer_about .footer_about_wrap .social-icons .twitter  { background-color: #66b4ef!important; border: none; }

/* 最新情報 */
.footer-2 .recent-blog-posts a {
    line-height: 2em;
}
.footer-2 .badge-small .badge-inner {
    background-color: #FAFAFA;
    color: #333333;
    font-weight: normal;
    padding: 12px 15px;
}
.footer-2 .badge-small .badge-inner .post-date-day{ font-family: 'Montserrat'; font-size: 22px; display: inline-block; margin-bottom: 5px; }
.footer-2 .badge-small .badge-inner .post-date-month{ font-size: 10px; }

/* メールマガジン */
.footer-2 form#form-wysija-2 {
    font-size: 16px;
    margin-top: 20px;
}
.footer-2 form#form-wysija-2 {
    padding-right: 0!important;
}
.footer-2 form#form-wysija-2 input:not([type="submit"]) {
    border-radius: 5px 0 0 5px;
    margin: 0;
}
.footer-2 form#form-wysija-2 input.wysija-submit {
    background-color: #444444;
    border-radius: 0 5px 5px 0;
    line-height: 2.38em;
    margin: 0 0 0 -5px!important;
    display: inline-block;
    width: 30%;
}
.footer-2 form#form-wysija-2 .wysija-paragraph {
    width: 70%;
    display: inline-block;
    margin-top: 20px;
}
.footer-2 form#form-wysija-2:before {
    content: "アイセンショップのメールマガジンでは、お得な情報を発信します。ご希望の方はこちらのフォームからご登録ください。"
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    #footer_about {
        height: auto;
    }
    .footer-2 form#form-wysija-2 input:not([type="submit"]),
    .footer-2 form#form-wysija-2 input[type="submit"] {
         border-radius: 5px;
         display: block;
         margin: 0 auto 10px!important;
    }
    .footer-2 form#form-wysija-2 .wysija-paragraph {
         width: 100%;
         margin: 10px auto 0!important;
    }
}

/* ==============================================
 カレンダー
=============================================== */
#sbc-calendar .sbc-navigation {
    display: flex;
    justify-content: center;
}
#sbc-calendar .sbc-navigation select {
    font-size: 13px;
    text-align: center;
    box-shadow: none;
}
#sbc-calendar .sbc-navigation select:nth-child(1) {
    border-right: none;
    background: none;
    padding: 5px 0 5px 5px!important;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    z-index: 100;
    margin-right: -10px;
}
@media all and (-ms-high-contrast:none){
    #sbc-calendar .sbc-navigation select:nth-child(1) {
        padding: 5px 0 5px 10px!important;
        margin-right: 0;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #sbc-calendar .sbc-navigation select:nth-child(1) {
        padding: 5px 0 5px 10px!important;
        margin-right: 0;
    }
}
#sbc-calendar .sbc-navigation select:nth-child(2) {
    border-left: none;
    padding: 5px 5px 5px 0!important;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
@media all and (-ms-high-contrast:none){
    #sbc-calendar .sbc-navigation select:nth-child(2) {
        padding: 5px 10px 5px 0!important;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #sbc-calendar .sbc-navigation select:nth-child(2) {
        padding: 5px 10px 5px 0!important;
    }
}
#sbc-calendar-wrapper .sbc-status-free,
#sbc-calendar-wrapper .sbc-status-booked {
    background: none!important;
}
#sbc-calendar-wrapper .sbc-status-booked,
#sbc-calendar thead tr th:nth-child(6),
#sbc-calendar thead tr th:nth-child(7) {
    color: #eb686e;
}
#sbc-calendar table {
    border-top: none;
    position: relative;
}
#sbc-calendar table thead td,
#sbc-calendar table tbody td {
    padding: 2px 0!important;
}
#sbc-calendar tfoot tr:nth-child(1) {
    display: none;
}
#sbc-calendar table thead th, #sbc-calendar tr td {
    font-size: 14px;
    font-family: 'Noto Sans Japanese', sans-serif !important;
}

tfoot .pad {
    color: #fff!important;
    width: 94% !important;
    height: auto !important;
    left: 3%;
    position: absolute;
    top: -45px;
    overflow: hidden;
    font-size: 30px;
}
aside tfoot .pad {
    width: 100%!important;
    left: 0%;
}
aside .sbc-calendar-month {
    padding: 0;
}
.row-large > .col {
    padding: 0 25px 25px!important;
}
.pad .sbc-prev-month,
.pad .sbc-next-month {
    font-size: 30px;
    color: #fff!important;
    width: 30px!important;
    height: 30px!important;
    display: block;
}
.pad .sbc-prev-month {
    background: url(img/icon_left.png) no-repeat;
    text-indent: -9999px;
    float: left;
}
.pad .sbc-next-month {
    background: url(img/icon_right.png) no-repeat;
    text-indent: -9999px;
    float: right;
}
.footer-1 h3.widget-title, .footer-2 h3.widget-title, .footer_about_wrap h3.widget-title {
	font-size: 20px;
	height: 35px;
	margin-top: 20px;
}
#biz_calendar {
	/* max-width: 250px; */
	margin: 0 auto 20px!important;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
#biz_calendar table.bizcal {
	margin: 10px 0;
	width: 100%;
	background-color: #ffffff;
	table-layout: fixed;
	/* border: 1px #B5B5B6 solid; */
	line-height: 1.6;
	cursor: default;
	vertical-align: middle;
}

/* ==============================================
 下層ページ
=============================================== */
.page-checkout .woocommerce .woocommerce-message a {font-size:0;}
.page-checkout .woocommerce .woocommerce-message a:before {font-size: 15px; content: "カートに戻す"; text-decoration: underline;}