/*
Theme Name: ボリューム様 ver1.0.0
Description: ボリューム様専用テーマ
Version: 1.0.0
*/

/* archive.php
----------------------------------------------------------------------------- */
/* ページャー */
.pager{
    margin-top: 50px;
    text-align: center;
}
.page-numbers{
    text-decoration: none;
    margin: 0 7.5px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    vertical-align: middle;
    color: #757575;
    background-color: #EEEEEE;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
}
.page-numbers.current{
    color: #fff;
    background-color: #1EA52C;
}

@media screen and (max-width:768px){
    .pager{
        margin-top: 20px;
    }
    .page-numbers{
        margin: 0 5px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 15px;
    }
}

/* single.php
----------------------------------------------------------------------------- */

/* 見出し */
.wp-article h1,
.wp-article h2,
.wp-article h3,
.wp-article h4,
.wp-article h5{
    font-weight: bold;
}

.wp-article h1{
    
}
.wp-article h2{
    
}
.wp-article h3{
    
}
.wp-article h4{
    
}
.wp-article h5{
    
}
@media screen and (max-width:768px){
    
}

/* 文字装飾 */
.wp-article strong{
    font-weight: bold;
}
.wp-article em{
    font-style: italic;
}
@media screen and (max-width:768px){
    
}

/* リンク */
.wp-article a{
    
}
@media screen and (max-width:768px){
    
}

/* 引用文 */
.wp-article blockquote{
    
}
@media screen and (max-width:768px){
    
}

/* 通常リスト */
.wp-article ul{
    list-style-type: disc;
}
.wp-article ul li{
    
}
@media screen and (max-width:768px){
    
}

/* 数字付きリスト */
.wp-article ol{
    list-style-type: decimal;
}
.wp-article ol li{
    
}
@media screen and (max-width:768px){
    
}

/* 境界線 */
.wp-article hr{
    
}
@media screen and (max-width:768px){
    
}


/* page-about.php
----------------------------------------------------------------------------- */
/* pro */
.about-notice{
    padding-bottom: 0;
}

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

/* pro */
.about-pro-main{
    display: flex;
    align-items: flex-start;
}
.about-pro-main-img,
.about-pro-main-txt{
    width: 50%;
}
.about-pro-main-img{
    padding-right: 25px;
}
.about-pro-main-txt{
    padding-left: 25px;
}
@media screen and (max-width:768px){
    
}

/* feature */
.about-feature{
    padding-bottom: 30px;
}
.about-feature-main ul{
    display: flex;
    flex-wrap: wrap;
}
.about-feature-main ul li{
    width:calc( (100% - 100px) / 3 );
    margin-right: 50px;
    margin-bottom: 50px;
}
.about-feature-main ul li:nth-child(3n){
    margin-right: 0;
}

.about-feature-main-img{
    text-align: center;
    margin-bottom: 30px;
}
.about-feature-main-img img{
    width:200px;
    height: auto;
}


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


/* page-company.php
----------------------------------------------------------------------------- */
.company-main-tbl{
    margin-bottom: 50px;
}
.company-main-tbl table{
    width: 100%;
}
.company-main-tbl table tbody tr:nth-child(2n+1){
    background-color: #FCF9F0;
}
.company-main-tbl table tbody tr th{
    font-weight: 700;
    text-align: left;
    width:25%;
}
.company-main-tbl table tbody tr th,
.company-main-tbl table tbody tr td{
    padding:20px 50px;
}

.company-main-map iframe{
    width:100%;
    height:450px;
}

@media screen and (max-width:768px){
    .company-main-tbl{
        margin-bottom: 30px;
    }
    
    .company-main-tbl table tbody tr th{
        width:35%;
    }
    .company-main-tbl table tbody tr th,
    .company-main-tbl table tbody tr td{
        padding:10px 20px;
    }

    .company-main-map iframe{
        height:350px;
    }
}



/* page-contact.php
----------------------------------------------------------------------------- */
.contact-main{
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.contact-main table{
    width: 100%;
}
.contact-main table th,
.contact-main table td{
    padding: 10px 20px;
}
.contact-main table th{
    text-align: left;
    vertical-align: top;
}
.contact-main table th em{
    font-style: normal;
    font-size: 14px;
    color: #db4458;
}

.contact-main-btn{
    text-align: center;
    margin-top: 30px;
}

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


/* Welcart調整：商品詳細ページ
----------------------------------------------------------------------------- */
#itempage form{
    
}

