@charset "UTF-8";
@media screen and (max-width: 1120px) {
    .fs-l-main{
      padding-left:0;
      padding-right:0;
    }
}


.fs-c-breadcrumb {
    display: block!important;
}

.fs-c-breadcrumb {
    margin-bottom: 30px;
    padding: 10px 15px;
    font-family: helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 11px;
    color: #665e48;
    background: #ecf2f5;
}
.fs-c-breadcrumb__list {
    padding: 0;
}
.fs-c-breadcrumb__list a {
    text-decoration: underline;
}

@media screen and (max-width: 992px) {
    .fs-c-breadcrumb {
        margin-bottom: 20px;
    }
    .fs-c-breadcrumb {
        display: none;
    }
}


/* ------------------------------------------------------------------
  global_main
------------------------------------------------------------------- */
.global_main {
    margin: 0 10px;
    font-size: .875rem;
    line-height: 1.8;
}

.global_main .title_lv1 {
    padding-bottom: 20px;
    color: #7f9EAE;
    font-size: 1.2rem;
    line-height: 1.2;
}

.global_main .title_lv1 + .title_lv2 {
    margin-top: 0;
}
.global_main .title_lv2 {
    margin: 24px 0 20px;
    padding: 12px 12px 10px;
    font-size: .875rem;
    font-style: normal;
    line-height: 1.2;
    background: #f1f5f6;
}


@media screen and (max-width: 992px) {
    .global_main {
        margin: 0 20px;
    }
    .global_main .title_lv1 {
        padding-top: 10px;
    }
}


/* ------------------------------------------------------------------
  index
------------------------------------------------------------------- */
#guide{margin:0px auto 60px; font-size:14px; color:#585858;}
#guide a{color:#585858; text-decoration:none;}
#guide a.underline{text-decoration:underline;}
#guide a.underline:hover{text-decoration:none;}
#guide a.arrow{display:block; background:url(../images/icon_arrow2.gif) 0 center no-repeat; padding:0 15px 0 10px; line-height:1.1em; text-decoration:underline; margin:5px 0;}
#guide a.arrow:hover{text-decoration:none;}

#guide_nav{border-bottom:1px #c9c9c9 solid; padding:40px 0;}
#guide_nav ul{display: flex; justify-content: center;}
#guide_nav ul li a{display:block;text-align: center;}
#guide_nav ul li a img{margin-bottom:2px;}
#guide_nav ul li a h3{font-size:14px; line-height:1.2em; text-align:center;}

#page_nav{border-bottom:1px #c9c9c9 solid; padding:40px 0; text-align:center;}
#page_nav ul{}
#page_nav ul li{display:inline;}
#page_nav ul li a{background:url(./images/icon_arrow.gif) 0 center no-repeat; padding:0 15px 0 10px; font-size:14px; line-height:1.1em;}

#guide_container{}
#guide_container > ul{}
#guide_container > ul > li{border-bottom:1px #e5e5e5 solid; padding:50px 0;}
#guide_container > ul > li:last-child{border-bottom:1px #ffffff solid;}
#guide_container > ul > li > dl{}
#guide_container > ul > li > dl > dt{font-size:16px; font-weight:bold;}
#guide_container > ul > li > dl > dt > img{display:block; margin-top:35px;}
#guide_container > ul > li > dl > dd h5{font-size:14px; font-weight:bold; margin-bottom:5px;}
#guide_container > ul > li > dl > dd img{display:block;}
#guide_container > ul > li > dl > dd img.center{margin:20px auto;}

#guide_container li#color ul{display:flex; flex-wrap:wrap; margin-top:20px;}
#guide_container li#color ul li{width: 16.6%; margin:0 0 20px 0;}
#guide_container li#color ul li a{display:block; text-align:center;}
#guide_container li#color ul li a img{display:inline; margin:0 auto 5px;}
#guide_container li#color ul li a h4{font-size:14px; line-height:1.2em;}

#guide_container li#item ul{display:flex; flex-wrap:wrap; margin-top:20px;}
#guide_container li#item ul li{width: 20%;padding: 10px 10px;}
#guide_container li#item ul li.col6{width: 16%;}
#guide_container li#item ul li.col6.first{margin-left: 18px;}
#guide_container li#item ul li a{display:block; text-align:center;}
#guide_container li#item ul li a img{display:inline; margin:0 auto 5px; max-width: 100%; height: auto;}
#guide_container li#item ul li a h4{font-size:14px; line-height:1.2em;}

#guide_container li#effect ul.col2 li a img{margin-bottom:10px;}


@media print, screen and (min-width: 993px) {
    #guide {
        width: 970px;
    }
    #guide_container > ul > li > dl > dt {
        width: 230px;
        float: left;
        clear: both;
        font-size: 16px;
        font-weight: bold;
    }
    #guide_container > ul > li > dl > dd {
        padding-left: 230px;
    }
    #guide_container li#effect ul.col2:after{display:block; clear:both; height:0; content:"";}
	#guide_container li#effect ul.col2 li{float:left; width:345px; margin-left:50px;}
	#guide_container li#effect ul.col2 li.first{margin-left:0;}
	#guide_container li#effect ul.col2 li a{display:block;}
	#guide_container li#effect ul.col2 li a img{margin-bottom:10px;}

}


@media print, screen and (max-width: 992px) {
	#guide {margin-left: 20px;margin-right: 20px;}

	#page_nav ul {display: flex; flex-wrap: wrap; margin: 0 20px;}
	#page_nav ul li {display: block; width: 33.3333%; text-align: left;}
	#guide_nav ul li img {max-width: 100%; height: auto;}

	/* --------------------------------------------------*/
	#guide_container > ul > li {padding: 30px 0;}
	#guide_container > ul > li > dl > dt {margin-bottom: 10px;}
	#guide_container #name dd li img,	#guide_container #effect dd li img {width: 100%; height: auto;}
	
	#guide_container > ul > li > dl > dt > strong {display: block; width: 100%;}
	#guide_container > ul > li > dl > dt br {display: none; visibility: hidden;}
	#guide_container > ul > li > dl > dt > img {float: left; margin: 15px 25px 15px 0;}
	#guide_container li#effect ul.col2 li.first{margin-bottom:2rem;}


}

@media print, screen and (max-width: 767px) {
    #guide_nav {padding: 20px 0;}
	#guide_nav ul{flex-wrap: wrap;}
	#guide_nav ul li{width: 33.3333%;margin-bottom: 20px;}

	#page_nav {padding: 20px 0;}
	#page_nav ul li {width: 100%;}
	#page_nav ul li a {display: block; padding: 10px 15px 10px 10px;}

    #guide_container li#color ul li{width: 25%;}

    #guide_container li#item ul li{width: 33.3333%;padding: 10px 10px;}
	#guide_container li#item ul li.col6{width: 33.3333%;}
	#guide_container li#item ul li.col6.first{margin-left: 0;}

}




/**
* page bottom sns
*/
#sns{margin-top:40px;}

.clearfix		{zoom:1;}
.clearfix:after	{content: " "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}

#sns ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
#sns ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    float: none;
    height: 22px;
    vertical-align: top;
    list-style-type: none;
}
#sns ul li:not(:last-child) {
    margin: 0 10px 0 0;
}

.fb-like.fb_iframe_widget {
    padding: 0 !important;
    /* margin: 6px 0 0 0; */
}

.twitter-share-button{width:100px!important;}