@charset "UTF-8";
/* webfont */
@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);

/* common */
*{padding:0; margin:0; list-style:none;}
html {font-size:62.5%;}
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-size:1.2rem; line-height:1.6rem; color:#000;}
img {border:0 none;}
video, embed, object, .videocontent {max-width:100% !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; clear:both; vertical-align:baseline;}
a {color:#000; text-decoration:none;}
a:hover {color:#f00029; text-decoration:none; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.photo {line-height:0; -webkit-box-shadow: 1px 1px 1px 1px #eee; box-shadow: 1px 1px 1px 1px #eee;}
.photo img {width:100%;}
.photo:hover {-webkit-box-shadow: 1px 1px 1px 1px #ccc; box-shadow: 1px 1px 1px 1px #ccc;}
.clr {clear:both; display:block;}
.innerwrap {width:1200px; margin:0 auto;}

/* header */
.bk-header {width:100%; float:left; margin-bottom:10px;}
.bk-header .bk-topcon {width:100%; height:30px; float:left; clear:both; background:#f00029; font-size:11px; line-height:30px; color:#fff;}
.bk-header .bk-topcon a {color:#fff;}
.bk-header .bk-topcon a:hover {text-decoration:underline;}
.bk-header .bk-topcon .col {float:left;}
.bk-header .bk-topcon .col2 {float:right; text-transform:uppercase;}
.bk-header .bk-topcon .col2 .icon {width:30px; background:#b90020; text-align:center; display:inline-block; font-size:16px; line-height:30px; margin-left:1px;}
.bk-header .bk-topcon .col2 .icon:hover {background:#ce0225;}
.bk-header .bk-topcon2 {width:100%; height:90px; float:left; clear:both;}
.bk-header .bk-topcon2 .innerwrap {position:relative;}
.bk-header .bk-topcon2 .logo { position:absolute; top:23px; left:50%; margin-left:-173px; text-align:center;}
.bk-header .bk-topcon2 .logo .date {color:#888888; font-size:11px; margin-top:5px; text-transform:uppercase;}
.bk-header .bk-topcon2 .top-srch {float:right; margin-top:25px;}
.bk-header .bk-topcon2 .top-srch .bx-input {position:relative; display:inline-block;}
.bk-header .bk-topcon2 .top-srch .bx-input i {position:absolute; top:10px; left:12px; font-size:18px;}
.bk-header .bk-topcon2 .top-srch .input {background:#f1f1f1; border:#eaeaea 1px solid; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; font-size:12px; color:#666; padding:10px 10px 10px 30px;}
.bk-header .bk-topcon2 .top-srch .btn {background:#f1f1f1; border:#eaeaea 1px solid; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; font-size:12px; font-weight:bold; padding:10px 10px; cursor:pointer; margin-left:5px;}
.bk-header .bk-topcon2 .top-srch .btn:hover {background:#555; color:#fff;}
.bk-header .bk-nav {width:100%; height:40px; float:left; border-bottom:#dddddd 1px solid; text-align:center; overflow:hidden;}
.bk-header .bk-nav .nav {display:inline-table;}
.bk-header .bk-nav .nav>li {float:left; display:block; margin:0 10px;}
.bk-header .bk-nav .nav>li a {font-family: 'Lato', sans-serif; font-size:1.4rem; line-height:4.0rem; font-weight:700; padding:0 10px; display:block;}

/* main */
.bk-contents {width:100%; float:left; padding:10px 0;}
.bk-body {width:73.33%; float:left;}
.bk-side {width:25%; float:right;}
.bk-body-sub {width:65%; float:left;}
.bk-side-sub {width:33.33%; float:right;}

.caty {font-size:1.2rem; text-transform:uppercase; margin-bottom:6px;}
.caty .section {color:#1c669f; font-weight:bold;}
.summary {color:#666;}
.summary .more {color:#ff0000; font-weight:bold;}
.summary .more:hover {text-decoration:underline;}
.sec-title {font-size:1.8rem; line-height:2.2rem; font-weight:bold;}
.sec-title span {border-top:#f00029 5px solid; display:inline-block; padding:8px 0 12px;}
.sec-title2 {font-size:1.4rem; line-height:3.3rem; font-weight:bold; color:#f00029; text-transform:uppercase; border-top:#f00029 5px solid; text-align:center; clear:both;}
.sec-title3 {font-size:1.4rem; line-height:3.5rem; font-weight:bold; color:#fff; text-transform:uppercase; background:#f00029; text-align:center; clear:both;}
.sec-title4 {font-size:2.2rem; line-height:2.5rem; font-weight:bold; color:#f00029; text-transform:uppercase; margin-bottom:20px;}
.art-title {font-family: 'Lato', sans-serif; font-size:2.6rem; line-height:3.2rem; letter-spacing:-0.01em; font-weight:700;}
.art-title2 {font-family: 'Lato', sans-serif; font-size:1.8rem; line-height:2.2rem; letter-spacing:-0.01em; font-weight:700;}
.art-title3 {font-family: 'Lato', sans-serif; font-size:1.5rem; line-height:1.9rem; letter-spacing:-0.01em; font-weight:700;}
.art-title4 {font-family: 'Lato', sans-serif; font-size:2.0rem; line-height:2.4rem; letter-spacing:-0.01em; font-weight:700;}
.btn-readmore {width:100%; float:left; clear:both; background:#f3f3ee; border-bottom:#ddd 3px solid; text-align:center; font-weight:bold; font-size:1.4rem; line-height:3.5rem; margin:20px 0;}

.bk-mcon-l {width:75%; float:left; padding-right:1.13%; border-right:#eee 1px solid;}
.bk-mcon-r {width:22.72%; float:right;}
.bk-mcon-l .headline {width:60.6%; float:left;}
.bk-mcon-l .headline .box {width:100%; float:left; clear:both; padding-bottom:10px; border-bottom:#eee 1px solid;}
.bk-mcon-l .headline .box h1 {font-family: 'Lato', sans-serif; font-size:3.0rem; line-height:3.5rem; letter-spacing:-0.03em; font-weight:700; margin-bottom:10px;}
.bk-mcon-l .headline .box .photo {margin-bottom:8px;}
.m-related {width:100%; float:left; clear:both; margin-top:10px;}
.m-related li {background:url(../images/ic-dot.gif) no-repeat 0 6px; padding:2px 0 2px 10px; font-size:1.3rem; line-height:1.6rem; font-weight:bold;}
.bk-mcon-l .headline .box2 {width:100%; float:left; clear:both; padding:10px 0;}
.bk-mcon-l .headline .box2 .photo {width:100px; float:left; margin-right:20px; margin-bottom:10px;}
.bk-mcon-l .headline .box2 h2 {margin-bottom:10px;}
.bk-mcon-l .headline2 {width:37.12%; float:right;}
.bk-mcon-l .headline2 .box {width:100%; float:left; clear:both; padding-bottom:10px; border-bottom:#eee 1px solid; margin-bottom:10px;}
.bk-mcon-l .headline2 .box:last-child {border-bottom:none;}
.bk-mcon-l .headline2 .box h3 {margin-bottom:10px;}
.bk-mcon-r .box {width:100%; float:left; clear:both; padding-bottom:10px; border-bottom:#eee 1px solid; margin-bottom:10px;}
.bk-mcon-r .box:last-child {border-bottom:none;}
.bk-mcon-r .box .photo {margin-bottom:10px;}
.bk-mcon2 {width:96%; padding:5px 2%; float:left; clear:both; background:#f3f3ee; margin-bottom:20px;}
.bk-mcon2 .box {width:31.3%; float:left; padding:10px 1%;}
.bk-mcon2 .box .photo {width:110px; float:left; margin-right:15px;}
.bk-mcon2 .box h3 {font-size:1.4rem; line-height:1.8rem; font-weight:normal; font-style:italic;}
.bk-mcon3 {width:100%; float:left; clear:both; margin-bottom:20px;}
.bk-mcon3 .col {width:56.81%; float:left;}
.bk-mcon3 .col .photo {margin-bottom:10px;}
.bk-mcon3 .col2 {width:40.9%; float:right;}
.bk-mcon3 .col2 .box {width:100%; float:left; clear:both; padding:10px 0; border-bottom:#eee 1px solid;}
.bk-mcon3 .col2 .box:last-child {border-bottom:none;}
.bk-mcon3 .col2 .box h3 {margin-bottom:10px;}
.bk-mcon3 .col2 .box .photo {width:100px; float:right; margin-left:20px; margin-bottom:10px;}
.bk-mcon4 {width:100%; float:left; clear:both;}
.bk-mcon4 .box {width:48.86%; float:left; margin-right:2.27%; margin-bottom:20px;}
.bk-mcon4 .box:last-child {margin-right:0;}
.bk-mcon4 .photo {margin-bottom:10px;}
.bk-mcon4 .summary {margin:10px 0;}
.bk-mcon4 .list li {border-top:#eee 1px solid; font-size:1.6rem; line-height:2.0rem; font-weight:bold; padding:10px 0;}
.bk-mcon5 {width:100%; float:left; clear:both; margin-bottom:10px;}
.bk-mcon5 .photo {margin-bottom:10px;}
.bk-mcon5 .box {width:48.86%; float:left; margin-right:2.27%; margin-bottom:20px;}
.bk-mcon5 .box:nth-of-type(2n) {margin-right:0;}
.bk-mcon5 .box2 {width:31.81%; float:left; margin-right:2.27%; margin-bottom:20px;}
.bk-mcon5 .box2:last-child {margin-right:0;}
.bk-mcon6 {width:100%; float:left; clear:both;}
.bk-mcon6 .box {width:31.81%; float:left; margin-right:2.27%; margin-bottom:20px;}
.bk-mcon6 .box:last-child {margin-right:0;}
.bk-mcon6 .photo {margin-bottom:10px;}
.bk-mcon6 .summary {margin:10px 0;}
.bk-mcon6 .list li {border-top:#eee 1px solid; font-size:1.6rem; line-height:2.0rem; font-weight:bold; padding:10px 0;}

.bk-scon {width:100%; float:left; clear:both;}
.bk-scon .box, .bk-scon .box2 {width:100%; float:left; clear:both; padding-bottom:15px; margin-bottom:15px; border-bottom:#eee 1px solid;}
.bk-scon .box h3 {margin:10px 0;}
.bk-scon .box2 .photo {width:100px; float:right; margin-left:20px;}
.bk-subscribe {width:90%; float:left; padding:15px 5%; clear:both; background:#f3f3ee; margin-bottom:15px;}
.bk-subscribe h4 {font-size:1.6rem; line-height:2.0rem;}
.bk-subscribe h4 i {font-size:1.4rem;}
.bk-subscribe .t1 {font-style:italic; margin:8px 0;}
.bk-subscribe .input {background:#ffffff; border:#eaeaea 1px solid; font-size:12px; color:#666; padding:8px 10px; width:55%;}
.bk-subscribe .btn {background:#f00029; border:none; font-size:12px; font-weight:bold; color:#fff; padding:8px 10px; margin-left:4px; cursor:pointer;}
.bk-subscribe .btn:hover {background:#222;}
.bk-popular {width:100%; float:left; clear:both;}
.bk-popular .box, .bk-popular .box2 {width:100%; float:left; clear:both; padding-bottom:15px; margin-bottom:15px; border-bottom:#eee 1px solid;}
.bk-popular .no {background:#f00029; width:25px; height:25px; display:inline-block; float:left; margin-top:5px; margin-right:15px; margin-bottom:10px; text-align:center; font-size:14px; line-height:25px; color:#fff; font-weight:bold; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; border-radius:25px;}
.bk-popular .box h3 {margin:10px 0;}
.bk-popular .box2 .photo {width:100px; float:right; margin-left:20px;}

/* article */
.bk-article {width:93%; float:left; border-top:#eeeeee 3px solid; padding:20px 0 0 7%; position:relative;}
.bk-article .caty {font-size:1.4rem; margin-bottom:10px;}
.bk-article h1 {font-family: 'Lato', sans-serif; font-size:3.0rem; line-height:3.5rem; letter-spacing:-0.01em; font-weight:700; margin-bottom:10px;}
.bk-article .date {font-size:1.2rem; color:#666; margin-bottom:20px; width:100%; float:left; clear:both;}
.bk-article .date a {color:#f00029;}
.bk-article .date a:hover {text-decoration:underline;}
.bk-article .date strong {color:#000;}
.bk-article .bx-sns {position:absolute; top:20px; left:0; width:40px;}
.bk-article .bx-sns .ico {width:40px; height:40px; display:inline-block; background:url(../images/ico-sns.png) no-repeat 0 0; cursor:pointer; margin-bottom:5px; position:relative;}
.bk-article .bx-sns .ic-fb {background-position:0 -5px; background-color:#4c66a4;}
.bk-article .bx-sns .ic-tw {background-position:0 -45px; background-color:#55acee;}
.bk-article .bx-sns .ic-email {background-position:0 -80px; background-color:#eeeeee;}
.bk-article .bx-sns .ic-print {background-position:0 -120px; background-color:#eeeeee;}
.bk-article .bx-sns .ic-more {background-position:0 -160px; background-color:#eeeeee;}
.bk-article .bx-sns .ico:hover {background-color:#ddd;}
.bk-article .bx-sns .ic-fb:hover, .bk-article .bx-sns .ic-tw:hover {background-color:#888;}
.bk-article .bx-sns .ico .num {position:absolute; left:0; bottom:2px; width:100%; text-align:center; font-size:1.0rem; line-height:1.2rem;  font-weight:700; color:#fff;}
.bk-article .bx-photo {width:100%; float:left; text-align:center; clear:both; margin-bottom:20px; overflow:hidden;}
.bk-article .caption {font-size:1.2rem; line-height:1.8rem; color:#888; text-align:left; margin-top:8px;}
.bk-article .bx-slide {width:100%; float:left; clear:both; overflow:hidden;}
.bk-article .bx-slide .page {text-align:right; font-size:1.4rem; line-height:25px; font-weight:bold; margin-bottom:10px;}
.bk-article .bx-slide .page .arr {background:#eee; width:25px; height:25px; text-align:center; display:inline-block;}
.bk-article .bx-slide .page span {margin:0 10px;}
.bk-article p {font-size:1.4rem; line-height:2.2rem; margin-bottom:2.0rem;}
.bk-article p a {color:#14639f; text-decoration:underline;}
.bk-article .tag {width:100%; float:left; clear:both; line-height:3.0rem; text-transform:uppercase; margin-bottom:20px;}
.bk-article .tag strong {font-size:1.4rem; color:#14639f;}
.bk-article .tag a {background:#14639f; color:#fff; display:inline-block; margin:2px 2px; padding:0 8px;}
.bk-article .tag a:hover {background:#999;}
.bk-article .copy {width:100%; float:left; clear:both; border-top:#eee 1px solid; font-size:1.1rem; text-transform:uppercase; padding:20px 0; text-align:center; color:#888;}
.bk-article .bx-related {width:100%; float:left; clear:both; margin-bottom:20px; border-bottom:#ddd 1px solid;}
.bk-article .bx-related h4 {background:#f3f3ee; font-size:1.4rem; line-height:3.5rem; padding:0 15px;}
.bk-article .bx-related ul {padding:10px 10px 15px;}
.bk-article .bx-related li {background:url(../images/ic-dot.gif) no-repeat 0 9px; padding:3px 0 3px 10px; font-size:1.4rem; line-height:1.8rem; font-weight:bold;}
.bk-article .bx-comt {width:100%; float:left; clear:both; margin-bottom:20px; overflow:hidden;}

.bk-dontmiss {width:100%; float:left; clear:both;}
.bk-dontmiss .box {width:23.75%; float:left; margin-right:1.25%; margin-bottom:20px;}
.bk-dontmiss .box:nth-of-type(4n) {margin-right:0;}
.bk-dontmiss .box .photo {margin-bottom:10px;}

/* section */
.bk-subcon {width:100%; float:left; clear:both; margin-bottom:20px; border-top:#eee 1px solid;}
.bk-subcon h4 {font-size:1.5rem; line-height:1.8rem; font-weight:bold; padding:15px 0; color:#666; text-transform:uppercase;}
.bk-subcon .box {width:23.07%; float:left; margin-right:2.56%; margin-bottom:20px;}
.bk-subcon .box:nth-of-type(4n) {margin-right:0;}
.bk-subcon .box .photo {margin-bottom:10px;}
.bk-subcon2 {width:100%; float:left; clear:both;}
.bk-subcon2 .box {width:100%; float:left; clear:both; padding:20px 0; border-top:#eee 1px solid;}
.bk-subcon2 .box .photo {width:200px; float:left; margin-right:20px;}
.bk-subcon2 .box h3 {margin-bottom:10px;}
.bk-subcon2 .box .like {margin-top:10px;}
.bk-subcon2 .box .like li {margin-right:3px; float:left;}
.bk-subcon2 .box .like .t1 {margin-left:5px; font-size:1.2rem; line-height:2.0rem;}
.bk-subcon2 .caty a {text-decoration:underline; color:#666;}

.bk-video {width:100%; float:left; clear:both; overflow:hidden;}
.bk-video .video {background:#000; text-align:center; padding:20px 4%;}
.bk-video .video h1 {font-size:1.6rem; line-height:2.0rem; font-weight:bold; color:#fff; margin-top:8px;}
.bk-video .video-list {width:100%; float:left; clear:both;}
.bk-video .video-list h4 {font-size:1.5rem; line-height:1.8rem; font-weight:bold; padding:15px 0; color:#666; text-transform:uppercase;}
.bk-video .video-list .box {width:23.07%; float:left; margin-right:2.56%; margin-bottom:20px;}
.bk-video .video-list .box:nth-of-type(4n) {margin-right:0;}
.bk-video .video-list .photo {margin-bottom:10px; position:relative;}
.bk-video .video-list .photo .play {position:absolute; bottom:0; right:0; width:30px; height:30px; font-size:14px; line-height:30px; text-align:center; color:#fff; background:rgba(240,0,41,0.7);}
.bk-video .video-list .photo .played {background:rgba(0,0,0,1)!important;}

.bx-page {width:100%; float:left; clear:both; text-align:center; margin:20px 0;}
.bx-page a.num {width:30px; height:30px; font-size:1.4rem; line-height:3.0rem; font-weight:bold; display:inline-block; text-align:center; margin:2px 0; border:#ff93a9 1px solid; margin:2px;}
.bx-page a.num:hover {background:#f5f5f5;}
.bx-page a.on {color:#fff; background:#f50023; border:#f50023 1px solid;}


/* footer */
.bk-footer {width:100%; float:left; background:#b90006; color:#fff; padding:20px 0;}
.bk-footer a {color:#fff;}
.bk-footer a:hover {text-decoration:underline;}
.bk-footer .f-menu {float:left;}
.bk-footer .f-menu a {margin:0 10px;}
.bk-footer .f-copy {float:right;}

/* aboutus */
.bk-aboutus {width:100%; float:left; clear:both;}
.bk-aboutus .col {width:15%; float:left;}
.bk-aboutus .col li {font-size:1.4rem; padding:10px 0;}
.bk-aboutus .col2 {width:81%; float:right; border-left:#eee 1px solid; padding-left:3.5%;}
.bk-aboutus .ttl {font-size:1.6rem; line-height:2.0rem; font-weight:bold; margin-bottom:20px;}
.bk-aboutus .ttl2 {font-size:1.4rem; line-height:1.8rem; font-weight:bold; margin-bottom:20px;}
.bk-aboutus p {margin-bottom:20px; font-size:1.4rem; line-height:2.2rem;}
.bk-aboutus .box-l {width:35%; float:left;}
.bk-aboutus .box-r {width:57%; float:right;}
.bk-aboutus .contact {width:100%; clear:both; margin-bottom:20px;}
.bk-aboutus .contact .td1 {font-size:1.4rem; line-height:1.6rem; color:#666; padding:6px 0;}
.bk-aboutus .contact .td2 {font-size:1.2rem; line-height:1.6rem; color:#666; padding:6px 10px;}
.bk-aboutus .contact .input {border:#eee 1px solid; font-size:12px; line-height:16px; color:#666; background:#f5f5f5; padding:5px 10px;}
.bk-aboutus .contact .btn {font-size:12px; font-weight:bold; border:none; background:#f00029; padding:10px 20px; color:#fff; cursor:pointer;}
.bk-aboutus .contact .red {color:#f00029;}

/* ad sample */
.ad-300 {width:100%; float:left; clear:both; text-align:center; margin-bottom:15px;}
.ad-728 {width:100%; float:left; clear:both; text-align:center;}
.ad-side {width:300px; float:left; margin-right:20px; margin-bottom:10px;}

.ad-sample { width: 100%; clear: both;}
.ad-sample:before, .ad-sample:after { content: ""; display: table; }
.ad-sample:after { clear: both; }
.ad-sample span {text-align: center; font-size: 0.688em; text-transform: uppercase; color: #ddd; margin-bottom: 0.625em; display: block; clear: both; }

@media screen and (max-width:1024px) {
html {font-size:59%;}
.innerwrap {width:1000px;}
.bk-header .bk-nav .nav>li a {padding:0 8px;}
.bk-body {width:68.5%;}
.bk-side {width:30%;}
.bk-mcon-l {width:100%; padding-right:0; border-right:none;}
.bk-mcon-r {width:100%; float:left;}
.bk-mcon-r .box {width:31.38%; margin-right:2.9%; float:left; clear:none; padding-bottom:0; border-bottom:none; margin-bottom:20px;}
.bk-mcon-r .box:last-child {margin-right:0;}
.bk-mcon2 {width:98%; padding:5px 1%;}

.bk-article {width:100%; padding:20px 0 0 0;}
.bk-article .bx-photo img {width:100%;}
.bk-article .imageBox {width:100%!important;}
.bk-article .imageBox img {width:100%!important;}
.bk-article .imgBox {width:100%;}
.bk-article .imgNone {width:100%;}
.bk-article .imageNone {width:100%!important;}
.bk-article .imageNone img {width:100%;}
.bk-article .bx-sns {position:relative; top:auto; left:auto; width:100%; clear:both; margin-bottom:20px;}

}