@charset "UTF-8";
/*
    ///////////////////////////////////////////////////
    //
    //    _widget フォルダから必要なcssだけコピペ
    //
    ///////////////////////////////////////////////////
*/


/* ######################################################################################

　タイトル　title

###################################################################################### */

/* ====================================================
　デフォルトタイトル
==================================================== */

h2,h3,h4,h5,h6 {
    margin:0 0 0.75em;
    padding:0;
    line-height:1.25;
    font-weight:bold;
    font-size:100%;
}
.pageTitle      {font-size:40px;}
.contentsTitle  {font-size:30px;}
.paragraphTitle {font-size:20px;}
.accentTitle    {font-size:18px;}
.smallTitle     {font-size:16px;}

/* ######################################################################################

　帯背景　wallBelt

###################################################################################### */
@media print, screen and (min-width: 768px) {
    .wallBelt {
        /*
		padding: 15px 0;
        */
		overflow: hidden;
    }
    /*
    .wallBelt.zero { padding: 0 0; }
    .wallBelt.narrow { padding: 30px 0; }
    .wallBelt.wide { padding: 80px 0; }
    */
}

@media screen and (max-width: 767px) {
    /*
	.wallBelt { padding: 20px 0; }
	*/
    .wallBelt.zero { padding: 0 0; }
	.wallBelt.narrow { padding: 15px 0; }
    .wallBelt.wide { padding: 40px 0; }
}

/* ######################################################################################

　スライドメニュー＋固定ヘッダ　button

###################################################################################### */

#SlideToggle {
    display: inline-block;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -9999px;
    top: 3vw;
    right: 20px;
    width: 30px;
    height: 36px;
    background-image: url(../img/header/btn_toggle.png);
    background-size: 30px 36px;
}
@media screen and (max-width: 480px) {
	#SlideToggle {
	    top: 10px;
	}
}

#SlideBase { overflow: hidden; }
#SlideMenu { width: 200px; }

@media print, screen and (min-width: 768px) { /**/
    #SlideMenu,
    #SlideToggle { display: none; }
}

@media screen and (max-width: 767px) { /**/
    #SlideMenu {
        display: block;
        background: #fff;
        padding-top: 15vw;
    }
    #SlideHeader {
        display: none !important;
        background: #cccccc;
        height: 40px;
        text-align: center;
        color: #333333;
    }
    #SlideHeader a {
        border-top: 1px solid #fafafa;
        border-bottom: 1px solid #cccccc;
        padding: 13px 13px;
        color: #333333;
        font-size: 13px;
        text-align: left;
    }
    #SlideContent {
        /* background: #931D24; */
        padding-bottom: 82px;
    }
    #SlideContent ul a {
        border-bottom: 1px solid #666;
        padding: 13px 13px 15px;
        color: #333;
        font-size: 13px;
        text-align: left;
    }
    #SlideContent ul li.instagram a {
        height: 88px;
        padding-top: 18px;
        padding-bottom: 25px;
        background-image: url(../img/header/instagram_icon.png);
        background-repeat: no-repeat;
        background-position: center 18px;
        background-size: 48px 44px;
        text-indent: -9999px;
    }

    #SlideContent ul ul a {
        padding: 10px 20px;
        font-size: 11px;
    }
    #SlideContent ul ul a:before { content: " - "; }
    header {
        position: fixed;
        z-index: 100;
        background-color: #ffffff;
        box-shadow: none;
        width: 100%;
        top: 0;
    }
    header.fixed { position: fixed; }
}
@media screen and (max-width: 480px) {
    /**/
    #SlideMenu {
        padding-top: 22vw;
    }
}