@charset "utf-8";
/*
Theme Name: 黒田陶苑
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');


/* リセット
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style:normal;
    font-size: 100%;
    vertical-align: baseline;
}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}


body {
    color: #222;
    font: 14px/1.6  'Roboto',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , sans-serif;
    font-weight: 500;
    background: #f7f7f7 url(images/bg.png) center top repeat-y;
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6, pre, code, input, textarea, select, button {
    font-family: 'Roboto',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , sans-serif;
}

/* レイアウト
------------------------------------------------------------*/
#wrapper {
    margin: 0 auto;
    width: 980px;
    position: relative;
    padding-bottom: 30px;
}
.inner{
    margin: 0 auto;
    width: 980px;
    position: relative;
}
#header{
    width: 1140px;
    height: 100px;
    margin: 0 auto;
    position: relative;
    border-top: 4px solid #1c1a14;
}
#content{
    float: left;
    width: 680px;
    padding: 0 0 50px;
}
#content_1col{
    width: 980px;
    padding: 0 0 50px;
}
#sidebar{
    float: right;
    width: 250px;
    padding: 30px 0 50px;
    position: relative;
}
.post{
    font-size: 14px;
    line-height: 1.7;
    padding: 30px 10px 20px;
    margin: 0;
    min-height: 300px;
}
.taC {
    text-align:center;
}
.taR {
    text-align:right;
}
.taL {
    text-align:left;
}
.textL {
    font-size:16px;
}

/*--- Link&Element ----------------------------------------------------------- */
a:link {
    color: #89753f;
    text-decoration: underline;
    transition: color .3s;
}
a:visited {
    color: #89753f;
}
a:hover {
    color: #222;
    text-decoration: none;
}
p {
    margin: 0 0 15px;
    padding: 0;
}
p img {
    padding: 0;
    max-width: 100%;
}
blockquote {
    font-style: italic;
    margin: 1em 0 1em 20px;
    padding: 15px;
    background-color: #f7f7f7;
    color: #444;
}
pre {
    padding: 10px 20px;
    border-left: 6px solid #ddd;
    background-color: #f7f7f7;
    overflow: auto;
    width: 90%;
    _width: 95%; /* for IE6 */
}
ul, ol {
    margin: 1em 20px;
    padding: 0;
    list-style-position: outside;
}
ul ul, ul ol, ul ol, ol ol {
    margin: 0.3em 0 0.3em 15px
}
ul.designlist {
    margin: 5px;
    padding: 0;
}
ul.designlist li {
    margin: 0px 10px 0 0;
    padding: 7px 0 7px 18px;
    background: url(images/list.png) left center no-repeat;
    list-style: none;
    line-height: 1.3;
}
ul.designlist2 {
    margin: 5px;
    padding: 0 0 10px;
}
ul.designlist2 li {
    display: inline;
    margin: 0px 15px 0 0;
    padding: 7px 0 7px 15px;
    background: url(images/list2.png) left center no-repeat;
    list-style: none;
    line-height: 1.3;
}

h2 {
    clear: both;
    font-size: 20px;
    color: #191919;
    margin: 20px 0 20px 0;
    padding: 10px 10px 22px 2px;
    font-weight: bold;
    line-height: 1.2;
    background: url(images/h2_bg.png) left bottom no-repeat;
}
h2:first-child {
    margin: 10px 0 20px 0;
}
h2 span{
    display: inline-block;
    font-size: 13px;
    text-align: center;
    padding: 0;
    margin: 0 0 0 30px;
    letter-spacing: 1px;
    font-weight: 400;
}
h2.h2g {
    clear: both;
    font-size: 22px;
    margin: 0 0 20px 0;
    padding: 10px 0 25px 0;
    font-weight: bold;
    line-height: 1.3;
    background: url(images/h2g_bg.png) left bottom repeat-x;
}
h2.h2g span{
    margin: 0 0 0 12px;
}
h2.h2gb {
    clear: both;
    font-size: 18px;
    margin: 0 0 20px 0;
    padding: 10px 0 18px 0;
    font-weight: bold;
    line-height: 1.3;
    background: url(images/h2g_bg.png) left bottom repeat-x;
}
h2 a:link {
    color: #191919;
    text-decoration: none;
}
h3 {
    clear: both;
    font-size: 17px;
    font-weight: bold;
    color: #191919;
    margin: 20px 0 15px 0;
    padding: 10px 0 10px 22px;
    background: url(images/h3_bg.png) left center no-repeat;
    border-bottom: 1px dotted #ccc;
    line-height: 1.2;
}
h3 span{
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-left: 30px;
}
h3.h3first {
    margin: 0 0 20px 0;
}
h4 {
    clear: both;
    font-weight: bold;
    font-size: 16px;
    color: #222;
    margin: 10px 0 15px 0;
    padding: 10px 0;
    border-bottom: 1px dotted #ddd;
}
h5 {
    clear: both;
    font-weight: bold;
    font-size: 16px;
    color: #222;
    margin: 15px 0 15px 0;
    padding: 2px 0 2px 0;
}
h6 {
    font-weight: normal;
    color: #222;
    border-bottom: 1px dotted #ddd;
    font-size: 16px;
    margin: 0;
    padding: 5px 0 15px 0;
}
.clear {
    clear: both;
    width: 100%;
    height: 0px;
    font-size: 0px;
}

.box {
    border: #d8d8d3 solid 1px;
    padding: 20px 30px;
    background: #f2f2ed;
    margin: 0px 0 20px 0;
    box-shadow: 0 3px 0 rgba(0,0,0,0.05);
}
@media only screen and (max-width: 979px){
    h2 {
        font-size: 18px;
    }
}



/*--- Images ----------------------------------------------------------- */
img {
    max-width: 100%;
    border: none;
    margin: 0;
    vertical-align: bottom;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    float: right;
    padding: 0;
    margin: 0 0 20px 30px;
    display: inline;
}
img.alignleft {
    float: left;
    padding: 0;
    margin: 0 30px 20px 0;
    display: inline;
}
@media only screen and (max-width: 980px){
    img.alignright, img.alignleft {
        float: none;
        display: block;
        padding: 0px;
        margin: 20px auto;
    }
}


/*--- form ----------------------------------------------------------- */
form {
    margin: 0;
    padding: 0;
    font-size: 13px;
}
fieldset {
    padding: 3px;
    border: none;
}
legend {
    padding: 0 10px;
    background-color: #fff;
}
input, textarea {
    padding: 2px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    background-color: #fff;
    max-width: 360px;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , sans-serif;
    font-size: 13px;
    box-sizing: border-box;
}
input:hover, textarea:hover {
    border-color: #333
}
a:focus, textarea:focus, input:focus {
    outline: none
}
textarea {
    padding: 3px 10px
}
input.submit {
    padding: 3px 5px;
    font-size: 100%;
    border: none;

}
input.submit:hover {
    border: none
}
input.radio {
    border: none;
    background-color: transparent;
    background-image: none;
}
@media only screen and (max-width: 979px){
    input, textarea {
        width: auto;
        padding: 5px 3px;
    }
    .mwform-tel-field input {
        width: 50px;
    }
    .mwform-checkbox-field input {
        display: inline-block;
        width: 18px;
    }
}


/*--- Table ----------------------------------------------------------- */
table {
    font: 14px/1.4 "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , sans-serif;
    width: 99.9%;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 13px;
    margin: 10px auto;
}
th {
    padding: 10px 5px;
    text-align: left;
    font-weight: bold;
}
td {
    padding: 10px 5px;
    text-align: left;
}

/*--- Design Table ----------------------------------------------------------- */
table.design_tbl {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
    margin: 10px auto 10px;
}
.design_tbl th {
    border-bottom: 1px solid #e6e6e6;
    color: #191919;
    background: #fff;
    padding: 20px 15px;
    vertical-align: top;
    font-weight: bold;
    box-sizing: border-box;
}
.design_tbl td {
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 15px;
    background: #fff;
    color: #191919;
    box-sizing: border-box;
}

table.design2_tbl {
    border-bottom: 1px solid #333;
    border-top: none;
    font-size: 14px;
    margin: 5px auto 15px;
    table-layout:fixed;
}
.design2_tbl th {
    border-right: 1px dotted #ddd;
    border-top: 1px solid #333;
    color: #222;
    font-size: 16px;
    background: #fff;
    padding: 15px;
    vertical-align: middle;
    text-align: left;
    line-height: 1.2;
    box-sizing: border-box;
    width: 30%;
}
.design2_tbl td {
    border-top: 1px solid #333;
    padding: 15px;
    background: #fff;
    text-align: left;
    vertical-align: middle;
    box-sizing: border-box;
}

table.design3_tbl {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    margin: 20px auto 15px;
}
.design3_tbl th {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #687c66;
    color: #fff;
    background: url(images/green_bg.png);
    padding: 15px;
    vertical-align: middle;
    box-sizing: border-box;
    width: 30%;
}
.design3_tbl td {
    border-bottom: 1px solid #ccc;
    background: #f7f7f7;
    padding: 15px;
    box-sizing: border-box;
}

