/* index.php */
.index-concept-box {
    z-index: 2;
    position: relative;
    height:0;
    width:100%;
}

.index-concept-box img { display: block; margin:200px auto; }
.index-greeting-box { 
    font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
    letter-spacing: 0.3rem; 
    line-height:200%;
    font-size: 1.45rem; 
    margin-bottom:20px;
}
.index-greeting-namebox {
    font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
    letter-spacing: 0.2rem;
    line-height:150%; 
    font-size: 1.3rem; 
    text-align: right; 
    margin-bottom:20px; 
}
.index-detail-box {
        font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
    letter-spacing: 0.1rem; 
    line-height:170%; 
    font-size: 1.3rem;
}

img.img-cont1 { width:100%; max-width:134px; }
img.img-cont2 { width:100%; max-width:134px; }
img.img-cont3 { width:100%; max-width:134px; }
img.img-cont4 { width:100%; max-width:134px; }
img.img-link { width:100%; max-width:172px; }

.main h2.title01 { background:url(../img/index/bg-title01.png) no-repeat center center; padding:8px; margin-bottom:20px; }
.main h2.title02 { background:url(../img/index/bg-title02.png) no-repeat center center; padding:8px; margin-bottom:20px; }
.main h2.title03 { 
    font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
    font-weight: normal; 
    font-size: 3rem; 
    letter-spacing: 3rem; 
    width:100%; 
    text-align: center;
    margin-bottom:20px;
}


.main .facebook-box { height:350px; }
.main .index-news-box { 
    background-color:#fdf2d4;
    -webkit-box-shadow:inset 0 0 3px 3px #fef6e1;
    box-shadow:inset 0 0 3px 3px #fef6e1;
}
.main .greeting-photo-box img.face { width:100%; max-width: 230px; margin-bottom:10px; }
@media screen and (min-width: 769px) {
    .main .index-detail-box { 
        font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
        letter-spacing: 0.1rem; 
        line-height:170%; 
        font-size: 1.3rem;
    }
    .main .facebook-box { height:350px; }
    .main .index-linkbox2 { height:0; top: -37px; }
    .main .index-news-box { padding:20px; }
    .main .index-greeting-titlebox { text-align: right; }
    .main .index-greeting-titlebox img { width:100%; max-width:47px; }
    .main .index-news-box dl { padding: 0; margin:20px 50px; font-size:1.2rem; border-bottom:1px dotted #aaa; }
    .main .index-news-box dl dt { font-weight: normal; float: left; width:90px; padding-left:10px; }
    .main .index-news-box dl dd { font-weight: normal; float: left; width:calc(100% - 105px); padding-bottom:5px; }
}
@media screen and (max-width: 768px) {
    .main .index-detail-box { 
        font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
        letter-spacing: 0.1rem; 
        line-height:170%; 
        font-size: 1.3rem;
        margin-bottom:20px;
    }
    .main .facebook-box { height:350px; margin-bottom:20px; }
    .main .index-linkbox2 { height:auto; }
    .main .index-news-box { padding:10px; }
    .main .index-greeting-titlebox { text-align: center; margin-bottom:20px; }
    .main .index-news-box dl { padding: 0; margin:15px 10px; font-size:1.2rem; border-bottom:1px dotted #aaa; }
    .main .index-news-box dl dt { font-weight: normal; float: left; width:90px; padding-left:10px; }
    .main .index-news-box dl dd { font-weight: normal; float: left; width:calc(100% - 105px); padding-bottom:5px; }
}

@media screen and (min-width: 641px) {
    .index-greeting-box { 
        font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;letter-spacing: 0.3rem; line-height:200%; font-size: 1.45rem; margin-bottom:20px; 
    }
    .index-greeting-namebox {
        font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
        letter-spacing: 0.2rem; 
        line-height:150%; 
        font-size: 1.3rem; 
        text-align: right; 
        margin-bottom:20px; 
    }

}
@media screen and (max-width: 640px) {
    .index-greeting-box { 
        font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
        letter-spacing: 0.1rem; line-height:200%; font-size: 1.45rem; margin-bottom:20px; }
    .index-greeting-namebox { 
        font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
        letter-spacing: 0.05rem; 
        line-height:150%; 
        font-size: 1.3rem;
        text-align: right; 
        margin-bottom:20px; }
}

/* slider */
.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
    padding:0;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 7px;
	width: 12px;
	height: 12px;
	display: inline-block;
	overflow: hidden;
	background: #fff;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

@media screen and (min-width: 641px) {
    .wideslider {
        margin:0 0 70px;
    }
}
@media screen and (max-width: 640px) {
    .wideslider {
        margin:0 0 40px;
    }
}