@charset "utf-8";


.icon_RSS a:hover:before{
background: #e0812a;
}
.icon_facebook a:hover:before{
background: #3b5997;
}
.icon_twitter a:hover:before{
background: #41b7d8;
}
.icon_youtbe a:hover:before{
background: #cd201f;
}
.icon_instagram a:hover:before{
background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}

h1,h2,h3,h4,h5,h6{
line-height: 1.3;
}
blockquote {
padding: 1.5em;
margin: 1em 0;
font-size: 16px;
}
body{
background: #f2f1ed;
}
.header_padding {
padding-top: 0;
}

.get-header{
position: static;
background: #fefefe;
border: none;
border-bottom: 4px solid #c60010;
height: 144px;
}
.topics_area {
 width: 270px;
}
.topic_thumbnail {
display: block;
position: relative;
overflow:hidden;
width:300px;
height:216px;
}
.topic_thumbnail img{
width: auto;
height: auto;
max-width: 300px;
}
.h-wrapper{
position: relative;
margin: 0 auto;
width: 1260px;
height: 140px;
}
.site-logo__getnews {
position: absolute;
width: 180px;
padding: 0;
top: 23px;
left: 12px;
z-index: 20;
}
.h-title_catchphrase{
position: absolute;
bottom: 52px;
left: 10px;
font-size: 12px;
color: #535353;
}
#bigbanner {
position: absolute;
top: 2px;
width: 728px;
height: 90px;
left: 260px;
}
.b_writing {
margin: 0 12px 0 0;
display: -webkit-flex;
display: flex;
}
.b_writing span{
display: inline-block;
margin: 0 0 0 5px;
font-size: 12px;
padding: 6px;
}
.b_writing span:before{
margin: 0 5px 0 0;
}

.Related-site {
display: -webkit-flex;
display: flex;
flex-wrap:wrap;
}
.Related-site_list {
border-bottom: 1px solid #eee;
display: block;
width: calc(20% - 16px);
height: 133px;
margin: 8px;;
}
.Related-site_list img {
float:left;
margin:0px 4px 0px -4px;
}
.Related-site_list span {
vertical-align:middle;
line-height:1.3;
font-size:14px;
display:table-cell;
text-align:justify;
letter-spacing:-0.01em;
font-weight:600;
}
.Related-site_list a {
display: block;
padding: 8px 4px 8px 12px;
vertical-align:middle;
}
/*ヘッダーメニュー----------------------------------------------------------*/
.pc-navigation {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.nav_menu {
display: -webkit-flex;
display: flex;
margin-top: 8px;
}
.nav_menu:after{
content: "";
display: block;
clear: both;
}
.nav_menu li {
white-space: nowrap;
font-size: 13px;
line-height: 32px;
font-weight: bold;
min-width: 110px;
text-align: center;
}
.nav_menu li a {
position: relative;
color: #666;
display: block;
/* アニメーション指定*/
-moz-transition: 0.1s ;
-webkit-transition: 0.1s ;
transition: 0.1s ;
padding: 0 8px;
}
.nav_menu li a:before {
/*font: 14px/1 "getnews";
content: "\e615";
margin-right: 4px;
color: rgb(211, 211, 211);*/
}
.nav_menu .current a,
.nav_menu li a:active,
.nav_menu li a:hover{
color: #fefefe;
text-decoration: none;
background: #c60010;
}
.header_button-box{
position: absolute;
right:0;
top: 0;
z-index: 40;
}
.social_icon{
display: -webkit-flex;
display: flex;
margin: 12px 0 0;

}
.social_icon li{
margin: 0 0 0 8px;
}
.social_icon li a {
display: block;
}
.top_sns{
margin: 0 -20px 20px;
}
.float_sns_button{
margin: 0 -20px 20px;
}
.button_sns .mark-twitter {
width: 50%;
float: left;
}
.tweet-counter{
width: 50%;
font-size: 14px;
display: block;
background: #429EBA;
overflow: hidden;
}
.button_sns li:nth-of-type(7){display: none;} /*LINE*/

.button_sns [class*="mark-"]::before{
background-color: none;
box-shadow: none;
}

/*------------------------------------------------------------
#カラム設定
------------------------------------------------------------*/

#container {
width: 1260px;
max-width: 1260px;
margin: 0 auto;
background: none;
overflow: initial;
}
#mainContent {
display: -webkit-flex;
display: flex;
padding-top: 0;
margin-top:20px;
}
.mainColumn {
width: 620px;
margin: 0 20px
}
#rightColumn,
#leftColumn {
width: 300px;
}

/*------------------------------------------------------------
#PCビュア用設定
------------------------------------------------------------*/
.block-title{
display: none;
}
.cattag-top{
text-align: left;
}
.cattag-top span:nth-child(n+2){
float: right;
margin: 0 0px 0 8px;
}
.top-news__thumbnail {
max-width: 280px;
min-width: 280px;
height: auto;
}
.post {
box-shadow: 0 0 3px 0px rgba(0,0,0,.1);
line-height: 1.7;
padding:20px;
background: #fefefe;
font-size: 14px;
}
.post h1 {
font-size: 32px;
padding:0 20px 1em;
margin: 0px -20px 0;
color: #111;
text-shadow: 2px 2px 0 rgba(0,0,0,0.1);
}