table.design4_tbl {
    font-size: 13px;
    margin: 0px auto 15px;
}
.design4_tbl th {
    padding: 12px 15px;
    vertical-align: middle;
    box-sizing: border-box;
}
.design4_tbl th.ds2l {
    background: #dcd8cd;
    width: 37%;
}
.design4_tbl th.ds2r {
    background: #ededdd;
}
.design4_tbl td {
    border-bottom: 1px dotted #ddd;
    background: #fff;
    padding: 12px;
    box-sizing: border-box;
}


/* ヘッダー
------------------------------------------------------------*/
#header .site_title{
    position: absolute;
    top: 0;
    left: -40px;
    padding: 0 0 0 0;
    z-index: 2;
}
#header h1{
    line-height: 1;
    font-size: 10px;
}



/* グローバルメニュー
------------------------------------------------------------*/
#mainNav {
    clear:both;
    position: absolute;
    width: 800px;
    top: 15px;
    right: 0;
    margin: 0;
    text-align:right;

}
#mainNav ul{
    margin:0;
    padding: 0;
    display: table;
    text-align: center;
    position: absolute;
    right: 0px;
}
#mainNav ul li{
    display: table-cell;
    position: relative;
    margin:0;
    padding: 0;
}
#mainNav ul li a{
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 13px 20px;
    text-decoration: none;
    color: #191919;
    vertical-align: middle;
}
#mainNav ul li a span{
    display: block;
    font-size: 9px;
    line-height: 2;
    font-weight: 400;
    letter-spacing: 1px;
}
#mainNav ul li a i{
    color: #666;
}
#mainNav ul li a:hover{
    color:#777;
}
nav#mainNav ul li.menu-item-has-children a{
    background: url(images/submenu.png) no-repeat center 58px;
}
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a{
    color: #777;
}

nav#mainNav ul li.menu-item-has-children > a:hover{
    padding-bottom: 30px;
}

nav#mainNav ul li ul.sub-menu {
    display: none;
    position: absolute;
    top: 75px;
    left: 10px;
    width: 200px;
    border-top: #b09651 3px solid;
    padding: 0;
    z-index: 1;
}
nav#mainNav ul li:hover ul.sub-menu {
    display: block;
}
nav#mainNav ul li ul.sub-menu li{
    display: inline;
    padding: 0; 
    margin: 0;
    float: none;
    padding: 0;
    width: 170px;
    height: 32px;
    line-height: 32px;
}
nav#mainNav ul li ul.sub-menu li a {
    display: block;
    border-top: 1px solid #171717;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    padding: 0px 15px;
    text-align: left;
    font-weight: 500;
    color: #fff;
    height: 40px;
    line-height: 40px;
    background: #222;
    font-size: 13px;
}
nav#mainNav ul li ul.sub-menu li.lastchild a{
    border-bottom: none;
}
nav#mainNav ul li ul.sub-menu li a:hover {
    background: #333;
    color: #fff;
}
nav#mainNav ul li ul.sub-menu li.current-menu-item a {
    display: block;
    font-weight: bold;
}
/*--- mobile menu --- */
.uk-parent {
    background: #191919;
}
.uk-offcanvas-bar {
    background: #222;
}
.uk-nav-offcanvas > li.menu-item > a {
    color: #ccc;
    padding: 7px 15px 7px 30px;
    font-size: 92%;
}


/* メインスライダー
------------------------------------------------------------*/
.mainimg_wrapper {
    width: 1140px;
    margin: 0 auto;
    position: relative;
    height: 400px;
    overflow: hidden;
}
.mainimg_wrapper .bx-wrapper .bx-pager {
    position: relative;
    top: -20px;
}
.mainimg_wrapper .slide1 {
    width: 100%;
    height: 400px;
    background: url(images/slider/s1.jpg) no-repeat center center;
}
.mainimg_wrapper .slide2 {
    width: 100%;
    height: 400px;
    background: url(images/slider/s2.jpg) no-repeat center center;
}
.mainimg_wrapper .slide3 {
    width: 100%;
    height: 400px;
    background: url(images/slider/s3.jpg) no-repeat center center;
}
.mainimg_wrapper .slide4 {
    width: 100%;
    height: 400px;
    background: url(images/slider/s4.jpg) no-repeat center center;
}
.mainimg_wrapper .slide5 {
    width: 100%;
    height: 400px;
    background: url(images/slider/s5.jpg) no-repeat center center;
}
@media only screen and (max-width: 979px){
    .mainimg_wrapper,.slide1,.slide2,.slide3,.slide4,.slide5 {
        width: 100%;
        height: 250px;
    }
    .mainimg_wrapper .slide1, .mainimg_wrapper .slide2, .mainimg_wrapper .slide3, .mainimg_wrapper .slide4, .mainimg_wrapper .slide5 {
        width: 100%;
        height: 250px;
        background-size: cover;
    }
}


/* 消費税変更
----------------------------------*/

.taxchange {
    background-color:#ededed;
    padding: 10px 0 10px 48px;
    max-width:1092px;
    margin:0 auto;
}

@media only screen and (max-width: 768px){
    .taxchange {
        max-width:100%;
        padding: 10px 20px;
    }
}
/* パンくずリスト
----------------------------------*/
#pankuzu {
    width: 1020px;
    padding: 12px 0 10px;
    color: #666;
}
#pankuzu a{
    color: #666;
    text-decoration: none;
}
.pankuzu_inner {
    margin: 0 auto;
}
#pankuzu ul {
    text-align: right;
    list-style: none;
    padding: 0;
    margin: 0 10px 0 10px;
    font-size:12px;
}
#pankuzu ul li {
    display: inline;
    margin: 0;
    padding: 0 5px;
    font-size: 12px;
}
#pankuzu ul li:first-child {
    background:none;
}


/* ページヘッダー
------------------------------------------------------------*/
.page-header {
    width: 1140px;
    height: 300px;
    background: #f3f3f3 url(images/page-header/h1_bg.jpg) center center no-repeat;
    padding: 0;
    margin: 0 auto;
    border: none;
}
h1.h1page {
    display: inline-block;
    text-align: left;
    background: url(images/bl_bg.png);
    padding: 35px 70px;
    margin: 85px 0 0 0;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.3;
}
h1.h1page span {
    display: block;
    color: #b09651;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 1.5;
    padding-bottom: 3px;
}
.h_none_bg {
    background: url(images/ticker_bg.png);
}
.h_none2_bg {
    background: url(images/page-header/h1_none2_bg.jpg) center center no-repeat;
}
.h_none3_bg {
    background: url(images/page-header/h1_none3_bg.jpg) center center no-repeat;
}
.h_sakka_bg {
    background: url(images/page-header/h1_mm_bg.jpg) center center no-repeat;
}/*images/page-header/h1_sakka_bg.jpg を一時的に変更*/
.h_shiryou_bg {
    background: url(images/page-header/h1_shiryou_bg.jpg) center center no-repeat;
}
.h_shiryou_bg h1.h1page {
    background: none;
    padding: 30px 30px 30px 80px;
    margin: 30px 0 0 0;
}
.h_shiryou_bg h1.h1page span {
    color: #eeead7;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.6;
    padding: 30px 0 0 0;
    text-shadow: 1px 1px 2px #000;
}
.h_gui_bg {
    background: url(images/page-header/h1_gui_bg.jpg) center center no-repeat;
}
.h_guic_bg {
    background: url(images/page-header/h1_gui_c_bg.jpg) center center no-repeat;
}
.h_comp_bg {
    background: url(images/page-header/h1_comp_bg.jpg) center center no-repeat;
}
.h_contact_bg {
    background: url(images/page-header/h1_contact_bg.jpg) center center no-repeat;
}
.h_contact_bg h1.h1page {
    background: none;
}
.h_kissako_bg {
    background: url(images/page-header/h1_kissako_bg.jpg) center left no-repeat;
}
.h_search_bg {
    background: url(images/page-header/h1_search_bg.jpg) center center no-repeat;
}
.h_news_bg {
    background: url(images/page-header/h1_news_bg.jpg) center center no-repeat;
}
.h_rokeian_bg {
    background: url(images/page-header/h1_rokeian_bg.jpg) center center no-repeat;
}
.h_nn_bg {
    background: url(images/page-header/h1_nn_bg.jpg) center center no-repeat;
}
.h_mm_bg {
    background: url(images/page-header/h1_mm_bg.jpg) center center no-repeat;
}
@media only screen and (max-width: 1140px){
    .page-header {
        width: 100%;
        height: 180px;
        padding: 50px 0 0 0;
        margin: 0 auto;
        border: none;
    }
}
@media only screen and (max-width: 980px){
    h1.h1page {
        display: block;
        text-align: center;
        font-size: 20px;
        margin: 0 0 0 0;
        padding: 18px 20px;
    }
    h1.h1page span {
        font-size: 12px;
    }
    .h_shiryou_bg h1.h1page {
        padding: 0px 30px;
        margin: 0 0 0 0;
    }
    .h_shiryou_bg h1.h1page span {
        font-size: 12px;
        padding: 15px 0 0 0;
    }
    .br-sp { display:none; }
}




