@charset "utf-8";

a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:0 0;
	list-style-type:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}

*html body{padding-left:1px}
* html .clearfix{height:1%}
table{border-collapse:collapse}
dl,ul{zoom:1;}
html{font-size: 62.5%;overflow-y: scroll;}
body,strong{font-weight:400}
body{
	font-style: normal;
	background-color: #fff;
	color: #333333;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    position: relative;
}
body,
dd,dt,h1,h2,h3,h4,h5,h6,li,p,td,th{
	line-height:1.8;
	font-size: 1.6rem;
	font-weight:400;
}
@media (max-width: 1000px) {
	body,
	dd,dt,h1,h2,h3,h4,h5,h6,h7,li,p,td,th,div{
        font-size: 1.4rem;
    }
}
@media (max-width: 575px) {
	body,
	dd,dt,h1,h2,h3,h4,h5,h6,h7,li,p,td,th,div{font-size: 1.05rem;line-height:1.8;}
	h1,h2,h3,h4,h5,h6,h7{line-height:1.6;}
}



.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.articleBox:before,
.articleBox:after{
  content: " ";
  display: table;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.clearfix,.fleft,.fright{display:block}
.cb:after,
.clearfix:after,
.articleBox:after,
dl:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.boxct{margin:0 auto;}
.fright{float:right;}
.fleft{float:left;}
.l{float:left;}
.r{float:right;text-align:left;}
.ct{text-align:center;}

.fl-sh{/*縦横中央*/
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.fl-h{/*縦中央*/
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: center;
	align-content: center;
}
a{
	overflow: hidden;
	color: #333;
	transition: 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
#navi a{
	transition: 0s linear;
	-webkit-transition: all 0s linear;
	-moz-transition: all 0s linear;
	-o-transition: all 0s linear;
	-ms-transition: all 0s linear;
	transition: all 0s linear;
}
a:hover{
	opacity: 0.6;
}
a,a:hover{text-decoration:none}
a:hover img{opacity: 0.6;}
img{
	border:0;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

.fl05:first-letter{letter-spacing:0.5em}
.fl1:first-letter{letter-spacing:1em}
.fl2:first-letter{letter-spacing:2em}
.l05{letter-spacing:0.51em}
.l1{letter-spacing:1em}
.l2{letter-spacing:2em}

.line-ud{border-bottom:1px solid #000;}

.w50{width:50% !important;max-width:50% !important;}
.w100{width:100% !important;max-width:100% !important;}
.w100-pc{width:100% !important;max-width:100% !important;}
.w100-sp{width:auto !important;max-width:none !important;}

#warper{width:100%;overflow: hidden;}
.contents{width:100%;margin:0 auto;}

.brpc{display:block;}
.brsp{display:none;}
.pc{display:block !important;visibility: visible !important;}
.sp{display:none !important;visibility: hidden !important;}
@media (max-width: 575px) {
    .w100-pc{width:auto !important;max-width:none !important;}
    .w100-sp{width:100% !important;max-width:100% !important;}
    
	.brpc{display:none;}
	.brsp{display:block;}
	.pc{display:none !important;visibility: hidden !important;}
	.sp{display:block !important;visibility: visible !important;}
}


.mt-p1 {margin-top: 20px !important;}
.mt-p2 {margin-top: 40px !important;}
.mt-p3 {margin-top: 60px !important;}
.mt-p4 {margin-top: 60px !important;}
.mb-p1 {margin-bottom: 20px !important;}
.mb-p2 {margin-bottom: 40px !important;}
.mb-p3 {margin-bottom: 60px !important;}
.mrl-a {margin-left: auto !important;margin-right: auto !important;}
.pt-p0 {padding-top: 10px !important;}
.pt-p1 {padding-top: 20px !important;}
.pt-p2 {padding-top: 40px !important;}
.pt-p3 {padding-top: 60px !important;}
.pb-p0 {padding-bottom: 10px !important;}
.pb-p1 {padding-bottom: 20px !important;}
.pb-p2 {padding-bottom: 40px !important;}
.pb-p3 {padding-bottom: 60px !important;}
@media (max-width: 575px) {
    .mt-p1 {margin-top: 20px !important;}
    .mt-p2 {margin-top: 30px !important;}
    .mt-p3 {margin-top: 50px !important;}
    .mt-p4 {margin-top: 70px !important;}
    .mb-p1 {margin-bottom: 20px !important;}
    .mb-p2 {margin-bottom: 30px !important;}
    .mb-p3 {margin-bottom: 50px !important;}
    .pt-p1 {padding-top: 20px !important;}
    .pt-p2 {padding-top: 30px !important;}
    .pt-p3 {padding-top: 50px !important;}
    .pb-p1 {padding-bottom: 20px !important;}
    .pb-p2 {padding-bottom: 30px !important;}
    .pb-p3 {padding-bottom: 50px !important;}
}

.ft-p1 {font-size: 2.6em;}
.ft-p2 {font-size: 2.2em;}
.ft-p3 {font-size: 2em;}
.ft-p4 {font-size: 1.8em;}
.ft-p5 {font-size: 1.6em;}
@media (max-width: 575px) {
    .ft-p1 {font-size: 2em;}
    .ft-p2 {font-size: 1.8em;}
    .ft-p3 {font-size: 1.6em;}
    .ft-p4 {font-size: 1.4em;}
    .ft-p5 {font-size: 1.2em;}
}
h1,h2,h3,h4,h5,.col-p1{color:#000;}
h1,h2,h3,h4,h5,.bold{font-weight:bold;}

/* ***********************************************************
* サイズ関連
* *********************************************************** */
.contentsinW{max-width:100%;width:100%;margin:0 auto;}
.contentsin{margin:0 auto;clear:both;max-width:850px;width:100%;}
.contentsin2{margin:0 auto;clear:both;max-width:1200px;width:100%;}
@media (max-width: 1200px) {
    .contentsin2{width:100%;}
}
@media (max-width: 856px) {
	.contentsin{width:94%;}
}
@media (max-width: 575px) {
	.contentsin{
        width: 86.6%;
    }
}



/* ***********************************************************
* ヘッダー
* *********************************************************** */
#header{
	z-index:3000;
	margin:0 auto;
}
	#header .contentsin2{
		height:70px;
        position:relative;
	}
	#header #title{
        loat:left;
        position: absolute;
        top:0;
        left:0;
        z-index:10000;
    }
	#header #title a{
		display:block;
		margin:0;
	}
	#header .lang{
        position: relative;
        float:right;
		margin-right:140px;
        height:100%;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-content: center;
        align-content: center;
        z-index:30002;
	}
	.open #header .lang{
        z-index:30000;
	}
        #header .lang a{
            display:block;
            font-size:1.4em;
            font-weight:bold;
            color:#000;
        }
        #header .lang a:hover{
            color:#fc9fbe;
        }

