/*
Template:baseshop
Theme Name:baseshop-child
*/
/* berkshire-swash-regular - latin */
@font-face {
font-display: swap;
font-family: 'Berkshire Swash';
font-style: normal;
font-weight: 400;
src: local(''),
url('./fonts/berkshire-swash-v16-latin-regular.woff2') format('woff2'),
/* Chrome 26+, Opera 23+, Firefox 39+ */
url('./fonts/berkshire-swash-v16-latin-regular.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
body {
max-width: 1300px;
}
/*
文字色
*/
/*濃紺#001236*/
.site-title a:visited,
.site-title a:visited,
.title_koyomi-ya,
.site-description,
a,
.widget a,
.widget a:visited,
.ft-2widget .widget .widget-title,
.secondsb .widget .widget-title,
.mcont article .entry-title a,
.item-title {
color: #001236;
}
/*淡い紺色#004D77*/
a:active,
a:hover,
.site-title a:hover,
.widget a:hover,
.mcont article .entry-title a:hover {
color: #004d77;
}
/*グレー#ccc*/
.wpp-excerpt {
color: #666;
}
/*白#fff*/
.home .pictitle,
.site-footer .footer-sidebar a,
.entry-footer h2,
.main-navigation a,
.welcome a:hover,
.main-navigation .nav-menu>.menu-item-has-children:after,
.main-navigation .nav-menu>.page_item_has_children:after {
color: #fff;
}
/*赤*/
.koyomi-ya-blue {
color: blue;
}
.koyomi-ya-red {
color: red;
}
/*
背景色
*/
/*濃紺#001236*/
.main-navigation,
.site-footer {
background-color: #001236;
}
/*紺#003058*/
.welcome a,
.main-navigation .subtoggl,
.welcome p:hover,
button,
.button,
.home .pictitle,
.entry-footer h2,
input[type="button"],
input[type="reset"],
input[type="submit"],
.main-navigation ul li .children li,
.main-navigation ul li .sub-menu li {
background-color: #003058;
}
/*紺#003159*/
/*淡い紺色#004D77*/
.main-navigation li:hover,
.main-navigation .subtoggl li a:hover,
.welcome a:hover,
button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background-color: #004d77;
}
/*
ヘッダー
*/
.site-header {
margin-bottom: 0;
/* padding: 0 10px; */
padding: 0;
}
#h-top {
display: flex;
flex-direction: column;
}
#h-top .alignleft {
float: none;
display: block;
margin: 0;
}
#h-top .alignright {
    /* display: inline-block; */
    /* display: none; */
float: none;
}
#h-top1 {
    display: flex;
    flex-direction: column;
    }
    #h-top1 .alignleft {
    float: none;
    display: block;
    margin: 0;
    }
    #h-top1 .alignright {
    display: none;    
    }
    #h-top .site-title {
        display: none;    
        }
    #h-top1 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        background-color: #001236;
        }
    #h-top1 h1{
        color: #FFF;
        margin: 0;
        padding: 0 15px;
        font-size: 100%;
        }
/*PC*/
@media only screen and (min-width: 480px) {
#h-top {
flex-direction: row;
justify-content: space-between;
}
#h-top .alignright {
margin-top: 1em;
text-align: right;
}
#h-top .site-title {
    display: inline-block;
    }
#h-top1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #001236;
    }

    #h-top .alignright {
        display: inline-block;
        }   
        #h-top1 .alignright {
            display: inline-block;
            }   

#h-top1 a{
color: #FFF;
font-weight: 500;
text-decoration: none;
padding: 0 15px;
}

#h-top1 ul {
padding: 2px 0 0 10px;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
/* justify-content: flex-end; */
text-align: center;
font-size: 80%;
}
#h-top1 li {
border-left: 1px solid #ddd;
}
.welcome a:hover {
/*color: #fff;*/
/*background-color: #004D77;*/
}
.welcome p:hover {
/*background-color: #003058;*/
}
}

.title_com {
    font-family: "Berkshire Swash", cursive;
    font-size: 30px;
    font-size: 1.875rem;
    }

