@charset "utf-8";
/******************************************************************
Theme Name: waval_var4
Theme URI: http://waval.net/
Description: WAVALのデザインテーマです
Version: 4.0.0
Author: waval
Author URI: http://waval.net/

******************************************************************/

@font-face {
	font-family: bebas;
	src: url(assets/font/BebasNeue.otf);
}

/* ==========================================================================
reset.css
========================================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	color: #333;
	font-family:'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro','游ゴシック体', 'Yu Gothic','メイリオ', Meiryo, Osaka,'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

body {
	min-width: 320px;
	line-height:1.4;
	font-size:13px;
	background-color: #fff;
}
img{
	vertical-align: middle;
}
article,aside,details,figcaption,figure,small,
footer,header,hgroup,menu,nav,section,time {
	display:block;
}

nav ul,li {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

/* change colours to suit your needs */
ins {
	background-color:#fff;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

/* link
-----------------------------------*/
a {
	margin:0;
	padding:0;
	font-size:12px;
}
a,img[onclick]{
	cursor: pointer;
}
a:link{
	color:#333;
	text-decoration:none;
}
a:hover{
	color:#333;
	text-decoration:none;
}
a:visited{
	color:#333;
}
a,a:link,a:visited{
	outline:none;
}
a:link img{
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		 -o-transition: all 0.4s;
			transition: all 0.4s;
	opacity: 1;
}
a:link img:hover{
	opacity: 0.6;
}
.tac{
	text-align: center;
}
.tal{
	text-align: left;
}
.tar{
	text-align: right;
}
/* clearfix
-----------------------------------*/
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .clearfix { zoom:1; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */

/* margin
-----------------------------------*/
.mn{	margin: 0 !important;}
.mg10{	margin:10px !important;}
.mg20{	margin:20px !important;}
.mg30{	margin:30px !important;}
.mt5{	margin-top:5px !important;}
.mt10{	margin-top:10px !important;}
.mt20{	margin-top:20px !important;}
.mt30{	margin-top:30px !important;}
.mt40{	margin-top:40px !important;}
.mt50{	margin-top:50px !important;}
.mb2{	margin-bottom:2px !important;}
.mb5{	margin-bottom:5px !important;}
.mb10{	margin-bottom:10px !important;}
.mb15{	margin-bottom:15px !important;}
.mb20{	margin-bottom:20px !important;}
.mb30{	margin-bottom:30px !important;}
.mb40{	margin-bottom: 40px !important;}
.mb50{	margin-bottom:50px !important;}
.mb60{	margin-bottom:60px !important;}
.mb70{	margin-bottom:70px !important;}
.mb120{	margin-bottom:120px !important;}
.ml10{	margin-left:10px !important;}
.ml20{	margin-left:20px !important;}
.ml30{	margin-left:30px !important;}
.mr5{	margin-right:5px !important;}
.mr10{	margin-right:10px !important;}
.mr20{	margin-right:20px !important;}
.mr25{	margin-right:25px !important;}
.mr30{	margin-right:30px !important;}
.ml17{	margin-left: 17px !important;}
.ml18{	margin-left: 18px !important;}


/* ==========================================================================
common.css
========================================================================== */

/* common
-----------------------------------*/

.fll {
	float: left;
}
.flr {
	float: right;
}
.spimg {
	width: 100%;
}
.textcenter {
	text-align: center;
}
.noboder {
	border: none;
}
#fb-root {
	display: none;
}
.fb-like-box {
	margin-top: 40px;
	border-top: 1px solid #cfcfcf;
	padding-top: 35px;
}
.fb-like-box.fb_iframe_widget, .fb-like-box.fb_iframe_widget span, .fb-like-box.fb_iframe_widget span iframe[style] {
	width: 98% !important;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
}
.categorylist{
	display:none;
}

/*-----------------------------------
 header
-----------------------------------*/
header {
	width: 1301px;
	margin: 0 auto 21px;
}
header #description{
	font-size:11px;
	color:#999;
	text-align:right;
	marign-bottom:0 !important;
	font-weight:bold;
	position:relative;
	top:10px;
}
header .ad {
	width: 970px;
	margin-left: 152px;
}
header .menu {
	height: 58px;
	margin-top: 15px;
}
header #logo {
	width: 225px;
	float: left;
}
header #logo img{
	width: 100%;
}
header nav {
	float: right;
	margin-bottom:20px;
}
header li {
	float: left;
}
header nav li {
	position: relative;
	margin-top:10px;
	height:33px;
}
header nav li:hover ul {
	display: block;
}
header nav li ul {
	position: absolute;
	right: -90px;
	top: 33px;
	z-index: 99999;
	width: 250px;
	background: #000;
	display: none;
}
header nav li ul li {
	margin: 0;
	width: 230px;
	padding: 15px 10px 0 10px;
	border-top: 1px solid #fff;
}

header nav li ul li a{
	width:auto !important;
	text-align:left !important;
	heigth:auto !important;

}

header nav li ul li:first-child {
	border-top: none;
}
header nav li ul li a {
	font-size: 13px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: block;
	color: #fff!important;
	border-right:0px solid #ddd;
}

header nav li ul li:hover {
	background: #0371ca!important;
}
header nav li a {
	width:125px;
	text-align:center;
	display:block;
	font-size: 22px;
	border-right:1px solid #ddd;
	padding:3px 0;
}


header nav li a:hover{
	background:#000 !important;
	color:#fff!important;
}

header nav li ul li a:hover{
	background:none !important;
}

header nav li a:hover span{
	color:#fff !important;
}

header nav li a.active_tab{
	background:#000 !important;
	color:#fff !important;
}

header nav li a.active_tab span{
	color:#fff !important;
}





header nav li:nth-of-type(5) a:hover,header nav li:nth-of-type(7) a:hover{
line-height:15px;
}

header nav li:nth-of-type(5) a .jap,header nav li:nth-of-type(7) a .jap{
position:relative;
top:-2px;
font-size:14px !important;
line-height:13px;
}

header nav li:nth-of-type(6) a .jap{
font-size:14px !important;
}

header nav li a .eng{
	font-family: bebas, sans-serif;
}

header nav li a .jap{
	display:none;
}

header nav li a:hover .eng{
	display:none;
}

header nav li a:hover .jap{
	display:inline;
	font-size:15px;
	font-weight:bold;
	letter-spacing:-1px;
}

header nav li a{
	font-family: bebas, sans-serif;
}

.menu-inner ul li#ico-ranking a{
	background:url(assets/img/sp/ico-ranking.gif) no-repeat 18% 45%;
	background-size:16px 16px;
}

header nav li:last-child a{
	margin-right:0 !important;
	padding-right:0 !important;
	border:0 !important;
}