@media (max-width: 575px) {
	#header .contentsin2{
		height:48px;
	}
	#header #title{
        width:24%;
		left:-9px;
	}
	#header #title a{
		display:block;
		padding-top:0;
		margin:0 auto 0;
	}
	#header .lang{
		margin-right:60px;
	}
}


/* ***********************************************************
* フッター
* *********************************************************** */
footer{
	width:100%;
    background-color:#eaeaea;
    padding:30px 0 0;
    display: table;
}
    footer .l,
    footer .r{width:40%;margin:0 5%;}

        footer .l p.com1{
            font-size:1.4em;
            line-height:1.6;
            font-weight:bold;
            letter-spacing:1px;
            margin:15px auto;
        }
            footer .l .bu-malmaga{width:100%;margin:0 auto;}
            footer .l .bu-malmaga a{
                width:100%;
                min-height:70px;
                font-size:2.2em;
                line-height:1.4;
                background-color:#ffc5d6;
                color:#000;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-align-content: center;
                align-content: center;
                -webkit-justify-content: center;
                justify-content: center;
            }

        footer .r{
            background-color:#fff;
            padding:35px 0;
        }
            footer .r h2{
                width:76%;
                margin:0 auto;
            }
            footer .r p.com1{
                width:80%;
                font-size:1.3em;
                line-height:1.6;
                font-weight:bold;
                margin:15px auto;
            }
            footer .r p.com2,
            footer .r p.com3{
                width:80%;
                font-size:1em;
                line-height:1.4;
                font-weight:bold;
                margin:10px auto 0;
            }
            footer .r .bu-donation{width:80%;margin:0 auto;}
            footer .r .bu-donation a{
                width:100%;
                min-height:126px;
                font-size:1.6em;
                line-height:1.4;
                font-weight:bold;
                background-color:#ff5c5c;
                color:#fff;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-align-content: center;
                align-content: center;
                -webkit-justify-content: center;
                justify-content: center;
            }

