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

.title {
position: relative;
color: #ba351e;
font-size: 20px;
padding: 10px 0;
text-align: center;
margin: 1.5em 0;
}
.title:before {
content: "";
position: absolute;
top: -8px;
left: 50%;
width: 150px;
height: 58px;
border-radius: 50%;
border: 5px solid #f2621f;
border-left-color: transparent;
border-right-color: transparent;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}


.s_menu {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: rgb(224,113,94);
}
.s_menu_in {
    max-width: 1260px;
    margin: auto;
}

.s_menu_in > li {
    text-indent: 7px;
	padding: 7px 0;
    border-left: 10px solid #ba351e;
	border-radius: 50px;
	background: #fff;
}
.s_menu_in > li a {
    display: block;
	color: #ba351e;
}


/* floatクリア */
.s_menu:before,
.s_menu:after {
    content: " ";
    display: table;
}

.s_menu:after {
    clear: both;
}

.s_menu {
    *zoom: 10;
}



.s_menu > li.s_menu__single {
    position: relative;
	max-width: 1260px;
}


#side-menu {
	border-bottom: 1px solid #CCC;
}


.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}


.radius1 {
  border-radius: 10px;
}

.news-foot h5 {/*- top -*/
	margin-left: 10px;
} 

.news-foot p  {
	padding: 5px 0 7px 10px;
	margin-bottom: 10px;
	line-height: 1.2;
	border-bottom: 1px dashed #CCC
}


@media screen and (min-width: 601px) and (max-width: 767px) {
.s_menu_in {
    letter-spacing: -.4em;
}
.s_menu_in > li {
    display: inline-block;
	margin: 7px .5%;
    text-align: center;
    vertical-align: top;
    letter-spacing: 0;
    font-size: .9em;
}
.s_menu_in > li.wid1 {
    width: 22%;
}
.s_menu_in > li.wid2 {
    width: 30%;
}

}

@media print, screen and (min-width: 768px) {
.s_menu_in {
    letter-spacing: -.4em;
}
.s_menu_in > li {
    display: inline-block;
	margin: 7px 1%;
    text-align: center;
    vertical-align: top;
    letter-spacing: 0;
    font-size: .9em;
}
.s_menu_in > li.wid1 {
    width: 21%;
}
.s_menu_in > li.wid2 {
    width: 29%;
}

}

@media screen and (max-width: 600px) {
.s_menu_in > li {
	margin: 2px 2%;
    width: 96%;
    text-indent: 20px;
}
.s_menu_in > li:first-child {
	margin-top: 7px;
}
.s_menu_in > li:last-child {
	margin-bottom: 7px;
}
}