/* TOPページ
------------------------------------------------------------*/
.ticker {
    width: 1140px;
    background: url(images/bl_bg.png);
    padding: 0;
    margin: 0 auto;
}
.ticker_inner {
    height: 60px;
    box-sizing: border-box;
    display: block;
    padding: 0 20px;
    border: none;
    color: #fff;
    position: relative;
}
.ticker_title {
    height: 60px;
    box-sizing: border-box;
    float: left;
    display: inline-block;
    vertical-align: middle;
    background: url(images/ticker_bg.png);
    padding: 0 20px 12px;
    color: #f4edd1;
    text-align: center;
    margin: 0 30px 0 30px;
    font-size: 14px;
    font-weight: bold;
}
.ticker_title span{
    display: block;
    font-size: 9px;
    color: #594c28;
    padding-top: 10px;
    line-height: 1.4;
    font-weight: normal;
}
.ticker_content {
    padding: 19px 0 15px 0;
    overflow: hidden;
}
.ticker_inner a{
    font-size: 14px;
    color: #c4ba91;
    text-decoration: none;
}
.ticker_inner a:hover{
    color: #999172;
}
ul.social {
    display: flex;
    position: absolute;
    right: 15px;
    top: 12px;
    margin: 0;
    padding: 0;
}
ul.social li{
    display: inline;
    margin: 0 3px;
    padding: 0;
}
.social a{
    display: inline-block;
    text-align: center;
    font-size: 20px;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
}
.social a.sc-fb{
    background: #3b5998;
}
.social a.sc-tw{
    /* background: #41aae1; */
    background: #000;
    position: relative;
}
.social a.sc-tw.icon-x::after {
    position: absolute;
    content: "";
    background-image: url(images/logo-x.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.social a.sc-in{
    background: #e14e4b;
}
.social a.sc-yt {
    background: #fff;
    position: relative;
}
.social a.sc-yt.icon-youtube::after {
    position: absolute;
    content: "";
    background-image: url(images/logo_yt.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.social a.sc-fb:hover,.social a.sc-tw:hover,.social a.sc-in:hover,.social a.sc-yt:hover{
    background: #999;
    color: #eee;
}



.top_e1 {
    display: block;
    background: url(images/top_e1.jpg) no-repeat center center;
    background-size: cover;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 17px;
    font-weight: bold;
}
.top_e2 {
    display: block;
    background: url(images/top_e2.jpg) no-repeat center center;
    background-size: cover;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 17px;
    font-weight: bold;
}
.top_e3 {
    display: block;
    background: url(images/top_e3.jpg) no-repeat center center;
    background-size: cover;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: bold;
}
.top_e4 {
    display: block;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: bold;
}
.top_e1 span,.top_e2 span, .top_e3 span,.top_e4 span{
    display: block;
    font-size: 10px;
    font-weight: normal;
    color: #bea870;
}
.top_e_inner {
    text-align: center;
    padding: 8px;
    background: rgba(10,10,10,0.7) none repeat scroll 0% 0%;
    transition-property: all;
    transition: 0.3s linear;
}
.top_e_inner_in {
    padding: 29px 5px;
    border: 1px solid #756844;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    min-height: 46px;
}
.top_e_inner:hover {
    background: rgba(10,10,10,0.4) none repeat scroll 0% 0%;
}
.top_e_innertax {
    background: rgba(30,30,30,0.7) none repeat scroll 0% 0%;
}
.top_e_innertax:hover {
    background: rgba(30,30,30,0.55) none repeat scroll 0% 0%;
}
.top_e_innertax .top_e_inner_in {
    padding: 29px 5px;
    border: 1px solid #756844;
    box-shadow: 2px 2px 2px rgba(30,30,30,0.3);
    min-height: 46px;
}

.t2box {
    text-align: right;
    padding: 0 5px;
}
.t2t1 {
    color: #191919;
    font-size: 18px;
    font-weight: bold;
}
.t2t2 {
    color: #bea870;
    font-size: 12px;
    background: url(images/h2g_bg.png) repeat-x left bottom;
    padding-bottom: 13px;
    margin-bottom: 10px;
}
.t2t3 {
    color: #191919;
    font-size: 18px;
    font-weight: bold;
}
.t2t4 {
    color: #bea870;
    font-size: 12px;
    margin-bottom: 25px;
}
.t2t5 {
    color: #777;
    font-size: 12px;
    margin-bottom: 8px;
}
.top_ipp_link {
    text-align: right;
    padding: 10px 0 20px;
}
.top_gui_link {
    display: inline-block;
    float: right;
    text-align: center;
    padding: 8px 0px 5px 10px;
}

.top_kissa_box {
    background: url(images/top_kissa_bg.png);
    padding: 20px 20px 10px;
    margin: 20px auto 0;
    border-radius: 5px;
}
.top_kissa_title {
    width: 100%;
    height: 94px;
    background: url(images/top_kissa_title.png) no-repeat center top;
}
.top_kissa_desc {
    padding: 10px 3px 20px;
}
.top_kissa_link {
    text-align: center;
    padding: 20px 10px 10px;
}
a.link-box2 {
    width: 49.5%;
    display: inline-block;
    padding: 10px 5px;
    border-bottom: 1px dotted #ddd;
    text-decoration: none;
    color: #222;
    box-sizing: border-box;
}

.news dl  {
    margin: 0;
    padding: 0;
}
.news dl dt {
    clear: both;
    float: left;
    font-size: 12px;
    color: #333;
    padding: 8px 0 8px 6px;
    width: 180px;
    font-weight: normal;
}
.news dl dt span{
    display: inline-block;
    text-align: center;
    background: #bea870;
    font-size: 11px;
    color: #fff;
    width: 70px;
    padding: 3px 5px;
    line-height: 1;
    margin-left: 15px;
}
.news dl dd {
    font-size: 13px;
    padding: 8px 20px 8px 0;
    border-bottom: 1px dotted #ddd; 
}
.news dl dd a{
    color: #222;
}
.more {
    text-align: right;
    padding-top: 10px
}
.more a{
    font-size: 13px;
    color: #222;
    padding-left: 20px;
    background: url(images/list.png) left center no-repeat;
}
a.top_linktitle {
    display: block;
    padding: 3px 2px 10px;
    color: #191919 !important;
    font-size: 13px;
    /* text-align: center; */
    text-decoration: none;
}
@media only screen and (max-width: 979px){
.ticker {
    width: 100%;
}
.ticker_inner {
    display: block;
    height: auto;
    padding: 15px 20px;
}
.ticker_title {
    display: none;
}
.ticker_content {
    padding: 0;
}
ul.social {
    display: flex;
    position: static;
    /* text-align: right; */
    padding-top: 10px;
}
.t2box {
    text-align: left;
    padding: 0 15px;
}
a.link-box2 {
    width: 100%;
    display: inline-block;
    padding: 10px 0;
    border-bottom: 1px dotted #ddd;
    text-decoration: none;
    color: #222;
    box-sizing: border-box;
}
.news dl dt {
    clear: both;
    float: none;
    display: block;
}
.news dl dd {
    display: block;
    padding: 0 6px 8px 6px;
} 
    
    
}


/* 展示会
--------------------------------------------------------------------*/
.ex1box {
    border: #e2e2dd solid 1px;
    padding: 15px 25px;
    background: #f2f2ed;
}
.ex1box2 {
    border: 1px solid #dbdbd6;
    padding: 12px 20px 8px;
    margin: 0 0 30px 0;
    background: #f4f4ef;
    box-shadow: 0 3px 0 rgba(0,0,0,0.05);
}
.ex1 {
    font-size: 16px;
    font-weight: bold;
}
.ex1 span{
    display: block;
    font-size: 13px;
    font-weight: normal;
}
.ex2 {
    font-size: 14px;
}
.ex3 {
    padding: 30px 0 10px;
}
.ex4 {
    padding: 10px 0;
}
.ex5 {
    margin-top: 13px;
    border-top: 1px solid #d6c9a8;
    padding: 13px 0 0;
}

@media only screen and (min-width: 980px){

.exhibition_all {
    margin:0 0 30px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
    padding:0;
}
.exhibition_detail {
    margin: 0 26px 26px 0;
    padding: 0px;
    border: 0px solid #aaa;
    width: 220px;
    list-style: none;
}
.exhibition_detail:nth-child(4n) {
    margin: 0 0 10px 0;
}
.exhibition_detail .exhibition_img {
    position:relative;
    height: 220px;
    width: 220px;
    overflow: hidden;
    background-color:#efefef;
}
.exhibition_detail .exhibition_img img {
    width:100%;
    height:100%;
    object-fit:cover;
    /*position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    text-align: center;*/
}
.exhibition_detail .exhibition_detail01 {
    min-height:76px;
    margin:12px 0 0 0;
}
.exhibition_detail .exhibition_detail02,
.exhibition_detail .exhibition_detail03 {
    margin:8px 0;
}
.exhibition_detail .number {
    font-size:18px;
    margin:0 8px 0 0;
    font-weight:bold;
}
.exhibition_detail .artwork-name {
    font-size:18px;
    margin:0 8px 0 0;
    font-weight:bold;
}
.exhibition_detail .artwork-name-english {
    font-size:14px;
    margin:0;
    display:inline-block;
}

.exhibition_detail .exhibition_detail02 {
    clear:both;
    overflow: hidden;
}
.artwork-price-left {
    font-size:15px;
    line-height:16px;
    float:left;
}
.artwork-price-left span {
    font-size:12px;
    font-weight:normal;
}
.artwork-price-right {
    font-size:15px;
    line-height:16px;
    text-align:right;
    float:right;
}
.artwork-price-right span {
    font-size:12px;
    font-weight:normal;
}

.exhibition_detail .exhibition_detail03 {
    clear:both;
    overflow: hidden;
}
.artwork-artists-left {
    font-size:15px;
    line-height:16px;
    float:left;
}
.artwork-artists-left span {
    font-size:12px;
    font-weight:normal;
}
.artwork-artists-right {
    font-size:15px;
    line-height:16px;
    text-align:right;
    float:right;
}
.artwork-artists-right span {
    font-size:12px;
    font-weight:normal;
}
.exhibition_detail a.detail_link01 {
    display:block;
}
.exhibition_detail a.detail_link02 {
    display:block;
    width:100%;
    padding:2px 0;
    color:#ffffff;
    background-color:#A08849;
    text-align:center;
}
.exhibition_button_link {
    display:inline-block;
    padding:6px 12px;
    color:#ffffff !important;
    background-color:#A08849;
    text-align:center;
}
.PageSingleArtwork .artwork-number {
    font-size:24px;
    margin:0 16px 0 0;
    font-weight:bold;
}
.PageSingleArtwork .artwork-name {
    font-size:24px;
    margin:0 16px 0 0;
    font-weight:bold;
}
.PageSingleArtwork .artwork-name-english {
    font-size:14px;
    margin:0;
}

.PageSingleArtwork .artwork-artists {
    text-align:right;
}
.PageSingleArtwork .artwork-artists-name {
    font-size:20px;
    color:#A38C4C;
    margin:0 12px 0 0;
    font-weight:bold;
}
.PageSingleArtwork .artwork-artists-name-english {
    font-size:14px;
    color:#A38C4C;
    margin:0;
}
.PageSingleArtwork .Artwork__postContentMain {
    display:block;
    margin-top:80px;
    position: relative;
  }
.PageSingleArtwork .Artwork__artworksImageSlider {
    position: relative;
    height: 460px;
    width: 460px;
}
.PageSingleArtwork .Artwork__artworksImage {
    height: auto;
    width: 460px;
    max-height: 460px;
    object-fit:cover;
}
.PageSingleArtwork .Artwork__artworksImageSliderList {
    margin:0;
    padding:0;
}
.PageSingleArtwork .slick-dots {
    width: 480px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 480px;
}
.PageSingleArtwork .slick-dots li {
    width: 88px;
    height: 88px;
    float: left;
    margin:0 10px 10px 0;
}
.PageSingleArtwork .slick-dots li img {
    width: 88px;
    height: 88px;
    opacity: 0.5;
    object-fit:cover;
}
.PageSingleArtwork .slick-dots li.slick-active img {
    opacity:1;
    transition-duration:0.5s;
}

.PageSingleArtwork .slick-dots li:nth-child(5n) {
    margin:0;
}
.PageSingleArtwork .Artwork__artworksDataContainer {
    position: absolute;
    top: 220px;
    left: 480px;
}
.PageSingleArtwork .Artwork__artworksBoxAndSize {
    width:230px;
    float:left;
    margin-right: 20px;
}
.PageSingleArtwork .Artwork__artworksBox {
    border-top:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    clear:both;
    overflow: hidden;
    padding:12px 8px;
}
.PageSingleArtwork .Artwork__artworksBox dt {
    float:left;
}
.PageSingleArtwork .Artwork__artworksBox dd {
    float:right;
    text-align: right;
}
.PageSingleArtwork .Artwork__artworksBox .list-def-item-title.-japanese {
    font-size:14px;
    font-weight: normal;
}
.PageSingleArtwork .Artwork__artworksBox .list-def-item-title.-english {
    font-size:12px;
    color:#707070;
    font-weight: normal;
}
.PageSingleArtwork .Artwork__artworksBox .list-def-item-data.-japanese {
    font-size:14px;
    font-weight: normal;
}
.PageSingleArtwork .Artwork__artworksBox .list-def-item-data.-english {
    font-size:12px;
    color:#707070;
    font-weight: normal;
}
.PageSingleArtwork .Artwork__artworksSize {
    border-bottom:1px solid #DDDDDD;
    clear:both;
    overflow: hidden;
    padding:12px 8px;
}
.PageSingleArtwork .Artwork__artworksSize dt {
    float:left;
}
.PageSingleArtwork .Artwork__artworksSize dd {
    float:right;
    text-align: right;
}
.PageSingleArtwork .Artwork__artworksSize .list-def-item-title.-japanese {
    font-size:14px;
    font-weight: normal;
}
.PageSingleArtwork .Artwork__artworksSize .list-def-item-title.-english {
    font-size:12px;
    color:#707070;
    font-weight: normal;
}
.PageSingleArtwork .Artwork__artworksSize .list-def-item-data.-japanese {
    font-size:14px;
    font-weight: normal;
}

.PageSingleArtwork .Artwork__artworksPriceAndContact {
    width:230px;
    float:right;
}
.PageSingleArtwork .Artwork__artworksPriceAndContact .Artwork__artworksPrice {
    text-align:right;
    margin-bottom:8px;
}
.PageSingleArtwork .Artwork__artworksPriceAndContact .Artwork__artworksPriceNum {
    font-size:24px;
    font-weight:normal;
    line-height: 14px;
}
.PageSingleArtwork .Artwork__artworksPriceAndContact .Artwork__artworksPriceTax {
    font-size:14px;
    font-weight:normal;
}
.PageSingleArtwork .Artwork__artworksPriceAndContact .Artwork__artworksContactBtn {
    background-color: #A08849;
    text-align: center;
    padding: 10px;
}
.PageSingleArtwork .Artwork__artworksPriceAndContact .Artwork__artworksContactBtn a {
    color:#ffffff;
    font-size:15px;
    font-weight:bold;
}
.PageSingleArtwork .Artwork__artworksPriceAndContact .Artwork__artworksContactBtn .btn-text.-english {
    font-size:14px;
    font-weight:normal;
}

  .PageSingleArtwork .Artwork__postContentSub {
    margin-top: 24px;
    margin-bottom:40px;
    width: 100%;
    overflow:hidden;
  }
  .PageSingleArtwork .Artwork__artworksCaption {
    width: 460px;
    margin-right:20px;
    float:left;
  }
  .PageSingleArtwork .Artwork__artworksCaptionEnglish {
    width: 480px;
    float:left;
  }
  ul.art01 li a span{
    margin-left:11px;
    }
}
@media only screen and (max-width: 979px){

    .exhibition_all {
        margin:0 0 30px;
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:-moz-flex;
        display:flex;
        -webkit-box-lines:multiple;
        -moz-box-lines:multiple;
        -webkit-flex-wrap:wrap;
        -moz-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        width:100%;
        padding:0;
    }
    .exhibition_detail {
        margin: 0 20px 40px 0;
        padding: 0px;
        border: 0px solid #aaa;
        width: calc(50% - 10px);
        list-style: none;
    }
    .exhibition_detail:nth-child(even) {
        margin: 0 0 40px 0;
    }
    .exhibition_detail .exhibition_img {
        position: relative;
        height: 140px;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
        background-color: #efefef;
    }
    .exhibition_detail .exhibition_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .exhibition_detail .exhibition_detail01 {
        min-height: 76px;
        margin: 12px 0 0 0;
    }
    .exhibition_detail .exhibition_detail02,
    .exhibition_detail .exhibition_detail03 {
        margin:12px 0;
    }
    .exhibition_detail .number {
        font-size:16px;
        margin:0 8px 0 0;
        font-weight:bold;
    }
    .exhibition_detail .artwork-name {
        font-size:16px;
        margin:0 8px 0 0;
        font-weight:bold;
    }
    .exhibition_detail .artwork-name-english {
        font-size:14px;
        margin:0;
        display: inline-block;
    }

    .exhibition_detail .exhibition_detail02 {
        clear:both;
        overflow: hidden;
    }
    .artwork-price-left {
        font-size:13px;
        line-height:14px;
        float:left;
    }
    .artwork-price-left span {
        font-size:10px;
        font-weight:normal;
    }
    .artwork-price-right {
        font-size:13px;
        line-height:14px;
        text-align:right;
        float:right;
    }
    .artwork-price-right span {
        font-size:10px;
        font-weight:normal;
    }

    .exhibition_detail .exhibition_detail03 {
        clear:both;
        overflow: hidden;
    }
    .artwork-artists-left {
        font-size:13px;
        line-height:14px;
        float:left;
    }
    .artwork-artists-left span {
        font-size:10px;
        font-weight:normal;
    }
    .artwork-artists-right {
        font-size:13px;
        line-height:14px;
        text-align:right;
        float:right;
    }
    .artwork-artists-right span {
        font-size:10px;
        font-weight:normal;
    }
    .exhibition_detail a.detail_link01 {
        display:block;
    }
    .exhibition_detail a.detail_link02 {
        display:block;
        width:100%;
        padding:2px 0;
        color:#ffffff;
        background-color:#A08849;
        text-align:center;
    }

    .PageSingleArtwork {
        margin:0 5%;
    }
    .PageSingleArtwork .h2g {
        display:none;
    }
    .PageSingleArtwork .artwork-artists {
        margin:16px 0;
    }
    .PageSingleArtwork .artwork-artists-name {
        font-size:20px;
        color:#A38C4C;
        margin:0 12px 0 0;
        font-weight:bold;
    }
    .PageSingleArtwork .artwork-artists-name-english {
        font-size:14px;
        color:#A38C4C;
        margin:0;
    }
    .PageSingleArtwork .Artwork__postContentMain {
        display:block;
        margin-top:24px;
        position: relative;
      }
    .PageSingleArtwork .Artwork__artworksImageSlider {
        position: relative;
        height: auto;
        width: 100%;
    }
    .PageSingleArtwork .Artwork__artworksImage {
        width: 375px;
    }
    .PageSingleArtwork .Artwork__artworksImageSliderList {
        margin:0;
        padding:0;
    }
    .PageSingleArtwork .slick-dots {
        width: 100%;
        margin: 16px 0;
        padding: 0;
        display: block;
        overflow: hidden;
    }
    .PageSingleArtwork .slick-dots li {
        width: calc(33.33333% - 8px);
        max-height: 88px;
        float: left;
        margin:0 12px 12px 0;
        overflow: hidden;
    }
    .PageSingleArtwork .slick-dots li:nth-child(3n) {
        margin:0;
    }
    .PageSingleArtwork .slick-dots li img {
        width: 100%;
        opacity: 0.5;
        object-fit: cover;
    }
    .PageSingleArtwork .slick-dots li.slick-active img {
        opacity:1;
        transition-duration:0.5s;
    }
    .PageSingleArtwork .Artwork__artworksDataContainer {
        width:100%;
        margin:8px 0;
    }
    .PageSingleArtwork .Artwork__artworksBox {
        border-top:1px solid #DDDDDD;
        border-bottom:1px solid #DDDDDD;
        clear:both;
        overflow: hidden;
        padding:12px 8px;
    }
    .PageSingleArtwork .Artwork__artworksBox dt {
        float:left;
    }
    .PageSingleArtwork .Artwork__artworksBox dd {
        float:right;
        text-align: right;
    }
    .PageSingleArtwork .Artwork__artworksBox .list-def-item-title.-japanese {
        font-size:14px;
        font-weight: normal;
    }
    .PageSingleArtwork .Artwork__artworksBox .list-def-item-title.-english {
        font-size:12px;
        color:#707070;
        font-weight: normal;
    }
    .PageSingleArtwork .Artwork__artworksBox .list-def-item-data.-japanese {
        font-size:14px;
        font-weight: normal;
    }
    .PageSingleArtwork .Artwork__artworksBox .list-def-item-data.-english {
        font-size:12px;
        color:#707070;
        font-weight: normal;
    }
    .PageSingleArtwork .Artwork__artworksSize {
        border-bottom:1px solid #DDDDDD;
        clear:both;
        overflow: hidden;
        padding:12px 8px;
    }
    .PageSingleArtwork .Artwork__artworksSize dt {
        float:left;
    }
    .PageSingleArtwork .Artwork__artworksSize dd {
        float:right;
        text-align: right;
    }
    .PageSingleArtwork .Artwork__artworksSize .list-def-item-title.-japanese {
        font-size:14px;
        font-weight: normal;
    }
    .PageSingleArtwork .Artwork__artworksSize .list-def-item-title.-english {
        font-size:12px;
        color:#707070;
        font-weight: normal;
    }
    .PageSingleArtwork .Artwork__artworksSize .list-def-item-data.-japanese {
        font-size:14px;
        font-weight: normal;
    }

    .PageSingleArtwork .Artwork__artworksPriceAndContact {
        width:100%;
        margin:16px 0;
    }
    .PageSingleArtwork .Artwork__artworksPriceAndContact .Artwork__artworksPrice {
        text-align:right;
        margin-bottom:8px;
    }
    .PageSingleArtwork .Artwork__artworksPriceAndContact .Artwork__artworksPriceNum {
        font-size:24px;
        font-weight:bold;
    }
    .PageSingleArtwork .Artwork__artworksPriceAndContact .Artwork__artworksPriceTax {
        font-size:14px;
        font-weight:normal;
    }
    .PageSingleArtwork .Artwork__artworksPriceAndContact .Artwork__artworksContactBtn {
        background-color: #A08849;
        text-align: center;
        padding: 10px;
    }
    .PageSingleArtwork .Artwork__artworksPriceAndContact .Artwork__artworksContactBtn a {
        color:#ffffff;
        font-size:15px;
        font-weight:bold;
    }
    .PageSingleArtwork .Artwork__artworksPriceAndContact .Artwork__artworksContactBtn .btn-text.-english {
        font-size:14px;
        font-weight:normal;
    }

      .PageSingleArtwork .Artwork__postContentSub {
        margin-top: 24px;
        width: 100%;
      }
      .PageSingleArtwork .Artwork__artworksCaption {
        width: 100%;
      }
      .PageSingleArtwork .Artwork__artworksCaptionEnglish {
        width: 100%;
      }
      ul.art01 li a span{
        margin-left:11px;
        }
    .contetBoxSP {
        margin:0 5%;
    }

}


/* 作家ページ
--------------------------------------------------------------------*/
ul.art01 {
    margin: 0;
    padding: 0 10px;
}
ul.art01 li {
    border-bottom: 1px dotted #ddd;
    width: 32%;
    display: inline-block;
    padding: 5px 0;
    margin: 0;
}
ul.art01 li a{
    color: #826d3a;
    text-decoration: underline;
}
ul.art01 li a:before {
    display: inline-block;
    vertical-align: baseline;
    content: '';
    width: 0;
    height: 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 3px 0 3px 4px;
    border-left-color: #b09651;
    margin-right: 7px;
}
ul.art01 li a:hover{
    color: #222;
    text-decoration: none;
}
@media only screen and (max-width: 979px){
ul.art01 li {
    width: 49%;
}
}




/* 作家詳細ページ
--------------------------------------------------------------------*/
.sk_box {
    padding: 15px 0 15px 0;
}
ul.sk_photo {
    margin: 0;
    padding: 0;
}
ul.sk_photo img{
    margin-bottom: 20px;
}
#sk_pager a img{
    width: 75px;
    padding: 2px;
    background: #ddd;
    margin-bottom: 5px;
}
#sk_pager a.active img{
    background: #a31e14;
}
.sk_com {
    margin: 0;
    padding: 0 0 35px 0;
}
.sk_tr_box {
    padding: 20px 30px;
    border: 1px solid #d5d5d5;
    margin-top: 10px;
    margin-bottom: 20px;
    background: #edede8;
}
.sk_tr_box a{
    color: #826d3a;
    text-decoration: none;
}
.sk_tr_box a:hover{
    color: #888;
    text-decoration: underline;
}
.sk_tr {
    display: block;
    margin: -38px 0 10px -10px;
}
.sk_tr span{
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    padding: 4px 25px;
    background: url(images/bl_bg.png);
    color: #e0cc8c;
}
.sk_tr span>span{
    font-size: 12px;
    padding: 0 0 0 15px;
    background: none;
}
a.sk_linktitle {
    display: block;
    padding: 5px 2px;
    color: #191919 !important;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    line-height: 1.4;
}
a.sk_linktitle span{
    font-size: 13px;
}
a.sk_linktitle:hover {
    color: #666 !important;
}
.sk_en_box {
    padding: 12px 20px;
    border: 1px solid #ddd;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 13px;
    background: #f4f4ef;
}


/* 作品詳細ページ
--------------------------------------------------------------------*/
.title_desc {
    margin-top: -20px;
    margin-bottom: 8px;
    text-align: right;
    padding: 7px 10px;
    color: #a38c4c;
}
.title_desc span.sinl1 {
    font-size: 17px;
    font-weight: bold;
}
.title_desc span.sinl2 {
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 0 10px;
}


/* 資料室
--------------------------------------------------------------------*/
ul.srul {
    margin: 0 0 30px 0;
}
ul.srul li{
    display: inline-block;
    width: 49%;
    background: url(images/h3_bg.png) left center no-repeat;
    padding: 7px 0 7px 22px;
    margin: 0;
    box-sizing: border-box;
    
}
ul.srul li a{
    color: #191919;
    font-size: 16px;
    line-height: 1;
}
ul.srul li a:hover{
    color: #777;
    text-decoration: underline;
}

.show_box {
    clear: both;
    display: block;
    padding: 10px 0 15px 0;
}
p.show_img {
    float: left;
    margin-right: 30px;
}
p.show_text {
    overflow: hidden;
}
.show_title {
    display: block;
    font-size: 18px;
    padding-bottom: 10px;
}
@media only screen and (max-width: 980px){
ul.srul li{
    display: block;
    width: auto;
    padding: 5px 0 5px 22px;
    margin: 0;
    box-sizing: border-box;
}
ul.srul li a{
    font-size: 14px;
}
p.show_img {
    float: none;
    max-width: 100%;
    display: block;
    text-align: center;
    margin-right: 0;
}
}



/* 酒盃百選 
--------------------------------------------------------------------*/
.guinomi-page h2.h2g{
    clear: both;
    font-size: 17px;
    margin: 0 0 15px 0;
    padding: 5px 0 15px 0;
    font-weight: bold;
    line-height: 1.3;
    background: url(images/h2g_bg.png) left bottom repeat-x;
}
.guinomi-page h2.h2g span{
    color: #b09651;
    font-size: 11px;
    display: block;
    margin: 0 0 0 0;
    padding: 0;
    font-weight: normal;
    line-height: 1.6;
    text-align: left;
}
.guinomi-page h2.h2g a{
    display: block;
    color: #191919;
}
.guinomi-page h2.h2g a:hover{
    color: #666;
}
.g2title {
    clear: both;
    font-size: 17px;
    margin: 0 0 15px 0;
    padding: 20px 0 15px 0;
    font-weight: bold;
    line-height: 1.3;
    background: url(images/h2g_bg.png) left bottom repeat-x;
}
.g2title_in1 {
    display: block;
    padding: 3px 0;
}
.g2title_in2 {
    display: block;
    padding: 3px 0;
}
.g2g1 {
    color: #191919;
    font-size: 18px;
    font-weight: bold;
}
.g2g2 {
    color: #bea870;
    font-size: 14px;
    margin-left: 25px;
    font-weight: normal;
}
.g2g3 {
    color: #191919;
    font-size: 18px;
    font-weight: bold;
}
.g2g4 {
    color: #bea870;
    font-size: 14px;
    margin-left: 25px;
    font-weight: normal;
}
.gui_tb {
    background: #f7f7f7;
    padding: 4px;
}
.gui_desc {
    color: #888;
    font-size: 12px;
    padding: 10px 7px 15px;
}
.uk-overlay-background {
    background: rgba(50,50,50,0.75) none repeat scroll 0% 0%;
}
.uk-overlay-background i{
    color: #b09651;
}
.gui_com {
    margin: 0;
    padding: 0 0 20px 0;
}
@media only screen and (max-width: 980px){
.guinomi-page h2.h2g{
    font-size: 16px;
}
}


/* 美術品の売却
--------------------------------------------------------------------*/
.sibox {
    padding: 30px 40px 10px;
    background: #f4f4ef;
    margin-bottom: 25px;
    border-radius: 3px;
    box-shadow: 0 3px 0 rgba(0,0,0,0.1);
}
.si01 {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.3;
}
.si01 span{
    color: #b09651;
    font-size: 40px;
}
.si01_box {
    font-size: 14px;
    padding: 15px 0 20px;
}
.si02 {
    font-weight: bold;
    padding-bottom: 10px;
}
.si02 span{
    display: inline-block;
    font-weight: bold;
    background: #222;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    margin-right: 7px;
}
span.yaji {
    font-size: 20px;
    font-weight: bold;
}


/* blog
--------------------------------------------------------------------*/
h2.h2blog{
    clear: both;
    font-size: 22px;
    margin: 0 0 30px 0;
    padding: 10px 5px 30px 5px;
    font-weight: bold;
    line-height: 1.3;
    background: url(images/h2_blog.png) left bottom no-repeat;
    letter-spacing: 2px;
}
h2.h2blog a{
    color: #191919;
}
.blog_page .post {
    padding: 35px 10px 20px;
}
.blog_page #sidebar{
    padding: 55px 0 40px;
    position: relative;
}
.con_foot {
    text-align: right;
    padding: 10px 0 10px;
}


/* contact
--------------------------------------------------------------------*/
table.con_tbl {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    margin: 5px auto 10px;
}
.con_tbl th {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #222;
    background: #fafafa;
    padding: 10px 15px 10px 15px;
    vertical-align: middle;
    font-size: 13px;
    width: 35%;
    box-sizing: border-box;
}
.con_tbl td {
    border-bottom: 1px solid #ddd;
    padding: 10px 15px 10px 15px;
    background: #fff;
    color: #222;
    font-size: 13px;
    box-sizing: border-box;
}

.hissu {
    display: inline-block;
    font-size: 9px;
    background: #c40026;
    color: #fff;
    padding: 1px 3px;
    margin: 0 3px;
}
.horizontal-item {
    margin-right: 10px;
}
.mwform-file-delete {
    display: inline-block;
    background: #aaa;
    color: #fff;
    font-weight: bold;
    border-radius: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin-left: 7px;
}
.soushinbtn {
    text-align: center;
    margin: 25px 0 10px;
}
.soushinbtn input{
    display: inline-block;
    margin: 5px 10px 5px;
    padding: 12px 30px;
    background: #476542;
    color: #fff;
    font-size: 16px;
    border: none;
    cursor: pointer;
}
.soushinbtn input:hover{
    background: #687c66;
    border: none;
}
.descr{
    display: block;
    margin-top: 5px;
    color: #666;
}
.mw_wp_form_confirm .descr, .mw_wp_form_confirm a.con_priv{
    display: none;
}
.mw_wp_form_confirm .descr2{
    display: none;
}
.mw_wp_form_confirm .honyaku_tbl, .mw_wp_form_confirm .tsuuyaku_tbl, .mw_wp_form_confirm .other_tbl {
    display: table;
}
span.error {
    display: block;
    color: #ce4c60;
    padding: 4px 10px;
    background: #f9edef;
    border: #f4e2e8 1px solid;
    border-radius: 5px;
    margin-top: 5px;
    font-size: 15px;
}
@media only screen and (max-width: 980px){
    table.con_tbl {
        width: 100%;
        border-bottom: none;
    } 
    .con_tbl th {
        display: block;
        width: auto;
        border-right: none;
        padding: 10px 7px;
    }
    .con_tbl td {
        display: block;
        width: auto;
        padding: 10px 7px;
    }
}


/* Single
------------------------------------------------------------*/
h2.h2single {
    background: none;
    padding: 10px 0 20px 0;
    font-size: 28px;
    margin: 0;
    margin-bottom: 35px;
    font-weight: bold;
    color: #191919;
}
.s_date {
    display: block;
    text-align: right;
}


/* WP-pagenavi カスタム
------------------------------------------------------------*/
.wp-pagenavi {
    display: block;
    padding: 25px 0;
    clear: both;
    color: #666;
    font-size: 14px;
}
.wp-pagenavi a, .wp-pagenavi span {
    display: inline-block;
    float: left;
    text-align: center;
    min-width: 22px;
    height: 22px;
    line-height: 22px;
    text-decoration: none;
    border: 1px solid #ddd !important;
    padding: 3px 5px !important;
    margin: 3px !important;
    border-radius: 0;
    color: #999;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border: 1px solid #444 !important;
    background: #444!important;
    color: #fff !important;
}


/* ボタン
------------------------------------------------------------*/
a.r_button{
  background: #b32f24 url(images/red_bg.png);
  color:#fff;
  border:none;
  position:relative;
  height:40px;
  font-size:13px;
  padding: 6px 20px;
  cursor:pointer;
  transition:400ms ease all;
  outline:none;
  text-decoration: none;
}
a.r_b_l {
  color:#fff !important;
  font-size:12px;
  padding: 5px 15px;
}
a.r_b_l:hover {
  color:#b09651 !important;
}
a.r_b_g {
  font-size:13px;
  padding: 10px 30px;
  background: #405f3a url(images/green_bg.png);
}
a.r_button:hover{
  background:#292929;
  color:#b09651;
}
a.r_button:before,a.r_button:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #b09651;
  transition:200ms ease all;
}
a.r_button:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
a.r_button:hover:before,a.r_button:hover:after{
  width:100%;
  transition:400ms ease all;
}

