@charset "UTF-8";
/* font reset
---------------------------------------------------------- */
/*
YUI 3.5.0 (build 5089)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

body {
    -webkit-print-color-adjust: exact;
    font-family: 源真ゴシック, Meiryo, メイリオ;
    color: #333333;
    font-size: 13px;
    font-family: Meiryo, メイリオ\9;
    /* IE10以下 */
    *font-family: Meiryo, メイリオ;
    /* IE7以下 */
}

body:not(:target) {
    font-family: Meiryo, メイリオ\9;
    /* IE9, 10 */
}

@media print,
screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    body:not(:target) {
        font-family: Meiryo, メイリオ\9;
        /* IE10（\9なしでIE11にも適用） */
    }
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: none;
    color: #333;
}

footer {
    /*background: url(../img/common/bg_footer.jpg) repeat left top;*/
    letter-spacing: 1px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

*img {
    margin: 0px;
}

/* 20200522 add */
.wauto{
    width:auto !important;
}

/* 20200522 add */
.w100 {
    width: 100%;
}

.mw500 {
    max-width: 500px;
}


.fwnorm {
    font-weight: normal !important;
}

.tcenter {
  text-align: center;
}

/* 20200607 add */
.hidden {
  display: none;
}


/*----------------------------------
*  Margin Top
------------------------------------*/
.mt0 {
    margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px;
}

.mt20 {
    margin-top: 20px;
}

/*----------------------------------
*  Margin Bottom
------------------------------------*/
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}


/**************************************
 *  font size set pixels(px)
***************************************/
.fonts-10 {
    font-size: 77%;
}

.fonts-11 {
    font-size: 85%;
}

.fonts-12 {
    font-size: 93%;
}

.fonts-13 {
    font-size: 100%;
}

.fonts-14 {
    font-size: 108%;
}

.fonts-15 {
    font-size: 116%;
}

.fonts-16 {
    font-size: 123.1%;
}

.fonts-17 {
    font-size: 131%;
}

.fonts-18 {
    font-size: 138.5%;
}

.fonts-19 {
    font-size: 146.5%;
}

.fonts-20 {
    font-size: 153.9%;
}

.fonts-21 {
    font-size: 161.6%;
}

.fonts-22 {
    font-size: 167%;
}

.fonts-23 {
    font-size: 174%;
}

.fonts-24 {
    font-size: 182%;
}

.fonts-25 {
    font-size: 189%;
}

.fonts-26 {
    font-size: 197%;
}

/* layout
---------------------------------------------------------- */

/*　ヘッダー
---------------------------------------------------------- */
header {}

header .headerTopText {
    padding: 5px 0;
    color: #ffffff;
    background-color: #e14133;
}

header .headerTopText span {
    display: block;
}

header .logoBox {
    float: left;
}

header .logoBox>a {
    float: left;
    display: block;
    overflow: hidden;
    margin-top: 1px;
}

header .logoBox img {
    display: block;
}

header .logoBox p {
    float: left;
    margin-left: 12px;
}

header .headerRightBox {
    float: right;
}

header .headerRightBox ul {}

header .headerRightBox li {
    float: left;
}

header .headerRightBox li:first-child {
    margin-left: 0;
}

header .headerButtonBox [class^=btn_style] a {
    display: table;
    height: 42px;
    padding: 0;
    background-repeat: no-repeat !important;
    background-position: 12px center !important;
}

header .headerButtonBox [class^=btn_style] a:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

header .headerButtonBox [class^=btn_style] a span {
    display: table-cell;
    vertical-align: middle;
    background-image: none !important;
}

header .headerButtonBox [class^=btn_style] a span small {
    display: block;
}

header .headerButtonBox .headerCart[class^=btn_style] a {
    border: none !important;
    background-image: url(../img/common/ico_cart.png) !important;
    box-shadow: 0 3px 0 #B7281E;
}

header .headerButtonBox .headerItems[class^=btn_style] a {
    background-image: url(../img/common/icon_bag.png) !important;
    background-position: 14px center !important;
}

