@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600');
@font-face {
font-family: 'Noto Regular';
src: url('../fonts/NotoSans_regular.eot');
src: url('../fonts/NotoSans_regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/NotoSans_regular.woff') format('woff'),  url('../fonts/NotoSans_regular.ttf') format('truetype');
}
@font-face {
font-family: 'Noto Bold';
src: url('../fonts/NotoSans_bold.eot');
src: url('../fonts/NotoSans_bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/NotoSans_bold.woff') format('woff'),  url('../fonts/NotoSans_bold.ttf') format('truetype');
}
.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .container {
padding-left: 10px;
padding-right: 10px;
}
.row {
margin-left: -10px;
margin-right: -10px;
}
.container-fluid {
padding-left: 10px;
padding-right: 10px;
}

body {
color: #333;
font-family: 'Noto Regular', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Lucida Grande", sans-serif;
font-size: 12px;
word-break: break-word;
}
body.fadeIn:before {
background: #fff;
content: "";
display: block;
width: 100vw;
height: 100vh;
overflow: hidden;
z-index: 9999;
position: relative;
}
.adArea {
width: 100%;
overflow: hidden;
}
@media all and (-ms-high-contrast:none) {
	body {
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Lucida Grande", sans-serif;
	}
}
strong {
font-family: 'Noto Bold';
}
.montserrat {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
}
.montserrat strong {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
img {
max-width: 100%;
}
.imgArea {
text-align: center;
}
.imgArea img {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.imgArea.w80 {
margin-left: auto;
margin-right: auto;
width: 80%;
}
.imgArea.w60 {
margin-left: auto;
margin-right: auto;
width: 60%;
}
.imgArea.w40 {
margin-left: auto;
margin-right: auto;
width: 40%;
}
.imgArea.w20 {
margin-left: auto;
margin-right: auto;
width: 20%;
}
p {
font-size: 100%;
line-height: 1.5em;
margin: 0;
}
h1, h2, h3, h4, h5, h6, ul {
margin: 0;
padding: 0;
font-weight: normal;
}
.note {
font-size: 75%;
}
a {
color: #333;
}
a:hover,
a:active {
color: #333;
text-decoration: none;
}
.onlySp{
display: block;
}
.onlyPc{
display: none;
}
.container {
margin-bottom: 4.5em;
}
.navbar {
border-radius: 0;
}
.navbar-inverse {
background: #fff;
border: none;
border-bottom: 1px solid #ccc;
margin-bottom: 0;
}
body.top .navbar-inverse {
margin-bottom: 3%;
}
.navbar-inverse > div {
padding-left: 10px;
padding-right: 10px;
}
.navbar-header {
display: table;
float: none;
width: 100%;
}
.navbar-header .row-eq-height {
display: table-cell;
float: none;
vertical-align: middle;
padding-left: 0;
padding-right: 0;
}
.navbar-header h1 {
padding: 0;
margin: 0;
}
.navbar-header .navbar-brand {
height: auto;
padding-left: 0;
padding-right: 0;
}
.navbar-header .navbar-brand img {
width: 100%;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{
-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;
}
.gsc-input-box{
height: auto !important;
border-radius: 3rem;
overflow: hidden;
}
.gsib_a{
padding: .5rem .7rem !important;
}
.gsc-results-wrapper-overlay{
width: 90% !important;
left: 5% !important;
}
form.gsc-search-box{
margin-bottom: 0;
}
.gsc-control-cse {
border-color: #fff !important; /* */
/* background-color: #FFFFFF; */
}
.originalSearchBox {
background: #ebebeb;
border-radius: 30px;
border: 1px solid #ebebeb;
-webkit-box-shadow: none;box-shadow: none;
-webkit-transition: none;-o-transition: none;
-webkit-appearance: none;-moz-appearance: none;appearance: none;
position: relative;
}
.originalSearchBtn .btn {
background: #ebebeb;
border-radius: 30px;
border: 1px solid #ebebeb;
}
.originalSearchBtn .btn:hover {
border: 1px solid #ebebeb;
}
.gloNavWrapper {
margin-bottom: 0;
}
#gloNav .navbar-nav li a {
color: #333;
}
#gloNav .navbar-nav li a span {
background: url(../img/common/arrow_right.png) no-repeat right center;
background-size: contain;
display: block;
line-height: 1;
font-weight: bold;
}
#gloNav .navbar-nav li a span .fa{
display: none;
}
.navbar-inverse .navbar-toggle {
border: none;
padding: 15px 0;
margin: 0;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #333;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #ddd;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background: none;
}
.navbar-collapse {
padding-left: 0;
padding-right: 0;
}
.navbar-toggle .icon-bar {
height: 2px;
width: 30px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 5px;
}
.header-right .input-group {
margin-bottom: 4%;
width: 100%;
position: relative;
min-height: 3rem;
}
.header-right .input-group .txt {
border-style: solid;
border-width: 1px;
border-color: rgb(238, 238, 238);
background-color: rgb(255, 255, 255);
position: inherit;
width: 100%;
padding: 1rem;
border-radius: 3rem;
}
.header-right .input-group .searchBtn {
background: url(../img/common/btn_search.png) right top no-repeat;
background-size: contain;
position: absolute;
right: 1rem;
top: 50%;
margin-top: -7px;
border: 0px;
width: 14px;
height: 14px;
text-indent: -100%;
font-size: 0;
}
#gloNav {
overflow: hidden;
margin-left: 0;
margin-right: 0;
}
.navbar-nav {
margin: 4% 0 0;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #ccc;
}
.navbar-nav > li {
border-bottom: 1px solid #ccc;
}
.navbar-nav > li > a {
line-height: 1;
padding: 1.5rem 0;
}
.header-right ul {
display: table;
margin: 4% auto;
padding-left: 0;
width: 40%;
}
.header-right ul li {
display: table-cell;
width: 50%;
text-align: center;
}
.header-right ul li a {
display: inline-block;
}
.header-right ul li a img {
width: 75%;
margin: 0 auto;
}
.mainVisualWrapper {
margin-bottom: 0;
}
h1 {
padding: 1.5em 0;
margin-top: 0;
margin-bottom: 0;
font-family: 'Noto Sans Japanese', sans-serif!important;
font-weight: normal;
font-size: 1.5em;
text-align: center;
color: #fff;
line-height: 1.2;
}
h1 img {
display: block;
margin: 0 auto;
}
#breadcrumb {
display: none;
}
select.form-control {
background: rgba(255,255,255,0);
border-radius: 0;
cursor: pointer;
padding: 1em;
height: inherit;
-webkit-appearance: none;-moz-appearance: none;appearance: none;
-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;
position: relative;
width: 100%;
}
select::-ms-expand {
display: none;
}
footer {
position: relative;
padding: 20px 0;
}
footer .inner {
width: 100%;
padding: 0;
display: block;
}
footer .linkArea {
display: block;
padding: 0 15px;
margin-bottom: 25px;
}
footer ul {
display: block;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
footer ul li {
border-bottom: 1px solid #ccc;
display: block;
margin-right: 0;
}
footer ul li:first-child {
border-right: none;
padding-right: 0;
margin-right: 0;
}
footer ul li a {
color: #333;
padding: 1.5rem 0;
display: block;
position: relative;
line-height: 1;
font-weight: normal;
}
footer ul li a span {
display: block;
background: url(../img/common/arrow_right.png) no-repeat right center;
background-size: contain;
line-height: 1;
}
footer .logoArea {
text-align: center;
}
footer .logoArea a {
display: inline-block;
margin: 0 auto;
width: 35vw;
max-width: 165px;
}
footer .copyright p {
font-size: xx-small;
line-height: 1.2;
display: block;
color: #333;
text-align: center;
padding: 1.5rem 0 0;
margin: 0;
}
footer .pagetop {
position: fixed;
display: block;
width: 100%;
right: 0;
bottom: 0;
text-align: right;
}
footer .pagetop img {
width: 30px;
text-align: right;
}
/* スライダー */
#carouselArea {
margin-bottom: 20px;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.carouselWrap {
text-align: center;
}
.carouselWrap #carousel-main .carousel-inner {
border-radius: 15px;
box-shadow: 0px 0px 16.2px 1.8px rgba(16, 27, 49, 0.1);
max-width: 1300px;
margin: 0 auto 20px;
}
.carousel.slide .item {
text-align: center;
}
.carousel.slide .item img {
margin: 0 auto;
}
.carousel-control {
width: 5%;
background-image: none;
}
.carousel-control.prev, .carousel-control.next {
background: #2c7dce;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgba(44, 125, 206, 0.89);
box-shadow: 0px 12px 24px 0px rgba(44, 125, 206, 0.35);
position: absolute;
opacity: 1;
}
.carousel-control.prev {
position: absolute;
top: 30%;
left: -10px;
}
.carousel-control.prev span {
width: 0;
height: 0;
border-style: solid;
border-width: 7px 7px 7px 0;
border-color: transparent #ffffff transparent transparent;
display: inline-block;
margin-left: -2px;
margin-top: 12px;
}
.carousel-control.next {
position: absolute;
top: 30%;
right: -10px;
}
.carousel-control.next span {
width: 0;
height: 0;
border-style: solid;
border-width: 7px 0 7px 7px;
border-color: transparent transparent transparent #ffffff;
display: inline-block;
margin-right: -2px;
margin-top: 12px;
}
.carousel-control.prev:hover, .carousel-control.next:hover {
opacity: .7;
}
.carousel-indicators {
position: inherit;
left: inherit;
bottom: inherit;
margin: 0 auto;
width: 100%;
}
.carousel-indicators li {
background: #ccc;
border: none;
margin-left:8px;
margin-right:8px;
}
.carousel-indicators li.active {
background: #ee1638;
border: none;
width: 10px;
height: 10px;
margin: 1px 8px;
}
.carousel-inner .item a {
display: block;
}
.carousel-inner .item a:hover {
text-decoration: none;
}
.carousel-inner .item .itemInner ul {
padding-left: 0;
list-style-type: none;
margin: 0 0 1rem 0;
}
.carousel-inner .item a .txtArea {
padding: 0 15px 15px;
}
.carousel-inner .item a .txtArea .catArea {
margin-bottom: .5em;
}
.carousel-inner .item a .imgArea {
margin-bottom: 15px;
border-radius: 15px 15px 0 0;
overflow: hidden;
max-height: 52vw;
}
.carousel-inner .item a .imgArea .img {
height: 0;
padding-top: 52vw;
background-color: #ddd;
background-position: 50% top;
background-repeat: no-repeat;
background-size: cover;
}
.carousel-inner .item a .ttlArea h2 {
font-size: 150%;
text-align: left;
font-weight: normal;
margin: 0 0 1rem 0;
}
.carousel-inner .item a .dateArea p {
display: block;
text-align: left;
}
.carousel-control {
z-index: 2;
}
/* category and tag */
.catArea ul {
text-align: left;
}
.catArea ul li {
display: inline-block;
margin-right: .5rem;
}
.catArea ul li:last-child {
display: inline-block;
margin-right: 0;
}
.catArea ul li a, .catArea ul li span {
display: block;
color: #fff;
padding: 1rem 2rem;
line-height: 1;
border-radius: 3rem;
}
.catArea ul li.new a, .catArea ul li.new span {
background-image: -moz-linear-gradient( 0deg, rgb(255,27,62) 0%, rgb(255,83,109) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(255,27,62) 0%, rgb(255,83,109) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(255,27,62) 0%, rgb(255,83,109) 100%);
}
.catArea ul li.cat01 a, .catArea ul li.cat01 span {
background-image: -moz-linear-gradient( 0deg, rgb(254,96,111) 0%, rgb(253,176,124) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(254,96,111) 0%, rgb(253,176,124) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(254,96,111) 0%, rgb(253,176,124) 100%);
}
.catArea ul li.cat02 a, .catArea ul li.cat02 span {
background-image: -moz-linear-gradient( 0deg, rgb(37,185,255) 0%, rgb(92,234,255) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(37,185,255) 0%, rgb(92,234,255) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(37,185,255) 0%, rgb(92,234,255) 100%);
}
.catArea ul li.cat03 a, .catArea ul li.cat03 span {
background-image: -moz-linear-gradient( 0deg, rgb(159,149,246) 0%, rgb(248,167,208) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(159,149,246) 0%, rgb(248,167,208) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(159,149,246) 0%, rgb(248,167,208) 100%);
}
.catArea ul li.cat04 a, .catArea ul li.cat04 span {
background-image: -moz-linear-gradient( 0deg, rgb(59,194,65) 0%, rgb(168,207,82) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(59,194,65) 0%, rgb(168,207,82) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(59,194,65) 0%, rgb(168,207,82) 100%);
}
.catArea ul li.cat05 a, .catArea ul li.cat05 span {
background-image: -moz-linear-gradient( 0deg, rgb(253,174,124) 0%, rgb(255,234,0) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(253,174,124) 0%, rgb(255,234,0) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(253,174,124) 0%, rgb(255,234,0) 100%);
}
.catArea ul li.cat06 a, .catArea ul li.cat06 span {
background-image: -moz-linear-gradient( 0deg, rgb(60,158,255) 0%, rgb(174,163,255) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(60,158,255) 0%, rgb(174,163,255) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(60,158,255) 0%, rgb(174,163,255) 100%);
}
.tagArea ul {
text-align: left;
}
.tagArea ul li {
display: inline-block;
margin-right: .5rem;
margin-bottom: .75rem;
}
.tagArea ul li:last-child {
display: inline-block;
margin-right: 0;
}
.tagArea ul li a, .tagArea ul li span {
border-radius: 3rem;
background: #eaedef;
color: #657d95;
display: inline-block;
padding: .75rem 1.5rem;
line-height: 1;
}
/* 基本レイアウト */
#contentArea .mainArea {
background: #e7e7e7;
padding-bottom: 20px;
}
.ttlArea.headTtl {
text-align: center;
margin-bottom: 17px;
}
.ttlArea.headTtl h2 .montserrat {
font-size: 140%;
margin-right: 1rem;
display: inline-block;
vertical-align: middle;
line-height: 1;
display: block;
}
.ttlArea.headTtl h2 .ja {
font-size: 75%;
font-weight: bold;
margin-right: 1rem;
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.articleList {
margin-bottom: 10px;
padding-top: 20px;
padding-left: 5px;
padding-right:5px;
}
.articleList:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}
.articleList {
min-height: 1px;
}
* html .articleList {
height: 1px;
}
.articleList .item:nth-child(odd) {
padding-right: 5px;
padding-left: 5px;
}
.articleList .item:nth-child(even) {
padding-left: 5px;
padding-right: 5px;
}
.articleList .item .imgArea {
height: 27vw !important;
overflow: hidden;
}
.articleList .item .imgArea .img {
height: 0;
padding-top: 27vw;
background-color: #ddd;
background-position: 50% top;
background-repeat: no-repeat;
background-size: cover;
}
.articleList .item .itemInner {
background: #fff;
border-radius: 15px;
box-shadow: 0px 0px 16.2px 1.8px rgba(16, 27, 49, 0.1);
display: block;
overflow: hidden;
margin: 0 auto 10px;
}
.articleList .item .itemInner:hover {
text-decoration: none;
}
.articleList .item .itemInner .imgArea {
border-radius: 15px 15px 0 0;
}
.articleList .item .itemInner .txtArea {
padding: 15px 10px;
text-align: left;
}
.articleList .item .itemInner .txtArea .ttlArea h2 {
display: block;
font-size: 88%;
font-weight: bold;
line-height: 1.6;
margin-bottom: 1rem;
height: 4.5em;
overflow: hidden;
}
.articleList .tagArea ul li, .articleList .catArea ul li {
margin-right: .25rem;
margin-bottom: .75rem;
}
.articleList .tagArea ul li a, .articleList .tagArea ul li span {
font-size: 75%;
}
.articleList .catArea ul li a, .articleList .catArea ul li span, .articleList .dateArea p {
font-size: 75%;
}
.articleList .catArea ul li a, .articleList .catArea ul li span {
padding: .5rem 1rem;
}
.articleList .dateArea p {
display: block;
text-align: right;
}
.asideArea {
background: #f7f7f7;
padding: 20px 10px;
}
.asideArea .twEmbed, .asideArea .fbEmbed {
display: none;
}
.linkBnrsArea {
display: none;
}
/* 広告 */
#gmo_rw_10375,
#gmo_rw_10372{
margin-left: auto;
margin-right: auto;
}
/* ボタン */
.btnArea {
text-align: center;
margin-bottom: 20px;
}
.btnArea a {
display: inline-block;
margin: 0 auto;
padding: 1.5rem 5rem;
border-radius: 3rem;
font-weight: bold;
}
.btnArea.btnMore a {
background-image: -moz-linear-gradient( 0deg, rgb(62,202,255) 0%, rgb(68,230,255) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(62,202,255) 0%, rgb(68,230,255) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(62,202,255) 0%, rgb(68,230,255) 100%);
box-shadow: 0px 0px 9.5px 0.5px rgba(16, 27, 49, 0.2);
line-height: 1;
}
.btnArea.btnMoreArticle{
margin-bottom: 0;
}
.btnArea.btnMoreArticle a {
box-shadow: 0px 0px 9.5px 0.5px rgba(16, 27, 49, 0.2);
}
.btnArea.btnMoreArticle a ,
body.cat01 .btnArea.btnMoreArticle a {
background-image: -moz-linear-gradient( 0deg, rgb(254,98,111) 0%, rgb(253,174,124) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(254,98,111) 0%, rgb(253,174,124) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(254,98,111) 0%, rgb(253,174,124) 100%);
}
body.cat02 .btnArea.btnMoreArticle a {
background-image: -moz-linear-gradient( 0deg, rgb(37,185,255) 0%, rgb(92,234,255) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(37,185,255) 0%, rgb(92,234,255) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(37,185,255) 0%, rgb(92,234,255) 100%);
}
body.cat03 .btnArea.btnMoreArticle a {
background-image: -moz-linear-gradient( 0deg, rgb(159,149,246) 0%, rgb(248,167,208) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(159,149,246) 0%, rgb(248,167,208) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(159,149,246) 0%, rgb(248,167,208) 100%);
}
body.cat04 .btnArea.btnMoreArticle a {
background-image: -moz-linear-gradient( 0deg, rgb(59,194,65) 0%, rgb(168,207,82) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(59,194,65) 0%, rgb(168,207,82) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(59,194,65) 0%, rgb(168,207,82) 100%);
}
.btnArea.btnMore a span {
display: block;
background: url(../img/common/arrow_right_white.png) no-repeat right center;
background-size: contain;
padding-right: 25px;
font-size: 107%;
line-height: 1;
color: #fff;
}
.btnArea.btnMoreArticle a span {
display: block;
background: url(../img/common/arrow_right_white.png) no-repeat right center;
background-size: contain;
padding-right: 15px;
font-size: 107%;
line-height: 1;
color: #fff;
}
/* サイド広告 */
.asideArea .adArea {
margin-bottom: 20px;
}
/* サイドレコメンドタブ */
.asideArea .recommend .ttlArea.headTtl{
margin-bottom: 0;
}
.asideArea .recommend {
display: block;
border-radius: 15px;
background: #fff;
overflow: visible;
box-shadow: 0px 0px 16.2px 1.8px rgba(16, 27, 49, 0.1);
margin: 0 auto 40px;
padding: 20px 15px;
}
.asideArea .recommend ul.tabs {
padding-left: 0;
display: table;
width: 100%;
margin-bottom: 15px;
}
.asideArea .recommend ul.tabs li {
list-style: none;
display: table-cell;
width: 50%;
}
.asideArea .recommend ul.tabs li {
text-align: center;
background: #ccc;
}
.asideArea .recommend ul.tabs li a {
padding: 1rem;
display: block;
color: #666;
text-decoration: none;
font-weight: bold;
font-size: 113%;
}
.asideArea .recommend ul.tabs li:nth-child(1) {
border-radius: 3rem 0 0 3rem;
border-right: 1px solid #fff;
}
.asideArea .recommend ul.tabs li:nth-child(2) {
border-radius: 0 3rem 3rem 0;
border-left: 1px solid #fff;
}
.asideArea .recommend ul.tabs li.active {
background-image: -moz-linear-gradient( 0deg, rgb(16,59,140) 0%, rgb(0,218,218) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(16,59,140) 0%, rgb(0,218,218) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(16,59,140) 0%, rgb(0,218,218) 100%);
}
.asideArea .recommend ul.tabs li.active a {
color: #fff;
}
.asideArea .recommend ul.panels > li.panel {
display: none;
}
.asideArea .recommend ul.panels > li.panel.active {
display: block;
}
.asideArea .recommend .section a:hover {
opacity: 0.8;
}
.asideArea .recommend .item a {
display: table;
width: 100%;
padding: 1.5rem 0;
border-bottom: 1px solid #ccc;
}
.asideArea .recommend .item:nth-of-type(10) a {
border-bottom: 0;
}
.asideArea .recommend .item a .imgArea {
display: table-cell;
width: 22%;
vertical-align: middle;
position: relative;
}
.asideArea .recommend .item a .imgArea .img {
height: 0;
width: 15vw;
padding-top: 15vw;
border-radius: 50%;
background-color: #ddd;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.asideArea .recommend .item a .imgArea .rankIco {
height: 2em;
width: 2em;
border-radius: 50%;
background-image: -moz-linear-gradient( 90deg, rgb(254,98,111) 0%, rgb(255,130,108) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(254,98,111) 0%, rgb(255,130,108) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(254,98,111) 0%, rgb(255,130,108) 100%);
position: absolute;
left: -7px;
top: -7px;
color: #fff;
font-size: 88%;
font-weight: bold;
line-height: 2;
}
.asideArea .recommend .item a .txtArea {
display: table-cell;
vertical-align: middle;
}
.asideArea .recommend .item a .txtArea h2 {
font-size: 88%;
font-weight: bold;
line-height: 1.6;
}
.asideArea .recommend .btnArea {
margin-bottom: -4rem;
}
.asideArea .recommend .btnArea a {
padding: 1.5rem 2rem;
}