a.bigbtn{
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
    text-decoration:none;
    height: 45px;
    line-height: 45px;
    max-width: 100%;
    text-align: center;
    display: inline-block;
    margin:0;
    padding: 5px 30px;
    outline: none;
    position: relative;
    z-index: 2;
    font-size: 16px;
    color: #fff;
}
.bigbtnbtn:before,.bigbtnbtn:after{
    position: absolute;
    display: inline-block;
    content:"";
    height: 100%;
    width: 100%;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.v2-7{
    border: 3px solid #2672b2;
    color: #fff;
    text-shadow: rgba(0,0,0,0.2) -1px -1px;
    background: #2672b2;
    box-shadow:
        1px 1px 0px 0px #1c517f,
        2px 2px 0px 0px #1c517f,
        3px 3px 0px 0px #1c517f,
        4px 4px 0px 0px #1c517f,
        5px 5px 0px 0px #1c517f;
    border-radius: 3px;
    -webkit-transition:all 0s !important;
    transition:all 0s !important;
}
.v2-7:hover{
    top: 5px;
    left: 5px;
    box-shadow:none;
    border: 3px solid #1c517f;
    background: #1c517f;
    color: #fff;
    text-decoration: none;
}
@media only screen and (max-width: 980px){
    a.bigbtn{
        width: 200px;
        font-size: 15px;
        padding: 5px 20px;
    }
}


/* サイドバー
------------------------------------------------------------*/
.side_skbox {
    border: #e2e2dd solid 1px;
    padding: 5px 12px 10px 12px;
    background: #f2f2ed;
}
.sidenav {
    margin: 0;
    padding: 0 0 30px 0;
}
.sidenav h6 {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    text-align: left;
    padding: 10px 2px;
    color: #191919;
    border-bottom: 1px solid #d1d1cc;
    font-weight: bold;
}
.sidenav h6.h6clm {
    background: #0ab575;
}
.sidenav h6.sbh6b {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    background: none;
    font-size: 13px;
    text-align: left;
    padding: 10px 10px;
    color: #191919;
    border: none;
    border-bottom: 1px dotted #ddd;
    font-weight: bold;
}
.sidenav h6.h6ss {
    display: block;
    margin-top: 0;
    margin-bottom: 15px;
    background: none;
    font-size: 15px;
    text-align: left;
    padding: 10px 0;
    color: #191919;
    border: none;
    border-bottom: 2px solid #b09651;
    font-weight: bold;
}
.sidenav nav {
    width: 100%;
}
.sidenav nav a span {
    font-size: 11px;
}
.sidenav nav li.as-active a {
    color: #333;
    background: #e0eff2;
    cursor: default;
}
.sidenav nav li.as-active a:hover {
    color: #333;
    background: #e0eff2;
    text-decoration: none;
}
.sidenav nav > ul {
    margin: 0;
}
.sidenav nav > ul > li {
    margin: 0;
    padding: 0;
}
.sidenav nav > ul > li > a {
    color: #826d3a;
    text-decoration: underline;
    font-size: 13px;
    display: block;
    padding: 3px 10px 3px 10px;
    border-bottom: 1px dotted #ddd;
}
.sidenav nav > ul > li > a:hover {
    color: #191919;
    text-decoration: none;
}
.sidenav nav > ul > li > a:before {
    display: inline-block;
    vertical-align: baseline;
    content: '';
    width: 0;
    height: 0;
    border: solid transparent;
    border: solid rgba(255, 255, 255, 0);
    border-width: 3px 0 3px 4px;
    border-left-color: #b09651;
    margin-right: 8px;
}
.sidenav nav > ul > li:first-child > a {
    border-top: none;
}
/**** blog ****/
.sidenav h6.blogh6 {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    background: none;
    font-size: 15px;
    text-align: left;
    padding: 10px 2px;
    color: #191919;
    border: none;
    border-bottom: 2px solid #c1a98e;
    font-weight: bold;
}
a.link-box {
    padding: 10px 0;
    border-bottom: 1px dotted #ddd;
    text-decoration: none;
    color: #222;
}
.thumb-left {
    float: left;
    width: 80px;
    margin-right: 15px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.c_title2 {
    font-size: 14px;
    line-height: 1.4;
    overflow: hidden;
}
.c_title2 span{
    display: block;
    font-size: 12px;
    text-decoration: none;
    padding-bottom: 5px;
}
.side_arc {
    margin-top: 15px;
}
.side_box {
    font-size: 13px;
    padding: 15px 20px;
    background: #f2efea;
    border-radius: 5px;
    margin-bottom: 30px;
}
.side_box a{
    text-decoration: underline;
}


/* フッター
------------------------------------------------------------*/
#footer{
    clear:both;
    width: 1140px;
    margin: 0 auto;
    background: url(images/footer_bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 0;
}
.footer_inner{
    background: rgba(30,30,30,0.95);
    color: #fff;
    padding: 30px 0 15px;
}
#footer ul{
    padding:0;
}
#footer ul li{
    list-style: none;
    padding: 2px 0 2px 16px;
}
#footer ul li.f_parr{
    background: url(images/list2.png) left center no-repeat;
    font-weight: bold;
    font-size: 14px;
    color:#fff;
    padding: 6px 0 6px 16px;
    border-bottom: 1px solid #333;
    margin-bottom: 6px;
}
#footer ul li.f_parr2{
    background: url(images/list2.png) left center no-repeat;
    font-weight: bold;
    font-size: 14px;
    color:#fff;
    padding: 3px 0 3px 16px;
}
#footer ul li.f_parr a, #footer ul li.f_parr2 a{
    color:#fff;
}
#footer ul li a{
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    padding:3px 0;
}
#footer ul li a i{
    color: #666;
}
#footer ul li a:hover{
    color: #b09651;
}