.title_koyomi-ya {
font-family: "Berkshire Swash", cursive;
font-size: 48px;
font-size: 3rem;
text-decoration: none;
white-space: nowrap;
/*color: #003058;*/
}
.site-description {
margin: 0;
}
.site-title {
font-size: 28px;
font-size: 1.75rem;
}
ul,
ol {
margin: 0 0 1.5em 1em;
}
/*
ヘッダーメニュー
*/
#site-navigation {
display: flex;
flex-wrap: wrap;
}
.main-navigation .menu-toggle {
float: none;
clear: none;
background-color: #003058;
border: 1px solid #003058;
}
.welcome {
margin: 0;
float: none;
}
nav.site-header {
padding: 0;
}
.welcome a {
padding: 0.5em 0;
background-color: #003058;
border: 1px solid #003058;
}
.main-navigation .nav-menu>li {
padding: 2px 5px;
}
/*PC*/
@media only screen and (min-width: 480px) {
#site-navigation {
justify-content: space-between;
flex-wrap: nowrap;
}
.welcome {
flex: 1;
text-align: right;
}
.welcome a {
padding: 0 28px;
}
.main-navigation .nav-menu>li {
padding: 2px 15px;
}
.main-navigation ul li .children,
.main-navigation ul li .sub-menu {
width: 200px;
}
.main-navigation .current-menu-item>a,
.main-navigation .current_page_item>a {
font-weight: normal;
}
/*.main-navigation .subtoggl {
background-color: #003058;
}
.main-navigation {
background-color: #001236;
}
.main-navigation a {
color:#fff;
}
*/
.main-navigation .nav-menu>.menu-item-has-children:after,
.main-navigation .nav-menu>.page_item_has_children:after {
color: #fff;
}
.main-navigation ul li .children li,
.main-navigation ul li .sub-menu li {
border: 0 none;
padding: 0 15px;
margin: 0 -15px;
/*background-color: #003058;*/
float: none;
line-height: 2;
}
}
/*
パンくずリスト
*/
.breadcrumbs {
margin: 10px;
display: flex;
flex-wrap: wrap;
}
.breadcrumbs>* {
float: none;
}
.breadcrumbs> :before {
content: ">";
top: 0px;
}
/*
サイドメニュー
*/
/*button, .button, input[type="button"], input[type="reset"], input[type="submit"], .search-toggle, .hentry .mejs-controls .mejs-time-rail .mejs-time-current, .hentry .mejs-overlay:hover .mejs-overlay-button, .widget button, .widget .button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"], .widget_calendar tbody a, .content-sidebar .widget input[type="button"], .content-sidebar .widget input[type="reset"], .content-sidebar .widget input[type="submit"], .slider-control-paging .slider-active:before, .slider-control-paging .slider-active:hover:before, .slider-direction-nav a:hover*/
/*a, .widget-area .widget a,.widget-area .widget a:visited {
color: #003058;
}*/
main {
padding-right: 0;
}
.secondsb .widget {
padding-top: 15px;
}
.ft-2widget .widget .widget-title,
.secondsb .widget .widget-title {
border-top: 5px solid #001236;
margin: 0 0 18px;
padding-top: 7px;
}
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
/*background-color: #003058;*/
border: 0;
}
/*PC*/
@media only screen and (min-width: 480px) {
button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
/*background-color: #004D77;*/
border: 0;
}
.secondsb .widget a:hover {
opacity: 0.8;
}
.secondsb .widget {
margin: 0;
padding: 0;
}
}
/*トップページ*/
.rooling {
-webkit-animation: roll 0s ease;
animation: roll 0s ease;
}
.thumbnail-box:hover {
-webkit-animation-name: none;
animation-name: none;
-webkit-animation-duration: 0s;
animation-duration: 0s;
-webkit-transform: none;
transform: none;
}
.copylight {
font-size: 12.8px;
font-size: 0.8rem;
margin: 0 0 5px;
}
.todan_logo {
background-image: url("https://www.koyomi-ya.com/images/common/todan_logo01.gif");
background-repeat: no-repeat;
background-position: 15px 5px;
display: inline-block;
width: 35px;
}
.copylight .todan_logo {
background-position: 40px 5px;
width: 60px;
}
.clearfix:before,
.clearfix:after {
display: table;
content: " ";
}
.clearfix:after {
clear: both;
}
.main-navigation ul ul a:before {
content: "";
}
/*フッター*/
/*
商品一覧・検索結果
ボックス
*/
#search_results>dl {
display: flex;
flex-wrap: wrap;
}
#search_results dt:after {
content: "\f400";
/*margin-right: 5px;*/
/*vertical-align: middle;*/
/*-webkit-font-smoothing: antialiased;*/
font: 400 16px/1 Genericons;
}
#search_results dd {
margin: 0;
}
#search_results,
.taxonomy-description {
border-top: 2px solid #001236;
}
ul.subcategory_list li {
width: 250px;
display: inline-block;
}
.subcategory_list a {
background: #ededed !important;
padding: 10px 5px !important;
margin: 0 0 5px 0 !important;
display: block !important;
color: #000 !important;
border-radius: 5px !important;
border: 1px solid #ededed !important;
text-align: center !important;
text-decoration: none !important;
}
.itemlist li a article img {
border-bottom: none;
}



