@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


/* =============================================================================
   clearfix
   ========================================================================== */
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE/Mac */
.clearfix{
	display: inline-table;
	zoom: 1;
}
/* Hide from IE/Mac, apply to IE/Win \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.clear {
	clear: both;
	display: block;
}

/* ---------------------------------------------------------------------------
   フォント色
   ---------------------------------------------------------------------------*/

.txt_red1{
	color:#C6002F;
}

.txt_red2{
	color:#CC5F7D;
}

.txt_pink1{
	color:#F30;
}

.txt_pink2{
	color:#E50065;
}

.txt_pink3{
	color:rgba(255,133,172,1.00);
}

.txt_blue1{
	color:#03F;
}

.txt_blue2{
	color:#09F;
}

.txt_green1{
	color:#396;
}

.txt_green2{
	color:#00A6A3;
}

.txt_green3{
	color:#7FBF39;
}

.txt_gray1{
	color:#999;
}

.txt_Purple1{
	color:#90C;
}

.txt_orange1{
	color:#F60;
}

.txt_yellow{
	color:rgba(245,236,153,1.00);
}


/* ---------------------------------------------------------------------------
   フォントサイズ
   ---------------------------------------------------------------------------*/

.fsize50{
	font-size:50%;
}

.fsize60{
	font-size:60%;
}

.fsize70{
	font-size:70%;
}

.fsize80{
	font-size:80%;
}

.fsize90{
	font-size:90%;
}

.fsize120{
	font-size:120%;
}


/* ---------------------------------------------------------------------------
   全般
   ---------------------------------------------------------------------------*/
html,body{
   min-width:1120px;
}

.sage{
    padding-left: 1em; 
    text-indent: -1em; 
}

.sage1_5{
    padding-left: 1.5em; 
    text-indent: -1.5em; 
}

.sage2{
    padding-left: 2em; 
    text-indent: -2em; 
}

.sage3{
    padding-left: 3em; 
    text-indent: -3em; 
}

ul, ol, dl {
	list-style-type: none;
}

h1,h2,h3,h4,h5,p,ol,ul,li,dl,dt,dd{
	margin:0;
	padding:0;
}

p{
	padding-top:10px;
}

img {
   vertical-align:bottom
}

::selection {
	background: #ff3d83;
}
::-moz-selection {
	background: #ff3d83;
}


/* ---------------------------------------------------------------------------
   上段
   ---------------------------------------------------------------------------*/


#opening{
	position:fixed;
	background-color:rgba(255,255,255,1.00);
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:999999;
}


.opening-inner{
	width:83px;
	margin:auto;
	margin-top:50px;
}

.opening-text01{
	width:100%;
	height:auto;
	display:none;
}
.opening-text02{
	width:100%;
	height:auto;
	display:none;
}
.opening-text03{
	width:100%;
	height:auto;
	display:none;
}
.opening-text04{
	width:100%;
	height:auto;
	display:none;
}
.opening-text05{
	width:100%;
	height:auto;
	display:none;
}



#wrap{
	position:relative;
	overflow:hidden;
	width:100%;
	height:auto;
	background-image:url(../images/bg/bg_01.jpg);
}


#upper{
	width:100%;
	margin:auto;
	height:auto;
	background-image:url(../images/top/bg_03.png);
	background-position:bottom;
	background-size:cover;
}

.upper-visual-inner{
	position:relative;
	overflow:hidden;
	width:76.1333%;
}

.upper-visual-inner-mobile{
	width:100%;
	display:none;
}

.upper-visual-inner img{
	width:100%;
	height:auto;
}

.upper-right-inner{
	position:absolute;
	overflow:hidden;
	width:32.666%;
	right:0;
	top:0;
}


#logo{
	position:relative;
	width:85%;
	margin:auto;
	margin-bottom:10px;
}

#logo img{
	width:100%;
	height:auto;
}

.ch02{
	position:absolute;
	left:5%;
	bottom:5%;
	width:60%;
	height:auto;
}

	.ch02 img{
		width:100%;
		height:auto;
	}

.ch01{
	display:none;
	position:absolute;
	left:1%;
	top:2%;
	width:7%;
	height:auto;
}

	.ch01 img{
		width:100%;
		height:auto;
	}


#news-wrap{
	position:relative;
	width:85%;
	margin:auto;
	border:rgba(255,61,131,1.00) 1px solid;
	border-radius:15px;
	background-color:rgba(255,255,255,1.00);
	margin-bottom:10px;
}

.news-index{
	width:90%;
	height:auto;
	margin:5% auto 3% auto;
}

	.news-index img{
		width:100%;
		height:auto;
	}