#footer ul.foot_social {
    display: flex;
    margin: 20px 0 20px 20px;
    padding: 0;
}
#footer ul.foot_social li{
    display: inline;
    margin: 5px 0 0 10px;
    padding: 0;
}
#footer ul.foot_social li a {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 45px;
    border-radius: 50%;
    background: #333;
    text-align: center;
    padding: 0;
    margin: 0;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
#footer ul.foot_social li a:hover {
    background: #555;
}
#footer ul.foot_social li a i{
    font-size: 20px;
    color: #eee;
    padding: 0;
    margin: 0;
}

#footer ul.foot_social li a.sc-fb{
    background: #3b5998;
}
#footer ul.foot_social li a.sc-tw{
    /* background: #41aae1; */
    background: #000;
    position: relative;
}
#footer ul.foot_social li a.sc-in{
    background: #e14e4b;
}
#footer ul.foot_social li a.sc-yt{
    background: #fff;
    position: relative;
}
#footer ul.foot_social li a.sc-fb:hover,
#footer ul.foot_social li a.sc-tw:hover,
#footer ul.foot_social li a.sc-in:hover,
#footer ul.foot_social li a.sc-yt:hover {
    background: #666;
    color: #eee;
}

#footer .btn_container a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    margin: 10px 25px;
    padding: 7px 10px;
    position: relative;
    z-index: 0;
    cursor: pointer;
    display: block;
    text-align: center;
    border: 1px solid #ddd;
}
#footer .pullRight a:before {
    position: absolute;
    width: 0px;
    height: 100%;
    left: 0px;
    top: 0px;
    content: '';
    background: #b09651;
    opacity: 0.4;
    transition: all 0.3s;
}
#footer .pullRight a:hover:before {
    width: 100%;
}