header nav li a:hover {
	color: #0371ca;
}
header .active_nav {
	color: #0371ca!important;
}
header .sns {
	float: right;
	margin-top: 19px;
}
header .sns li {
	margin-left: 9px;
}
header .sns li.insta {
	width:30px;
}
header .sns li.insta img{
	width:100%;
}
.sidebar-search .searchform {
	position: relative;
}
.sidebar-search .input {
	width: 105px;
	height: 27px;
	border: 1px solid #ececec;
	padding: 0 10px 0 25px;
	/*-webkit-box-shadow: inset 0 1px 1px #eee;
	        box-shadow: inset 0 1px 1px #eee;*/
	box-shadow: rgba(209, 209, 209, 0.4) 0 8px 8px -8px inset;
	-webkit-box-shadow: rgba(209, 209, 209, 0.4) 0 8px 8px -8px inset;
	-moz-box-shadow: rgba(209, 209, 209, 0.4) 0 8px 8px -8px inset;
}
.sidebar-search .submit {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 14px;
	height: 17px;
	background: url(assets/img/common/btn_search.gif) center no-repeat;
	border: none;
	cursor: pointer;
}
/* slider
-----------------------------------*/
#slider {
	background: #eee;
	height: 374px;
	margin-bottom: 35px;
}
#slider .inner {
	width: 1302px;
	margin: 0 auto;
}
#slider .inner img {
	width: 1302px;
	height: 375px;
}
.categorylist {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	font-family: bebas, sans-serif;
}
.categorylist a {
	color: #fff;
	text-transform: uppercase;
	font-family: bebas, sans-serif;
	width: 100px;
	height: 27px;
	line-height: 27px;
	display: block;
	text-align: center;
	font-size: 18px;
}
.culture {
	background: #EC6803;
}
.travel {
	background: #FDCD00;
}
.health {
	background: #007131;
}
.surf {
	background: #0168B7;
}
.nature {
	background: #6B3906;
}
.life {
	background: #E70012;
}
.more {
	background: #31313D;
}
.slidetitle {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 96%;
	background-color: rgba(0,0,0,0.4);
	height: 66px;
	line-height: 66px;
	padding: 0 2%;
}
.slidetitle a {
	color: #FFF;
	font-size: 20px;
	font-weight: normal;
}
.promoted {
	position: absolute;
	top: 0;
	right: 0;
	width: 111px;
	height: 100px;
}
#slider .inner .promoted img {
	width: 111px;
	height: 100px;
}
/* wrapper
-----------------------------------*/
.inner_wrap {
	width: 1301px;
	margin: 0 auto;
}
/* breadcrum----------------------- */

.breadcrumb_area {
	height: 20px;
	line-height: 20px;
	margin-bottom: 30px;
}
.breadcrumb {
	list-style: none;
	overflow: hidden;
	font-size: 11px;
	color: #444;
}
.breadcrumb li {
	float: left;
}
.breadcrumb li:last-child {
	margin-left: 10px;
	margin-top: 2px;
}
.breadcrumb span {
	background: #ccc;
	margin-right: 5px;
	padding: 5px 13px 4px 24px;
	position: relative;
}
.breadcrumb span:last-child {
	padding: 5px 8px 2px 18px;
}
.breadcrumb span:after {
	content: "";
	border-top: 15px solid transparent;
	border-bottom: 11px solid transparent;
	border-left: 9px solid #ccc;
	position: absolute;
	right: -8px;
	top: 0;
	z-index: 1;
}
.breadcrumb span:before {
	content: "";
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 9px solid #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.breadcrumb span.last {
	background: #fff;
}
.breadcrumb span.last:after, .breadcrumb span.last:before {
	content: none;
}
/* end Breadcrumd */


/* main
-----------------------------------*/
#main {
	width: 935px;
	float: left;
}
.articles {
	width: 300px;
	height:250px;
	float: left;
	position: relative;
	margin-bottom: 22px;
	overflow: hidden;
}
.articles-mid {
	margin: 0 17px 22px;
}
.article-image {
	width: 300px;
	overflow: hidden;
}
.article-image img {
	width: 400px;
	height: 250px;
}
.articles .title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 92%;
	padding: 4%;
	background-color: rgba(0,0,0,0.4);
	line-height: 20px;
}
.articles .title a {
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
}
#main #entrylist iframe {
	float: left;
	width: 300px;
}
/* sidebar
-----------------------------------*/
#sidebar {
	width: 336px;
	float: right;
}
.widget_cool_popular_posts {
	border: 1px solid #CCCCCC;
	margin-bottom: 0px;
}
.widgettitle {
	background: #E5E5E5;
	color: #393939;
	font-size: 30px;
	text-align: center;
	height: 45px;
	line-height: 47px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: bebas, sans-serif;
}
.widget_cool_popular_posts ul {
	padding: 17px 15px;
}
.widget_cool_popular_posts ul li {
	border-top: 1px solid #F1F1F1;
	padding-top: 23px;
	margin-top: 20px;
	position: relative;
}
.widget_cool_popular_posts ul li .categorylist {
	top: 23px;
	font-family: bebas, sans-serif;
}
.widget_cool_popular_posts ul li:first-child {
	margin-top: 0;
	padding-top: 0;
	border: none;
}
.widget_cool_popular_posts ul li:first-child .categorylist {
	top: 0;
}
.widget_cool_popular_posts .thumbnail {
	margin-bottom: 10px;
}
#sidebar .widget_cool_popular_posts .thumbnail img {
	height: 180px;
	width: 100%;
}
.widget_cool_popular_posts ul li.item11 {
	display: none;
}
#ranking .item11 {
	display: none;
}

/* Single
-----------------------------------*/

.titbar01 {
	font-size: 29px;
	color: #000;
}
.writer {
	position: relative;
	margin: 25px 0;
}
.writer .name {
	color: #626262;
	font-size: 14px;
}
.writer time {
	display: inline-block;
	margin-left: 28px;
}
.totalshare {
	position: absolute;
	right: 0;
	top: 0;
}
.totalshare span {
	font-size: 16px;
	font-weight: bold;
	color: #626262;
}
.sns p {
	float: left;
	width: 300px;
}
.content-entr {
	margin-bottom: 42px;
	line-height: 180%;
}
.content-entr p {
	margin-bottom: 15px;
	font-size: 16px;
}
.content-entr2 a {
	font-size: 16px !important;
	color: #33A5C4 !important;
}
.site-content2 a {
	color: #33A5C4 !important;
}
.content-entr iframe {
	margin: 15px auto;
}

.content-entr h1 {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 12px;
	color: #136A86;
	border-left: 6px solid #3BA8C5;
	padding: 12px 0 12px 8px;
}

.content-entr h2 {
	/*記事中の大見出し*/
	border-left: 6px solid #3BA8C5;
	border-bottom: dashed 1px #ccc;
	font-size: 18px;
	padding: 12px 0 12px 8px;
	margin-top: 14px;
	margin-bottom: 14px;
}