header .headerButtonBox .headerQuick[class^=btn_style] a {
    background-image: url(../img/common/ico_quick.png) !important;
}

header .headerButtonBox .headerFax[class^=btn_style] a {
    background-image: url(../img/common/icon_fax_w.png) !important;
}

header .headerButtonBox .headerPageLink[class^=btn_style] a {
    background-image: url(../img/common/ico_arrow_w_s.png) !important;
    background-position: 15px center !important;
}

header .utilityNavi {}

header .utilityNavi li {
    background: url(../img/common/ico_arrow_r.png) no-repeat left center;
    padding-left: 10px;
    margin-left: 20px;
}

header .utilityNavi li:first-child {
    margin-left: 0;
}

header .utilityNavi strong {
    color: #e33f2b;
}

#menu {}

#menu ul {}

#menu li {
    box-sizing: border-box;
}

#menu li a {
    display: table;
    background-color: #ffffff;
    background-repeat: no-repeat;
}

#menu .bg_y a {
    background-color: #ebe8d5;
}

#menu .gnavi00 a {
    background-image: url(../img/common/ico_gnavi00.jpg);
    background-size: 24px auto;
}

#menu .gnavi01 a {
    background-image: url(../img/common/ico_gnavi01.jpg);
    background-size: 19px auto;
}

#menu .gnavi02 a {
    background-image: url(../img/common/ico_gnavi02.jpg);
    background-size: 18px auto;
}

#menu .gnavi03 a {
    background-image: url(../img/common/ico_gnavi03.jpg);
    background-size: 18px auto;
}

#menu .gnavi04 a {
    background-image: url(../img/common/ico_gnavi04.jpg);
    background-size: 24px auto;
}

#menu .gnavi05 a {
    background-image: url(../img/common/ico_gnavi05.jpg);
    background-size: 16px auto;
}

#menu .gnavi06 a {
    background-image: url(../img/common/ico_gnavi06.jpg);
    background-size: 22px auto;
}

#menu .gnavi07 a {
    background-image: url(../img/common/ico_gnavi07.jpg);
    background-size: 20px auto;
}

#menu .gnavi08 a {
    background-image: url(../img/common/ico_gnavi08.jpg);
    background-size: 20px auto;
}

#menu .gnavi09 a {
    background-image: url(../img/common/ico_gnavi09.jpg);
    background-size: 20px auto;
}

#menu .gnaviContact a {
    background-image: url(../img/common/sp/ico_contact.jpg);
}