/* サイドSNSエリア */
.asideArea .snsListArea ul {
display: table;
width: 30%;
margin: 0 auto 4% auto;
padding-left: 0;
}
.asideArea .snsListArea ul li {
display: table-cell;
width: 33.3%;
text-align: center;
}
.asideArea .snsListArea ul li a {
display: inline-block;
}
.asideArea .snsListArea ul li a img {
width: 75%;
margin: 0 auto;
}

/* 記事詳細 */
.articleArea .ttlArea.articleTtl{
background: #fff;
padding: 10px;
}
.articleArea .ttlArea.articleTtl h2{
font-size: 135%;
margin-bottom: 1rem;
font-weight: bold;
}
.articleArea .ttlArea.articleTtl .catArea{
display: inline-block;
margin-right: .25rem;
}
.articleArea .ttlArea.articleTtl .tagArea{
display: inline-block;
}
.articleArea .ttlArea.articleTtl .catArea ul li{
margin-bottom: .75rem;
}
.articleArea .ttlArea.articleTtl .tagArea ul li a,
.articleArea .ttlArea.articleTtl .tagArea ul li span,
.articleArea .ttlArea.articleTtl .catArea ul li a,
.articleArea .ttlArea.articleTtl .catArea ul li span{
font-size: 75%;
padding: .5rem 1rem;
}
.articleArea .ttlArea.articleTtl .dateArea{
text-align: right;
}
.articleArea .ttlArea.articleTtl .dateArea p{
display: inline-block;
padding-left: .5rem;
}