.single .entry-content h3 {
    margin: 2em 0px 1.8em;
    border-bottom: 1px solid #aaa;
    border-left: 10px solid #aaa;
    padding-left: 10px;
    font-size: 100%;
}







@media only screen and (max-width: 600px) {
.itemlist li {
width: 100%;
}
}
ul.itemlist li.cablocks {
/*position: static !important;*/
/*height:350px !important;*/
}
.itemlist li a article {
height: 330px;
}
.item-image-box {
position: relative;
/*    width: 100%; */
/*   text-align: center;*/
margin: 12% 0px 0px 0px;
}
.item-image-box:after {
padding-top: 70%;
display: block;
content: "";
}
.item-images:after {
display: block;
content: "";
}
.item-image {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
min-width: 100%;
/* min-height: 100%; */
/*margin-top: 10px;*/
}
.itemlist li a article img {
max-height: 100%;
/*margin: 0px 1px;*/
max-width: 45%;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
vertical-align: bottom;
}
.itemlist li a article .price {
position: absolute;
top: 5%;
left: 10%;
/*right: 0px;*/
/*margin: auto;*/
}
/*
商品一覧・検索結果
リスト未使用
*/
.article-area.fwidht li.cablocks {
/*position: initial !important;*/
/*height:initial !important;*/
}
.article-area.fwidht li a article {
height: auto;
/*height: initial;*/
}
.article-area.fwidht .item-image-box:after {
padding-top: 0;
display: block;
content: "";
}
.article-area.fwidht .item-image-box {
/*margin: initial;*/
margin: 0;
}
.article-area.fwidht .item-image {
position: relative;
/*position: relative;*/
/*top: initial;*/
/*left: initial;*/
/*-webkit-transform: initial;*/
/*transform: initial;*/
}
.article-area.fwidht li a article img {
max-height: 100%;
margin: 0px 5px;
max-width: 45%;
}
.article-area.itemlist.fwidht li a article .price {
position: static;
/*top: 0px;*/
/* left: 20px; */
}
.article-area.fwidht .thumbnail-box img {
width: 15%;
box-shadow: none;
border-bottom: 1px #ccc solid;
}
@media only screen and (max-width: 1000px) and (min-width: 500px) {
.article-area.fwidht .thumbnail-box .item-col {
width: -webkit-calc(100% - 220px);
width: -moz-calc(100% - 220px);
width: calc(100% - 220px);
}
}
@media only screen and (max-width: 499px) {
.article-area.fwidht .thumbnail-box .item-col {
width: 65%;
}
}
.search-no-results .has-sidebar .site-main {
float: left;
width: 100%;
}
.search-no-results .page-header .page-title {
margin-top: 0;
}
@media only screen and (min-width: 1010px) {
.search-no-results .has-sidebar .site-main .page-header {
margin-left: 262px;
}
}
.search-no-results .secondsb {
display: block;
}
/*
検索結果
サイドバー
*/
/** チェックOFFなら非表示 */
.message {
display: none;
}
/** チェックONなら表示 */
input.toggle:checked~.message {
display: block;
animation: fadein 1.5s;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.left3px {
padding-left: 3px;
}
.search_side_block:last-child {
text-align: center;
}
.kensaku {
margin-top: 5px;
}
input[type="submit"].kensaku {
width: 100%;
}
.search_side_block {
margin-top: 15px;
width: 100%;
}
#s,
.widget select {
width: 100%;
}
.widget input {
max-width: inherit;
}
.widget input,
.widget select {
max-width: inherit;
}
.search_side {
background-color: #001236;
margin-top: 10px;
border-top: 3px solid #001236;
border-radius: 3px;
padding: 5px;
color: #fff;
width: 100%;
}
@media only screen and (min-width: 783px) {
#search_side {
/*   background-color: #001236;
margin-top: 10px;
border-top: 3px solid #001236;
border-radius: 3px;
padding: 5px;
color: #fff; 
max-width: 215px;*/
}
.search_side_block:last-child {
text-align: left;
}
}
p.side_gray {
margin: 3px 0;
border-top: 1px dotted #c5d1d7;
}
.search_side_block p:first-of-type {
border: none;
}
input.kensaku.btn-reset {
/* background-color: #1878AD; */
opacity: 0.8;
}
/*
商品詳細
*/
.item-single .skuform .cart_table .under_cart_list {
list-style: disc;
margin-left: 2em;
padding-left: 0;
}
.item-single .cart_table .skubutton {
    margin: 10px 0;
}
.single .has-sidebar .site-main .comment_product .comments-area {
margin-left: 0;
}
#commentform p {
margin: 0 10px;
}
#commentform .form-submit {
margin-top: 25px;
}
.item-single .under_cart {
width: 240px;
border: 1px rgb(205, 205, 205) solid;
border-radius: 3px;
text-align: center;
word-break: break-all;
margin: 0 auto 10px;
}
.item-single .under_cart a {
text-align: center;
text-decoration: none;
/*display: block;*/
font-weight: 600;
margin-bottom: 0;
}
.item-single .revkink a:before {
content: "\f300";
margin-right: 5px;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
font: 400 16px/1 Genericons;
}
.item-single .revkink.write_review a:before {
content: "\f411";
/*margin-right: 5px;*/
/*vertical-align: middle;*/
/*-webkit-font-smoothing: antialiased;*/
/*font: 400 16px/1 Genericons;*/
}
.item-single .skuform .cart_table {
margin: 0 auto;
}
.shopping input[type="submit"] {
background-color: #476d02;
}
.shopping input[type="submit"]:hover {
background-color: #85be04;
}
.estimate input[type="submit"] {
background-color: #0d4060;
}
.estimate input[type="submit"]:hover {
background-color: #21a2d6;
}
.item-single .description1 {
border-top: 5px solid #ddd;
clear: both;
font-size: 16px;
font-size: 1rem;
}
.product_spec,
.entry-footer {
font-size: 14px;
font-size: 0.9rem;
}
div.rating-container.crfp-group-1 .label {
font-size: 14px;
font-size: 0.9rem;
}
p.crfp-group-1 div.star-rating {
margin-left: 5px;
}
.button1 {
/* display:block; */
/* position:relative; */
}
.button1 i {
/* position:absolute; */
/* top:50%; */
/* left:10px; */
/* margin-top:-0.5em; */
/* color:#0070be; */
}
.genericons-search:before {
content: "\f400";
font: normal 16px/1 Genericons;
display: block;
font-size: 30px;
margin-bottom: -5px;
line-height: 0.8;
}
.genericons-search {
position: fixed;
right: 5px;
display: none;
top: 10px;
z-index: 99;
}
.genericons-search {
font-size: 12px;
width: 48px;
text-align: center;
background-color: #000;
padding: 5px 5px;
border-radius: 5px;
z-index: 9;
border: 1px solid #868686;
line-height: 1;
}
a.genericons-search {
text-decoration: none;
color: #fff;
}
.estimate li:first-child,
.shopping li:first-child,
.item-single .cart_table .skubutton {
text-align: center;
width: 100%;
font-size: 16px;
font-size: 1rem;
padding: 0.9em 0.6em 0.8em;
border: 1px solid;
border-radius: 3px;
color: #fff;
line-height: 1;
font-weight: 600;
}
.estimate li:first-child,
.shopping li:first-child {
border: none;
}
.estimate li:first-child {
border-color: #1878ad;
background-color: #1878ad;
}
.shopping li:first-child {
border-color: #6ea103;
background-color: #6ea103;
}
.printing-in {
/*text-align: center;*/
/*width: 100%;*/
/*padding: .2em .3em .2em .6em;*/
border: 2px solid;
border-radius: 3px;
color: #fff;
/*line-height: 1;*/
font-weight: 600;
/*margin-left: 1em;*/
border-color: #4998e6;
background-color: #4998e6;
}
.printing-quantity {
/*text-align: center;*/
/*width: 100%;*/
/*padding: .2em .3em .2em .6em;*/
border: 2px solid;
border-radius: 3px;
color: #fff;
/*line-height: 1;*/
font-weight: 600;
/*margin-left: 1em;*/
border-color: #2eb798;
background-color: #2eb798;
}
.printing-free {
/*text-align: center;*/
/*width: 100%;*/
/*padding: .2em .3em .2em .6em;*/
border: 2px solid;
border-radius: 3px;
color: #fff;
/*line-height: 1;*/
font-weight: 600;
/*margin-left: 1em;*/
border-color: #bb2e2e;
background-color: #bb2e2e;
}
@media only screen and (min-width: 1085px) {
.page .has-sidebar .onepage .comments-area,
.page .has-sidebar .onepage .post-navigation,
.page .has-sidebar .onepage article,
.single .has-sidebar .site-main .comments-area,
.single .has-sidebar .site-main .post-navigation,
.single .has-sidebar .site-main article {
max-width: 890px;
}
}
@media only screen and (min-width: 783px) {
.item-single .slider-col {
width: 38%;
}
.item-single .exp {
width: 62%;
}
}
.item-single .flexslider .slides img {
width: auto;
margin: auto;
}
.item-single .skuform {
display: flex;
flex-direction: column;
}
.item-single .skuform .cart_table.shopping {
width: 100%;
border: 1px solid #476d02;
margin-bottom: 32px;
margin-bottom: 2rem;
border-radius: 3px;
}
.item-single .skuform .cart_table.estimate {
width: 100%;
border: 1px solid #0d4060;
margin-bottom: 32px;
margin-bottom: 2rem;
border-radius: 3px;
}
.skuform p {
margin: 0 auto;
}
.item-single .skuform .cart_table li {
padding-left: 10px;
}
.item-single .skuform .cart_table li:first-child {
/* padding-left: 0; */
}
.estimate li:first-child,
.shopping li:first-child,
.item-single .cart_table .skubutton {
border: none;
}
@media screen and (min-width: 783px) {
.item-single .skuform {
flex-direction: row;
}
.item-single .skuform .cart_table.estimate {
margin-right: 3%;
}
.cart_table.shopping {
    position: relative;
}
.shopping p.cart_itequant{
 /*   position: absolute; */
    bottom: 0;
}


}
.item-single .item_custom_field {
text-align: left;
    /* margin: 0 0 1.5em 1em; */
    padding-left:4%;
}
.skuform ul {
margin: 0;
padding: 0;
}
.skuform li {
list-style-type: none;
}
.cart_itequant {
line-height: 2.5em;

}

