@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0; font-size:100%; list-style:none;}
body {font-family:'Noto Sans', Arial, Helvetica, sans-serif; font-size:12px; color:#444444; background:#f3f3f3;}
img {border:0 none;}
video, embed, object, .videocontent {max-width:100% !important;}
.video-clicktoplay-max {max-width:100% !important;}
.video-clicktoplay-inner {position:relative; padding-bottom:50%; padding-top:30px; height:0; overflow: hidden; background:#000;}
.video-clicktoplay-inner iframe, .video-clicktoplay-inner object, .video-clicktoplay-inner embed{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
a {color:#333; text-decoration:none;}
a:hover {color:#0084cf; -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 a:hover img {-webkit-box-shadow:1px 1px 1px 1px #b8b8b8; box-shadow:1px 1px 1px 1px #b8b8b8;}

.title {font-size:27px; line-height:30px; font-weight:normal; letter-spacing:-0.02em; padding:10px 0;}
.title2 {font-size:17px; line-height:22px; font-weight:normal; margin-bottom:10px;}
.title3 {font-size:16px; line-height:20px; font-weight:normal;} .title3 a {color:#0084cf;}
.title4 {font-size:14px; line-height:16px; font-weight:normal; padding:6px 0; text-align:center;}
.sec_ttl {font-size:26px; line-height:30px; font-weight:normal; padding:0 0 8px; border-bottom:#f9c8d3 1px solid; margin-bottom:10px; clear:both;}
.f_grn {color:#61AE24;} .f_grn2 {color:#01A4A4;}
.f_pink {color:#E53B51;} .f_org {color:#E54028;} .f_vio {color:#8d5da7;}
.f_blue {color:#0084cf;} .f_blue2 {color:#113F8C;}
.sumy {font-size:14px; line-height:17px; color:#888888;}
.sc {font-size:12px; line-height:16px; color:#ffffff; padding:2px 6px; margin-right:8px;}
.left .col3 .sc, .left .col5 .sc {display: none;}
.blue {background:#113F8C;}
.grn {background:#01A4A4;}
.grn2 {background:#53ac3e;}
.org {background:#E54028;}
.vio {background:#8d5da7;}
.yel {background:#F18D05;}
.bg-lft { background:#0084cf;}
.bg-food { background: #aff22d;}
.bg-pets { background: #d20f8f;}
.more {color:#61AE24; font-weight:bold; padding:10px 0 0; text-align:right;} .more a {color:#61AE24;} .more a:hover {text-decoration:underline;}
.more2 {color:#61AE24; font-weight:bold; padding:10px 0 0;} .more2 a {color:#61AE24;} .more2 a:hover {text-decoration:underline;}
.more3 {text-align:center; margin:30px 0;}
.more3 span {width:200px; height:26px; display:inline-block; background:url(../images/bg_more.gif) no-repeat 0 0; font-size:14px; line-height:26px; color:#ffffff;}
.more4 {text-align:center; margin:30px 0; padding:9px 0; display:block; border:#ddd 1px solid; font-size:14px; font-weight:bold; text-transform:uppercase; background:url(../images/bg_line.gif) repeat 0 0; clear:both; overflow:hidden;}
.clr {clear:both; display:block;}
.mb20 {margin-bottom:20px;}
.ad {width:100%; float:left; text-align:center; margin-bottom:20px;}
.ic_play {background-color:rgba(0,0,0,0.6); background-image:url(../images/ic_play.png); background-position:20px center; background-repeat:no-repeat; width:55px; height:55px; display:inline-block; border-radius:35px; -webkit-border-radius:35px; -moz-border-radius:35px; -ms-border-radius:35px; -o-border-radius:35px; position:absolute; border:#fff 3px solid; opacity:0.7; top:40%; left:42%; z-index:50;}
a:hover .ic_play {opacity:1;}
.ic_play2 {background-color:rgba(0,0,0,0.6); background-image:url(../images/ic_play.png); background-position:10px center; background-repeat:no-repeat; width:35px; height:35px; display:inline-block; -webkit-border-radius:35px; position:absolute; border:#fff 3px solid; opacity:0.7; top:30%; left:32%; z-index:50;}
a:hover .ic_play2 {opacity:1;}
.photo { position:relative;}

/* Header */
header {width:1160px; height:26px; padding:0 20px; margin:0 auto; background:#0084cf; color:#ffffff;}
header a, header a:hover {color:#ffffff;}
header .tag {float:left; line-height:26px;}
header .sns {float:right; margin-top:3px;}
header .sns li {float:left; margin:0 5px;}

nav {width:1200px; margin:0 auto;}
nav .innerwrap {width:96%; float:left; padding:15px 2% 10px; background:#ffffff; border-bottom:#eeeeee 1px solid;}
nav .logo {width:100%; float:left; clear:both; text-align:center; margin-bottom:7px;}
nav .nav {float:left; font-size:14px; line-height:25px; text-transform:uppercase; margin-top:4px;}
nav .nav li {float:left; padding:0 5px;}
nav .srch {float:right;  margin-top:4px;}
nav .input {border:#0091c2 1px solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; background:#ffffff; color:#888888; font-size:12px; padding:4px 10px; vertical-align:middle; margin-right:5px; width:160px;}
nav .btn {vertical-align:middle; cursor: pointer;}
.m_logo {float:left;}
.m_fblike {float:left; clear:both;}
.m_tfollow {float:left;}
.sc_nav {width:100%; position:fixed; top:0; left:0; z-index:90;}
.sc_nav .innerwrap {width:1160px; padding:10px 20px; margin:0 auto; background:#ffffff; border-bottom:#eeeeee 1px solid; overflow:hidden; float:none;}
.sc_nav .logo {width:auto;}
.sc_nav .logo img {width:330px;}
.sc_nav .nav {float:left; margin-left:20px; font-size:13px; line-height:25px; text-transform:uppercase; margin-top:5px;}
.sc_nav .nav li {float:left; padding:0 6px;}

.sc_sns {width:50px; position:fixed; top:120px; left:0; z-index:60; display: none;}
.sc_sns span {display:none;}
.sc_sns a {background:url(../images/ico_sns.png) no-repeat 0 0; width:50px; height:50px; display:inline-block; margin-bottom:-1px;}
.sc_sns .close {background-color:#999; background-position:center 12px;}
.sc_sns .open {background-color:#999; background-position:center -264px;}
.sc_sns .fb {background-color:#ccc; background-position:center -61px;}
.sc_sns .tw {background-color:#ccc; background-position:center -128px;}
.sc_sns .gg {background-color:#ccc; background-position:center -193px;}
.sc_sns .rss {background-color:#ccc; background-position:center -333px;}

/* Contents */
.contents {width:1200px; margin:0 auto;}
.contents .innerwrap {width:97%; float:left; padding:20px 1.5%; background:#ffffff;}
.left {width:63.3%; float:left;}
.sidebar {width:34.7%; float:right;}
.photo img {width:100%;}
.left .col1 {width:63%; float:left; margin-bottom:20px;}
.left .col2 {width:34%; float:right; margin-bottom:20px;}
.left .col3 {width:100%; float:left; margin-bottom:20px;}
.left .col4 {width:33.6%; float:right; border:#00A1CB 1px solid; text-align:center; margin-bottom:20px; padding-bottom:10px; display:none;}
.left .col5 {width:100%; float:left;}
.left .col6 {width:34%; float:left;}
.left .slide {width:100%; position:relative;}
.left .col2 .photo, .left .col3 .box2 .photo, .left .col3 .box3 .photo, .left .col3 .box4 .photo, .left .col5 .box2 .photo, .left .col5 .box3 .photo, .left .col5 .box4 .photo {width:20%; float:left; margin-right:20px;}
.left .col3 .photo, .left .col4 .photo, .left .col5 .photo, .video_wp .photo, .at_box .photo {margin-bottom:8px;}
.left .col1 .prev {background:url(../images/ic_prev.png) no-repeat -62px 0; width:51px; height:50px; display:block; position:absolute; top:25%; left:10px; cursor:pointer; opacity:0.6; z-index:50;}
.left .col1 .prev:hover {opacity:1;}
.left .col1 .next {background:url(../images/ic_next.png) no-repeat -62px 0; width:51px; height:50px; display:block; position:absolute; top:25%; right:10px; cursor:pointer; opacity:0.6; z-index:50;}
.left .col1 .next:hover {opacity:1;}
.left .col2 .list {width:100%; float:left; padding:10px 0; border-bottom:#eeeeee 1px solid; clear:both;}
.left .col3 .box1, .left .col5 .box1 {width:48.5%; float:left; margin-bottom:20px;}
.left .col3 .box2, .left .col5 .box2 {width:48.5%; float:right; margin-bottom:20px;}
.left .col3 .box3, .left .col5 .box3 {width:48%; float:left; margin-bottom:20px;}
.left .col3 .box4, .left .col5 .box4 {width:48%; float:right; margin-bottom:20px;}
.left .col4 .box {padding:5px 35px; clear:both; overflow:hidden;}
.left .col4 .ttl span {background:#00A1CB; padding:6px 15px; display:inline-block; border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -ms-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; font-size:14px; font-weight:bold; color:#ffffff; margin-bottom:10px;}
.left .col5 .list {width:100%; float:left; clear:both; padding:10px 0;}
.left .col6 .list {clear:both;}
.left .col6 .list li {font-size:14px; border-bottom:#eee 1px solid; padding:10px 0;}
.left .col6 .list a {color:#0084cf;}
.left .col5 .list .photo {width:20%; float:left; margin-right:20px;}
.left .sec_list {width:100%; float:left; clear:both; padding:15px 0; border-bottom:#eee 1px dotted;}
.left .sec_list .photo {width:20%; float:left; margin-right:20px;}
.left .page a.num {background:#eee; width:40px; height:35px; font-size:13px; line-height:35px; display:inline-block; border:#ddd 1px solid; text-align:center; margin:5px 2px;}
.left .page a.num:hover {background:#fff; color:#0084cf; border-color:#999;}
.left .page a.on {background:#aaa; color:#fff;}

.subscribe {width:87%; float:left; padding:10px 6%; clear:both; border:#eaeaea 2px solid; margin-bottom:20px;}
.subscribe .ttl {font-size:24px; line-height:26px; font-weight:bold;}
.subscribe .txt {clear:both; padding:6px 0;}
.subscribe .txt2 {clear:both; padding:8px 10px; background:url(../images/bg_line.gif) repeat 0 0;}
.subscribe .input {border:#696969 1px solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; background:#ffffff; color:#888888; font-size:12px; padding:4px 10px; vertical-align:middle; margin-right:5px; width:55%;}
.subscribe .btn {vertical-align:middle; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; background:#696969; border:none; color:#ffffff; font-size:12px; padding:5px 10px; cursor:pointer;} .subscribe .btn:hover {background:#df4a11;}
.facebook_wp, .tweeter_wp {width:100%; float:left; margin-bottom:20px; clear:both; overflow:hidden; text-align:center;}
.video_wp {width:100%; float:left; clear:both;}
.video_list {width:100%; float:left; clear:both; margin-bottom:10px;}
.video_list li {width:100%; float:left; padding:5px 0 15px; font-size:14px; clear:both;}
.video_list .photo {width:30%; float:left; margin-right:20px; position:relative;}
.side_articles {width:100%; float:left; clear:both; margin-bottom:20px;}
.side_articles .list {width:100%; float:left; padding:10px 0; clear:both;}
.side_articles .photo {width:30%; float:right; margin-left:20px;}

.top_bn {width:1200px; margin:0 auto;}
.top_bn .innerwrap {width:100%; float:left; padding:10px 0 0; background:#ffffff; text-align:center;}
.at_body {width:90%; float:left; clear:both; position:relative; padding-left:10%; margin-bottom:30px; border-bottom:#eee 2px solid;}
.at_body a {color:#0084cf;} .at_body a:hover {text-decoration:underline;}
.at-title {font-size:30px; line-height:36px; font-weight:normal; letter-spacing:-0.02em; padding:10px 0;}
.at_date {color:#888; font-size:14px; margin-bottom:15px;}
.at_tag {clear:both; color:#999; font-size:14px; margin-bottom:15px;}
.at_tag a {margin:0 4px; display:inline-block;}
.at_sns {position:absolute; top:0; left:0;}
.at_sns li {margin:6px 0;}
.article {width:100%; float:left; clear:both; padding:10px 0 30px; font-size:16px; line-height:22px;}
.article p {margin-bottom:20px;}
.at_photo {margin-bottom:10px;}
.at_photo .caption {font-size:12px; line-height:15px; color:#888;}
.at_body .side {width:250px; float:left; margin-right:20px; clear:left;}
.at_body .side .ad {clear:both; text-align:center;}
.at_body .related {width:100%; float:left; clear:both; margin-bottom:20px;}
.at_body .related .ttl {font-size:14px; font-weight:normal; padding:4px 0;}
.at_comment {width:100%; clear:both; overflow:hidden; margin-bottom:20px;}
.at_box {width:29.3%; margin-bottom:20px;}
.vd_top {width:100%; float:left; clear:both; margin-bottom:20px;}
.vd_top .mv {text-align:center; padding:30px 0; background:#000; overflow:hidden;}
.vd_list {width:17%; float:left; margin:0 1.5% 20px;}
.page {width:100%; float:left; clear:both; text-align:center; margin:20px 0;}
.page a.num {width:40px; height:35px; font-size:13px; line-height:35px; display:inline-block; border:#ddd 1px solid; text-align:center; margin:5px 2px;}
.page a.num:hover {background:#eee; border-color:#999;}
.page a.on {background:#888; color:#fff;}

/* Footer */
footer {width:1200px; margin:0 auto;}
footer .f_bn {width:100%; float:left; background:#ffffff; text-align:center; padding:10px 0; clear:both;}
footer .cel1 {width:90%; padding:15px 5%; float:left; background:#ffffff; border-top:#eee 1px solid; clear:both; font-size:14px; line-height:17px; font-weight:400;}
footer .cel2 {width:83%; padding:20px 8.5%; float:left; border-top:#eee 1px solid; clear:both; background:#fff;}
footer .cel3 {width:92%; padding:20px 4% 30px; float:left; background:#0084cf; clear:both; color:#ffffff;}
footer .cel2 h3 {margin-top:5px;}
footer .cel3 a {color:#ffffff;}
footer .cel3 a:hover {text-decoration:underline;}
footer .cel1 .col {float:left;}
footer .cel1 .col2 {float:right;}
footer .cel1 li {float:left; margin:0 8px;}
footer .cel1 .input {border:#696969 1px solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; background:#ffffff; color:#888888; font-size:12px; padding:4px 10px; width:180px;}
footer .cel1 .btn {border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; background:#696969; border:none; color:#ffffff; font-size:12px; padding:5px 10px; cursor:pointer; margin-left:5px;} footer .cel1 .btn:hover {background:#df4a11;}
footer .ttl {font-size:20px; font-weight:bold; text-align:center; clear:both; padding:0 0 20px;}
footer .slide {width:100%; float:left; clear:both; position:relative;}
footer .ic_prev {background:url(../images/ic_prev.png) no-repeat; width:51px; height:50px; display:block; position:absolute; top:25%; left:-60px; cursor:pointer;}
footer .ic_prev:hover {opacity:0.7;}
footer .ic_next {background:url(../images/ic_next.png) no-repeat; width:51px; height:50px; display:block; position:absolute; top:25%; right:-60px; cursor:pointer;}
footer .ic_next:hover {opacity:0.7;}
footer .list {width:14.6%; float:left; margin:0 1%;}
footer .logo {float:left; margin:8px 0 10px;}
footer .copy {float:left; margin-left:100px;}
footer .copy li {line-height:22px;}
.fnav {display:none;}

.art-info {clear: both; border-top: #dbdbdb double 4px; color: #aaa; font-weight: normal; font-size:smaller; line-height: 1.6rem; font-family: 'Helvetica Neue', Arial; padding: 0 0 20px; text-align: left; display: block; margin-top: 25px;}

/* rss */
.rss_ttl {font-size:21px; font-weight:bold; padding:10px 0;}
.rss_ttl2 {font-size:16px; font-weight:bold; padding:10px 0; color:#000;}
.rss_txt {font-size:14px; line-height:18px; padding:10px 0 20px; border-bottom:#eaeaea 3px solid; margin-bottom:5px;}
.rss_list {float:left; margin-right:40px; margin-bottom:20px; font-size:14px;}
.rss_list li {padding:5px 0;}
.rss_list .ic_rss {background:#e98f2b url(../images/ico_sns.png) no-repeat -2px -347px; width:22px; height:22px; -webkit-border-radius:20px; display:inline-block; vertical-align:middle; margin-right:10px;}
.rss_faq {width:100%; float:left; clear:both; border-top:#eaeaea 3px solid; padding:5px 0; color:#888; font-size:14px; line-height:18px;}
.rss_faq strong {color:#444; font-style:italic;}

/* aboutus */
.au_left {width:19%; float:left; font-family:Arial, Helvetica, sans-serif;}
.au_right {width:78%; float:right; padding-bottom:30px;}
.au_top {width:100%; float:left; clear:both; margin-bottom:-20px;}
.au_left .menu {background:#fff; clear:both;}
.au_left .menu a {width:90%; font-weight:bold; padding:15px 5%; display:inline-block; border-bottom:#eee 1px solid;}
.au_right a {color:#00a1cb;}
.au_right .txt {font-size:14px; line-height:22px; clear:both; margin-bottom:30px;}
.au_right .sttl {font-size:20px; line-height:25px; font-family:Arial, Helvetica, sans-serif; color:#888; clear:both; margin-bottom:20px;}
.au_right .sttl2 {font-size:16px; line-height:22px; font-weight:bold; font-style:italic; margin-bottom:10px; clear:both;}
.au_right .list {clear:both; margin-left:20px; font-size:13px; line-height:20px; font-family:Arial, Helvetica, sans-serif; clear:both; margin-bottom:30px;}
.au_right .list li {padding:5px 0; list-style:square;}

.submit{padding-bottom:10px;}
.item_photo {float: left;margin-right: 20px;width: 140px;margin-bottom: 100px;}
.item_dep {padding: 3px 0;}
.item_content {font-size: 14px;line-height: 22px;}

@media (max-width: 480px) {
	 .left .col3 .box3 .photo { width: 26% !important;}
}

/*#at-share-dock{bottom: 70px;}
#conversions-box .conversions-box-open{bottom:120px;}*/