.articleArea .bodyArea{
margin-left: auto;
margin-right: auto;
}
.articleArea .bodyArea .bodyInner {
padding: 10px;
max-width: 640px;
margin: 0 auto;
}
.articleArea .bodyArea .bodyInner .txtArea p{
padding: 10px 0 15px;
}

.articleShareArea.above {
padding: 10px 10px 0;
max-width: 910px;
margin: 0 auto;
}
.articleShareArea.below {
padding: 30px 10px 15px;
max-width: 910px;
margin: 0 auto;
}
.articleShareArea {
padding: 10px;
}
.articleShareArea ul{
border-radius: 3rem;
display: table;
width: 100%;
box-shadow: 0px 0px 9.5px 0.5px rgba(16, 27, 49, 0.2);
}
.articleShareArea ul li{
display: table-cell;
width: 25%;
vertical-align:middle;
}
.articleShareArea ul li a{
border-right: 1px solid #fff;
color: #fff;
display: block;
text-align: center;
padding: 1.5rem 0;
}
.articleShareArea ul li:last-child a{
border-right: rgba(255,255,255,0);
}
.articleShareArea ul li a .ico{
margin-right: 5px;
vertical-align: bottom;
}
.articleShareArea ul li:nth-child(1) a .ico img{
width: 5px;
}
.articleShareArea ul li:nth-child(2) a .ico img{
width: 9px;
}
.articleShareArea ul li:nth-child(3) a .ico img{
width: 9px;
}
.articleShareArea ul li:nth-child(4) a .ico img{
width: 9px;
}
.articleShareArea ul li:nth-child(1){
background-image: -moz-linear-gradient( -180deg, rgb(0,133,203) 0%, rgb(1,26,48) 100%);
background-image: -webkit-linear-gradient( -180deg, rgb(0,133,203) 0%, rgb(1,26,48) 100%);
background-image: -ms-linear-gradient( -180deg, rgb(0,133,203) 0%, rgb(1,26,48) 100%);
border-radius: 3rem 0 0 3rem;
}
.articleShareArea ul li:nth-child(2){
background-image: -moz-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(111,111,111) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(0 0 0) 0%, rgb(111 111 111) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(0,0,0) 0%, rgb(111,111,111) 100%);
}
.articleShareArea ul li:nth-child(3){
background-image: -moz-linear-gradient( 0deg, rgb(76,135,0) 0%, rgb(96,170,0) 34%, rgb(116,205,0) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(76,135,0) 0%, rgb(96,170,0) 34%, rgb(116,205,0) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(76,135,0) 0%, rgb(96,170,0) 34%, rgb(116,205,0) 100%);
}
.articleShareArea ul li:nth-child(4){
background-image: -moz-linear-gradient( 0deg, rgb(49,79,254) 0%, rgb(112,134,255) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(49,79,254) 0%, rgb(112,134,255) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(49,79,254) 0%, rgb(112,134,255) 100%);
border-radius: 0 3rem 3rem 0;
}
.articleArea .mainVisual{
margin-bottom: 10px;
}
.articleArea .leadArea{
margin-bottom: 25px;
}
.articleArea .imgArea,
.articleArea .txtArea,
.articleArea .videoArea,
.articleArea .linkArea{
margin-bottom: 20px;
}
.articleArea .leadArea p,
.articleArea .txtArea,
.articleArea .linkArea p{
font-size: 113%;
}
.articleArea .txtArea p a,
.articleArea .txtArea a{
text-decoration: underline;
}
.articleArea .imgArea img{
width: auto;
max-width: 100%;
}
.articleArea .videoArea iframe{
width: 100%;
height: 50vw;
}
.articleArea .linkArea a{
display: block;
text-decoration: underline;
}

