@charset "UTF-8";

/* CSS Document */

@media screen and (min-width: 668px) {
 .sp_onry {
  display: none;
 }
}

ul {
 margin: 0;
 padding: 0;
}

ul li {
 list-style: none;
}

a:hover img {
 cursol: pointer;
 opacity: .8;
}


/* header */

header {
 width: 100%;
 padding: 15px 0;
 background: #C60000;
 border-top: 2px solid #000;
}

header img {
 display: block;
 width: 180px;
 margin: auto;
}

header ul {
 position: absolute;
 right: 16px;
 top: 10px;
 width: 150px;
}

header ul li {
 text-align: center;
 background-color: #FFF;
 font-size: .6em;
 margin: 0 0 5px 0;
 border-radius: 100px;
}

header ul li a {
 padding: 5px 10px;
 color: #333;
 display: block;
}

header ul li a:hover {
 color: #C60000;
 border-radius: 100px;
 text-decoration: none;
}


/* nav */

nav {
 background: #fcf2f2;
}

nav ul { 
 padding: 0 calc((100% - 1000px) / 2);
 display: flex;
 border-bottom: 3px solid #888;

}

nav ul:before,
nav ul:after {
 content: "";
 display: table;
}

nav ul:after {
 clear: both;
}

nav ul li {
 /*    float: left;*/
 width: calc(100% / 6);
 /*padding: 1em 0;*/
 /*    border-right: solid 2px #eee;*/
 box-sizing: border-box;
 text-align: center;
 position: relative;
 -webkit-transform: translate(0, 3px);
 -moz-transform: translate(0, 3px);
 -ms-transform: translate(0, 3px);
 transform: translate(0, 3px);
}

nav ul li:last-child {
 border: none;
}

nav ul li:before {
 content: url("../img/nav_border.png");
 position: absolute;
 right: 0;
 top: 50%;
 -webkit-transform: translate(1px, -50%);
 -moz-transform: translate(1px, -50%);
 -ms-transform: translate(1px, -50%);
 transform: translate(1px, -50%);
 z-index: 1;
}

nav ul li:after {
 content: url("../img/nav_rope.png");
 position: absolute;
 right: 0;
 bottom: 0;
 -webkit-transform: translate(50%, calc(50% - 3px));
 -moz-transform: translate(50%, calc(50% - 3px));
 -ms-transform: translate(50%, 43%);
 transform: translate(50%, calc(50% - 3px));
 z-index: 10;
}

nav ul li:last-child:after {
 content: "";
}

nav ul li a {
 color: #444;
 display: inline-block;
 padding: 13px .5em;
 border-bottom: 3px solid #888;
 height: 100%;
 font-size: 14px;
 box-sizing: border-box;
}

nav ul li.current a {
 border-color: #cc2d2d;
 color: #fff;
 width: 90%;
 border-radius: 3px;
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c60000+93,fcf2f2+93 */
 background: #c60000;
 /* Old browsers */
 background: -moz-linear-gradient(top, #c60000 95%, #fcf2f2 95%);
 /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #c60000 95%, #fcf2f2 95%);
 /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #c60000 95%, #fcf2f2 95%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c60000', endColorstr='#fcf2f2', GradientType=0);
 /* IE6-9 */
}


/* newsTicker */

.tickerWrap {
 padding: .5em calc((100% - 1000px) / 2) .2em;
 background: #C60000;
 color: #fff;
}

.ticker {
 position: relative;
 overflow: hidden;
 height: 1.2em;
}

.ticker ul {
 margin: 0;
}

.ticker ul li {
 position: absolute;
 float: left;
 display: inline;
 clear: both;
 /*margin-bottom: -1.6em;*/
 text-align: left;
 list-style-type: none;
 white-space: nowrap;
 line-height: 1em;
}



#longitudinally ul li,
#fade ul li {
 left: 10px;
}

.ticker ul li a:link,.ticker ul li a:visited{
    color: #FFF;
}


/* sns_icon */

.sns_icon {
 position: fixed;
 top: 50%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 z-index: 1;
 width: 20%;
 max-width: 50px;
 background: #fff;
}

.sns_icon a img {
 display: block;
 width: 100%;
 /*margin-bottom: 14%;*/
 padding: 14%;
 box-sizing: border-box;
}

.sns_icon a:last-of-type img {
 margin: 0;
 padding: 0 14% 14%;
}


/* menu_sp */

.menu_sp {
 position: fixed;
 right: 0;
 bottom: 0;
 transform: translate(-20%, -20%);
 -webkit-transform: translate(-20%, -20%);
 display: none;
 z-index: 1;
 width: 20%;
}

.menu_sp img {
 width: 100%;
}


/* wrapper */

.wrapper {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 padding: 30px calc((100% - 1000px) / 2);
}


/* article */

article {
 background: #fff;
 width: 70%;
}


/* article section */

section {
 padding: 0 30px 20px;
}


/*  最新のニュース */

.jumpNews {
 /*	display: none;*/
}

.newsContents ul li {
 width: 100%;
 margin-bottom: 30px;
}

.newsContents ul li a {
 display: flex !important;
 color: #000;
}

.newsContents ul li a .image {
 max-width: 100px;
 min-width: 100px;
}

.newsContents ul li a .image img {
 width: 100%;
}

.newsContents ul li p {
 margin: 0;
 padding-left: 1em;
}

.newsContents ul li p time {
 display: block;
 color: #999;
}


/* aside */

aside {
 width: 28%;
}

aside section {
 background: #fff;
}
aside .bnr{
background: #f3efe7;
}

aside .bnr ul{
display: block;
margin-bottom: 10px;
 padding: 0;
}
aside .bnr ul li{
 width: 100%;
}
aside .bnr ul li img{
display: block;
 margin-bottom: 10px;
}

/* aside section */

h3 {
 margin: 0 0 16px;
 padding: .5em 1em;
 background: #FBFAF0;
 border-left: solid 5px #C60000;
 border-bottom: solid 1px #ccc;
 font-size: 1rem;
 font-weight: normal;
}

aside section {
 margin-bottom: 20px;
 padding: 0;
}

aside section ul {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 padding: 0 15px;
}

aside section ul li {
 width: 48%;
 margin: 0 0 20px;
 box-sizing: border-box;
}

aside section ul li a img {
 width: 100%;
 background: #eee;
 margin-bottom: 5px;
}

aside section ul li p {
 margin: 0;
 line-height: 1.4em;
 font-size: 0.8em;
}


/* banner_area */

.banner_area {
 background-color: #ebebeb;
 padding: 20px calc((100% - 900px) / 2) 20px;
}

.banner_area ul {
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
 list-style-type: none;
}



.banner_area ul li {
 width: 32%;
 margin: 0 6px 10px;
}

.banner_area ul li img {
 max-width: 100%;
}


/* footer */

#returnTop {
 position: fixed;
 right: 20px;
 bottom: 20px;
 z-index: 1000;
 width: 80px;
 display: none;
}

footer {
 font-size: .8em;
 line-height: 1.6;
 padding: 30px calc((100% - 930px) / 2);
 background: #000;
}

footer article {
 width: 100%;
 box-sizing: border-box;
}

.footerText {
 margin-bottom: 1em;
 padding: 1em 2em;
 background: #fff;
}

.footerText p {
 margin-top: 0;
}

.navSpecialIcon {
 position: absolute;
 left: 45%;
 top:-10px;
 width: 24px;
 height: 17px;
 background-image: url(/j/img/navSpecialIcon.png);
}



@media (max-width: 880px) and (min-width: 668px) {
 nav ul li a {
  font-size: .6rem;
 }
}