footer .navi-logo{text-align:center;padding:40px 0;width:100%;display:table;}


@media (max-width: 575px) {
    footer{
        padding:15px 0 0;
    }
    footer .l,
    footer .r{width:86.6%;margin:10px auto;float:none;}
        footer .l h2{
            width:50%;
            margin:0 auto;
        }
        footer .l p.com1{
            font-size:1.4em;
            letter-spacing: 1px;
            color:#000;
            margin:10px auto;
        }
            footer .l .bu-malmaga{width:90%;margin:0 auto;text-align:center;}
            footer .l .bu-malmaga a{
                width:100%;
                min-height:47px;
                font-size:2em;
                color:#000;
            }
        footer .l p.com2{
            font-size:1em;
            margin:5px auto 20px;
            font-weight:bold;
        }
        footer .r{
            padding:30px 0 12px;
        }
            footer .r p.com1{
                font-size:1.4em;
                margin:12px auto;
            }
            footer .r .bu-donation{width:84%;}
            footer .r .bu-donation a{
                min-height:84px;
                font-size:1.8em;
            }
            footer .r p.com2{
                font-size:1em;
                margin:7px auto 5px;
            }
            footer .r p.com3{
                font-size:1em;
                margin:0 auto 0;
                text-align:left;
            }
    footer .navi-logo{width:40%;padding:5px 0 15px;margin:0 auto;}
}





/* ***********************************************************
* リスト
* *********************************************************** */
.column{
	-webkit-display: flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.column .box{float:left;}


/* ---------- 2列 ---------- */
.col2::after {
	content: "";
	display: block;
	width:46%;
}
.col2 .box{
	width:46%;
}

@media (max-width: 575px) {
  .col2 .box{
		float:none;
		margin:0 auto;
		display:table;
		width:100%;
	}
}


/* ---------- 4列 ---------- */
.col4::after {
	content: "";
	display: block;
	width:22%;
}
.col4 .box{
	width:22%;
}
@media (max-width: 840px) {
	.col4::after {
		content: "";
		display: block;
		width:48%;
	}
	.col4 .box{width:48%;}
}


@media (max-width: 575px) {
    
	.column.sp-r2::after {
		content: "";
		display: block;
		width:48%;
	}
	.column.sp-r2 .box{width:48%;}
    
	.column.sp-r2-wl{
		border-bottom:1px solid #ccc;
        
	}
	.column.sp-r2-wl li{
		border-top:1px solid #ccc;
	}
	.column.sp-r2-wl li:nth-child(odd){
		border-right:1px solid #ccc;
	}
    
}


/* ---------- SNS ---------- */
.sns h2{
    max-width:288px;
    margin:0 auto 15px;
}
.sns .column{
    margin:0 auto;
    width:276px;
    justify-content: space-between;
}
.sns .column li{width:33.33333%;margin:0;}
    .sns .column li:nth-child(1){text-align:left;}
    .sns .column li:nth-child(2){text-align:center;}
    .sns .column li:nth-child(3){text-align:right;}
    .sns .column li img{height:37px;}
@media (max-width: 575px) {
    .sns{
        margin:0 auto;
        text-align:center;
    }
    .sns h2{
        max-width:none;
        margin:0 auto 17px;
        max-width:75%;
    }
    .sns .column{
        width:75%;
    }

}