.articleArea .fbBox{
border-radius: 15px;
box-shadow: 0px 0px 9.5px 0.5px rgba(16, 27, 49, 0.2);
margin-bottom: 15px;
}
.articleArea .fbBox .fbBoxInner{
display: table;
width: 100%;
}
.articleArea .fbBox .fbBoxInner .imgArea{
display: table-cell;
width: 53%;
vertical-align: middle;
border-radius: 15px 0 0 15px;
}
.articleArea .fbBox .fbBoxInner .imgArea .img{
height: 0;
width: 100%;
padding-top: 28vw;
background-color: #ddd;
background-position: 50% top;
background-repeat: no-repeat;
background-size: cover;
border-radius: 15px 0 0 15px;
}
.articleArea .fbBox .fbBoxInner .txtArea{
display: table-cell;
vertical-align: middle;
text-align: center;
background: #fff;
border-radius: 0 15px 15px 0;
}
.articleArea .fbBox .fbBoxInner .txtArea p{
/*margin-bottom: .5rem;*/
font-size: 80%;
line-height: 1.3;
padding: 4px 0;
}

/* メインランキングタブ */
.mainArea .mainRanking ul.tabs {
display: table;
margin-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
width: 100%;
}
.mainArea .mainRanking ul.tabs li {
list-style: none;
display: table-cell;
width: 50%;
}
.mainArea .mainRanking ul.tabs li {
background: #ccc;
text-align: center;
}
.mainArea .mainRanking ul.tabs li a {
padding: 1rem;
display: block;
color: #666;
text-decoration: none;
font-weight: bold;
font-size: 113%;
}
.mainArea .mainRanking ul.tabs li:nth-child(1) {
border-radius: 3rem 0 0 3rem;
border-right: 1px solid #fff;
}
.mainArea .mainRanking ul.tabs li:nth-child(2) {
border-radius: 0 3rem 3rem 0;
border-left: 1px solid #fff;
}
.mainArea .mainRanking ul.tabs li.active {
background-image: -moz-linear-gradient( 0deg, rgb(16,59,140) 0%, rgb(0,218,218) 100%);
background-image: -webkit-linear-gradient( 0deg, rgb(16,59,140) 0%, rgb(0,218,218) 100%);
background-image: -ms-linear-gradient( 0deg, rgb(16,59,140) 0%, rgb(0,218,218) 100%);
}
.mainArea .mainRanking ul.tabs li.active a {
color: #fff;
}
.mainArea .mainRanking ul.panels > li.panel {
display: none;
}
.mainArea .mainRanking ul.panels > li.panel.active {
display: block;
}
.mainArea .mainRanking .section a:hover {
opacity: 0.8;
}
.mainArea .mainRanking .item .itemInner {
display: table;
width: 100%;
border-radius: 0 15px 15px;
height: auto !important;
}
.mainArea .mainRanking .item:nth-of-type(5) a {
border-bottom: 0;
}
.mainArea .mainRanking .item .itemInner .txtArea {
padding: 0 15px 15px;
}
.mainArea .mainRanking .item .itemInner .imgArea {
margin-bottom: 15px;
border-radius: 0 15px 0 0;
overflow: hidden;
max-height: 45vw;
height: auto !important;
position: relative;
}
.mainArea .mainRanking .item .itemInner .imgArea .img {
height: 0;
padding-top: 45vw;
background-color: #ddd;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.mainArea .mainRanking .item .itemInner .txtArea h2 {
font-size: 100%;
line-height: 1.6;
}
.mainArea .mainRanking .item .itemInner .imgArea .rankIco {
height: 2em;
width: 2em;
background-image: -moz-linear-gradient( 90deg, rgb(254,98,111) 0%, rgb(255,130,108) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(254,98,111) 0%, rgb(255,130,108) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(254,98,111) 0%, rgb(255,130,108) 100%);
position: absolute;
left: 0;
top: 0;
color: #fff;
font-size: 145%;
font-weight: bold;
line-height: 2;
}