.content-entr h3 {
	border-left: 6px solid #999;
	font-size: 18px;
	padding: 4px 0 4px 8px;
	margin-bottom: 8px;
	margin-top: 12px;
}

.content-entr h4 {
	font-size: 18px;
	padding: 4px 0 4px 0px;
	margin-bottom: 2px;
}

.content-entr h5 {
	font-size: 16px;
	padding: 2px 0 2px 0px;
	margin-bottom: 2px;
}

.content-entr h6 {
	font-size: 14px;
	padding: 2px 0 2px 0px;
	margin-bottom: 2px;
}

.content-entr ol{
	font-size: 14px;
}

.content-entr ul{
	font-size: 14px;
}

.content-entr li{
	font-size: 14px;
}
.movieContents {
	width: 80% !important;
	margin-left: 10% !important;
	height: 480px !important;
}
.content-entr .matome {
	background: #F3F3F3;
	position: relative;
	padding: 50px 70px;
	margin-top: 51px;
	font-size: 16px;
}
.content-entr .matome:before {
	content: '';
	width: 40px;
	height: 37px;
	position: absolute;
	top: 10px;
	left: 15px;
	display: block;
	background: url(assets/img/common/note_top.gif) no-repeat;
}
.content-entr .matome:after {
	content: '';
	width: 40px;
	height: 37px;
	display: block;
	background: url(assets/img/common/note_bottom.gif) no-repeat;
	bottom: 15px;
	right: 15px;
	position: absolute;
}
.content-entr .matome .note {
	color: #3FA8C5;
	font-style: oblique;
	font-size: 16px;
}
.box-fb {
	border: 1px solid #CFCFCF;
	padding: 18px 0;
	text-align: center;
	margin-bottom: 45px;
	margin-top: 30px;
}

.fb_title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
}
.sns-like{
	text-align: center;
}
.sns-like > li {
	display: inline-block;
	vertical-align: top;
	margin: 0 7px;
}
.sns-like > li:first-child {
	margin-left: 0;
}
.sns-like > li:last-child {
	margin-right: 0;
}
.sns-like iframe {
	margin: 0 !important;
}

.sns-like > li > .facebook {
	margin: 0 18px 0px 18px;
}

/* FontAwewsome SNS button */
.insta_btn {
  display: inline-block;
  text-align: center;
  color: #2e6ca5;
  font-size: 13px;
  /*text-decoration: none;*/
}

.insta_btn:hover {/*ホバー時*/
  color:#668ad8;
  transition: .5s;
}

.insta_btn .insta{/*アイコンの背景*/
  position: relative;
  display: inline-block;
  width: 42px;
  height: 42px;
  vertical-align: middle;
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  overflow: hidden;
  border-radius: 13px;

}

.insta_btn .insta:before{/*グラデーション重ね*/
  content: '';
  position: absolute;
  top: 23px;
  left: -18px;
  width: 60px;
  height: 60px;
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.insta_btn .fa-instagram {/*アイコン*/
  color: #FFF;
  position: relative;
  z-index: 2;
  font-size: 35px;
  line-height: 42px;
}
/**/

.writer_info {
	margin-top: 60px;
}
.writer_info h3 {
	margin-bottom: 5px;
	font-weight: bold;
}
.writer_info .writer_info_des {
	border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	padding: 20px 0;
	margin-bottom: 35px;
}
.writer_info .writer_info_des .wravatar {
	float: left;
	width: 95px;
	margin-right: 25px;
}
.writer_info .writer_info_des .wravatar img {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 100%;
	height: auto;
}
.writer_info .writer_info_des .des h4 {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 12px;
}
.tag {
	margin: 10px 0 0;
	padding: 10px 0 0;
	position: relative;
}
.tag ul li {
	display: inline-block;
	color: #686868;
	margin-right: 5px;
}
.tag ul li a {
	font-size: 10px;
	padding: 7px 20px;
	text-align: center;
	color: #FFF !important;
	display: block;
	float: left;
	position: relative;
}
.tag ul li:first-child {
	font-weight: bold;
	margin-right: 10px;
	background: none;
	font-size: 16px;
	top: -8px;
	position: relative;
}
.tag ul li.color1 {
	background: #0068b7;
}
.tag ul li.color2 {
	background: #e60012;
}
.tag ul li.color3 {
	background: #6a3906;
}
.tag ul li.color4 {
	background: #ec6800;
}
.tag ul li.color5 {
	background: #30313d;
}
.related_post_title {
	margin-bottom: 25px;
}
/* Advertising --------------------*/
.banner_wrapper .banner {
	background-size: initial!important;
	border: none!important;
	height: auto!important;
	position: initial!important;
}
.banner_wrapper .banner .banner_caption {
	background: none!important;
	color: #FFFFFF;
	padding: 0!important;
	position: inherit!important;
}
.banner_caption a{
	width:20%;
	display:block !important;
	clear:none !important;
	margin:0 !important;
	float:left;
	line-height:0 !important;
	box-sizing:border-box;
	padding:0 10px !important;
}

.banner_caption p{
	line-height:0;
}

.banner_caption {
	text-align: center;
}
.snssp {
	display: none;
}
button.alm-load-more-btn.done {
	display: none;
}
button.alm-load-more-btn {
	background: #0168B7!important;
}
#entrylist {
	position: relative;
}
.adsplink {
	position: absolute;
	top: 255px;
	left: 0;
	font-size: 10px;
	width: 32%;
	text-align: center;
}
/* footer
-----------------------------------*/
footer {
	margin-top: 20px;
	background:#ffffff;
}
/* Footer Copyright **********/
#footer-copyright {
	text-align:center;
	padding:28px 0;
}
.copyright {
	color: black;
	/*font-family: bebas, sans-serif;*/
	font-size:14px;
}
.copyright a {
	color:#33A5C4;
	font-size:14px;
}

.ad336 {
	width: 700px;
	margin: 0 auto;
}
.ad336 .fll, .ad336 .flr {
	width: 336px;
}
.ad728 {
	width: 728px;
	height: 90px;
	margin: 0 auto 30px;
}
ins {
	width: 100%;
}
ins iframe {
	width: 100%;
}
.headerad_title {
	font-size: 34px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: bebas, sans-serif;
	text-align: center;
}
/*}*//*画面の横幅が1000px以上終わり*/
.spimg {
	width: 100%!important;
}
header#sp {
	display: none;
	width: 100%;
}
.adsp {
	display: none;
}
.new_top {
	margin-bottom: 24px;
}
.new_top img{
	width: 100%;
}

/*Like Facebook Page*/
.fb-page.fb_iframe_widget {
	width: 100%;
	text-align: center;
	padding: 40px 0;
}

.sbn01{ width:88px; height:31px;}
.sbn02{ width:110px; height:31px;}