#itempage form .itemimg{
    margin-bottom: 30px;
    text-align: center;
}
#itempage form .itemimg img{
    width: 400px;
}
#itempage h3{
    padding: 10px 20px;
    margin-bottom: 30px;
    font-size:20px;
    background-color: #1EA52C;
}
#itempage .field{
    padding: 20px 0;
}

#itempage .skuform{
    margin-top: 30px;
}

#itempage .skubutton{
    min-width: 180px;
    height: 41px;
    line-height: 41px;
    font-size: 16px;
    vertical-align: top;
    display: inline-block;
    color: #fff;
    background: linear-gradient(0deg,rgba(186, 236, 59, 1) 0%, rgba(55, 205, 70, 1) 100%);
    border-radius: 5px;
    box-shadow: 0 4px 0 0 #6ca370;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    cursor: pointer;
    border: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#itempage .skubutton:hover{
    box-shadow: none;
    transform: translateY(4px);
}

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

/* Welcart調整：カート周り
----------------------------------------------------------------------------- */

/* 数量更新 */
#cart .upbutton{
    padding-right: 0;
    margin-bottom: 20px;
}
#cart .upbutton input[type="submit"]{
    
}

/* カートナビ */

div.usccart_navi li.ucart{
    padding: 10px 0;
    background-image: none;
}
div.usccart_navi li.usccart_cart,
div.usccart_navi li.usccart_customer,
div.usccart_navi li.usccart_delivery,
div.usccart_navi li.usccart_confirm{
    background-color: #1EA52C;
}

/* 次へボタン */
.to_customerinfo_button,
input[name="customerlogin"],
.to_deliveryinfo_button,
.to_confirm_button,
.checkout_button{
    min-width: 180px;
    height: 41px;
    line-height: 41px;
    font-size: 16px;
    vertical-align: top;
    display: inline-block;
    color: #fff;
    background: linear-gradient(0deg,rgba(186, 236, 59, 1) 0%, rgba(55, 205, 70, 1) 100%);
    border-radius: 5px;
    box-shadow: 0 4px 0 0 #6ca370;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    cursor: pointer;
    border: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    margin: 0 10px 15px;
}
.to_customerinfo_button:hover,
input[name="customerlogin"]:hover,
.to_deliveryinfo_button:hover,
.to_confirm_button:hover,
.checkout_button:hover{
    box-shadow: none;
    transform: translateY(4px);
}


/* 戻るボタン */
.continue_shopping_button,
.back_cart_button,
.back_to_customer_button,
.back_to_delivery_button,
.back_to_top_button{
    min-width: 180px;
    height: 41px;
    line-height: 41px;
    font-size: 16px;
    vertical-align: top;
    display: inline-block;
    color: #aaa;
    background: #ddd;
    border-radius: 5px;
    box-shadow: 0 4px 0 0 #aaa;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    cursor: pointer;
    border: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    margin: 0 10px 15px;
}
.continue_shopping_button:hover,
.back_cart_button:hover,
.back_to_customer_button:hover,
.back_to_delivery_button:hover,
.back_to_top_button:hover{
    box-shadow: none;
    transform: translateY(4px);
}

/* パスワード入力 */
/*
.customer_form tbody tr:nth-child(3),
.customer_form tbody tr:nth-child(4){
    visibility: hidden;
}
.customer_form tbody tr#zipcode_row{
    visibility: visible !important;
}
*/

/* 会員登録しながら次へボタン */
.to_reganddeliveryinfo_button{
    display: none;
}

/* ボタンエリア */
#inside-cart .send,
#customer-info .send,
#delivery-info .send,
#info-confirm .send{
    margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 50px;
    border-top: 1px solid #eee;
}


/* 中見出し */
#customer-info h5{
    font-family: "Noto Serif JP", serif;
    color: #1EA52C;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    background-color: transparent;
}

/* ログイン */
#memberpages div.loginbox{
    width: 100%;
}
#customer-info h5,
#customer-info form[name="customer_loginform"]{
    display: none;
}

/* カートが空 */
#inside-cart .no_cart{
    color: #1EA52C;
}

/* 購入確認画面 */
#confirm_table h3{
    color: #1EA52C;
}

#customer-info th,
#customer-info td,
#delivery-info th,
#delivery-info td,
#delivery-info .customer_form dt,
#delivery-info .customer_form dd,
#confirm_table h3,
#confirm_table th,
#confirm_table td{
    font-size: 16px;
    vertical-align:top;
}