/*◆折りたたみボタン*/

.sub-btn,
.gnavi-btn,
.gnavi-btn-flyout,
.slidemenu {
    display: none;
}

/*◆iframe埋め込み*/

.iframe-wrap {
    position: relative;
    padding-top: 56.25%;
    width: 100%;
}

.iframe-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*◆レスポンシブ用 表示非表示*/

.lsc {display: block;}
.ssc {display: none;}

@media(max-width: 1000px) {

    html,body{
        width: 100%;
        -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
    }

    img {
        height: auto;
        max-width: 100%;
    }

    textarea,input{
        max-width: 95%;
    }

    /*◆◆◆1.2 レイアウト◆◆◆*/

    .container {
        display: block;
        padding: 0;
    }

    .custom-background .wrapper {
        max-width: auto;
        width: 100%;
    }

    .header-bar-inner, 
    .banner-inner, 
    .glovalnavi-inner, 
    .container-inner, 
    .footer-menu-inner, 
    .footer-inner {
        max-width: auto;
        width: 100%;
    }

    .glovalnavi > .pad { /* padはグローバルメニューの調整用クラス */
        //margin-left: 20px;
        //margin-right: 20px;
    }

    .glovalnavi ul ul,
    .glovalnavi ul ul li {
        display: none;
    }

    /*◆２カラム, ３カラム*/


    .column3 #contents,
    #wrapper_right_sidebar #contents,
    #wrapper_left_sidebar #contents {
        display: block;
        float: none;
        width: auto;
    }

    .column3 #main,
    #wrapper_right_sidebar #main{
        float: left;
        margin-left: 0;
        margin-right: -220px; /* sidebar + margin(20) */
        width: 100%;
    }

    #wrapper_left_sidebar #main{}

    .column3 .main-inner,
    #wrapper_right_sidebar .main-inner{
        margin-left: 0;
        margin-right: 220px; /* sidebar + margin(20) */
    }

    #wrapper_left_sidebar .main-inner {}
    #wrapper_right_sidebar .main-inner{}

    .column3 #sidebar,
    #wrapper_right_sidebar #sidebar{
        float: right;
        width: 200px;
    }


    #wrapper_left_sidebar #sidebar {}
    #wrapper_right_sidebar #sidebar {}


    .column3 #sidebar2,
    #wrapper_right_sidebar #sidebar2{
        float: right;
        clear: right;
        width: 200px;
    }


    #wrapper_left_sidebar #sidebar2 {}

    /*◆◆◆2.2 サイトタイトル、サイトの説明◆◆◆*/

    .site-description {
        display: none;
    }

    /* カスタムヘッダー */
    .header-txt {
        left: 40px;
        width: auto;
    }

}

@media(max-width: 640px) {

    /*◆サイドバー@640↓◆*/
    #wrappwr_right_sidebar .main-inner{margin-right:0;}
    #wrappwr_right_sidebar #sidebar {width:100%;}
#wrapper_no_sidebar #sidebar{display:none;}


    html,body{
        width: 100%;
        -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
    }

    img {
        height: auto;
        max-width: 100%;
    }

    textarea,input{
        max-width: 95%;
    }

    /*◆◆◆1.2 レイアウト◆◆◆*/

/*◆スマホビューでSNSボタン非表示*/
.sb-menu-header{display:none;}

.header-txt-left{
	width:50%;
}

.header-txt-right{
    display: none;
}

    .header-bar,
    .footer-menu {
        display: block;/*◆none*/
    }

    .column3 #contents,
    .column3 #main,
    .column3 #sidebar,
    .column3 #sidebar2,
    #wrapper_right_sidebar #contents,
    #wrapper_right_sidebar #main,
    #wrapper_right_sidebar #sidebar,
    #wrapper_right_sidebar #sidebar2,
    #wrapper_left_sidebar #contents,
    #wrapper_left_sidebar #main,
    #wrapper_left_sidebar #sidebar,
    #wrapper_left_sidebar #sidebar2,
    .column1 #contents,
    .column1 #main,
    .column1 #sidebar,
    .column1 #sidebar2 {
        display: block;
        float: none;
        clear: none;
        margin-right: 0;
        max-width: auto;
        width: 100%;
    }

    .column3 .main-inner,
    #wrapper_right_sidebar .main-inner,
    #wrapper_left_sidebar .main-inner,
    .column1 .main-inner {
        margin-right: 0;
    }

    /*◆◆◆2.2 サイトタイトル、サイトの説明◆◆◆*/

    .banner {
        //padding-bottom: 15px;
    }

    .site-title {
        margin: 0;
        padding: 5px;/*0px*/
        font-size: 1.0em;/*1.5em*/
        line-height: 1.0em;/*1.33em*/
    }

    .site-description {
        margin: 0;
        font-size: 1em;
        line-height: 1.33em;
    }

    .site-title,
    .site-description {
        position: static !important;
    }

    /*◆（カスタムヘッダー＝画像 キャンセル）◆*/

    .site-title,
    .site-description {
        display: block;
        position: static;
        clip: auto;
    }

    .site-title a,
    .site-description {
        text-shadow: none !important;
    }

    #headimg {
        height: auto;
        width: auto;
    }

    .header-image {
        display: none;
    }

    .header-txt {
        position: static;
    }

    /*◆◆◆2.3 グローバルメニュー◆◆◆*/

