@charset "utf-8";
/* CSS Document */

/*
メイン全体
------------------------------------*/
#main {
	width: 100%;
}

/*
キービジュアル
------------------------------------*/
#kv {
	background-image: url("../images/bg_head.jpg");
	height: auto;
}
#kv div {
	width: 960px;
	height: 345px;
	margin: 0 auto;
}

/*
臨時の案内
------------------------------------*/
.info {
    width: fit-content;
	margin: 60px auto 20px;
    padding: 1rem 2rem;
    text-align: center;
    color: #D9646A;
    font-size: 1.05rem;
    border: 1px solid #D9646A;
}


/*
設立の説明
------------------------------------*/
#main-contents {
	width: 960px;
	margin: 0 auto;
	}
h1 {
    font-family: 'Sawarabi Mincho', sans-serif;
    font-size: 2.5rem;
    color: #D9646A;
    text-align: center;
    font-weight: normal;
    margin: 50px 0 40px;
    text-shadow: 5px 5px 5px #E8B0B2;
}
#main-contents #setsuritsu {
    display: flex; 
    justify-content: space-between;
	margin-bottom: 30px;
}

#ueda-photo {
    width: 200px;
}
#ueda-photo img {
    width: 200px;
    height: auto;
}
figcaption {
    text-align: center;
    font-size: 0.9rem;
}

#ueda-text {
    width: 730px;
}
#ueda-text p {
    margin: 0 0 1.5rem;
}
#ueda-text p span {
    color: #729800;
}

/*
特別企画
------------------------------------*/
/*#event {
	width: 960px;
	margin: 40px auto 70px;
	}
.event-content {
    text-align: center;
}
.event-content p {
    color: #D9646A;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.3em;
}
.event-content p i {
    font-weight: normal;
}

.event-button {
    display: flex;
    justify-content: center;
}
.event-button a {
    width: 350px;
    border: 5px double #FCE8E9;
    background: #D9646A;
    padding: 15px 0;
    margin: 0 20px;
    color: #FFFFFF;
    line-height: 1.8em;
} 
.event-button a:hover {
    border: 5px double #D9646A;
    background: #FCE8E9;
    color: #D9646A;
}
*/

/*
文字起こし
------------------------------------*/
.dictation {
    width: 650px;
    margin: 40px auto 40px;
}
.dictation img {
    width: 100%;
    margin: 0 auto;
    height: auto;
    vertical-align:top;
}
.dictation a:hover {
    opacity: 0.7;
}
.dictation a:visited {
    color: #fff;
}
.dictation p {
    font-size: 0.85rem;
    padding: 10px 50px 0;
}

/*
休業のお知らせ
------------------------------------*/
#holiday {
    width: 650px;
    margin: 0 auto;
    text-align: center;
    background: linear-gradient(transparent 65%, #a7d6ff 65%);
    margin-bottom: 70px;
    font-size: 1.25rem;
    font-weight: 600;
}
#holiday span {
    color: #385781;
    font-size: 1.6rem;
    padding-right: 8px;
}

/*
新着情報
------------------------------------*/
#news {
	width: 100%;
	height: 250px;
	border: 1px solid #F8CDD0;
	overflow: auto;
	padding: 0 ;
	margin-bottom: 30px;
    box-sizing: border-box;
}

h3 {
	width: 100%;
    font-size: 1.0rem;
	font-weight: normal;
	background: #E38E92;
	color: #fff;
	letter-spacing: 0.1rem;
	padding: 0;
	text-align: center;
	margin: 0;
}

#news-list {
	text-align: right;
	margin: 15px 15px 0 0;
}
#news-list a {
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
	background: #D9646A;
	padding: 5px 15px;
	border-radius: 5px;
}
#news-list a:hover {
	 background: #E38E92;
}

/*新着情報欄新バージョン*/
#oshirase1 {
    width: 94%;
    margin: 0 auto;
}
#oshirase1 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#oshirase1 li a {
    display: block;
    font-size: 14px;
}
#oshirase1 time {
    color: #808080;
    font-size: 14px;
}
.oshirase2 {
    display: flex;
    border-bottom: 1px dotted #808080;
    padding: 8px;
}
.oshirase2 time {
    padding-right: 15px;
}




/*#oshirase {
    width: 98%;
    margin: 0 auto;
}
#news dt {
	font-size: 0.9rem;
	font-weight: bold;
	color: #D9646A;
	padding: 3px 0 0 10px;
}
#news dt a {
	color: #D9646A;
	text-decoration: none;
}
#news dd {
	font-size: 0.9rem;
	margin-left: 0;
	border-bottom: 1px dotted #666;
	padding: 0 0 3px 10px;
}*/

/*
理念
------------------------------------*/
#rinen {
    width: 100%;
	background: #FCE8E9;
	border-radius: 5px;
	padding-top: 20px;
}

#rinen .ri {
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size: 1.3rem;
	color: #D9646A;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.5rem;
}
#rinen .ri2 {
    color: #666666;
	text-align: center;
	line-height: 2.0;
	padding: 10px 0 20px;
}



/*-----------------------------------
スマホ用
-----------------------------------*/
@media screen and (max-width:768px){
	
/*
------------------------------------*/	
	
	
	
	
}