.news-inner{
	width:90%;
	margin:auto;
	overflow:auto;
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight:400;
	font-size: 80%;
	line-height:1.3;
}

		.news-inner ul{
			list-style-type:none;
		}

		.news-inner li{
			margin-bottom:10px;
			padding-bottom:10px;
			border-bottom: rgba(128,222,243,1.00) 1px dotted;
			
		}
	
		.news-inner a{
			color: #000;
			text-decoration:none;
		}
		
		.news-inner a:visited{
			color: #000;
			text-decoration:none;
		}
		.news-inner .day{
			color: #FE0068;
			font-weight:bold;
		}



#twitter-wrap{
	position:relative;
	width:85%;
	margin:auto;
	border:rgba(255,61,131,1.00) 1px solid;
	border-radius:15px;
	background-color:rgba(255,255,255,1.00);
	margin-bottom:5%;
}

.twitter-inner{
	width:90% !important;
	margin:auto;
	overflow:auto !important;
	-webkit-overflow-scrolling:touch !important;
}

.twitter-index{
	width:90%;
	height:auto;
	margin:5% auto 5% auto;
}

	.twitter-index img{
		width:100%;
		height:auto;
	}



#menu{
	width:75%;
	margin-left:12%;
	margin-top:10%;
}

	#menu img{
		width:100%;
		height:auto;
		margin-bottom:8px;
	}


#bn-title{
	width:70%;
	margin:auto;
}

	
	#bn-title li{
		margin-bottom:2%;
	}
	
	#bn-title li img{
		width:100%;
		height:auto;
	}




#info2-inner{
	position:relative;
	overflow:hidden;
	width:1000px;
	margin:0 auto 20px auto;
}


.news2-wrap{
	position:relative;
	float:left;
	width:480px;
	height:300px;
	border:rgba(255,61,131,1.00) 2px solid;
	border-radius:15px;
	background-color:rgba(255,255,255,1.00);
	margin-bottom:10px;
}

.news2-index{
	margin:15px;
}


	.news-waku-content{
		position:relative;
		overflow:auto;
		width:90%;
		height:220px;
		margin:15px auto 15px auto;
		font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	}
	
		.news-waku-content ul{
			list-style-type:none;
		}

		.news-waku-content li{
			margin-bottom:10px;
			padding-bottom:10px;
			border-bottom: rgba(105,105,105,1.00) 1px dotted;
			font-size:85%;
			color:rgba(105,105,105,1.00);
			
		}
	
		.news-waku-content a{
			color:rgba(105,105,105,1.00);
			text-decoration:none;
		}
		
		.news-waku-content a:hover{
			text-decoration:underline;
		}
		
		.news-waku-content a:visited{
			color:rgba(105,105,105,1.00) !important;
		}
		
		.news-waku-content .day{
			color: #FE0068;
			font-weight:bold;
		}





.twitter2-wrap{
	position:relative;
	float:left;
	width:480px;
	height:300px;
	border:rgba(255,61,131,1.00) 2px solid;
	border-radius:15px;
	background-color:rgba(255,255,255,1.00);
	margin-bottom:10px;
	margin-left:30px;
}

.twitter2-index{
	margin:15px;
}


	.twitter-waku-content{
		position:relative;
		width:90%;
		height:220px;
		margin:15px auto 15px auto;
		overflow:auto !important;
			-webkit-overflow-scrolling:touch !important;
	}





#intro-wrap{
	width:1000px;
	margin:auto;
	background-image:url(../images/top/bg_01.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	border-radius:10px;
	margin-bottom:60px;
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight:600;
	font-size: 94%;
	text-align:center;
	line-height:1.5;
	color:#54504f;
    text-shadow:
        0 2px 0 #fff,
        2px 0 0 #fff,
        0 -2px 0 #fff,
        -2px 0 0 #fff,
        -2px -2px 0 #fff,
        2px -2px 0 #fff,
        -2px 2px 0 #fff,
        2px 2px 0 #fff
        ;
}


.intro-wrap-bg{
	padding:40px 0 40px 0;
	background-image:url(../images/top/bg_02.png);
	background-repeat:repeat;
	width:auto;
	height:auto;
}

.intro-index{
	width:260px;
	height:20px;
	margin:20px auto 40px auto;
}


.intro-pink{
	color:#fc3f83;
	font-size:130%;
	font-weight:600;
}

.intro-purple{
	color:#b66bd0;
	font-size:130%;
	font-weight:600;
}

.intro-sky{
	color:#47d4e5;
	font-size:130%;
	font-weight:600;
}