#footer .foot-addbox {
    background: rgba(255,255,255,0.05);
    font-size: 13px;
    padding: 15px 20px;
    margin: 25px 5px 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.1) inset;
}
/* 202404追加 */
.icon-x::after {
    position: absolute;
    content: "";
    background-image: url(images/logo-x.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.icon-youtube::after {
    position: absolute;
    content: "";
    background-image: url(images/logo_yt.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/* 202404追加ここまで */
#pageTop {
    display: none;
    position: fixed;
    margin: 10px;
    bottom: -40px;
    right: 10px;
    width:80px;
    height:110px;
    line-height: 40px;
    text-align: center;
    z-index: 999;
}
div.to_regist {
    display: none;
    position: fixed;
    text-align: center;
    bottom: 80px;
    right: 20px;
    z-index: 999;
}
div.to_regist a {
    display: block;
    font-size: 20px;
    background: #b33622;
    color: #fff;
    width:80px;
    height:80px;/*110px*/
    line-height: 1.2;/*35px*/
    padding-top: 9px;
}
#pageTop a.to_header {
    display: block;
    font-size: 20px;
    background: #b09651;
    color: #fff;
    width:45px;
    height:45px;
    margin-top: 20px;
    margin-left: 35px;
}
#pageTop a:hover{
    background: #bbb;
}
div.to_regist a:hover {
    background: #bbb;
}
div.to_regist a:link {
    text-decoration: none !important;
}
div.to_regist a i {
    font-size: 14px;
}
#copyright_wrapper{
    width: 100%;
}
#copyright{
    display: block;
    text-decoration: none;
    color: #eee;
    padding: 40px 0 10px;
    text-align:center;
    font-size:11px;
    margin: 0;
}



