/* CSS Document */
/* -----------------------------------------
 *
 * Table of Contents:
 *
 * 0.0 - tags
 * 1.0 - Repeatable Patterns
 * 2.0 - page Layout
 * 3.0 - 
 ----------------------------------------- */
/* -----------------------------------------

	0.0 - tags

-----------------------------------------*/
body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    word-break: keep-all;
    line-break: strict;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
header {
    background: #000;
    border-bottom: 1px solid #FFF;
    -webkit-background-size: 4px 4px;
    padding: 6px 10px 6px 10px;
    height: 30px;
    overflow: hidden !important;
}
a:hover img {
    opacity: 0.7;
}

#main{
    overflow: hidden;
}
/* -----------------------------------------

	1.0 - Repeatable Patterns

-----------------------------------------*/
#contents-special {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    line-height: 1.6;
}

#contents-special img{
    width: 100%;
}

#contents-special.w-750 {
    max-width: 750px;
    margin: auto;
}

#contents-special .w-650 {
    max-width: 650px;
    width: 86.666%;
    margin: auto;
}

#contents-special .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.2%;
}
#contents-special .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#contents-special #social_btn {
    width: 100%;
    text-align: center;
}
#contents-special #social_btn > div {
    display: inline-block;
    vertical-align: top;
}
#contents-special #social_btn span {
    vertical-align: top;
}
#contents-special #social_btn .fb_iframe_widget > span {
    vertical-align: baseline !important;
}
.fixed {
    position: fixed !important;
}
.mb-08 {
    margin-bottom: 8px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-25 {
    margin-bottom: 25px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mb-70 {
    margin-bottom: 70px;
}
.pb-30 {
    padding-bottom: 30px;
}
.pb-50 {
    padding-bottom: 50px;
}
.pb-75{
    padding-bottom: 75px;  
}
.pt-35{
    padding-top: 35px;
}
@media (max-width: 750px) {
    .mb-08 {
        margin-bottom: 1.06666vw;
    }
    .mb-10 {
        margin-bottom: 1.33333vw;
    }
    .mb-20 {
        margin-bottom: 2.66666vw;
    }
    .mb-25 {
        margin-bottom: 3.33333vw;
    }
    .mb-30 {
        margin-bottom: 4vw;
    }
    
    .mb-40 {
        margin-bottom: 5.33333vw;
    }
    .mb-50 {
        margin-bottom: 6.66666vw;
    }
    .mb-60 {
        margin-bottom: 8vw;
    }
    .mb-70 {
        margin-bottom: 9.333vw;
    }
    .mb-80 {
        margin-bottom: 10.666vw;
    }
    .mb-90 {
        margin-bottom: 12vw;
    }
    .mb-100 {
        margin-bottom: 13.3333vw;
    }
    .mb-150 {
        padding-bottom: 33.3333vw;
    }
    .pb-30 {
        padding-bottom: 4vw;
    }
    .pb-50 {
        padding-bottom: 6.66666vw;
    }
    .pb-75 {
        padding-bottom: 10vw;
    }
    .pt-35{
        padding-top: 4.6666vw;
    }

}

/* -----------------------------------------

2.0 - page Layout

-----------------------------------------*/

/*common parts*/

#main-notice{
    background: #D7000F;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding: 0.5rem 0;
}



.main-sns .ttl-sns{
    /* background: #969696; */
}

.main-sns .inner {
    position: relative;
}
.main-sns .inner .bg {
    position: relative;
    z-index: 1;
}

.main-sns .inner .on {
    position: absolute;
    z-index: 2;
    width: 76.9%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.main-sns .inner li{
    background: #fff;
}

.main-news .ttl-news{
    /* background: #969696; */
}

.main-news .news_inner{
    background: #fff;
    width: 100%;
    border: 1px solid #969696;
    box-sizing: border-box;
}

.main-news .news_inner.gray{
    background: #eee;
    width: 100%;
    border: none;
    box-sizing: border-box;
}

.sns-footer-img {
	width: 100%;
}
.main-news .news_inner .news_lead{
    width: 84.6%;
    margin-left: auto;
    margin-right: auto;
}

.main-news .news_inner .news_btn{
    width: 76.923%;
    border: 1px solid #969696;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width:750px) {
    #main-notice{
        font-size: 3.555vw;
    }
}


.main-sns-channel{
    background: #EEECEB;
}


/* Alternative */

.main-sns.alter{
    position: relative;
    padding: 8% 0;
    /* background: #EEECEB; */
}
.main-sns.alter .ttl-sns{
    /* background: #EEECEB; */
}
.main-sns.alter ul{
    width: 90%;
    margin: 0 auto;
}

.main-channel.alter{
    position: relative;
    padding: 8% 0;
    /* background: #EEECEB; */
}
.main-channel.alter::after{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 90%;
    height: 1px;
    background: #8F8F8F;
    transform: translate(-50%, 0);
}
.main-channel.alter .ttl-channel{
    /* background: #EEECEB; */
}
.main-channel.alter ul{
    width: 90%;
    margin: 0 auto;
}


@media screen and (max-width:750px) {
    #main-notice{
        font-size: 3.555vw;
    }
}


/* global */
.other-txt{
    display: block;
}
.global-txt{
    display: none;
}
.global .other-txt {
    display: none;
}
.global .global-txt{
    display: block;
}



/* -----------------------------------------

3.0 - 
	
-----------------------------------------*/
.sp {
    display: none;
}
.pc {
    display: block;
}
@media (max-width: 750px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
}
/* -----------------------------------------

	3.0 - Page setting
	
-----------------------------------------