.intro-bigonry{
	font-size:130%;
	font-weight:600;
}





.kugiri-pic01{
	width:100%;
	height:auto;
	background-color:rgba(245,245,245,1.00);
	background-image:url(../images/top/bg_05.jpg);
	background-position:center;
	background-repeat:no-repeat;
}






#screen-wrap{
	width:100%;
	padding-top:70px;
	padding-bottom:70px;
}

.screen-index{
	width:126px;
	height:30px;
	margin:auto;
	margin-bottom:25px;
}

.screen-ch01{
	width:643px;
	height:28px;
	margin:auto;
	margin-bottom:20px;
}

.screen-txt01{
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight:700;
	font-size: 110%;
	color:rgba(119,98,86,1.00);
	text-align:center;
	line-height:1.8;
}



#footer{
	position:relative;
	overflow:hidden;
	width:100%;
	height:300px;
	background-image:url(../images/top/bg_04.png);

}



.footer-bnr-wrap{
	position:relative;
	overflow:hidden;
	width:1050px;
	margin-top:20px;
	margin:0 auto 20px auto;
}

	.footer-bnr-wrap li{
		float:left;
		margin:5px;
	}

.footer-copy{
	width:300px;
	text-align:center;
	font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight:600;
	font-size: 80%;
	color:rgba(119,98,86,1.00);
	margin:auto;
	margin-top:20px;
}




.stylePc{
	display:block;
}

.styleMobile{
	display:none;
}



#mobileHeader{
	display:none;
}







/* 〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
   スマホ版
   〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓 */

@media screen and (max-width: 480px) {


html,body{
	min-width:100%;
	max-width:100%;
}


img{
	width:100%;
	height:auto;
}



#mobileHeader{
	display:block;
	position:relative;
	width:100%;
	height:50px;
	background-color:#FF86A6;
}

	
#mobileMenu{
	display:block;
	position:fixed;
	z-index:2000;
	top:0;
	left:0;
	height:50px;
	width:100%;
	background-color:#FF86A6;
}

	#mobileMenu .logo{
	position: absolute;
	width: 150px;
	height: auto;
	z-index: 2100;
	top: 2px;
	left: 10px;
	}
	
	#mobileMenu  .btn{
		width:150px;
		float:right;
	}

	#mobileMenu img{
		width:100%;
		height:auto;
	}
	


.upper-visual-inner{
	display:none;
}

.upper-visual-inner-mobile{
	display:block;
	position:relative;
	width:100%;
	height:auto;
}

upper-visual-inner-mobile img{
	width:100%;
	height:auto;
}



.upper-right-inner{
	position:relative;
	overflow:hidden;
	width:100%;
}


.ch02{
	position:absolute;
	left:5%;
	bottom:5%;
	width:80%;
	height:auto;
}

	.ch02 img{
		width:100%;
		height:auto;
	}


.ch01{
	position:absolute;
	left:5%;
	top:2%;
	width:10%;
	height:auto;
}

	.ch01 img{
		width:100%;
		height:auto;
	}


#bn-title{
	width:90%;
	margin:auto;
	margin-top:15px;
	margin-bottom:15px;
}

#opening{
	display:none;
}

.staff-inner-box01{
	width:95%;
	margin:auto;
	margin-bottom:50px;
	height:auto;
}


#info2-inner{
	position:relative;
	overflow:hidden;
	width:90%;
	margin:0 auto 20px auto;
}


.news2-wrap{
	position:relative;
	float:none;
	width:95%;
	height:300px;
	margin:auto;
	margin-bottom:10px;
}

.news2-index{
	width:90%;
	height:auto;
	margin:15px;
}

	.news2-index img{
		width:90%;
		height:auto;
	}

	.news-waku-content{
		position:relative;
		overflow:auto;
		width:90%;
		height:220px;
		margin:15px auto 15px auto;
		font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	}
	



.twitter2-wrap{
	position:relative;
	float:none;
	width:95%;
	height:300px;
	margin:auto;
	margin-bottom:10px;
}

.twitter2-index{
	width:90%;
	height:auto;
	margin:15px;
}

	.twitter2-index img{
		width:90%;
		height:auto;
	}



.screen-ch01{
	display:none;
}


#footer{
	height:auto;
	background-image:url(../images/top/bg_04.png);
	padding-bottom:20px;

}


.footer-bnr-wrap{
	position:relative;
	overflow:hidden;
	width:200px;
	margin:5px auto 5px auto;
}

	.footer-bnr-wrap li{
		float:none;
		margin:5px;
	}



.stylePc{
	display:none;
}

.styleMobile{
	display:block;
}





}