/* =============================================================== */
/* ヘッダーエリア */
/* =============================================================== */
header {width:auto;
background: url(../../img/bg_yellow.png) repeat top center/cover;}

.main-wrapper{    width: auto;
    height: 100%;
    background: url(../../img/main_bg.png) left -44px repeat;
    background-size: 72%;}  
 
@media print, screen and (max-width: 768px) {
.main-wrapper{width: auto;
    height: 100%;
    background: url(../../img/main_bg.png) left 25px repeat;
    background-size: 100%;}  
} 

.main-area{width:1200px;margin:0 auto;padding:100px 0 135px;position:relative;} 

@media print, screen and (max-width: 768px) {
.main-area{width:100%;margin:0 auto;padding:50px 0;position:relative;} 
} 

.main-area-logo{width:auto;height:100%; }  
.main-logo {width:880px;margin:0 auto;display:flex;}
.main-logo .logo{width:505px;}
.main-logo .chatch{width:350px;margin-top:45px;}

@media print, screen and (max-width: 768px) {
.main-area-logo{width:auto;height:100%; }  
.main-logo {width:90%;margin:0 auto;display:flex;}
.main-logo .logo{width:60%;}
.main-logo .chatch{width:40%;margin-top:20px;}
} 

.lang{    width: 100px;
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #000;
    color: #FFF;
    display: flex;
    justify-content: space-between;
    text-align: center;
    font-size: 1.5rem;
    padding: 10px 15px;
    font-weight:700;
    }