@media screen and (max-width: 971px) {
body {
	padding: 0 1%;
}
header#pc {
	width: 970px;
}
header#pc .ad {
	width: 75%;
	margin: 0 auto;
}
header#pc .ad img {
	width: 100%;
}
header#pc nav {
	float: right;
}
header#pc .sns {
	display: none;
}
.inner_wrap {
	width: 970px;
}
#main {
	width: 650px;
}
.ad img {
	width: 100%;
	height: auto;
}
#sidebar {
	width: 300px;
}
.new_top img {
	width: 100%;
}
#content .sns p {
	width: 32%;
}
#content .sns p img {
	/*width: 100%;*/
	height: auto;
}
.sns .item2 {
	margin: 0 2%!important;
}
.related_post_title img {
	width: 100%;
}
.widgettitle {
	font-size: 28px;
}
.adsplink {
	top: 205px;
}
.header#pc .sns {
	display: none;
}
#slider {
	height: 275px;
}
#slider .inner {
	width: 970px;
}
#slider .inner img {
	width: 970px;
	height: 279px;
}
.promoted {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 72px;
}
#slider .inner .promoted img {
	width: 80px;
	height: 72px;
}
.widgettitle {
	font-size: 22px;
}
.articles {
	width: 207px;
	height: 200px;
}
.ad336 {
	width: 628px;
	margin: 0 auto;
}
.ad728 {
	width: 528px;
	margin: 0 auto 30px;
	height: 90px;
}
.widgettitle {
	font-size: 18px;
}
header#pc nav {
	width: 681px;
	float: right;
	margin-left: 0;
}
.articles-mid {
	margin: 0 14px 22px;
}
.article-image {
	width: 207px;
	height: 200px;
}
#main #entrylist iframe {
	width: 207px;
}
.adsplink {
	top: 205px;
}
.ad336 {
	width: 520px;
	margin: 0 auto;
}
.ad336 .fll,  .ad336 .flr {
	width: 250px;
}
.ad728 {
	width: 428px;
	margin: 0 auto 30px;
	height: 90px;
}
.content_sp img {
	max-width: 100%;
	height: auto;
}
.content_sp iframe {
	width: 100% !important;
	margin-left: 0 !important;
	/*height: 360px !important;*//*20220402 Instagram embed 調整 hosoe*/
}
}
/*20150614追加*/
.widget_cool_popular_posts .pagelink {
	text-align: center;
	padding: 5px 15px 20px;
}
.widget_cool_popular_posts .pagelink a {
	font-weight: bold;
	font-size: 1.5em;
}
.widget_cool_popular_posts .pagelink a:hover {
	color: #33A5C4 !important;
}
.widget_cool_popular_posts.funwaval li:not(:first-child) {
	display: none;
}
/*-----------------------------------

20160109追加

-----------------------------------*/
/*アドセンス*/

.ads {
	display: block;
	width: 320px;
	margin: 20px auto;
}

.ads2{
display:block;
	width: 320px;
	margin:0 auto;
}

hr.hr01{
	margin-top:5px !important;
}


.bdr{
border-bottom:1px solid #ccc;
}

.name a:hover {
	color: #3289D1;
}
.sec-fb .fb-page {
	padding-bottom: 20px;
}
.ads-full {
	clear:both;
	display: block;
	text-align: center;
	margin: 0 8px 20px 8px;
}

.ads-full2 {
	display: block;
	text-align: center;
	margin: 15px;
}

.ads-full3{
text-align:center !important;
margin-bottom:15px;
}

.ads-full4{
text-align:center;
margin:0 auto;
width:90%;
}

.mb10{
margin-bottom:10px;
}

#sidebar .fb-page{
padding-top:20px !important;
}

/*ランキング*/

@media screen and (max-width: 480px){

#sec-ranking .widget a {
	clear: both;
}
#sec-ranking .widget a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.widget_cool_popular_posts ul li {
	border-top: 1px solid #ccc;
	clear: both;
	padding: 10px 0 0 8px !important;
	margin: 0 0 0 0 !important;
}
#sec-ranking li:after {
	color: #fff;
	padding: 3px 6px;
	font-size: 12px !important;
	position: absolute;
	top: 10px;
	font-weight: bold;
}
#sec-ranking li:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 40px solid #2AA5C6;
	border-right: 40px solid transparent;
	position: absolute;
	top: 10px;
}
#sec-ranking li:first-child:after {
	content: "1";
}
#sec-ranking li:nth-of-type(2):after {
	content: "2";
}
#sec-ranking li:nth-of-type(3):after {
	content: "3";
}
#sec-ranking li:nth-of-type(4):after {
	content: "4";
}
#sec-ranking li:nth-of-type(5):after {
	content: "5";
}
#sec-ranking .thumbnail {
	float: left;
	margin-bottom: 0;
}
.categorylist {
	display: none;
}
#sec-ranking ul {
	padding: 0 0 0 0 !important;
}
#sec-ranking a .thumbnail {
	width: 35%;
	float: left;
	height: 85px;
}
#sec-ranking a img {
	width: 100%;
	height: auto;
}
#sec-ranking a .title {
	position: inherit;
	float: right;
	background: none;
	width: 60%;
	padding: 0;
	margin-left: 5%;
	font-weight: normal;
	color: #000 !important;
}
#sec-ranking a h2 {
	float: right;
	width: 75%;
	font-size: 14px;
}
#sec-ranking .pagelink {
	display: none;
}
.more a {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
	background: #efefef;
	padding: 15px 0 10px 0;
	display: block;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#sec-ranking li:nth-of-type(6),#sec-ranking li:nth-of-type(7),#sec-ranking li:nth-of-type(8),#sec-ranking li:nth-of-type(9),#sec-ranking li:nth-of-type(10){
	display:none !important;
}


}

/*シェア*/

#sec-share p {
	float: left;
	width: 25%;
	display: block;
}
#sec-share a img {
	width: 100%;
	height: auto;
}

#sec-share ul{
	text-align: center;
	margin-bottom:20px;
}

#sec-share li{
	display:inline !important;
	margin-right:7px !important;
}

#sec-share ul li:last-child{
	position:relative;
	bottom:10px;
}

#sec-share .twitter-follow-button{
	float:none;
}

.sec-share2 h2{
	font-size:14px;
	padding:10px 10px 0  0;
	text-align:center;
	margin-bottom:12px;
	/*float:left;*/
}

.sec-share2 hr{
	clear:both;
}

.twitter-follow-button{
	position:relative !important;
	top:15px !important;
	float:right;
}

#topbtn{
	text-align:center;
	padding:0 8px 10px 0;
}


#sec-share-pc h2{
text-align:center;
}

#sec-share-pc .fb-like{
text-align:center !important;
float:none !important;
margin:10px auto !important;
display:block;
}