/* ページャー */
.pager{margin:20px 0;list-style:none;text-align:center;*zoom:1;}.pager:before,.pager:after{display:table;content:"";line-height:0;}
.pager:after{clear:both;}
.pager li{display:inline;}
.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#ccc;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
.pager li.current>a,.pager li>span{background-color:#fff}
.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#f5f5f5;}
.pager .next>a,.pager .next>span{float:right;}
.pager .previous>a,.pager .previous>span{float:left;}
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999999;background-color:#fff;cursor:default;}

/* カテゴリ一覧 */
.catList .ttlArea.headTtl h2 .ja{
font-size: 125%;
margin-right: 0;
}

/* エラー */
.error .mainArea{
margin-bottom: 10px;
padding-top: 20px;
padding-left: 5px;
padding-right:5px;
text-align: center;
}
.error .mainArea .txtArea{
margin-bottom: 20px;
}
.error .mainArea .catList{
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
}
.error .mainArea .catList ul{
border-top: 1px solid #ccc;
}
.error .mainArea .catList p {
text-align: left;
display: block;
margin-bottom: 10px;
font-weight: bold;
font-size: 113%;
}
.error .mainArea .catList ul li{
text-align: left;
}
.error .nav > li > a:hover,
.error .nav > li > a:focus {
background-color: rgba(255,255,255,0);
}
.error .mainArea .catList ul li a span .fa {
display: inline-block;
padding-right: 1rem;
font-weight: normal;
}

/* nordot SP *************************************************/
.nordotArticle{
margin: 50px auto 20px;
width: 95%;
}
.nordotArticle .ct{
background-color: #fff;
border-radius: 15px;
display: block;
font-size: 1.2em;
font-weight: bold;
padding: 4px 0;
text-align: center;
margin: 0 auto 12px;
width: 60%;
}
.nordot_box{
background: #fff;
margin: 0 0 12px 0;
}
.nordot_box a{
display: block;
overflow: hidden;
}
.nordot{}
.nordot_a{}
.nordot-modal{display: block;}
/*
.norImg{
float: left;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
overflow: hidden;
position: relative;
height: 150px;
width: 150px;
}
.norImg img{
max-width: none !important;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}*/

.norImg {
overflow: hidden;
position: absolute;
top: 0; 
left: 0;
width: 100%;
height: 100%;
}
.norImg img{
max-width: initial;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 100%;
}
.norInfo{
float: left;
padding: 10px;
width: 75%;
}
.norTxt{
display: block;
font-size: 1.1em;
font-weight: bold;
line-height: 1.5em;
padding: 0 0 5px;
word-wrap:break-word;
overflow-wrap:break-word;
}
.norSite{
font-size: 1.0em;
padding: 0 15px 0 0;
}
.norTime {
font-size: 0.9em;
padding: 0 15px 0 0;
}
.adjust-box {
background: #eee;
float: left;
position: relative;
height: auto;
width: 25%;
}
.box-1x1:before {
content: "";
display: block;
padding-top: 100%;
}
/* nordot共通 *************************************************/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	/* 20200402_covid-19 SP */
	#plus_covid-19 {margin: 0 0 10px auto;text-align: center;width: 100%;}
	#plus_covid-19 img{width: 100%;}
	#plus_covid-19_tokyo {margin: 0 0 10px auto;text-align: center;width: 100%;}
	#plus_covid-19_tokyo img{width: 100%;}
	body {
	font-size: 16px;
	}
	.onlySp{
	display: none;
	}
	.onlyPc{
	display: block;
	}
	/* ヘッダー */
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-left: 0;
	}
	.navbar-inverse {
	background: #101b31;
	font-size: 85%;
	}
	.navbar-inverse .container-fluid {
	padding-left: 0;
	padding-right: 0;
	}
	.navbar-header {
	background: #fff;
	border-bottom: 1px solid #ddd;
	padding-left: 15px;
	padding-right: 15px;
	}
	#gloNav .navbar-nav {
	float: none;
	display: table;
	margin-bottom: 2rem;
	margin-top: 2rem;
	width: 100%;
	}
	#gloNav .navbar-nav li {
	border-bottom: none;
	display: table-cell;
	float: none;
	font-size: 107%;
	text-align: center;
	vertical-align: middle;
	}
	#gloNav .navbar-nav li a {
	color: #fff;
	opacity: 1;
	transition: opacity 0.3s ease-out;
	}
	#gloNav .navbar-nav li a span {
	background: none;
	display: inline-block;
	font-size: 80%;
	line-height:1.5;
	}
	#gloNav .navbar-nav li a span .fa{
	display: inline-block;
	padding-right: 1rem;
	font-weight: normal;
	}
	#gloNav .navbar-nav li.cat01 a:hover,
	.cat01 #gloNav .navbar-nav li.cat01 a,
	.error .mainArea .catList ul li.cat01 a:hover {
	color: #fe606f;
	}
	#gloNav .navbar-nav li.cat02 a:hover,
	.cat02 #gloNav .navbar-nav li.cat02 a,
	.error .mainArea .catList ul li.cat02 a:hover {
	color: #25b9ff;
	}
	#gloNav .navbar-nav li.cat03 a:hover,
	.cat03 #gloNav .navbar-nav li.cat03 a,
	.error .mainArea .catList ul li.cat03 a:hover {
	color: #9f95f6;
	}
	#gloNav .navbar-nav li.cat04 a:hover,
	.cat04 #gloNav .navbar-nav li.cat04 a,
	.error .mainArea .catList ul li.cat04 a:hover {
	color: #3bc241;
	}
	#gloNav .navbar-nav li.cat05 a:hover,
	.cat05 #gloNav .navbar-nav li.cat05 a,
	.error .mainArea .catList ul li.cat05 a:hover {
	color: #fdae7c;
	}
	#gloNav .navbar-nav li.cat06 a:hover,
	.cat06 #gloNav .navbar-nav li.cat06 a,
	.error .mainArea .catList ul li.cat06 a:hover {
	color: #3c9eff;
	}

	#gloNav .navbar-nav > li > a {
	padding: 0 .5em;
	}
	.header-right {
	display: table;
	float: right;
	}
	.header-right .input-group {
	display: table-cell;
	vertical-align: middle;
	width: 65%;
	}
	.header-right .sub-nav {
	display: table-cell;
	vertical-align: middle;
	width: 23%;
	}
	.header-right ul {
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
	width: 100%;
	}
	.header-right ul li {
	border-bottom: none;
	font-size: 82%;
	line-height: 1;
	padding: 0 0 0 1rem;
	vertical-align: middle;
	}
	.header-right ul li a img {
	width: 38px;
	}
	.header-right .sub-nav ul li a i {
	display: inline-block;
	}
	.input-group {
	padding-top: 0;
	}
	/* フッター */
	footer .pagetop img {
	width: 40px;
	}
	/* スライダー */
	.carousel-control.next,  .carousel-control.prev {
	top: 40%;
	}
	#carousel-main{
	padding: 0 40px;
	}
	/* 記事 */
	.articleList .item .itemInner .txtArea .ttlArea h2 {
	height: 6.5rem;
	}
	.asideArea .recommend .item .itemInner .imgArea .rankIco {
	font-size: 113%;
	}
	/* 記事詳細 */
	.articleShareArea ul li a .ico{
	vertical-align: text-bottom;
	}
	.articleShareArea ul li:nth-child(1) a .ico img,
	.articleShareArea ul li:nth-child(2) a .ico img,
	.articleShareArea ul li:nth-child(3) a .ico img,
	.articleShareArea ul li:nth-child(4) a .ico img{
	width: auto;
	}
	.articleArea .leadArea p, .articleArea .txtArea, .articleArea .linkArea p {
	font-size: 100%;
	}
	.articleArea .fbBox .fbBoxInner .txtArea{
	font-size: 100%;
	}

	/* メインランキングタブ */
	.mainArea .mainRanking .item .itemInner .imgArea{
	display: table-cell;
	width: 35%;
	max-height: 25vw;
	vertical-align: middle;
	border-radius: 0;
	}
	.mainArea .mainRanking .item .itemInner .imgArea .img{
	padding-top: 25vw;
	}
	.mainArea .mainRanking .item .itemInner .txtArea{
	display: table-cell;
	vertical-align: middle;
	}
	.mainArea .mainRanking .item .itemInner .txtArea .ttlArea h2 {
	font-size: 125%;
	}

	/* エラー */
	.error .mainArea .catList p {
	text-align: center;
	}
	.error .mainArea .catList ul{
	display: table;
	float: none;
	border: none;
	margin-left: auto;
	margin-right: auto;
	}
	.error .mainArea .catList ul li{
	text-align: center;
	padding: 0 1em;
	border: 0;
	}
	.error .mainArea .catList ul li a{
	padding: 0;
	}
	footer{
/*	margin: 0 0 15%;*/
	}
}