#menu li a span {
    display: table-cell;
    vertical-align: middle;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    .headerTopWrap {
        padding: 20px 0;
        background-image: url(../img/common/bg_header.jpg);
        background-repeat: repeat-x;
        background-position: left bottom;
    }

    header .logoBox>a:hover {
        opacity: 0.4;
    }

    header .headerButtonBox {
        margin-bottom: 20px;
    }

    header .headerButtonBox li {
        margin-left: 10px;
    }

    header .headerButtonBox [class^=btn_style] a span {
        padding: 2px 10px 0 !important;
        padding-left: 40px !important;
        background-image: none !important;
    }

    header .headerButtonBox .headerCart[class^=btn_style] a:hover {}

    header .headerAnnotation {
        float: left;
    }

    header .utilityNavi a:hover {
        opacity: 0.4;
    }

    #menu ul {
        display: table;
        width: 100%;
    }

    #menu li {
        display: table-cell;
        border-right: 1px dotted #d6d6d6;
    }

    #menu li:first-child {
        border-left: 1px solid #d6d6d6;
    }
    #menu li:nth-of-type(3) {
      border-left: 1px dotted #d6d6d6;
  }

    #menu li a {
        width: 100%;
        height: 78px;
        font-size: 116%;
        background-position: center 17px;
    }

    #menu li a:hover {
        opacity: 0.4;
    }

    #menu .gnavi00 a {
        background-position: center 14px;
    }

    #menu .gnavi01 a {
        background-position: center 13px;
    }

    #menu .gnavi02 a {
        /*background-position: center 17px;*/
    }

    #menu .gnavi03 a {
        background-position: center 14px;
    }

    #menu .gnavi04 a {
        /*background-position: center 17px;*/
    }

    #menu .gnavi05 a {
        background-position: center 15px;
    }

    #menu .gnavi06 a {
        /*background-position: center 17px;*/
    }

    #menu .gnavi07 a {
        background-position: center 15px;
    }

    #menu li a span {
        padding: 35px 15px 0;
        /*padding-top: 35px;*/
        text-align: center;
    }

    /*トップへ戻るボタン*/
    #pagetop {
        position: fixed;
        right: 20px;
        bottom: 20px;
        z-index: 1000;
        display: block;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    header {
        position: relative;
        background: url(../img/common/sp/bg_header.jpg) repeat left top;
    }

    header .headerTopText {
        display: table;
        width: 100%;
        height: 20px;
        padding: 0;
        line-height: 1.0;
        font-size: 75%;
    }

    header .headerTopText span {
        display: table-cell;
        padding: 0 5px;
        vertical-align: middle;
    }

    header .headerTopWrap {
        padding: 8px 7px 6px;
    }

    header .logoBox {
        margin: 3px 0 0;
        margin-left: 2px;
    }

    header .logoBox>a {
        margin-top: 0;
    }

    header .logoBox img {
        height: 20px;
    }

    header .logoBox p {
        overflow: hidden;
        margin-left: 6px;
    }

    header .logoBox p img {
        margin-left: -15px;
    }

    header .headerButtonBox {
        margin: 0;
        margin-bottom: 5px;
    }

    header .headerButtonBox li {
        margin-left: 7px;
    }

    header .headerButtonBox [class^=btn_style] a {
        min-width: 50px;
        height: 20px;
        padding: 0;
        font-size: 60%;
        background-position: center 3px !important;
        background-size: auto 8px !important;
    }

    header .headerButtonBox [class^=btn_style] a span {
        padding: 9px 1px 0;
        text-align: center;
    }

    header .headerButtonBox .headerCart[class^=btn_style] a {}

    header .headerButtonBox .headerQuick[class^=btn_style] a {}

    header .headerButtonBox .headerItems[class^=btn_style] a {
        background-position: center 1px !important;
    }

    header .headerButtonBox .open {
        width: 21px;
        height: 19px;
        margin-top: 3px;
        background: url(../img/common/sp/ico_menu.png) no-repeat 0 0;
        background-size: 21px 19px;
        cursor: pointer;
    }

    header .headerAnnotation {
        margin-top: 7px;
        font-size: 70%;
    }

    #menu {
        display: none;
        position: absolute;
        z-index: 100;
        top: 61px;
        left: 0;
        right: 0;
        margin: 0 auto;
        -webkit-box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 9px 3px -3px rgba(0, 0, 0, 0.2);
    }

    .close {
        position: absolute;
        z-index: 100;
        top: -31px;
        right: 7px;
        display: block;
        width: 21px;
        height: 21px;
        background: url(../img/common/sp/ico_close.jpg) no-repeat 0 0;
        background-size: 21px 21px;
        opacity: 1 !important;
        cursor: pointer;
    }

    #menu ul {}

    #menu li {
        border-top: 1px solid #d6d6d6;
    }

    #menu li a {
        width: 100%;
        height: 44px;
        background-position: 10px center;
    }

    #menu .gnavi00 a {
        /*background-position: 16px center;*/
    }

    #menu .gnavi01 a {
        /*background-position: 13px center;*/
    }

    #menu .gnavi02 a {
        /*background-position: 13px center;*/
    }

    #menu .gnavi03 a {
        background-position: 11px center;
    }

    #menu .gnavi04 a {
        background-position: 8px center;
    }

    #menu .gnavi05 a {
        background-position: 12px center;
    }

    #menu .gnavi06 a {
        background-position: 9px center;
    }

    #menu .gnavi07 a {
        /*background-position: 11px center;*/
    }

    #menu .gnaviContact a {
        background-size: 20px auto;
    }

    #menu li a span {
        padding-left: 40px;
    }

    /*トップへ戻るボタン*/
    #pagetop {
        position: fixed;
        right: 20px;
        bottom: 55px;
        z-index: 1000;
        display: block;
    }

    #pagetop img {
        width: 60px;
    }
}