#sec-share-pc .insta-like{
text-align:center !important;
float:none !important;
margin:10px auto !important;
padding:10px
display:block;
}



@media screen and (max-width: 480px){
/*ランキングページ　ランキング*/

.sec-ranking2 .ranking-item {
	clear: both;
	margin-bottom:0 !important;
}

.sec-ranking2 .top3{
	border:0 !important;
	padding:0 !important;
	margin:0 !important;
}


.sec-ranking2 .item3{
	margin-top:10px;
}

.sec-ranking2 .top3 h2{
	position:static !important;
	padding-top:0 !important;
}

.sec-ranking2 .ranking-item a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.sec-ranking2 .ranking-item {
	border-bottom: 1px solid #ccc !important;
	clear: both !important;
}

#ranking .widget_cool_popular_posts .ranking-item{
	position: relative;
}
.sec-ranking2 .ranking-item .thumbnail:after {
	color: #fff;
	padding: 3px 6px;
	font-size: 12px !important;
	position: absolute;
	top: 0;
	left:8px;
	font-weight: bold;
}
.sec-ranking2 .ranking-item .thumbnail:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 40px solid #2AA5C6;
	border-right: 40px solid transparent;
	position: absolute;
	top: 0;
	left:8px;
}
.sec-ranking2 .item1 .thumbnail:first-of-type:after {
	content: "1";
}
.sec-ranking2 .item2 .thumbnail:first-of-type:after {
	content: "2";
}
.sec-ranking2 .item3 .thumbnail:first-of-type:after {
	content: "3";
}
.sec-ranking2 .item4 .thumbnail:first-of-type:after {
	content: "4";
}
.sec-ranking2 .item5 .thumbnail:first-of-type:after {
	content: "5";
}
.sec-ranking2 .item6 .thumbnail:first-of-type:after {
	content: "6";
}
.sec-ranking2 .item7 .thumbnail:first-of-type:after {
	content: "7";
}
.sec-ranking2 .item8 .thumbnail:first-of-type:after {
	content: "8";
}
.sec-ranking2 .item9 .thumbnail:first-of-type:after {
	content: "9";
}
.sec-ranking2 .item10 .thumbnail:first-of-type:after {
	content: "10";
}

.sec-ranking2 .ranking-item .thumbnail {
	float: left;
}
.categorylist {
	display: none;
}
.sec-ranking2 .ranking-item {
	padding: 0 0 0 0 !important;
}
.sec-ranking2 .ranking-item .thumbnail {
	width: 35% !important;
	float: left !important;
	height: 85px !important;
}
.sec-ranking2 .ranking-item a img {
	width: 100% !important;
	height: auto !important;
	margin-left:8px;
}
.sec-ranking2 .title a {
display:block;
padding:0 8px 0 0!important;
	float: right;
	box-sizing: border-box;
	background:none !important;
	width: 59% !important;
	font-size: 14px !important;
	font-weight:normal;
	color:#000 !important;
	background:none !important;
}
.sec-ranking2 h2{
	line-height:inherit !important;
	background:none !important;
}

.sec-ranking2 .pagelink {
	display: none;
}

.sec-ranking2 .top{
	display:none;
}

.sec-ranking2 .excerpt{
	display:none;
}
}

/*記事ページシェア*/
#ftr-share {
	width: 100%;
	height: 40px !important;
	background-color: rgba(255,255,255,0.9);
	position: fixed;
	bottom: 0;
	padding:10px 0;
	z-index: 999;
	text-align: center;
	display: none;
	border-top: 1px solid #eee;
}

#ftr-share li{
	display:inline;
	margin:0 20px;
}

/*アライアンス*/

#sidebar #alliance{
	text-align:center;
}

.menu-inner li{
	width:50%;
	height:auto !important;
	float:left;
	margin-bottom:0;
}


/*ドロわー*/

.menu-inner ul a{
	/*font-weight:normal;*/
	color:#fff;
	border:none;
	width:100%;
	font-family: sans-serif;
	font-size:11px !important;
	letter-spacing: -0.5px;
	float:left;
	padding:7px 0;
	height:auto;
	display:block;
	border-bottom:2px groove #A2DAE9;
	margin-bottom:0 !important;
	box-sizing:border-box;
	border-right:2px groove #A2DAE9;
}

.menu-inner li:nth-of-type(even) a{
	border-right:0;
	border-bottom:2px groove #A2DAE9;
}

.menu-inner .close_menu a{
	padding:0 !important;
}

.menu-inner .close_menu a img{
width:250px !important;
}

.menu-inner ul li:last-child a{
	border-bottom:2px groove #A2DAE9 !important;
	border-right:1px solid #ddd !important;
}


.menu-inner .sns02 img{
width:30px !important;
}

.menu-inner .sns02{
text-align: center;
}
.menu-inner .sns02 a{
margin:0 10px;
}

.allaiance a{
width:48%;
float:left;
display: block;
padding:1%;
}


.menu-inner{
padding-bottom: 100px !important;
}

@media screen and (max-width: 320px) {
.menu-inner ul li a {
	font-size: 10px !important;
	letter-spacing: -1px;
}
}

/* ==========================================================================
common2.css
========================================================================== */

@media screen and (max-width: 641px){
	.ad336{
		width:428px;
		margin: 0 auto;
	}
	.ad336 .fll, .ad336 .flr{
		width: 200px;
	}
	.ad728{
		width:100%;
		margin:0 auto 30px;
		height: 90px;
	}
	header#pc nav li{
		margin-left: 15px;
	}
	.article-image{
		height: 100px;
	}
	.article-image img{
		height: 100px;
	}
	.articles .title a{
		font-size: 12px;
		line-height: 14px;
	}
	.content_sp img{
		max-width: 100%;
		height: auto;
	}
	.content_sp iframe{
		width:100% !important;
		margin-left:0 !important;
		height:360px !important;
	}
	#main #entrylist iframe{
		width: 100%;
	}
	.adsplink{
		top: 105px;
	}
	header#pc nav li{
		margin-left: 10px;
	}
	header#pc #logo{
		display: none;
	}
	body{
		padding: 0;
	}
	a:link img:hover{
		opacity: 1;
	}
	.ad{
		display: none;
	}
	.adsp{
		display: block;
		/*max-height: 100px;
		overflow: hidden;*/
	}
	.adsp02{
		/*height: 250px;*/
		/*max-height: 250px!important;*/
	}
	header{
		display: none;
		margin-bottom: 10px;
	}
	header#sp{
		display: block;
	}
	header#sp .adsp img{
		width: 100%;
	}
	header#sp .logo{
		width: 48%;
		float: left;
		padding:2% 0% 0% 2%;
	}
	header#sp .btn_menu{
		width: 8.5%;
		float: right;
		margin-top: 14px;
		margin-right: 10px;
	}
	header#sp .sns{
		margin-right: 10px;
		margin-top: 15px;
	}
	header#sp .sns li{
		margin-left: 8px;
		/*width: 24%;*/
		height: auto;
	}
	header#sp .sns li:first-child{
		padding-top: 0px;
	}
	header#sp .sns li img{
		/*width: 100%;*/
	}