.lang p a{color:#FFF;}
.lang p a:hover{text-decoration:underline;}
.lang p:nth-child(1),.lang p:nth-child(3)lang p:nth-child(3){width:49.5%;color:#FFF;}
.lang p:nth-child(2){1%}
.lang a.current{color: #fff227;pointer-events: none;}

br.sp{display:none;}

@media print, screen and (max-width: 768px) {
br.sp{display:block;}
}



/* =============================================================== */
/* 共通タイトル */
/* =============================================================== */

h2.m-title{width:100%;background-color:#000;padding:20px 0;text-align:center;color:#fff227;font-weight:700;font-size:2.8rem;margin-top:-50px;}
.text-area{width:1090px;margin:0 auto;background-color:#FFF;}
.text-area-info{width:auto;margin:50px 0px;padding:50px;font-size:1.8em;line-height:1.8em;}
.text-area-info h3{width:100%;text-align:center;color:#ff6c00;font-size:2.2rem;margin-bottom:10px;font-weight:700;}

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

h2.m-title{width:100%;background-color:#000;padding:10px 0;text-align:center;color:#fff227;font-weight:700;font-size:1.8rem;margin-top:-25px;}
.text-area{width:90%;margin:0 auto;background-color:#FFF;}
.text-area-info{width:auto;margin:25px 0px;padding:25px;font-size:1.4em;line-height:1.5em;}
.text-area-info h3{width:100%;text-align:center;color:#ff6c00;font-size:1.5rem;margin-bottom:10px;font-weight:700;}

}

.text-mstr{margin:30px 0;}
.text-mBstr{margin-bottom:50px;}


@media print, screen and (max-width: 768px) {
.text-mstr{margin:15px 0;}
.text-mBstr{margin-bottom:25px;}

}

/* =============================================================== */
/* プロジェクト紹介*/
/* =============================================================== */

.info-area{width:auto;height:100%; background: url(../../img/bg_green.png) left top repeat;
    background-size: 60%;padding:25px 0;}

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

.info-area{width:auto;height:100%; background: url(../../img/bg_green.png) left top repeat;
    background-size: 220%;padding:25px 0;}

}

/* =============================================================== */
/*Zombie Zooとは*/
/* =============================================================== */

.about-area{width:auto;height:100%; background: url(../../img/zombilzoo_bg.png) left top repeat;
    background-size: 60%;padding:50px 0;}


.about-column2{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.about-column2 p:nth-child(1){width:22%;margin-right:5%;}
.about-column2 p:nth-child(2){width:73%;}


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

.about-area{width:auto;height:100%; background: url(../../img/zombilzoo_bg.png) left top repeat;
    background-size: 220%;padding:25px 0;}


.about-column2{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.about-column2 p:nth-child(1){width:22%;margin-right:5%;}
.about-column2 p:nth-child(2){width:73%;}

}

/* =============================================================== */
/* ニュース*/
/* =============================================================== */

.news-area{width:auto;height:100%; background: url(../../img/bg_purple.png) left top repeat;
    background-size: 60%;padding:50px 0;}
.news-area .text-area{width:1090px;margin:0 auto;background-color: unset;}
.news-area .text-area .text-area-info{margin: 0px; padding: 50px 0px;}
.news-column3{width:100%;display:flex;justify-content:left;flex-wrap:wrap;}
.news-column3 div{width:31.5%;background-color:#FFF;box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, .1);padding:1.5%;margin-right:1.5%;margin-bottom:20px;}

a .news-btn {background-color:#000;width:300px;margin:0 auto;color:#fff227;padding:15px 0;font-weight:700;display:block;text-align:center;margin-top:50px;}
a:hover.news-btn {opacity:0.6}

.news-ph{width:auto;}
.news-time{font-size:1.6rem;color:#666;line-height:1.6rem;margin:15px 0;font-weight:700;}
.newst-itle{font-size:1.7rem;font-weight:700;line-height:2.6rem;margin-bottom:10px;}
.news-text{font-size:1.6rem;line-height:2.4rem;margin-bottom:10px;}



#news .text-area{width:1000px;margin:50px auto;background-color: #FFF;padding:10px 30px;}
#news h3.news-title{font-size:2.8rem;text-align:left;font-weight:700;color:#000;line-height:3.6rem;}
#news .date{font-size:1.5rem;color:#666;text-align:right;width:auto;}
#news h4.news-sub-title{font-size:2.5rem;font-weight:700;}
#news .text-area a:hover{text-decoration:underline;}

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

.news-area{width:auto;height:100%; background: url(../../img/bg_purple.png) left top repeat;
    background-size: 220%;padding:25px 0;}
.news-area .text-area{width:auto;margin:0 auto;background-color: unset;}
.news-area .text-area .text-area-info{margin: 0px; padding: 0px 0px;}
.news-column3{width:90%;display:block;margin:0 auto;}
.news-column3 div{width:auto;background-color:#FFF;box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, .1);padding:7%;margin-bottom:20px;margin-top:25px;}

a .news-btn {background-color:#000;width:90%;margin:0 auto;color:#fff227;padding:15px 0;font-weight:700;display:block;text-align:center;}
a:hover.news-btn {opacity:;0.6}

.news-ph{width:auto;}
.news-time{font-size:1.3rem;color:#666;line-height:1.6rem;margin-bottom:5px;font-weight:700;}
.newst-itle{font-size:1.5rem;font-weight:700;line-height:2rem;margin-bottom:5px;}
.news-text{font-size:1.3rem;line-height:2rem;margin-bottom:10px;}

#news .text-area{width:90%;margin:50px auto;background-color: #FFF;padding:10px 30px;}
#news h3.news-title{font-size:2rem;text-align:left;font-weight:700;color:#000;line-height:2.8rem;}
#news .date{font-size:1.3rem;color:#666;text-align:right;width:auto;}
#news h4.news-sub-title{font-size:1.8rem;font-weight:700;}
#news .text-area a:hover{text-decoration:underline;}


}




/* =============================================================== */
/* フッター SNS*/
/* =============================================================== */
footer {width:auto;
background: url(../../img/bg_yellow.png) repeat top center/cover;padding:150px 0 0;}

.sns-btn{width:762px;margin:0px auto;}

ul.banner-btn{width:762px;margin:50px auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
ul.banner-btn li{width:48.5%;background-color:#FFF;}


.share-area {width:264px;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 auto 50px;}

.share-area p:nth-child(1){width:100px;font-size:2.2em;color:#000;font-weight:700;padding-top:25px;}
.share-area p:nth-child(2),.share-area p:nth-child(3){width:64px;}
.share-area p:nth-child(1){margin-right:10px;}
.share-area p:nth-child(2),.share-area p:nth-child(3){margin-right:5px;}

p.copyright{width:100%;text-align:center;padding:10px;font-size:1.2rem;color:#FFF;background-color:#000;font-weight:700;}




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


footer {width:auto;
background: url(../../img/bg_yellow.png) repeat top center/cover;padding:60px 0 0;}

.sns-btn{width:80%;margin:0px auto;}

ul.banner-btn{width:80%;;margin:20px auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
ul.banner-btn li{width:48.5%;background-color:#FFF;}


.share-area {width:60%;display:flex;justify-content:space-between;flex-wrap:wrap;margin:30px auto 50px
;}

.share-area p:nth-child(1){width:53%;font-size:2.2em;color:#000;font-weight:700;padding-top: 12px;text-align:right;}
.share-area p:nth-child(2),.share-area p:nth-child(3){width:18%;}
.share-area p:nth-child(1){margin-right:5%;}
.share-area p:nth-child(2),.share-area p:nth-child(3){margin-right:2%;}

p.copyright{width:100%;text-align:center;padding:10px;font-size:1.2rem;color:#FFF;background-color:#000;font-weight:700;}

}

    

/* =============================================================== */
/*  基本セット　*/
/* =============================================================== */


.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB20{margin-bottom:20px;}
.mB30{margin-bottom:30px;}
.mB40{margin-bottom:40px;}
.mB50{margin-bottom:50px;}
.mB60{margin-bottom:60px;}
.mB70{margin-bottom:70px;}
.mB80{margin-bottom:80px;}
.mB90{margin-bottom:90px;}
.mB100{margin-bottom:100px;}

.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
.mT50{margin-top:50px;}
.mT60{margin-top:60px;}
.mT70{margin-top:70px;}
.mT80{margin-top:80px;}
.mT90{margin-top:90px;}
.mT100{margin-top:100px;}


.column1{width:100%;}


.column2{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.column2 div{width:49.5%;}


.column2b{width:100%;display:block;}
.column2b div p:nth-child(1){width:70%;margin-left:auto;margin-right:auto;}
.column2b div p:nth-child(4){margin-bottom:30px;}
.column2b div{width:100%;}

.column2 div img,.column3 div img,column4 div img{width:100%;}

.column3{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.column3 div{width:33%;}

.column3cent{width:100%;display:flex;justify-content:center;flex-wrap:wrap;}
.column3cent div{width:33%;}

.column3b{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.column3b div{width:32%;}

.column3c{width:100%;}
.column3c div{width:80%;margin:0 auto 30px;}


.column4{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.column4 div{width:23.5%;}

.column5{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.column5 div{width:24.5%;}

.column100p{width:100%;margin-right:auto;margin-left:auto;}
.column720{width:100%;margin-right:auto;margin-left:auto;}
.column640{width:100%;margin-right:auto;margin-left:auto;}
.column480{width:95%;margin-right:auto;margin-left:auto;}
.column320{width:65%;margin-right:auto;margin-left:auto;}
.column240{width:40%;margin-right:auto;margin-left:auto;}

@media print, screen and (min-width: 768px) {
.column100p{width:100%;margin-right:auto;margin-left:auto;}
.column720{width:720px;margin-right:auto;margin-left:auto;}
.column640{width:640px;margin-right:auto;margin-left:auto;}
.column480{width:480px;margin-right:auto;margin-left:auto;}
.column320{width:320px;margin-right:auto;margin-left:auto;}
.column240{width:240px;margin-right:auto;margin-left:auto;}

.column2b{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.column2b div{width:49.5%;}
.column2b div p:nth-child(1){width:unset;}
.column2b div p:nth-child(4){margin-bottom:unset;}

.column3c{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.column3c div{width:32%;}



}


.news-page img{width:100%;}

.text_center{text-align:center;}
.text_right{text-align:right;}
.otherLink a{color:#FFF;text-decoration:under-line;font-size:0.785em;}
.otherLink a:hover{color:#666;text-decoration:under-line;font-size:0.785em;}

.news-page article p{font-size: .875rem;line-height:2;}

.news-page p a,.news-page p a,.news-page ul li a,.news-page ul li a{color:#FFF;}
.news-page p a:hover,.news-page p a:hover,.news-page ul li a:hover,.news-page ul li a:hover{color:#666;}
.tit div:nth-child(1){width:100%;}
.fs09{font-size:0.785em;}
.fs10{font-size:0.825em;}
.fs11{font-size:0.875em;}
.fs12{font-size:0.935em;}
.fs13{font-size:1em;}
.fs14{font-size:1.125em;}
.fs15{font-size:1.25em;}
.fs16{font-size:1.375em;}
.fs17{font-size:1.5em;}
.fs18{font-size:1.6em;}
.fs19{font-size:1.8em;}
.fs20{font-size:2em;}

.normal{font-weight:normal !important;}
.tcenter{text-align:center;}



br.sp{display:none;}
br.pc{display:block;}

@media print, screen and (max-width: 767px) {

br.sp{display:block;}
br.pc{display:none;}

}



ol.decimal{display: block;padding:0px;list-style: decimal;}
ol.decimal li{margin-left:30px;padding:0px;list-style: decimal !important;}
ol.decimal li.list-none{list-style: none;margin-left:0px;}



ul.indent1{    display: block;
    line-height: 1.8em;
    padding: 0px;
    margin: 0px;
}
ul.indent1 li:before{margin:0 0 0 -15px;padding:0px;
	content:"\203B";
}
ul.indent1 li{margin: 0 0 0 15px;padding:0px;}




ul.indent2{    display: block;
    line-height: 1.8em;
    padding: 0px;
    margin: 0px;
}
ul.indent2 li:before{margin:0 0 0 -15px;padding:0px;
	content:"\30FB";
}
ul.indent2 li{margin: 0 0 0 15px;padding:0px;}


ul.indent3{    display: block;
    line-height: 1.8em;
    padding: 0px;
    margin: 0px;
}
ul.indent3 li:before{margin:0 0 0 -15px;padding:0px;
	content:"\25CF";
}

ul.indent3 li{margin: 0 0 0 15px;padding:0px;}

.nowrap{white-space:nowrap;}
.block{display:block;}


span.new{padding:2px 10px;background-color:#fe0034;color:#FFF;font-size:0.7em;margin-right:15px;}



.movie_area {width:auto;background: url(../../img/bg_yellow.png) repeat top center/cover;padding:60px 0 0;}