@media (min-width: 992px) {
	/* 20200402_covid-19 PC */
	#plus_covid-19 {margin: 0 0 10px auto;text-align: center;width: 91%;}
	#plus_covid-19 img{width: 100%;}
	#plus_covid-19_tokyo {margin: 0 0 10px auto;text-align: center;width: 91%;}
	#plus_covid-19_tokyo img{width: 100%;}
	body {
	font-size: 14px;
	}
	p {
	line-height: 1.7em;
	}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .container {
	padding-left: 20px;
	padding-right: 20px;
	}
	.row {
	margin-left: -20px;
	margin-right: -20px;
	}
	.container-fluid {
	padding-left: 20px;
	padding-right: 20px;
	}
	.overAlpha {
	opacity: 1;
	transition: opacity 0.3s ease-out;
	}
	.overAlpha:hover {
	opacity: .7;
	}

	/* 基本レイアウト */
	#contentArea {
	background-image: -moz-linear-gradient( 0deg, rgb(231,231,231) 49%, rgb(247,247,247) 49%);
	background-image: -webkit-linear-gradient( 0deg, rgb(231,231,231) 49%, rgb(247,247,247) 49%);
	background-image: -ms-linear-gradient( 0deg, rgb(231,231,231) 49%, rgb(247,247,247) 49%);
	}
	#contentArea > div {
	max-width: 1300px;
	}
	#gloNav .navbar-nav {
	margin-left: auto;
	margin-right: auto;
	}
	#gloNav .navbar-nav li{
	font-size: 113%;
	}
	#gloNav .navbar-nav li a span {
	background: none;
	font-size: 113%;
	}
	.gsc-results-wrapper-overlay{
	width: 80% !important;
	left: 10% !important;
	}
	#breadcrumb {
	background: #e7e7e7;
	display: block;
	padding: 20px 0;
	}
	#breadcrumb ul {
	margin: 0 auto;
	max-width: 1300px;
	text-align: left;
	}
	#breadcrumb ul li {
	display: inline;
	}
	#breadcrumb ul li + li:before {
	content: '\f105';
	color: #333;
	font-family: FontAwesome;
	padding: 0 5px;
	}
	#breadcrumb ul a:hover {
	text-decoration: underline;
	}

	#contentArea {
	padding: 0;
	}
	#contentArea > div {
	display: table;
	width: 100%;
	margin-left: inherit;
	margin-right: inherit;
	}
	#contentArea .mainArea {
	display: table-cell;
	vertical-align: top;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 30px;
	float: none;
	width: 70%;
	}
	#contentArea .asideArea {
	display: table-cell;
	vertical-align: top;
	padding: 50px 20px;
	float: none;
	width: 30%;
	}
	.ttlArea.headTtl {
	margin-bottom: 30px;
	}
	.ttlArea.headTtl h2 .montserrat{
	font-size: 175%;
	}
	.mainArea .ttlArea.headTtl {
	margin-left: auto;
	margin-right: auto;
	max-width: 915px;
	}
	.articleList{
	padding-top: 35px;
	padding-bottom: 20px;
	padding-right: 0;
	}
	.articleList .item .imgArea {
	height: 125px !important;
	}
	.articleList .item .imgArea .img {
	padding-top: 125px;
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transition: transform 0.3s linear;
	}
	.articleList .item .imgArea:hover .img {
	-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);
	}
	.articleArea .bodyArea,
	.articleList {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	max-width: 915px;
	}
	.articleList .item,
	.articleList .item:nth-child(odd),
	.articleList .item:nth-child(even) {
	padding-left: 0;
	padding-right: 15px;
	}
	.articleList .item .itemInner{
	margin-bottom: 15px;
	}
	.articleList .item .itemInner .txtArea {
	padding: 15px 30px;
	}
	.articleList .item .itemInner .txtArea .ttlArea h2 {
	height: 6rem;
	font-size: 94%;
	}
	.asideArea .ttlArea.headTtl {
	text-align: left;
	}
	.asideArea .snsListArea {
	display: none;
	}
	.mainArea > .btnArea {
	max-width: 915px;
	}
	.btnArea.btnMore a span {
	font-size: 97%;
	}
	footer {
	padding: 40px 0 30px;
	}
	footer ul {
	display: table;
	margin: 0 auto;
	}
	footer ul li {
	border-bottom: 0;
	display: table-cell;
	margin: 0 auto;
	}
	footer ul li a {
	border-right: 1px solid #333;
	padding: 0;
	}
	footer ul li:last-child a {
	padding: 0;
	border-right: none;
	}
	footer ul li a span {
	background: none;
	padding: 0 25px;
	}
	footer .copyright p br {
	display: none;
	}
	/* スライダー */
	.carouselWrap{
	padding-left: 0;
	padding-right: 0;
	}
	#carousel-main {
	padding: 0 50px;
	}
	.carousel-inner .item a {
	display: table;
	width: 100%;
	}
	.carousel-inner .item a .imgArea {
	display: table-cell;
	vertical-align: top;
	width: 70%;
	border-radius: 15px 0 0 15px;
	max-height: inherit;
	height: 365px;
	}
	.carousel-inner .item a .imgArea .img {
	padding-top: 365px;
	}
	.carousel-inner .item a .imgArea .img {
	background-color: #fff;
	background-position: 50% top;
	background-repeat: no-repeat;
	background-size: cover;
	}
	.carousel-inner .item a .txtArea {
	display: table-cell;
	vertical-align: middle;
	padding: 0 3rem;
	height: 365px;
	width: 30%;
	}
	.carousel-inner .item a .ttlArea h2 {
	font-size: 195%;
	}
	.carousel-control.next,  .carousel-control.prev {
	width: 40px;
	height: 40px;
	top: 180px;
	}
	.carousel-control.next {
	right: 0;
	}
	.carousel-control.prev {
	left: 0;
	}
	.carousel-control.next span,  .carousel-control.prev span {
	margin-top: 13px;
	}

	/* ランキング */
	.asideArea .recommend {
	max-width: 300px;
	}
	.asideArea .recommend .item a .imgArea .img {
	width: 80px;
	padding-top: 80px;
	}
	.asideArea .recommend ul li a {
	font-size: 100%;
	}
	.asideArea .recommend .item a .txtArea h2 {
	height: 6.5rem;
	display: block;
	overflow: hidden;
	padding-left: 1rem;
	}
	.asideArea .recommend .item a .imgArea .rankIco {
	font-size: 87%;
	height: 2.5em;
	width: 2.5em;
	line-height: 2.5em;
	}
	.asideArea .recommend .ttlArea.headTtl h2 .montserrat {
	font-size: 131%;
	}
	.asideArea .recommend .ttlArea.headTtl h2 .ja {
	font-size: 67%;
	}
	.asideArea .adArea {
	max-width: 300px;
	}
	/* Twitter埋め込み */
	/* facebook埋め込み */
	.asideArea .twEmbed,
	.asideArea .fbEmbed {
	background: #fff;
	border-radius: 15px;
	box-shadow: 0px 0px 16.2px 1.8px rgba(16, 27, 49, 0.1);
	display: block;
	margin: 0 auto 40px;
	overflow: visible;
	padding: 20px 15px;
	max-width: 300px;
	}
	.asideArea .twEmbed .ttlArea.headTtl {
	margin-bottom: 0;
	}
	.asideArea .twEmbed .ttlArea.headTtl h2 .montserrat,
	.asideArea .fbEmbed .ttlArea.headTtl h2 .montserrat {
	font-size: 131%;
	}
	.asideArea .twEmbed .ttlArea.headTtl h2 .ja,
	.asideArea .fbEmbed .ttlArea.headTtl h2 .ja {
	font-size: 67%;
	}

	/* フッターバナーエリア */
	.linkBnrsArea {
	display: block;
	background: #101b31;
	padding: 45px 20px;
	}
	.linkBnrsArea .linkBnrInner {
	background: #101b31;
	max-width: 1300px;
	margin: 0 auto;
	}
	.linkBnrsArea .linkBnrInner ul {
	display: table;
	width: 100%;
	}
	.linkBnrsArea .linkBnrInner ul li {
	display: table-cell;
	width: 25%;
	text-align: center;
	}
	.linkBnrsArea .linkBnrInner ul li a {
	display: inline-block;
	margin: 0 auto;
	padding: 0 .5em;
	}
	/* 記事詳細 */
	.articleArea .ttlArea.articleTtl{
	padding: 50px 0;
	margin-bottom: 50px;
	}
	.articleArea .ttlArea.articleTtl .ttlInner{
	max-width: 640px;
	margin: 0 auto;
	}
	.articleArea .ttlArea.articleTtl h2 {
	font-size: 225%;
	font-weight: bold;
	}
	.articleArea .ttlArea.articleTtl .tagArea ul li a, .articleArea .ttlArea.articleTtl .tagArea ul li span, .articleArea .ttlArea.articleTtl .catArea ul li a, .articleArea .ttlArea.articleTtl .catArea ul li span{
	font-size: 100%;
	padding: 1rem 2rem;
	}
	.articleShareArea.above {
	padding: 0 10px;
	margin-bottom: 50px;
	}
	.articleArea .mainVisual{
	margin-bottom: 30px;
	}
	.articleArea .leadArea{
	margin-bottom: 50px;
	}
	.articleShareArea ul li a{
	padding: 10px 0;
	}
	.articleArea .imgArea,
	.articleArea .txtArea,
	.articleArea .videoArea,
	.articleArea .linkArea{
	margin-bottom: 40px;
	}
	.articleArea .txtArea{
	font-size: 1.13em;
	/*line-height: 1.9rem;*/
	}
	.articleArea .videoArea iframe {
	width: 100%;
	height: 350px;
	}
	.articleArea .fbBox{
	margin-bottom: 45px;
	}
	.articleArea .fbBox .fbBoxInner .txtArea p{
	font-size: 118%;
	}
	.articleArea .fbBox .fbBoxInner .imgArea .img{
	padding-top: 185px;
	}
	/* メインランキングタブ */
	.mainArea .mainRanking ul.tabs{
	padding-right: 15px;
	margin-bottom: 30px;
	}
	.mainArea .mainRanking .item .itemInner .imgArea{
	max-height: 200px;
	}
	.mainArea .mainRanking .item .itemInner .imgArea .img{
	padding-top: 200px;
	}
	/* エラー */
	.errorInfo {
	margin-left: 0;
	max-width: 915px;
	}
}