/* footer 
---------------------------------------------------------- */
footer {
    background: url(../img/common/bg_content_02.jpg) repeat left bottom !important;
}

.footermiddle li a {
    color: #333333;
}

.footermiddle li a:hover {
    text-decoration: underline;
}

.footerBottom {
    padding: 35px 0px;
    color: #FFF;
}

.footerbottomRight .fnavi a {
    color: #FFF;
    font-size: 100%;
}

.footerbottomRight .fnavi p {
    margin-bottom: 5px;
}

.footerbottomRight .fnavi a:hover {
    text-decoration: underline;
}

.fnavi {
    margin-bottom: 30px;
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {
    .footerWrap {
        background: url(../img/common/bg_footer_top.jpg) repeat left top !important;
        padding: 60px 0px;
    }

    .footerTop li {
        float: left;
        background: #FBF8F1 !important;
        border: 1px dotted #ACACAC;
        width: 250px;
        text-align: center;
        padding: 10px 0px;
        margin: 0px 12px 12px 0px;
    }

    .footerTop li:nth-child(4n) {
        margin: 0px 0px 12px 0px;
    }

    .footerTop li a {
        font-size: 108%;
        padding: 8px 0px 8px 20px;
        text-align: left;
        display: block;
    }

    .footerTop li:hover {
        opacity: 0.7;
    }

    .footerTop li a span {
        background: url(../img/common/ico_click_r.png) no-repeat right center !important;
        padding: 3px 20px 3px 0px;
        background-position: 93% 50% !important;
        display: block;
    }

    .footermiddle {
        width: 510px;
        float: left;
        margin-top: 40px;
    }

    .footermiddle:first-child {
        margin-right: 20px;
    }

    .footerlong h5,
    .footermiddle h5 {
        font-size: 123.1%;
        background: url(../img/common/bg_line.png) repeat-x left bottom !important;
        padding: 15px 10px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .footermiddle li {
        background: url(../img/common/ico_click_g.png) no-repeat left center !important;
        background-position: 0px 3px !important;
        padding-left: 15px;
        margin-bottom: 5px;
    }

    .footermiddle ul {
        float: left;
        width: 255px;
    }
    .footerBottom dl {
        float: left;
    }

    .footerBottom dl dt {
        font-size: 123.1%;
    }

    .footerbottomRight {
        float: right;
        text-align: right;
    }

    .footerbottomRight p {
        font-size: 88%;
    }

    .footerWrap .contactbnrWrap {
        margin: 30px auto 0px;
    }

    .footerWrap .contactbnrInner p.txt {
        font-size: 116%;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .footerTop {
        border-bottom: 1px solid #ACACAC;
    }

    .footerTop li {
        border-top: 1px solid #ACACAC;
    }

    .footerTop li a {
        background: url(../img/common/ico_click_r.png) no-repeat 95% 50%;
        padding: 15px 20px;
        background-size: 4px 7px;
        display: block;
        color: #2C2C2C;
    }

    .footerTop li a:hover {
        color: #2C2C2C;
    }

    .footerWrap {
        background: #FBF8F1;
    }

    .footerlong h5,
    .footermiddle h5 {
        background: #D1CEA9;
        padding: 15px;
        font-size: 116%;
    }


    .footerlong h5 {
        margin-bottom: 0;
        width: 100%;
        font-size: 123.1%;
        background: url(../img/common/bg_line_dot.png) repeat-x left bottom!important;
        padding: 10px 10px 20px;
        font-weight: 700;
        text-align: center;
    }

    .footermiddle li {
        float: left;
        display: inline;
        width: 50%;
        border-bottom: 1px solid #ACACAC;
        border-right: 1px solid #ACACAC;
    }

    .footermiddle li a {
        display: block;
        padding: 10px 0px 10px 15px;
        font-size: 63%;
        background: url(../img/common/sp/ico_arrow_bl.gif) no-repeat left center !important;
        background-size: 5px !important;
        background-position: 3% !important;
    }

    .footermiddle li a:hover {
        text-decoration: none;
    }

    .footermiddle li:nth-child(2n) {
        border-right: 0px;
    }

    .footerlong p {
        padding: 10px;
        font-size: 63%;
    }

    /*.footermiddle ul:last-child{
        border-bottom:1px solid #ACACAC;
    }*/
    .footerbottomRight .fnavi a,
    .footerbottomRight p {
        font-size: 77%;
    }

    .footerBottom {
        padding: 30px 3%;
    }
}

/* common */
/* 共通
---------------------------------------------------------- */
.container {
    width: 100%;
    margin: 0px auto;
    padding-right: 0px;
    padding-left: 0px;
}

.bg_style01 {
    background: url(../img/common/bg_content.png) repeat left top !important;
}

.btn_style03 a {
    border: 1px solid #E14133;
    border-radius: 3px;
    color: #E54D3B !important;
    font-size: 116%;
    text-align: center;
    display: block;
    width: 220px;
    margin: 20px auto 0px;
    padding: 5px;
    background-color: white;
}

.btn_style03 a:hover {
    text-decoration: none;
    opacity: 0.3;
}

.bg_style02 {
    background: url(../img/common/bg_content_03.jpg) repeat left top !important;
}

.btn_style04_autive a,
.active_old a,
.active_new a,
.btn_style01 a,
.btn_style01_unselect a,
.btn_style02 a,
.btn_style04 a,
.btn_style06 a,
.btn_style07 a,
#cart input[type="submit"],
.noClick {
    font-size: 93%;
    position: relative;
    display: block;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    /*text-shadow: 1px 1px 0 rgba(255,255,255,0.3);*/
}

.btn_style01._disabled a {
    background-color: #ccc !important;
    font-family: FontAwesome;
    border: 0px;
    box-shadow: 0 0 0;
    pointer-events: none;
}

.btn_style01 a:hover,
.btn_style02 a:hover,
.btn_style06 a:hover,
.btn_style07 a:hover {
    -webkit-transform: translate3d(0px, 3px, 1px);
    -moz-transform: translate3d(0px, 3px, 1px);
    transform: translate3d(0px, 3px, 1px);
    box-shadow: none;
}

.btn_style02 a {
    background: #3788D5 !important;
    box-shadow: 0 3px 0 #266CB5;
    color: #fff !important;
}

.btn_style06 a {
    background: #999999 !important;
    box-shadow: 0 3px 0 #828282;
    color: #fff !important;
}

.btn_style07 a {
    background: #FD7A58 !important;
    box-shadow: 0 3px 0 #DE552F;
    color: #fff !important;
}

.btn_style07 a:hover {
    -webkit-transform: translate3d(0px, 3px, 1px);
    -moz-transform: translate3d(0px, 3px, 1px);
    transform: translate3d(0px, 3px, 1px);
    box-shadow: none;
}

.btn_style04 a {
    background: #FBF8F1 !important;
    box-shadow: 0 3px 0 #DFDCC8;
}

.active_old a {
    background: #EE8719 !important;
    color: #FFF !important;
    box-shadow: 0 3px 0 #DB6A00;
}

.active_new a {
    background: #84A800 !important;
    color: #FFF !important;
    box-shadow: 0 3px 0 #6E8C00;
}

.btn_style04 a:hover,
.btn_style04_autive a {
    -webkit-transform: translate3d(0px, 3px, 1px);
    -moz-transform: translate3d(0px, 3px, 1px);
    transform: translate3d(0px, 3px, 1px);
    box-shadow: none;
    color: #FFF !important;
    background: #E04436 !important;
}

.active_old a:hover,
.active_new a:hover {
    -webkit-transform: translate3d(0px, 3px, 1px);
    -moz-transform: translate3d(0px, 3px, 1px);
    transform: translate3d(0px, 3px, 1px);
    box-shadow: none;
}

.btn_style05 {
    background: #f19e0b !important;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
}

.btn_style05 a {
    color: #FFF !important;
}

.btn_style05 a span {
    background: url(../img/common/ico_click01_s_w.png) no-repeat right center !important;
    padding-right: 10px;
}

/* 送信ボタン */
#cart input[type="submit"] {
    width: 100%;
    font-size: 150%;
    padding: 15px;
    border-radius: 3px;
}

#cart .btn dd {
    position: relative;
}

#cart .btn dd span {
    position: absolute;
    top: 35%;
    right: 20%;
}