/* 980px以下
------------------------------------------------------------*/
@media only screen and (max-width: 980px){
    body {
        background: #fff;
    }
    #wrapper, #header, #content_1col {width:100%;}
    .inner {width:95%; margin: 0 auto; padding: 0;}

    #header ul{padding:0;}
    #header p, #hr_space{display: none;}
    #header, #header .inner {width: 100%; height: 65px;}
    #header .site_title {
        left: 10px;
        margin: 0;
        padding: 0;
        width: 100px;
    }
    .navbox {
        display: inline-block;
        position: absolute;
        right: 30px;
        top: 6px;
    }
    .navbox a{
        font-size: 32px;
        color: #191919;
    }

    #pankuzu {display: none;}
    #content{
        clear:both;
        width:100%;
        float:none;
        margin:0 auto;
        padding:0;
    }
    .post{
        clear:both;
        margin: 0 auto 0;
        padding: 20px 20px 10px;
        box-shadow: none;
    }
    #sidebar{
        float: none;
        clear:both;
        width:90%;
        margin: 30px auto;
        padding:0;
    }
    #footer {
        width:100%;
        margin-top: 10px;
    }
    br.pc {
        display: none;
    }
#pageTop {
    display: none;
    position: fixed;
    right:-290px;
    bottom: 10px;
    width:356px;
    margin: 0 auto;
    height: auto;
    line-height: 40px;
    z-index: 1;
    }