.series li {
        border-top: dotted 2px #cecccd;
        list-style: none;
        padding-top: 2em;
      }
.series li:first-child {
        border : none;
      }

input.skuquantity {
width: 25%;
}
input.skubutton {
width: 90%;
}
.entry-footer h2 {
padding: 5px;
font-size: 16px;
font-size: 1rem;
}
span.hide1 {
padding-left: 10px;
}
#welcart_search-2 {
text-align: left;
padding: 0 15px;
}
/*Pagenation*/
.post-navigation {
border-top: none;
}
.page-numbers {
list-style-type: none;
display: inline-block;
padding-left: 0;
/*margin: 20px 0;*/
border-radius: 4px;
}
.item-navigation .page-numbers {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
/* display: flex; */
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
/*margin: 0;*/
}
.page-numbers>li {
display: inline;
}
.page-numbers li {
-webkit-box-flex: 1 1 42px;
-webkit-flex: 1 1 42px;
-moz-box-flex: 1 1 42px;
-ms-flex: 1 1 42px;
flex: 1 1 42px;
max-width: 42px;
min-width: 27px;
/* float: left; */
}
.page-numbers>li>a,
.page-numbers>li>span {
position: relative;
/* float: left; */
margin-left: -1px;
line-height: 1.42857143;
text-decoration: none;
background-color: #fff;
}
.page-numbers>li>a,
.page-numbers>li>span {
display: inline-block;
width: 100%;
padding: 5px 0;
color: #787878;
background: #fff;
border: 1px solid #ddd;
/*border-right: 0;*/
}
.page-numbers>li>span.current {
background-color: #999999;
color: #ffffff;
/*cursor: not-allowed;*/
}
.page-numbers>li>a:hover {
background-color: #444444;
color: #ffffff;
opacity: 0.3;
transition-duration: 500ms;
transition-property: all;
transition-timing-function: ease;
}
.search-results .has-sidebar .item-head .site-main .post-navigation,
.post-navigation {
text-align: center;
font-size: 16px;
font-size: 1rem;
}
.archive .navigation.post-navigation .page-numbers.current,
.search .navigation.post-navigation .page-numbers.current {
line-height: 1.42857143;
}
/*Yet Another Related Posts Plugin*/
.yarpp-related p {
font-weight: normal;
}
/*Last Viewed Posts*/
.viewed_posts .wg-thumbnail {
margin: 0 2px;
}
.viewed_posts .wg-thumbnail {
border: 1px solid #ddd;
text-align: center;
}
.viewed_posts .wg-thumbnail p {
margin: 0;
}
.viewed_posts li a {
text-decoration: none;
color: #787878;
display: block;
padding: 0 2px;
}
.viewed_posts li a:hover {
color: #4169e1;
opacity: 0.8;
}
/*WordPress Popular Posts*/
.wpp-list li a img {
display: inline;
/* float: left; */
margin: 0 5px 0 0;
border: none;
max-width: 50px;
}
.item-single .flexslider .slides .wg-thumbnail img {
width: 100px;
}
.item-list-ul .wg-thumbnail,
.related-list .wg-thumbnail {
margin: 0 2px;
}
.soldout {
background-color: #ddd;
padding: 4px 4px 2px;
font-size: 12px;
border-radius: 2px;
display: inline-block;
}
/*
カート
*/
#loading {
width: 96px;
/* gif画像の幅 */
height: 96px;
/* gif画像の高さ */
margin: -68px 0 0 -68px;
/* gif画像を画面中央に */
padding: 20px;
/* gif画像を大きく */
opacity: 0.5;
/* 透過させる */
border-radius: 15px;
/* 丸角 */
position: fixed;
/* gif画像をスクロールさせない */
left: 50%;
/* gif画像を画面横中央へ */
top: 50%;
/* gif画像を画面縦中央へ */
}
/* --- カレンダー --- */
.businessday {
background-color: #ffecce;
color: #ff0000;
}
.businesstoday {
color: #000000;
font-weight: bold;
}
/*タグクラウドのデザイン*/
.widget_tag_cloud .tagcloud a {
padding: 9px;
text-decoration: none;
color: #fff;
display: inline-block;
width: 48.5%;
font-size: 12px;
text-align: center;
margin-bottom: 6px;
background: #003058;
border-radius: 3px;
box-shadow: 0 1px 3px #ccc;
}
/*タグクラウドマウスオーバー時*/
.widget_tag_cloud .tagcloud a:hover {
color: #333;
background: #ddd;
}
/* 必須マーク */
.smf-form .must {
font-weight: bold;
background: #999;
}
/* 任意マーク */
.smf-form .optional {
background: #999;
}
.smf-form .must,
.smf-form .optional {
color: #fff;
border-radius: 3px;
font-size: 10px;
margin-left: 10px;
padding: 5px 10px;
letter-spacing: 2px;
}
/*Snow Monkey Forms */
.smf-form .width100 {
width: 100%;
}
/* reCAPTCHA v3　位置調整 */
.grecaptcha-badge {
margin-bottom: 10px;
/* 任意の数値 */
}
/* 固定ページ リスト左マージン */
.left0px {
margin: 0 0 1.5em 0;
}
@media screen and (min-width: 480px) {
.left0px {
margin: 0 0 1.5em 1em;
}
}
/* 固定ページ表組　会社概要 */
.kaisha {
width: 100%;
}
.kaisha th,
.kaisha td {
border: 1px solid #ccc;
padding: 10px;
}
.kaisha th {
/* width: 37%; */
white-space: nowrap;
/* 文字の折り返しはなくす */
font-weight: 500;
background-color: #f7f7f7;
}
@media screen and (max-width: 767px) {
.kaisha,
.kaisha tr,
.kaisha td,
.kaisha th {
display: block;
}
.kaisha th {
width: auto;
}
}
/* wc_delivery_page.php */
.customkey_receipt_name .iopt_text {
width: 70%;
}
#customer-info .customer_form #tel_row input#tel,
#customer-info .customer_form #fax_row input#fax,
#delivery-info #delivery_table #tel_row input#tel,
#delivery-info #delivery_table #fax_row input#fax {
width: 60%;
}
#delivery-info #delivery_table input {
width: auto;
}
.customkey_coupon input {
width: 50%;
}
@media only screen and (min-width: 480px) {
#customer-info .customer_form #tel_row input#tel,
#customer-info .customer_form #fax_row input#fax,
#delivery-info #delivery_table #tel_row input#tel,
#delivery-info #delivery_table #fax_row input#fax {
width: 30%;
}
}
/* 横スクロールテーブル関連のスタイル */
.js-scrollable {
white-space: nowrap;
/* 文字の折り返しはなくす */
}
.js-scrollable td {
padding: 0 5px;
/* 文字の折り返しはなくす */
}
/*固定ページのリストアイコン*/
ul.trackmark,
ul.mailmark,
ul.calendarmark,
ul.paymentmark,
ul.angle-right,
ul.clipboard-list {
border: solid 2px #ffffff;
background: #ffffff;
padding: 0.5em 1em 0.5em 2.3em;
position: relative;
}
ul.trackmark li,
ul.mailmark li,
ul.calendarmark li,
ul.paymentmark li,
ul.angle-right li,
ul.clipboard-list li {
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none !important;
/*ポチ消す*/
}
ul.trackmark li:before,
ul.mailmark li:before,
ul.calendarmark li:before,
ul.paymentmark li:before,
ul.angle-right li:before,
ul.clipboard-list li:before {
font-family: "Font Awesome 5 Free";
/*align-content*/
font-weight: 900;
position: absolute;
left: 1em;
/*左端からのアイコンまで*/
color: #ff938b;
/*アイコン色*/
}
ul.trackmark li:before {
content: "\f48b";
}
ul.mailmark li:before {
content: "\f0e0";
}
ul.calendarmark li:before {
content: "\f073";
}
ul.paymentmark li:before {
content: "\f788";
}
ul.angle-right li:before {
content: "\f105";
}
ul.clipboard-list li:before {
content: "\f46d";
}
.fas,
.far {
/*font-size:150%;*/
padding: 0 5px 0 0;
}
#snow-monkey-form-14040 .smf-item__col {
padding: 5px 10px 5px 10px;
}
#snow-monkey-form-14040 .smf-text-control__control {
padding: 0;
}
#snow-monkey-form-14040 .smf-select-control__control {
padding: 6px;
}
#snow-monkey-form-14040 .smf-item__label {
font-weight: bold;
font-size: 12px;
}
#snow-monkey-form-14040 .smf-radio-button-control__label,
#snow-monkey-form-14040 .smf-item__controls {
font-size: 1rem;
}
#delivery-info .customer_form dt input[type="radio"] {
margin: 0 4px;
}
#delivery_select_table td,
#delivery_table td,
#time td,
#custom_order td,
#notes_table td {
line-height: 150%;
color: #4c4c4c;
border: 1px solid #e6e6e6;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
/*navi-footer4段*/
.site-footer .footer-sidebar .widget {
float: none;
}
.site-footer .footer-sidebar {
display: flex;
flex-direction: column
}
.site-footer .footer-sidebar .widget {
text-align: center;
}
@media screen and (min-width: 480px) {
.site-footer .footer-sidebar {
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
.site-footer .footer-sidebar .widget {
/* flex: 1; */
width: 50%;
}
}
@media only screen and (min-width: 783px) {
.site-footer .footer-sidebar {
flex-wrap: nowrap;
}
}
/*navi-footer*/
.footer-bottom {
margin-top: 24px;
padding: 8px;
position: relative;
font-size: 16px;
}
.footer-bottom.fdt-left-and-right .footer-bottom-content {
float: none;
display: flex;
/* justify-content: space-between; */
align-items: baseline;
}
.navi-footer-in>.menu-footer {
padding: 0 0 0 10px;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
/* justify-content: flex-end; */
text-align: center;
font-size: 80%;
}
.footer-bottom.fnm-text-width .menu-footer li {
width: auto;
}
.navi-footer-in>.menu-footer li {
width: 120px;
border-left: 1px solid #ddd;
}
.navi-footer-in>.menu-footer li:last-child {
border-right: 1px solid #ddd;
}
.footer-bottom.fnm-text-width .menu-footer li a {
padding: 0 10px;
}
.site-info .copyr {
float: none;
margin: 0;
}
.site-info .wpinfo {
float: none;
margin: 0;
}
.footer-bottom.fdt-left-and-right .footer-bottom-content {
flex-direction: column;
}
.footer-bottom-content {
text-align: center;
float: none;
}
@media only screen and (min-width: 783px) {
.footer-bottom.fdt-left-and-right .footer-bottom-content {
flex-wrap: wrap;
}
.site-info .copyr,
.site-info .wpinfo {
flex: none;
}
}
@media screen and (min-width: 480px) {
.footer-bottom.fdt-left-and-right .footer-bottom-content {
flex-direction: row;
justify-content: space-between;
}
.footer-bottom-content {
/* text-align: center; */
/* float: none; */
}
.site-info .copyr,
.site-info .wpinfo {
flex: 1;
}
}
@media only screen and (min-width: 783px) {
.site-info .copyr,
.site-info .wpinfo {
flex: none;
}
}
@media screen and (max-width: 834px) {
.navi-footer-in>.menu-footer li.menu-item {
width: 100%;
border: 0;
margin: 0;
text-align: center;
}
}
/*トップページサムネイル*/
@media only screen and (min-width: 601px) {
.home .homeajx .type-post .post-thumbnail,
.search .mcont .article-area.fwidht>article .post-thumbnail {
width: calc(90% / 3);
}
.mcont .fwidht .type-post .post-thumbnail {
width: calc(100% / 5);
}
}
.top-page-container {
display: flex;
flex-wrap: wrap;
}
.top-page-column {
width: 100%;
padding: 0 10px;
}
@media (min-width: 1024px) {
.top-page-column {
/*  width: 50%; */
}
}
.home .homeajx {
border: 1px solid #ddd;
height: auto;
overflow-y: visible;
}
/*サイドバー*/
#custom_html-11 a,
#custom_html-12 a {
padding: 9px;
text-decoration: none;
color: #fff;
display: inline-block;
width: 100%;
font-size: 16px;
font-size: 1rem;
text-align: center;
margin-bottom: 6px;
background: #003058;
border-radius: 3px;
box-shadow: 0 1px 3px #ccc;
font-weight: bold;
}
.widget .viewed_posts li a {
padding: 9px;
text-decoration: none;
color: #fff;
display: inline-block;
width: 100%;
/* font-size: 8px; */
/* font-size: 1rem; */
text-align: center;
margin-bottom: 6px;
background: #349fc7;
border-radius: 3px;
box-shadow: 0 1px 3px #ccc;
/* font-weight: bold; */
}
.item-single .skuform .cart_table.shopping {
/* float:right; */
/* width:230px; */
/*margin-right:20px;*/
}
.item-single .skuform .cart_table.estimate {
/* float:left; */
/* width:230px; */
/* margin-right: 3%; */
}
.item-single .skuform .cart_table li {
/* padding-left: 10px; */
}
.item-single .skuform .cart_table li:first-child {
/* padding-left: 0; */
}
.item-single .skuform .cart_table.shopping {
/* float: left; */
/* width: 100%; */
/* border: 1px solid #476d02; */
/* margin-bottom: 32px; */
/* margin-bottom: 2rem; */
/* border-radius: 3px; */
}
.item-single .skuform .cart_table.estimate {
/* float: left; */
/* width: 100%; */
/* border: 1px solid #0d4060; */
/* margin-bottom: 32px; */
/* margin-bottom: 2rem; */
/* border-radius: 3px; */
}
.estimate li:first-child,
.shopping li:first-child,
.item-single .cart_table .skubutton {
/* border: none; */
}
.item-single .skuform .cart_table li.hide2 {
/* padding-left: 0; */
}
/* スマホフッターナビ */
/**********************
モーダルウィンドウ
**********************/
.modal-window {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 0;
line-height: 1.3;
display: none;
}
.modal-window:target {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.is-active.modal-window {
display: block;
}
.modal-window:target {
display: block;
}
.modal-window .modal-inner {
position: absolute;
top: 100px;
left: 5%;
z-index: 20;
padding: 5%;
margin: 0 auto;
width: 80%;
overflow-x: hidden;
border-radius: 6px;
background: #fff;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}
.modal-window .modal-close {
display: block;
text-indent: -100px;
overflow: hidden;
}
.modal-window .modal-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background: #333;
-moz-opacity: 0.7;
opacity: 0.7;
}
.modal-window .modal-close:after {
content: '\00d7';
position: absolute;
top: 70px;
right: 15%;
z-index: 20;
margin: 0 auto;
background: #fff;
border-radius: 2px;
padding: 10px 10px;
text-decoration: none;
text-indent: 0;
}
.modal-window {
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
/**********************
スマホのフッターメニュー
**********************/
ul.footer_menu {
margin: 0 auto;
padding: 12px 0;
width: 100%;
overflow: hidden;
display: table;
table-layout: fixed;
text-align: center;
width: 100%;
}
ul.footer_menu li {
margin: 0;
padding: 0;
display: table-cell;
vertical-align: middle;
list-style-type: none;
font-size: 13px;
line-height: 15px;
}
ul.footer_menu li a i {
font-size: 24px;
}
ul.footer_menu li a {
border: none;
display: block;
color: #fff;
text-align: center;
text-decoration: none;
}
.footer_menu {
position: fixed;
bottom: 0;
left: 0;
background: #999;
z-index: 9999999999;
-moz-opacity: 0.9;
opacity: 0.9;
}
/**********************
modalの部分
***********************/
.modal-inner ul {
list-style: none;
}
.modal-inner li {
list-style: none;
float: left;
width: 25%;
margin: 3%;
}
.modal-inner li a {
font-size: 150%;
position: relative;
display: block;
padding: 10px;
color: #fff;
border-radius: 6px;
text-align: center;
text-decoration: none;
}
.modal-inner li a:hover {
box-shadow: none;
}
/********************** 
メニューの部分
**********************/
ul.mod {
padding: 0;
}
.mod li {
float: none;
display: block;
width: 100%;
margin: 0;
}
.mod li a {
text-align: left;
/* メニューを左寄せ */
font-weight: bold;
/* メニューを太字に */
background: #999;
/* メニューの背景色 */
margin: 2%;
font-size: 14px;
/* メニュー文字サイズ */
}
ul.footer_menu {
display: none;
}
@media (max-width: 1024px) {
footer {
margin-bottom: 63px;
}
.site-footer .p-top {
bottom: 65px;
}
ul.footer_menu {
display: table;
}
}
/* 商品内画像に使用. 基本のbox-shadow */
.shadow_img {
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}
.series img {
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}
.wp-image-none img {
    box-shadow: none
}
.wp-image-none{
    box-shadow: none
}
.wp-image-shadow{
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
    }

@media only screen and (min-width: 600px) {
/* 子を持つ親メニューにマウスオーバーしたとき、サブメニューを表示する */
.menu-item-has-children:hover .sub-menu {
display: block !important;
animation: appear .5s ease;
}
@keyframes appear {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* サブメニューにマウスオーバーしたときリンクの背景色とテキストカラーを変更 */
.sub-menu>.menu-item a:hover {
background: #004d77;
color: white;
}
.main-navigation .nav-menu>.subtoggl.menu-item-has-children:after,
.main-navigation .nav-menu>.subtoggl.page_item_has_children:after {
content: '\f431';
}
}