/* 送信ボタン - 押せないとき */
#cart input[type="submit"][disabled],
.noClick {
    background-color: #ccc !important;
    font-family: FontAwesome;
    border: 0px;
    box-shadow: 0 0 0;
    padding: 17px;
    cursor: default;
}

#cart input[type="submit"][disabled]:hover,
.noClick {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    box-shadow: none;
}

.noClick {
    color: #FFF;
    background: url(../img/common/ico_click_w_s.png) no-repeat 92% 50% #ccc;
    font-family: FontAwesome;
    display: block;
}

p.noClick {
    color: #FFF !important;
    font-size: 167%;
    padding: 20px;
}

.btn_style01 a,
#cart input[type="submit"] {
    background: #DF433A !important;
    font-family: FontAwesome;
    border: 1px solid #B7281E;
    box-shadow: 0 2px 0 #B7281E;
    color: #fff !important;
}
.btn_style01_unselect a{
    background-color: #ccc !important;
    font-family: FontAwesome;
    border: 0px;
    box-shadow: 0 0 0;
    padding: 11px;
    cursor: default;
    color: #fff !important;
}

.btn .btn_style06 span {
    font-family: FontAwesome;
    background: none;
    padding-left: 0px;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    #cart input[type="submit"] {
        font-size: 88%;
        padding: 11px;
    }

    #cart input[type="submit"][disabled] {
        padding: 13px;
    }

    p.noClick {
        margin: 0px 10%;
    }

    p.noClick {
        color: #FFF;
        display: block;
        padding: 20px;
        font-size: 120%;
    }
}