header#sp .sns li.insta {
	width:30px; margin:0px; padding:0px;
}
header#sp .sns li.insta img{
	width:100%; margin:0px; padding:0px;
}
	header#sp nav{
		float: none;
		position: absolute;
		width: 100%;
		margin-left: 0;
		z-index: 99999999;
		display: none;
		margin-top: 10px;
	}
	header#sp nav ul{
		background: #33a5c4;
	}
	header#sp nav li{
		width: 50%;
		float: left;
		margin: 0;
		padding: 0;
		position: inherit;
	}

	header#sp nav a{
		font-size: 12px;
	}
	header#sp nav a img{
		width: 100%;
	}
	.sns02{
		background: #33a5c4;
		padding: 10px 0;
	}
	.sns02 img{
		width: 11.25%!important;
	}
	.sns02 .tw{
		margin-left: 21.4%;
	}
	.sns02 .fb{
		margin-left: 11%;
	}
	.sns02 .rnk{
		margin-left: 11%;
	}
	#slider{
		height: 185px;
		margin-bottom: 15px;
	}
	#slider .inner{
		width: 100%;
	}
	#slider .inner img{
		width: 100%;
		height: 185px;
	}
	.m5pc{
		/*margin: 0 5%;*/
	}
	.inner_wrap{
		width: 100%;
	}
	#main{
		width: 100%;
	}
	.articles{
		padding: 0 2%;
		float: none;
		border-bottom: 1px solid #ccc;
		margin-bottom: 10px;
		padding-bottom: 10px;
		width: 96%;
		height: auto;
	}
	.articles:after{
		visibility: hidden;
		  display: block;
		  font-size: 0;
		  content: " ";
		  clear: both;
		  height: 0;
	}
	.articles-mid{
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.articles .article-image{
		width: 35%;
		float: left;
		height: 85px;
	}
	.articles .article-image img{
		width: 100%;
		height: auto;
	}
	.articles .title{
		position: inherit;
		float: right;
		background: none;
		width: 60%;
		padding: 0;
		margin-left: 5%;
	}
	.articles .title a{
		color: #000;
		font-size: 70%;
	}
	.new_top{
		width: 96%;
		margin: 10px 0;
		padding: 0 2%;
	}
	#main .categorylist{
		width: 15%;
		left: 2%;
		overflow: hidden;
	}
	#main .categorylist a{
		width: 100%;
		height: auto;
		line-height: normal;
		font-size: 80%;
	}
	.new_top img{
		width: 100%;
	}
	.adct01{
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	.adct02{
		border-bottom: 1px solid #ccc;
		width: 90%;
		padding: 0 5% 10px;
	}
	#sidebar{
		display: none;
	}
	.breadcrumb_area{
		width: 96%;
		margin: 0 2% 20px;
		overflow: hidden;
	}
	.breadcrumb span {
		background: #ccc;
		margin-right: 5px;
		padding: 5px 13px 4px 24px;
		position: relative;
	}
	.breadcrumb span:after{
		border-top: 12px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 9px solid #ccc;
		right: -9px;
		top: 0;
	}
	.breadcrumb span:before{
		border-top: 11px solid transparent;
		border-bottom: 14px solid transparent;
		border-left: 9px solid #fff;
	}
	.breadcrumb li:last-child{
		max-width: 50%;
		color: #333;
		margin-top: 1px;
	}
	.writer time{
		margin-left: 10px;
	}

	.content-entr p{
		font-size: 14px;
	}
	.content-entr2 a{
		font-size: 14px !important;
		color: #33A5C4 !important;
	}
	.site-content2 a{
		color: #33A5C4 !important;
	}
	.movieContents{
		width:100% !important;
		margin-left:0 !important;
		height:360px !important;
	}
	.content-entr .matome{
		padding: 55px 20px;
		margin-top: 30px;
	}
	.titbar01{
		font-size: 110%;
		margin: 0 2%;
	}
	.writer{
		margin: 20px 2%;
	}
	.totalshare{
		font-size: 72%;
		bottom: 0;
		top: inherit;
	}
	.totalshare span{
		font-size: 150%;
	}
	.writer .name{
		font-size: 72%;

	}
	.snspc{
		display: none;
	}
	.snssp{
		display: block;
		width: 96%;
		margin: 0 2% 20px;
	}
	#content .snssp p.first{
		margin: 0;
	}
	#content .snssp p{
		width: 23%;
		margin: 0 0 0 2.6%;
	}
	.snssp img{
		width: 100%;
	}
	.content-entr{
		margin: 0 2% 20px;
	}
	.box-fb{
		margin: 0 2% 20px;
		padding-left: 0;
		padding-right: 0;
	}

	.writer_info{
		margin: 20px 0 20px 2%;
	}
	.writer_info .writer_info_des{
		margin-bottom: 0;
	}
	.writer_info .writer_info_des .wravatar{
		width: 22%;
		margin-right: 3%;
	}
	.writer_info .writer_info_des .des{
		width: 73%;
		float: left;
		margin-bottom: 0;
	}
	.tag{
		  margin: 20px 0 20px 2%;
		  padding: 20px 2% 0 0;
	}
	.tag ul li{
		font-size: 78%;
	}
	.tag ul li a{
		font-size: 10px;
		padding: 7px 10px;
	}
	.fb-like-box {
		margin: 20px 0 20px 2%;
	  	padding-top: 20px;
	}
	.related_post_title{
		margin: 0 2% 20px;
	}
	.related_post_title img{
		width: 100%;
	}
	aside#social{
		position: absolute;
		bottom: -4px;
		width: 100%;
		padding: 0;
		height: 60px;
	}
	/*aside#social p{
		width: 16%;
		float: left;
	}
	aside#social p img{
		width: 100%
	}
	aside#social .item2{
		margin: 0 26%;
	}*/
	.allaiance h3{
		text-align: center;
		padding: 5px 0;
		font-family: bebas, sans-serif;
		font-size: 180%;
	}
	.allaiance{
		background: #fff;
		padding: 0 2%;
		text-align:center;
	}
	.allaiance img{
		width: 100%;
		margin-bottom: 5px !important;
	}
	.adsplink{
		display: none;
	}
	.banner_caption{
		text-align: center;
	}
	header#sp .search_btn{
		width: 10.5%;
		float: right;
		margin: 13px 8px 0 0;
	}
	header#sp .search_btn img{
		width: 100%;
		height: auto;
	}
	header#sp .btn_ranking{
		width: 8%;
		float: right;
		margin: 13px 8px 0 0;
	}
	header#sp .btn_ranking img{
		width: 100%;
		height: auto;
		margin-top: 2%;
	}
	header#sp .search_box{
		width: 100%;
		padding: 3% 0;
		background: #34a5c5;
		margin-top: 1.5%;
		text-align: center;
		display: none;
		z-index: 99999;
	}
	header#sp .search_box input[type="text"]{
		font-size: 16px;
		width: 90%;
		padding: 2% 2% 2% 2%;
		margin-right: 1%;
		border: none;
		box-shadow: none;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		position: relative;
		background: url(assets/img/sp/btn_search_inner.gif) 3% center no-repeat #fff;
	}
	header#sp .search_box input[type="text"]:focus{
		outline: none;
	}
	header#sp .search_box input[type="submit"]{
		display: none;
	}