div.to_regist {
    display: none;
    position: fixed;
    text-align: center;
    bottom: 10px;
    left: 10px;
    width: 300px;
    }
div.to_regist a {
    display: block;
    font-size: 20px;
    background: #b33622;
    color: #fff;
    width: 100%;
    height:45px;
    line-height: 45px;
    float: left;
    padding-top: 0;
    }
#pageTop a.to_header {
    display: block;
    font-size: 20px;
    background: #b09651;
    color: #fff;
    width:45px;
    height:45px;
    margin: 0 0 0 11px;
    float: left;
    }

}




/* ユーティリティー
------------------------------------------------------------*/
/**** clearfix ****/
.clearfix:after {content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; }
*+html .clearfix { height: 1%; }
* html .clearfix { height: 1%; }
.clearfix {display: block;}

/**** font size ****/
.font10 {font-size: 10px}
.font11 {font-size: 11px}
.font12 {font-size: 12px}
.font13 {font-size: 13px}
.font14 {font-size: 14px}
.font15 {font-size: 15px}
.font16 {font-size: 16px}
.font17 {font-size: 17px}
.font18 {font-size: 18px}
.font20 {font-size: 20px}
.font24 {font-size: 24px}
.font28 {font-size: 28px}
.font36 {font-size: 36px}
.font40 {font-size: 40px}
.font50 {font-size: 50px}
.font60 {font-size: 60px}
.font80 {font-size: 80px}
.font100 {font-size: 100px}

/**** font weight ****/
.bold {font-weight: bold}
.normal {font-weight: normal}

/**** font color****/
.font-red {color: #e57c72}
.font-pink {color: #d16775}
.font-orange {color: #ffc114}
.font-purple {color: #99608c}
.font-blue {color: #3396b5}
.font-blue2 {color: #b5cedb}
.font-sky {color: #b0e0e1}
.font-tya {color: #706651}
.font-green {color: #339999}
.font-mosgreen {color: #00a84c}
.font-green2 {color: #009966}
.font-green3 {color: #b5dbc1}
.font-yellow {color: #ffcc33}
.font-gray {color: #999}
.font-gray2 {color: #bbb}
.font-gray3 {color: #ddd}
.font-gray6 {color: #666}
.font-black {color: #444}
.font-white {color: #fff}

/**** align ****/
.a_center {text-align: center; margin-left: auto; margin-right: auto;}
.a_left {text-align: left;}
.a_right {text-align: right;}

/**** valign ****/
.v_top {vertical-align: top}
.v_middle {vertical-align: middle}
.v_bottom {vertical-align: bottom}

/**** float ****/
.fl_l {float: left}
.fl_r {float: right}
.fl_clear {clear: both}

/**** width ****/
.w5 {width: 5%}
.w10 {width: 10%}
.w15 {width: 15%}
.w20 {width: 20%}
.w25 {width: 25%}
.w30 {width: 30%}
.w35 {width: 35%}
.w40 {width: 40%}
.w45 {width: 45%}
.w50 {width: 50%}
.w55 {width: 55%}
.w60 {width: 60%}
.w70 {width: 70%}
.w75 {width: 75%}
.w80 {width: 80%}
.w85 {width: 85%}
.w90 {width: 90%}
.w95 {width: 95%}
.w100 {width: 100%}

/**** margin ****/
/* 全体 */
.mg5 {margin: 5px}
.mg10 {margin: 10px}
.mg15 {margin: 15px}
.mg20 {margin: 20px}
.mg30 {margin: 30px}
/* 上下 */
.mgtb5 {margin-top: 5px; margin-bottom: 5px;}
.mgtb10 {margin-top: 10px; margin-bottom: 10px;}
.mgtb15 {margin-top: 15px; margin-bottom: 15px;}
.mgtb20 {margin-top: 20px; margin-bottom: 20px;}
.mgtb30 {margin-top: 30px; margin-bottom: 30px;}
.mgtb40 {margin-top: 40px; margin-bottom: 40px;}
.mgtb50 {margin-top: 50px; margin-bottom: 50px;}
/* 上 */
.mgt5 {margin-top: 5px}
.mgt10 {margin-top: 10px}
.mgt15 {margin-top: 15px}
.mgt20 {margin-top: 20px}
.mgt30 {margin-top: 30px}
.mgt40 {margin-top: 40px}
.mgt50 {margin-top: 50px}
/* 下 */
.mgb5 {margin-bottom: 5px}
.mgb10 {margin-bottom: 10px}
.mgb15 {margin-bottom: 15px}
.mgb20 {margin-bottom: 20px}
.mgb30 {margin-bottom: 30px}
.mgb40 {margin-bottom: 40px}
.mgb50 {margin-bottom: 50px}
.mgb60 {margin-bottom: 60px}
.mgb70 {margin-bottom: 70px}
/* 左 */
.mgl5 {margin-left: 5px}
.mgl10 {margin-left: 10px}
.mgl15 {margin-left: 15px}
.mgl20 {margin-left: 20px}
.mgl30 {margin-left: 30px}
.mgl40 {margin-left: 40px}
.mgl50 {margin-left: 50px}
.mgl70 {margin-left: 70px}
/* 右 */
.mgr5 {margin-right: 5px}
.mgr8 {margin-right: 8px}
.mgr10 {margin-right: 10px}
.mgr15 {margin-right: 15px}
.mgr20 {margin-right: 20px}
.mgr30 {margin-right: 30px}
.mgr40 {margin-right: 40px}
.mgr50 {margin-right: 50px}
.mgr70 {margin-right: 70px}
/* 左右 */
.mglr5 {margin-left: 5px; margin-right: 5px}
.mglr10 {margin-left: 10px; margin-right: 10px}
.mglr15 {margin-left: 15px; margin-right: 15px}
.mglr20 {margin-left: 20px; margin-right: 20px}
.mglr30 {margin-left: 30px; margin-right: 30px}

/**** padding ****/
/* 全体 */
.pd3 {padding: 3px;}
.pd5 {padding: 5px;}
.pd10 {padding: 10px;}
.pd15 {padding: 15px;}
.pd20 {padding: 20px;}
.pd30 {padding: 30px;}
.pd40 {padding: 40px;}
/* 上下 */
.pdtb5 {padding-top: 5px; padding-bottom: 5px;}
.pdtb10 {padding-top: 10px; padding-bottom: 10px;}
.pdtb15 {padding-top: 15px; padding-bottom: 15px;}
.pdtb20 {padding-top: 20px; padding-bottom: 20px;}
.pdtb30 {padding-top: 30px; padding-bottom: 30px;}
.pdtb40 {padding-top: 40px; padding-bottom: 40px;}
.pdtb60 {padding-top: 60px; padding-bottom: 60px;}
.pdtb100 {padding-top: 100px; padding-bottom: 100px;}
/* 上 */
.pdt3 {padding-top: 3px;}
.pdt5 {padding-top: 5px;}
.pdt10 {padding-top: 10px;}
.pdt15 {padding-top: 15px;}
.pdt20 {padding-top: 20px;}
.pdt30 {padding-top: 30px;}
.pdt40 {padding-top: 40px;}
/* 下 */
.pdb5 {padding-bottom: 5px;}
.pdb10 {padding-bottom: 10px;}
.pdb15 {padding-bottom: 15px;}
.pdb20 {padding-bottom: 20px;}
.pdb30 {padding-bottom: 30px;}
.pdb40 {padding-bottom: 40px;}
.pdb50 {padding-bottom: 50px;}
.pdb60 {padding-bottom: 60px;}
.pdb70 {padding-bottom: 70px;}
/* 左右 */
.pdlr5 {padding-left: 5px; padding-right: 5px;}
.pdlr10 {padding-left: 10px; padding-right: 10px;}
.pdlr15 {padding-left: 15px; padding-right: 15px;}
.pdlr20 {padding-left: 20px; padding-right: 20px;}
.pdlr25 {padding-left: 25px; padding-right: 25px;}
.pdlr30 {padding-left: 30px; padding-right: 30px;}
.pdlr40 {padding-left: 40px; padding-right: 40px;}
/* 左 */
.pdl5 {padding-left: 5px;}
.pdl10 {padding-left: 10px;}
.pdl15 {padding-left: 15px;}
.pdl20 {padding-left: 20px;}
.pdl30 {padding-left: 30px;}
/* 右 */
.pdr5 {padding-right: 5px;}
.pdr10 {padding-right: 10px;}
.pdr15 {padding-right: 15px;}
.pdr20 {padding-right: 20px;}
.pdr30 {padding-right: 30px;}
/* 左右 */
.pdlr5 {padding-left: 5px; padding-right: 5px}
.pdlr10 {padding-left: 10px; padding-right: 10px}
.pdlr15 {padding-left: 15px; padding-right: 15px}
.pdlr20 {padding-left: 20px; padding-right: 20px}
.pdlr30 {padding-left: 30px; padding-right: 30px}