/* 送信ボタン - マウスオーバー時 */
#cart input[type="submit"]:hover {
    -webkit-transform: translate3d(0px, 3px, 1px);
    -moz-transform: translate3d(0px, 3px, 1px);
    transform: translate3d(0px, 3px, 1px);
    box-shadow: none;
}

.pankuzu {
    background: #EBE8D4 !important;
    color: #858585 !important;
    border-top: 1px solid #E2D199;
    padding: 10px 0px;
}

.pankuzu span {
    margin: 0px 5px;
}

.pankuzu a {
    color: #858585 !important;
    text-decoration: underline;
}

@media screen and (min-width: 768px) and (max-width: 5000px) {
    .contentInner {
        width: 1040px;
        margin: 0px auto;
    }

    .noClick {
        font-size: 130%;
    }
}

@media print,
screen and (min-width: 768px) and (max-width: 5000px) {

    h3.tyleH3 {
        font-size: 230%;
        font-weight: 700;
        width: 1040px;
        margin: 0px auto;
        text-align: center;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

    .sideMenu {
        width: 230px;
        float: left;
    }

    .common .container {
        padding: 30px 0px 60px;
    }

    .sideMenu h3 {
        background: #E04436 !important;
        color: #FFF !important;
        padding: 15px;
    }

    .sideMenu .categoryBox {
        margin-bottom: 40px;
    }

    .sideMenu .categoryBox li {
        margin-bottom: 1px;
    }

    .sideMenu .categoryBox li a {
        font-size: 98%;
    }

    .contentRight {
        width: 780px;
        float: right;
    }

    .mainMenu li {
        border-top: 1px dotted #ACACAC;
        border-right: 1px dotted #ACACAC;
        border-left: 1px dotted #ACACAC;
    }

    .mainMenu {
        border-bottom: 1px dotted #ACACAC;
    }

    .mainMenu li a {
        background: #FBF8F1 !important;
        display: block;
        padding: 10px;
    }

    .mainMenu li span {
        display: block;
        background: url(../img/common/ico_click_r.png) no-repeat left center !important;
        padding: 5px 0px 5px 20px;
    }

    .common .contentRight h2 {
        background: url(../img/common/bg_line.png) repeat-x left bottom !important;
        font-size: 161.6%;
        font-weight: 500;
        margin-bottom: 20px;
        padding: 3px 0px 13px 10px;
    }

    .common .contentRight h2 small {
        display: block;
        margin-bottom: 5px;
        font-size: 60%;
    }

    .common .contentRight h3 {
        font-size: 153.9%;
    }

    p.noClick {
        width: 385px;
        font-size: 153.9%;
        margin: 20px auto 0px;
        color: #FFF;
    }
}

.common .contentRight h3 {
    background: #EBE8D4 !important;
    padding: 15px;
    margin-bottom: 20px;
}

@media screen and (min-width: 0px) and (max-width: 767px) {

    .btn_style01 a,
    .btn_style02 a {
        padding: 7px 0px;
    }

    .imgWidth {
        width: 100%;
    }

    .noClick {
        padding: 17px 45px;
    }

    .tyleH3 {
        text-align: center;
        background-size: 350px 6px;
        padding: 30px 0px 15px;
        font-size: 140%;
        font-weight: 700;
    }

    .pankuzu {
        padding: 10px 5%;
    }

    .common .contentRight {
        margin: 20px 5%;
    }

    .common .contentRight h2 {
        background: url(../img/common/bg_line.png) repeat-x left bottom;
        font-size: 138.5%;
        margin-bottom: 20px;
        padding: 0px 0px 10px 0px;
    }

    .common .contentRight h2 small {
        display: block;
        margin-bottom: 5px;
    }

    .common .contentRight h3 {
        font-size: 120%;
    }

    .switch03 {
        position: relative;
        cursor: pointer;
    }

    .switch03 span {
        background: url(../img/common/ico_click_w.png) no-repeat 0 0;
        display: block;
        position: absolute;
        z-index: 10;
        background-size: 10px;
        right: 5%;
        top: 50%;
        margin-top: -8px;
        width: 10px;
        height: 20px;
    }

    .active03 span {
        background: url(../img/common/ico_arrow_w.png) no-repeat 0 0;
        right: 4%;
        margin-top: -5px;
        background-size: 18px;
        width: 18px;
        height: 10px;
    }
}

/***************************************
 * clear fix
****************************************/
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.clearfix {
    display: inline-block;
    min-height: 1%;
    /* for IE 7 and MacIE5.5*/
}

/* Hides from IE-mac \*/
*html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/*@media print {
body {
width: 100%;
_zoom: 0.75;
}
a:link,
a:visited {
    text-decoration: underline;
    color: #000000;
}
a:link:after,
a:visited:after {
    content: " (" attr(href) ") ";
    font-size: 90%;
}
img {
    border: 0;
}
/* 印刷時に画面と変更するスタイルを定義 */
/*}*/
@media print {
    a[href]:after {
        content: "" !important;
    }

    abbr[title]:after {
        content: "" !important;
    }

    section {
        display: block;
        page-break-before: always;
    }

    pre code {
        page-break-after: always;
    }

    @page {
        margin-top: 0.4cm;
        margin: 0.5cm;
    }

    p a,
    code,
    pre {
        word-wrap: break-word;
    }

    /*img {display:none;}*/

    pre a[href]:after {
        content: "";
    }


    pre abbr[title]:after {
        content: "";
    }

    pre .ir a:after,
    pre a[href^="javascript:"]:after,
    pre a[href^="#"]:after {
        content: "";
    }

    .no-print {
        display: none;
    }

    header {
        clear: both;
        display: block;
    }

    .sideMenu {
        width: 20%;
        float: left;
    }

    .contentRight {
        width: 75%;
        float: right;
        margin-left: 5%;
    }

    .contentInner {
        clear: both;
    }

    .common nav li {
        float: left;
    }

    .visible-xs {
        display: none !important;
    }
}