@charset "utf-8";


/* mainVisual
------------------------------------------------ */

.mainVisual {
margin-bottom: 20px;
}


/* pickup
------------------------------------------------ */

.pickUp {
margin-bottom: 20px;
}

.pickUp .boxA {
float: left;
width: 466px;
border: solid 8px #007eff;
border-radius: 6px;
padding: 10px;
background: -moz-linear-gradient(top, #d2e5ff, #FFF);
background: -webkit-linear-gradient(top, #d2e5ff, #FFF);
background: linear-gradient(to bottom, #d2e5ff, #FFF);
}

.pickUp .boxB {
float: right;
width: 466px;
border: solid 8px #ff96ec;
border-radius: 6px;
padding: 10px;
background: -moz-linear-gradient(top, #ffd7ff, #FFF);
background: -webkit-linear-gradient(top, #ffd7ff, #FFF);
background: linear-gradient(to bottom, #ffd7ff, #FFF);
}

.pickUp h2 {
color: #0c1cb2;
font-size: 130%;
font-weight: bold;
text-align: center;
margin-bottom: 5px;
}

.pickUp .boxA h2 {
color: #0c1cb2;
}

.pickUp .boxB h2 {
color: #c50000;
}

.pickUp .thumbnail {
float: left;
width: 190px;
margin-right: 10px;
}

.pickUp ul {
width: 230px;
float: right;
font-size: 13px;
line-height: 17px;
}

.pickUp ul li {
padding-left: 1.2em;
text-indent: -1.2em;
}

.pickUp ul li:before {
font-family: FontAwesome;
content : "\f0c8";
margin-right: .2em;
}

/* news
------------------------------------------------ */
.news {
margin-bottom: 20px;
border-bottom: #00e9fc solid 10px;
}

.news h2 {
position:relative;
background: #00EAFE;
color: #0F15B5;
font-weight: bold;
font-size: 130%;
padding: 0 10px;
margin-bottom: 10px;
}

.news h2 a {
display:block;
position:absolute;
top:0;
right:10px;
font-size: 16px;
font-weight: normal;
line-height: 34px;
color: #0F15B5;
}

.news h2 a:after {
font-family: FontAwesome;
content : "\f138";
margin-left: .2em;
}

.news h2 a:hover {
color: #fff;
text-decoration: none;
}

.news dl {
margin-bottom: 10px;
}

.news dl {
margin-bottom: 10px;
}

.news dl dt {
width: 8em;
padding: 0 0 0 3px;
}

.news dl dd {
margin: -1.7em 0 3px 0;
padding: 0 0 3px 9em;
border-bottom:1px dotted #8e6723;
}

.news dl dd a {
display:block;
}

news dl dd a:link {
color:#800800;

}

news dl dd a:visited {
color:#800800;
}

/* saigai
------------------------------------------------ */

.saigai {
color: #9d2a00;
position: relative;
width: 680px;
padding: 10px 80px;
margin-bottom: 20px;
}

.saigai a {
color: #9d2a00;
}

.saigai::before,
.saigai::after {
  position: absolute;
  top: 0;
  content: '';
  width: 40px;
  height: 100%;
  border-top: #052cfa solid 10px;
  border-bottom: #052cfa solid 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.saigai::before {
  left: 0;
  border-left: #052cfa solid 10px;
}
.saigai::after {
  right: 0;
  border-right: #052cfa solid 10px;
}

.saigai h2 {
font-size: 130%;
font-weight: bold;
}

.saigai .arrow {
display:block;
position:absolute;
bottom:10px;
right:80px;
}

.saigai .arrow:after {
font-family: FontAwesome;
content : "\f138";
margin-left: .2em;
}

/* dvd
------------------------------------------------ */

.dvd {
margin-bottom: 20px;
border:solid 1px #ff981f;
padding-bottom: 10px;
}

.dvd h2 {
background: #FFECB2;
color: #9f1500;
font-weight: bold;
padding: 2px 10px;
}
.dvd .clearfix {
padding: 10px 0;
}
.dvd .clearfix a {
display:block;
float: left;
width: 226px;
display:block;
text-align: center;
font-size: 80%;
color: #0707bb;
}

.dvd a span {
display:block;
color: #0090ff;
}


.dvd .button {
text-align: center;

}

.dvd .button a {
display:inline-block;
padding: 2px 20px;
color: #9f1500;
border:solid 1px #ff981f;
background: #D5D2D2;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
  box-shadow: 0 12px 10px -6px rgba(0, 0, 0, .5);
}

.dvd .button a:link,
.dvd .button a:visited,
.button a:active {
color: #9f1500;
}

.dvd .button a:after {
font-family: FontAwesome;
content : "\f138";
margin-left: .5em;
}

.dvd .button a:hover,
.dvd .button a:active {
text-decoration: none;
background: #ff7e33;
box-shadow: none;
}