.post img.alignleft,
.post img.alignright,
.post img.aligncenter{
width: calc(100% + 40px);
max-width: calc(100% + 40px);
height: auto;
float: none;
margin: 20px -20px 20px;
}
/*youtube関連制御周り制御*/
.post .movie-post {
width: calc(100% + 40px);
margin: 20px -20px 20px;
}
.si_profile {
margin: 40px 0;
}

/*PC用ウィジェットパーツ*/

.taglist li:not(:last-child) {
border-bottom: 1px dashed #DBDBDB;
width: 100%;
}
.taglist li a {
display: block;
padding: 8px;
}
.side-Topics ul li a{
padding: 4px;
}

/*PCカラム インフォメーション*/
.w-infomation{
background: #fefefe;
}
.infomation strong {
padding: 8px;
color: #0079DF;
display: block;
font-size: 14px;
font-weight: bold;
border-top: 1px dashed #DBDBDB;
}

.cat_Related{
color: #fefefe;
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
background-size: 15px 15px;
background-color: #333;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
color-stop(.25, #2f2f2f), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, #2f2f2f),
color-stop(.75, #2f2f2f), color-stop(.75, transparent),
to(transparent));
background-image: -webkit-linear-gradient(-45deg, #2f2f2f 25%, transparent 25%,
transparent 50%, #2f2f2f 50%, #2f2f2f 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #2f2f2f 25%, transparent 25%,
transparent 50%, #2f2f2f 50%, #2f2f2f 75%,
transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #2f2f2f 25%, transparent 25%,
transparent 50%, #2f2f2f 50%, #2f2f2f 75%,
transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #2f2f2f 25%, transparent 25%,
transparent 50%, #2f2f2f 50%, #2f2f2f 75%,
transparent 75%, transparent);
background-image: linear-gradient(-45deg, #2f2f2f 25%, transparent 25%,
transparent 50%, #2f2f2f 50%, #2f2f2f 75%,
transparent 75%, transparent);
}
.cat_Related ul li:before {
top: 8px;
left: 12px;
}

/*トピックス*/
.topics_area {
width: 265px;
}
/*寄稿記事*/
.kikou {
color: #fefefe;
font: 700 12px/1.3 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c60010), color-stop(0.01, #e20008));
background: -webkit-linear-gradient(top, #e20008 1%, #c60010 100%);
background: -moz-linear-gradient(top, #e20008 1%, #c60010 100%);
background: linear-gradient(to bottom, #e20008 1%, #c60010 100%);
border-bottom: none;
overflow: hidden;
position: relative;
padding: 8px 30px;
margin: 0;
}
.kikou:before {
font: 1.8rem/1 "getnews";
position: absolute;
top: -6px;
left: -3px;
content: "\e610";
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.kikou-post {
border-top: none;
background: #fefefe;
}
.kikou-post__list{
border-bottom: 1px solid #ccc;
}
.kikou-post__list a{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding: 8px;
display: block;
position: relative;
}
.kikou-post__link a{
font-size: 12px;
line-height: 1;
display: block;
padding: 8px;
text-align: right;
border: none;
background: #fefefe;
}
/*.フッター関連--------------------------------------------------------------*/
.fotter-loft-list__title{
border-left: solid 5px #c80014;
padding: 4px;
font-size: 14px;
line-height: 1.5;
font-weight: bold;
margin: 0 0 4px 0;
}
.f-partners__loft {
float: left;
padding: 12px 12px 12px 0;
}
.f-partners__loft ul{ display: block; overflow: hidden;}
.f-partners__loft:nth-of-type(1){ width: 63.9999%;}
.f-partners__loft:nth-of-type(2){ width: 35.9999%;}
.f-partners__loft:nth-of-type(3){ clear:both;}

.f-partners__loft ul li{float: left;}
.f-partners__loft:nth-of-type(1) li{ width: 32.9999%;}
.f-partners__loft:nth-of-type(2) li{ width: 49.9999%;}

.f-partners__loft ul li a {
line-height: 1.7;
display: block;
padding: 0 4px 4px 12px;
position: relative;
}
.f-partners__loft ul li a:before {  /*三角形*/
position: absolute;
display: inline-block;
content: "";
top: 6px;
left: 0;
width: 0;
height: 0;
border-left: 4px solid #777;
border-top: 3.5px solid transparent;
border-bottom: 3.5px solid transparent;
margin: 1px 8px 1px  1px;
}
.f-partners__loft ul li a:hover {
background-color:#f0f0f0;
text-decoration: underline;
}
.footer_bg {
margin: 0 -12px;
}
/*広告*/
#mtburn img{
min-width: 96px;
max-width: 96px;
width: 96px;
height: 96px;
margin-right: 12px;
}

.ad-content{
position: relative;
width: 100%;
padding: 31.7460% 0 0 0;
overflow: hidden;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
/* CSS Document */
#get-header {
  background: none;
  position: relative;
}
#get-header h1 a:hover{
  background: none !important;
}

.spacial-site {
  position: relative;
}
div[class*="side-banner-"] {
    position: absolute;
    top: 0;
}
.side-banner-left {
    right: -310px;
}
.side-banner-right {
    left: -310px;
}