#glovalnavi-panel{ 
/*
	background: #f0f0f0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e6e6e6));
        background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:    -moz-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:      -o-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:     -ms-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:         linear-gradient(top, #fff 0%, #e6e6e6 100%);
*/
}

    /*◆メニューボタン◆*/

    /*◆フライアウト型スマホ用メニューボタン◆*/
    .slidemenu {display: block;}

    .gnavi-btn-flyout {
        position: relative;
        z-index: 10;
        display: none;/*◆デフォルトはblock*/
        //margin: 20px;
        //padding: .75em 1em;

	/*◆デザイン*/
        border: 1px solid #b0b0b0;
        -webkit-border-radius: 2px;
           -moz-border-radius: 2px;
                border-radius: 2px;
        background: #f0f0f0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e6e6e6));
        background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:    -moz-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:      -o-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:     -ms-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:         linear-gradient(top, #fff 0%, #e6e6e6 100%);
        -webkit-box-shadow: 0 1px 2px rgba(000, 000, 000, .2);
           -moz-box-shadow: 0 1px 2px rgba(000, 000, 000, .2);
                box-shadow: 0 1px 2px rgba(000, 000, 000, .2);

        color: #222;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 1) ;
        font-size: 14px;
        font-size: 1.08rem;
        cursor: pointer;
    }


    /*◆通常型スマホ用メニューボタン◆*/
    .gnavi-btn {
        position: relative;
        z-index: 10;
        display: none;
        //margin: 20px;
        //padding: .75em 1em;
        border: 1px solid #b0b0b0;
        -webkit-border-radius: 2px;
           -moz-border-radius: 2px;
                border-radius: 2px;
        background: #f0f0f0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e6e6e6));
        background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:    -moz-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:      -o-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:     -ms-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:         linear-gradient(top, #fff 0%, #e6e6e6 100%);
        -webkit-box-shadow: 0 1px 2px rgba(000, 000, 000, .2);
           -moz-box-shadow: 0 1px 2px rgba(000, 000, 000, .2);
                box-shadow: 0 1px 2px rgba(000, 000, 000, .2);
        color: #222;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 1) ;
        font-size: 14px;
        font-size: 1.08rem;
        cursor: pointer;
    }

    .gnavi-btn:hover {
        background: #f0f0f0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #ededed));
        background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
        background:    -moz-linear-gradient(top, #fff 0%, #ededed 100%);
        background:      -o-linear-gradient(top, #fff 0%, #ededed 100%);
        background:     -ms-linear-gradient(top, #fff 0%, #ededed 100%);
        background:         linear-gradient(top, #fff 0%, #ededed 100%);
        color: #555;
        cursor: pointer;
    }

    .gnavi-btn:active {
        position: relative;
        top: 1px;
        -webkit-box-shadow: 0 2px 2px rgba(000, 000, 000, .3) inset;
           -moz-box-shadow: 0 2px 2px rgba(000, 000, 000, .3) inset;
                box-shadow: 0 2px 2px rgba(000, 000, 000, .3) inset;
    }

    /*◆リストスタイルリセット（スキン用）◆*/

    .glovalnavi:before,
    .glovalnavi:after,
    .glovalnavi *,
    .glovalnavi-inner,
    .glovalnavi ul,
    .glovalnavi li,
    .glovalnavi li a {
        margin: 0;
        padding: 0;
        width: auto;
        border: none;
        background: none;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
        text-shadow: none;
    }

    .glovalnavi *:before, .glovalnavi *:after,
    .glovalnavi a:before, .glovalnavi a:after,
    .glovalnavi li a:before, .glovalnavi li a:after {
        content: none;
    }

    /*◆グローバルメニュー表示／非表示◆*/

    .glovalnavi { 
        display: block;
    }

    .gnavi-open {
        display: block;
    }

    /*◆メニューリスト◆*/

    .glovalnavi {
        width: auto;
        //margin: 10px 10px 10px 10px;
        padding: 0;
        border: none;
        background-image: none;
        background-color: #fff;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }

    .glovalnavi > .pad { /* padはグローバルメニューの調整用クラス／上の継承をキャンセル */
        margin-left: 0;
        margin-right: 0;
    }

    .glovalnavi ul ul,
    .glovalnavi ul ul li { /* 上の継承をキャンセル */
        display: block;
    }

    .glovalnavi li {
width:33%;
        float: left;
        padding: 1%;
        border-bottom: none;
        font-size: 13px;
        font-size: 1rem;
    }

    .glovalnavi li:last-child {
        border-bottom: none;
    }

    .glovalnavi li:hover {
        background: none;
        text-shadow: none;
    }

    .glovalnavi li:active {
        background-color: rgba(0, 0, 0, 0.05);
        text-shadow: none;
    }

    .glovalnavi li a, 
    .glovalnavi li a:visited {
        color: #333;
        text-shadow: none;
    }

    .glovalnavi li a:hover {
        color: #333;
        text-shadow: 0 0 5px #fff;
    }

    /*◆第二階層◆*/

    .glovalnavi ul ul {
        position: static;
        z-index: 10;
        display: block;
        margin: 0 0 0 1em;
        padding: 0;
        border: none;
    }

    .glovalnavi li li {
        display: block;
        clear: left;
        margin: .5em 0 0;
        padding: 0;
        border: none;
        border-top-color: transparent;
        border-bottom: none;
        background: transparent;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
        font-weight: normal;
        white-space: normal;
        width: 100%;
    }

    .glovalnavi li li:before {
        color: #666;
        content: " - ";
    }

    .glovalnavi li li:first-child {
        border-top-color: none;
    }

    .glovalnavi li li:last-child {
    }

    .glovalnavi li li:hover {
        background: none;
        border-bottom: none;
    }

    .glovalnavi li li a {
        display: inline;
        padding: 0;
        background: none;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
        color: #555;
        text-shadow: 0 1px 0 #fff;
        font-size: 12px;
        font-size: 0.93rem;
        line-height: 1.5;
    }

    .glovalnavi li li:hover > a,
    .glovalnavi li li a:hover {
        color: #000;
        text-shadow: 0 1px 0 #fff;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }

    .glovalnavi li li a:before {
        content: none;
    }

    .glovalnavi ul ul ul {
        top: auto;
        left: auto;
        padding-top: 0;
    }

    .glovalnavi ul li > ul {
        display: block;
    }


    /*◆◆◆3.1 メインコンテンツ◆◆◆*/

    .img-right .entry-img {
        float: none !important;
        padding-right: 0;
        zoom: 1;
    }

    .img-right .entry-img:after{
        display: block;
        clear: both;
        content: "";
    }

    /*◆◆◆3.3 サブコンテンツ◆◆◆*/

    /*◆折り畳みボタン◆*/

    .sub-btn {
        display: none;<!--◆display→none◆-->
        margin: 20px auto;
        padding: .75em 1em;
        border: 1px solid #b0b0b0;
        -webkit-border-radius: 2px;
           -moz-border-radius: 2px;
                border-radius: 2px;
        background: #f0f0f0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #e6e6e6));
        background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:    -moz-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:      -o-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:     -ms-linear-gradient(top, #fff 0%, #e6e6e6 100%);
        background:         linear-gradient(top, #fff 0%, #e6e6e6 100%);
        -webkit-box-shadow: 0 1px 2px rgba(000, 000, 000, .2);
           -moz-box-shadow: 0 1px 2px rgba(000, 000, 000, .2);
                box-shadow: 0 1px 2px rgba(000, 000, 000, .2);
        color: #222;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 1) ;
        text-decoration: none;
        font-size: 12px;
        font-size: 0.93rem;
        cursor: pointer;
    }

    .sub-btn:hover {
        background: #f0f0f0;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #ededed));
        background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
        background:    -moz-linear-gradient(top, #fff 0%, #ededed 100%);
        background:      -o-linear-gradient(top, #fff 0%, #ededed 100%);
        background:     -ms-linear-gradient(top, #fff 0%, #ededed 100%);
        background:         linear-gradient(top, #fff 0%, #ededed 100%);
        color: #555;
        cursor: pointer;
    }

    .sub-btn:active {
        position: relative;
        top: 1px;
        -webkit-box-shadow: 0 2px 2px rgba(000, 000, 000, .3) inset;
           -moz-box-shadow: 0 2px 2px rgba(000, 000, 000, .3) inset;
                box-shadow: 0 2px 2px rgba(000, 000, 000, .3) inset;
    }

    /*◆サブコンテンツ表示／非表示◆*/
/*
    .sidebar { 
        display: block !important;
    }

    .sub-open {
        display: block !important;
    }
*/

    /*◆◆◆ショートコード◆◆◆*/

    /*◆飾り背景◆*/

    [class^="bg-deco-"] {
        width: auto !important;
    }

    /*◆吹き出しイラスト◆*/

    .ib-left .colored_bg:after,
    .ib-right .colored_bg:after {
        position: static;
        width: auto;
        height: auto;
        border: none;
        content: none;
    }

    .ib-left [class^="title-"],
    .ib-right [class^="title-"] {
        padding: 0;
    }

    [class^="title-"]:before {
        position: static;
        width: auto;
        height: auto;
        content: none;
    }

    .ib-illust img {
        display: none;
    }

    .ib-left .ib-bubble {
        margin-left: 0;
    }

    .ib-right .ib-bubble {
        margin-right: 0;
    }

    /*◆レスポンシブ用 表示非表示◆*/

    .lsc {display: none;}
    .ssc {display: block;}

    /*◆WordPress用◆*/

    img.alignleft,
    img.alignright{
        float: none;
        display: block;
        padding: 0;
        margin: auto;
    }

}