/* large devices (desktops, 1025px and up) */
@media (min-width: 1025px) {
	/* 基本レイアウト */
	.articleList .item .imgArea {
	height: 160px !important;
	}
	.articleList .item .imgArea .img {
	padding-top: 160px;
	}
	.mainArea .ttlArea.headTtl {
	margin-left: 0;
	}
	.articleArea .ttlArea,
	.articleShareArea.above,
	.articleShareArea.below,
	.articleArea .bodyArea,
	.articleList {
	padding-left: 0;
	margin-left: 0;
	}
	#contentArea .asideArea {
	padding-right: 0;
	}
	#contentArea .mainArea {
	width: 950px;
	}
	#contentArea .asideArea {
	width: 350px;
	}
	.asideArea .adArea,  .asideArea .recommend,  .asideArea .twEmbed,  .asideArea .fbEmbed {
	margin-right: 0;
	}
	/*
	#contentArea .mainArea{
	padding-right: 35px;
	}
	#contentArea .asideArea{
	padding-left: 50px;
	}
	*/		
	/* スライダー */
	.carouselWrap {
	padding-left: 0;
	padding-right: 0;
	}
	.carousel-inner .item a .imgArea {
	height: 490px;
	}
	.carousel-inner .item a .imgArea .img {
	padding-top: 490px;
	}
	.carousel-inner .item a .txtArea {
	height: 490px;
	}
	.carousel-control.next, .carousel-control.prev {
	top: 220px;
	}
	/* フッターバナーエリア */
	.linkBnrsArea .linkBnrInner ul li a {
	padding: 0;
	}
	/* nordot　PC *************************************************/
	.nordotArticle{
	margin: 50px auto 20px 0;
	width: 95%;
	}
	.nordot{
	float: left;
	width: 49%;
	}
	.nordot_a{
	float: right;
	width: 49%;
	}
	.norTime{
	padding: 5px 15px 0 0;
	}
	/* nordot　PC *************************************************/
}