.sbn01{ width:40% !important; height:auto !important; margin:0px !important; padding:0px !important;}
.sbn02{ width:50% !important; height:auto !important; margin:0px !important; padding:0px !important;}

}


@media screen and (max-width: 480px){
	.articles .article-image img {
	  height: 85px;
	}
	.articles .article-image {
	  height: 85px;
	}
	.adsplink{
		display: none;
	}
	.adsp{
		/*max-height: 70px;*/
	}
	aside#social{
		height: 50px;
	}
}

@media screen and (max-width: 320px){
	#slider .inner img{
		height: 180px;
	}
	.adsp{
		/*max-height: 50px;*/
	}
	.articles .article-image{
		height: 75px;
	}
	.articles .article-image img {
	  height: 75px;
	}
}

.exclude{
	display: none !important;
}
#funwavalsp .articles:not(:first-child){
	display: none;
}
#funwavalsp .articles:first-child{
	border-bottom: none;
}

/* ==========================================================================
ranking.css
========================================================================== */
/* Ranking-------------------------- */
#ranking .widgettitle{
	display: none;
}
#ranking .widget_cool_popular_posts{
	border: none;
}
#ranking .widget_cool_popular_posts .ranking-item{
	position: relative;
}
#ranking .widget_cool_popular_posts .top3{
	margin-bottom: 65px;
}
#ranking .widget_cool_popular_posts .top3 .fl{
	float: left;
	width: 800px;
}
#ranking .widget_cool_popular_posts .top3 .thumbnail{
	margin: 0;
	float: none;
}
#ranking .widget_cool_popular_posts .top3 .ranking-item{
	padding-bottom: 0;
	border: none;
}
#ranking .widget_cool_popular_posts .top3 .fl .thumbnail img{
	width: 800px;
	height: 375px;
}
#ranking .widget_cool_popular_posts .top3 .fr{
	float: right;
	width: 470px;
}
#ranking .widget_cool_popular_posts .top3 .fr .thumbnail img{
	width: 470px;
	height: 180px;
}
#ranking .widget_cool_popular_posts .top3 .title{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 96%;
	background-color: rgba(0,0,0,0.4);
	padding: 10px 2%;
	font-weight: normal;
}
#ranking .widget_cool_popular_posts .top3 .title a{
	color: #FFF;
	font-size: 20px;
}
#ranking .widget_cool_popular_posts .top3 .fr .title a{
	font-size: 18px;
}
#ranking .widget_cool_popular_posts .item2{
	margin-bottom: 15px;
}
#ranking .widget_cool_popular_posts .item1, #ranking .widget_cool_popular_posts .item3{
	margin-bottom: 0;
}
#ranking .widget_cool_popular_posts .top{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 998;
}
#ranking .ranking-item{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
#ranking .ranking-item .thumbnail{
	float: left;
	margin-right: 20px;
	margin-bottom: 0;
}
#ranking .ranking-item .thumbnail img{
	width: 265px;
	height: 180px;
}
#ranking .ranking-item .title{
	margin-bottom: 20px;
}
#ranking .top3 .ranking-item .title{
	margin-bottom: 0;
}
#ranking .top3 .ranking-item .excerpt {
	display: none;
}
#ranking .ranking-item .title a{
	font-size: 24px;
}
#ranking .ranking-item .excerpt{
	font-size: 18px;
}
#ranking .ranking-tab{
	border: 2px solid #33a5c4;
	width: 588px;
	margin: 0 auto 25px;
}
#ranking .ranking-tab a:first-child{
	/*width: 34%;*/
}
#ranking .ranking-tab a{
	color: #33a5c4;
	font-weight: bold;
	font-size: 22px;
	width: 33%;
	line-height: 35px;
	display: block;
	float: left;
	text-align: center;
	position: relative;
}
#ranking .ranking-tab a:hover, #ranking .ranking-tab .activetab{
	color: #FFF;
	background: #33a5c4;
}
#ranking .ranking-tab a:last-of-type{
		width:34% !important;
		float:right;
}
#ranking .ranking-tab a:hover:after, #ranking .ranking-tab .activetab:after{
	position: absolute;
	border-top: 12px solid #33a5c4;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content:'';
	bottom: -12px;
	left: 49%;
}

@media screen and (max-width: 1300px){
	#ranking .widget_cool_popular_posts .top3 .fl{
		width: 61.5%;
	}
	#ranking .widget_cool_popular_posts .top3 .fr{
		width: 36%;
	}
	#ranking .widget_cool_popular_posts .top3 .fl .thumbnail img, #ranking .widget_cool_popular_posts .top3 .fr .thumbnail img{
		width: 100%;
	}

	#ranking .ranking-tab a:last-of-type{
		width:34% !important;
		float:right;
	}

}
@media screen and (max-width: 971px){
	#ranking .ranking-tab{
		/*width: 50%;*/
	}
}
@media screen and (max-width: 641px){
	#ranking .widget_cool_popular_posts .top3 .fl {
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}
	#ranking .widget_cool_popular_posts .top3 .thumbnail{
		width: 100%;
	}
	#ranking .widget_cool_popular_posts .top3 .fl .thumbnail img{
		width: 100%;
	}
	#ranking .widget_cool_popular_posts .top3 .fr {
		float: none;
		width: 100%;
	}
	#ranking .widget_cool_popular_posts .top3 .fr .thumbnail img{
		width: 100%;
		height: 375px;
	}
	#ranking .widget_cool_popular_posts .ranking-item {
	  padding-left: 2%;
	  padding-right: 2%;
	}
	#ranking .widget_cool_popular_posts .top3 .ranking-item{
		padding-right: 0;
		padding-left: 0;
	}
	#ranking .widget_cool_popular_posts .top3{
		  border-bottom: 1px solid #ccc;
		  padding-bottom: 40px;
		  margin-bottom: 15px;
	}
	#ranking .ranking-item .thumbnail{
		width: 35%;
	}
	#ranking .ranking-item .thumbnail img{
		width: 100%;
		height: 150px;
	}
	#ranking .ranking-item .title{
		line-height: 1;
	}
	#ranking .ranking-item .title a{
		font-size: 65%;
	}
	#ranking .ranking-item .title{
		margin-bottom: 10px;
	}
	#ranking .ranking-item .excerpt{
		font-size: 65%;
	}
	#ranking .ranking-tab{
		width: 70%;
	}
	#ranking .ranking-tab a{
		font-size: 80%;
		width: 33%;
	}
	#ranking .ranking-tab a:last-of-type{
		width:36% !important;
	}
	#ranking .ranking-tab a:hover:after, #ranking .ranking-tab .activetab:after{
		left: 45%;
	}
	#ranking .ranking-item .categorylist {
	  width: 15%;
	  left: 2%;
	}
	#ranking .ranking-item .categorylist a {
	  width: 100%;
	  height: auto;
	  line-height: normal;
	  font-size: 80%;
	}
	#ranking .item1 .categorylist, #ranking .item2 .categorylist,#ranking .item3 .categorylist {
	  width: auto;
	  left: 0;
	}
	#ranking .item1 .categorylist a, #ranking .item2 .categorylist a , #ranking .item3 .categorylist a{
	 width: 100px;
	  height: 27px;
	  line-height: 27px;
	  font-size: 15px;
	}
		#ranking .ranking-tab a:last-of-type{
		width:34% !important;
		float:right;
	}
}
@media screen and (max-width: 480px){
	#ranking .ranking-tab{
		width: 70% !important;
	}
	#ranking .ranking-tab a{
		float:left !important;
		clear:none !important;
		font-size: 80% !important;
		width: 33% !important;
		position:relative !important;
	}
	#ranking .ranking-tab a:last-of-type{
		width:34% !important;
	}

#ranking .ranking-tab a:hover:before, #ranking .ranking-tab .activetab:before{
	position: absolute;
	border-top: 12px solid #33a5c4;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content:"";
	bottom: -12px;
	left: 45%;
}

	#ranking .widget_cool_popular_posts .top3 .fl .thumbnail img{
		height: 220px;
	}
	#ranking .widget_cool_popular_posts .top3 .fr .thumbnail img{
		height: 220px;
	}
	#ranking .ranking-item .thumbnail img{
		height: 85px;
	}
}
@media screen and (max-width: 320px){
	#ranking .ranking-item .thumbnail img{
		height: 75px;
	}
	#ranking .widget_cool_popular_posts .top3 .fl .thumbnail img{
		height: 200px;
	}
	#ranking .widget_cool_popular_posts .top3 .fr .thumbnail img{
		height: 200px;
	}
}
/* End Ranking-------------------- */

/* ==========================================================================
writer.css
========================================================================== */
.tit02{
	font-size: 28px;
	margin-bottom: 30px;
}
#writer .writer-item{
	float: left;
	width: 201px;
}
#writer .writer-item-mid{
	margin: 0 164px 65px;
}
.avt{
	margin-bottom: 15px;
}
.role{
	font-size: 16px;
	color: #7E7E7E;
	font-weight: bold;
	padding-left: 10px;
}
.avt img{
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	width: 150px;
	height: 150px;
}
.name{
	padding-left: 10px;
}
.name a{
	font-size: 20px;
}
#author .writer_info{
	margin-top: 0;
}
#author .writer_info .writer_info_des{
	border-top: none;
	padding-top: 0;
}
#author .writer_info .writer_info_des .wravatar{
	width: 202px;
}
#author .writer_info .writer_info_des .des h4{
	font-size: 20px;
}
.writer_info a{
	font-size: 13px!important;
	color: #33a5c4!important;
}
.writer_info h4 a{
	color: #333 !important;
}
#writer .writer-item a{
	color: #333 !important;
}

@media screen and (max-width: 1300px){
	#writer .writer-item{
		width: 16%;
		margin: 0 0 65px;
	}
	#writer .writer-item-mid{
		margin: 0 22% 60px;
	}
	.avt img{
		width: 100%;
		height: auto;
	}
	ins{
		width: 100%!important;
	}
	ins iframe{
		width: 100%;
	}
}
@media screen and (max-width: 971px){
	#writer .writer-item{
		width: 23%;
		margin: 0 0 65px;
	}
	#writer .writer-item-mid{
		margin: 0 15% 65px;
	}
}
@media screen and (max-width: 641px){
	.tit02{
		font-size: 120%;
	}
	#writer{
		margin: 0 2%;
	}
	#writer .writer-item{
		float: none;
		width: 100%;
		margin: 0 0 30px;
	}
	#writer .writer-item:after{
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	#writer .writer-item-mid{
		margin: 0 0 30px;
	}
	.avt{
		width: 31.5%;
		float: left;
		margin-right: 3%;
	}
	.avt img{
		width: 100%;
		height: auto;
	}
	.role{
		padding-top: 60px;
		font-size: 90%;
	}
	.name a{
		font-size: 100%;
	}
	#author .writer_info{
		margin: 0 2% 30px;
	}
	#author .tit02{
		margin: 0 2% 30px;
	}
	#author .writer_info .writer_info_des .wravatar{
		width: 31.5%;
	}
	#author .writer_info .writer_info_des .des{
		width: 65.5%;
	}
	#author .role{
		padding-top: 0;
	}
	#author .writer_info .writer_info_des{
		border-bottom: none;
	}
	#author .writer_info .writer_info_des{
		padding-bottom: 0;
	}
	.role{
		padding-top: 45px;
	}
}
@media screen and (max-width: 480px){
	.role{
		padding-top: 40px;
	}
}
@media screen and (max-width: 380px){
	.role{
		padding-top: 30px;
	}
}
@media screen and (max-width: 320px){
	.role{
		padding-top: 25px;
	}
}

/* ==========================================================================
company.css
========================================================================== */

#company table{
	width: 100%;
	font-size: 16px;
}
#company table th{
	width: 20%;
	border: 1px solid #ddd;
	font-weight: normal;
	padding: 10px;
}
#company table td{
	border: 1px solid #ddd;
	font-weight: normal;
	padding: 10px;
}
#company table td li{
	list-style: disc;
	margin-left: 25px;
}

/* ==========================================================================
ページャー
========================================================================== */


.pagination {
clear:both;
position:relative;
height:45px;
margin-top: 20px;
margin-bottom: 40px;
text-align: center;
}

.pagination .numbers {
width:auto;
margin: auto;
display: inline-block;
}
 
.pagination, .pagination a, .current{
	text-align:center;
display:block;
float:left;
font-size:24px;
line-height:26px;
font-family: bebas, sans-serif;
font-weight: bold;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
}
 
.pagination, a:hover{
	color: #33A5C4;
}
 
.pagination, .current{
	color: #33A5C4;
}


/* ==========================================================================
Instagram レイアウト調整　20220306
========================================================================== */

.site-content .instagram-media {
	position: static !important;
}