@charset "UTF-8";

    /* ツイッター */
	.sns .twitter a {
		background:#29B6F6;
		box-shadow: 0 3px 0 #03A9F4;
	}
	/* Facebook */
	.sns .facebook a {
		background:#5C6BC0;
		box-shadow: 0 3px 0 #3F51B5;
	}
	/* グーグル */
	.sns .googleplus a {
		background:#ef5350;
		box-shadow: 0 3px 0 #f44336;
	}
	/* はてぶ */
	.sns .hatebu a {
		background:#42A5F5;
		box-shadow: 0 3px 0 #2196F3;
	}
	/* LINE */
	.sns .line a {
		background:#9CCC65;
		box-shadow: 0 3px 0 #8BC34A;
	}
	.sns .fa-comment {
    	border-right: 1px solid #b7d885;
	}
	/* Pocket */
	.sns .pocket a {
		background:#EC407A;
		box-shadow: 0 3px 0 #E91E63;
	}



	.kanren:not(.st-cardbox) dt {
		border: 1px solid #e6e6e6;
		background:#fff;
		margin-bottom: 0;
		box-shadow: 0 10px 5px -10px #bebebe;
		display: inline-block;
		box-sizing: border-box;
		position:relative;
		    		padding: 5px 5px 15px;
			}

	.kanren:not(.st-cardbox) dt:before {
		background:#FFE0B2;
		content:'';
		width:33%;
		height:10px;
		position:absolute;
		top:-6px;
		left:30%;
		opacity:0.5;
		transform: rotate(5deg);
	}

.slick-next{
	right:0!important;
}
.slick-prev{
	left:0!important;
}


	.st-middle-menu .menu > li {
		width:50%;
	}
	.st-middle-menu .menu li a{
		font-size:90%;
	}


	.sns {
		width: 100%;
		text-align:center;
	}

	.sns li a {
		margin:0;
	}

	.post .sns ul,
	.sns ul {
		margin:0 auto;
		width:290px;
	}

	.snstext{
		display:none;
	}

	.snscount{
		display:none;
	}

	.sns li {
		float: left;
		list-style: none;
		width: 40px;
		margin-right: 10px;
		position: relative;
	}

	.sns li:last-child {
		margin-right: 0px;
	}

	.sns li i {
		font-size: 19px!important;
	}

	.sns li a {
					border-radius: 50%;
				box-sizing: border-box;
		color: #fff;
		font-size: 19px;
		height: 40px;
		width: 40px;
		padding: 0;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.sns li a .fa {
		padding: 0;
		border: 0;
		height: auto;
	}

	/* ツイッター */
	.sns .twitter a {
		box-shadow: none;
	}

	.sns .twitter a:hover {
		background:#4892cb;
		box-shadow: none;
	}

	.sns .fa-twitter::before {
		position: relative;
		top:1px;
		left: 1px;
	}

	/* Facebook */
	.sns .facebook a {
		box-shadow: none;
	}
	.sns .facebook a:hover {
		background:#2c4373;
		box-shadow: none;
	}

	.sns .fa-facebook::before {
		position: relative;
		top:1px;
	}

	/* グーグル */
	.sns .googleplus a {
		box-shadow: none;
	}
	.sns .googleplus a:hover {
		background:#d51e31;
		box-shadow: none;
	}

	.sns .fa-google-plus::before {
		position: relative;
		left: 1px;
	}

	/* はてぶ */
	.sns .hatebu a {
		box-shadow: none;
	}

	.sns .hatebu a:hover {
		box-shadow: none;
		background:#00a5de;
	}

	.sns .st-svg-hateb::before {
		border-right:none;
		padding-right:0;
		font-size:19px!important;
	}

	.sns .st-svg-hateb::before {
		position: relative;
		left: 1px;
	}

	/* LINE */
	.sns .line a {
		box-shadow: none;
	}
	.sns .line a:hover {
		background:#219900;
		box-shadow: none;
	}

	.sns .fa-comment::before {
		position: relative;
		left: 1px;
		top: -1px;
	}

	/* Pocket */
	.sns .pocket a {
		box-shadow: none;
	}
	.sns .pocket a:hover {
		background:#F27985;
		box-shadow: none;
	}

	.sns .fa-get-pocket::before {
		position: relative;
		top: 1px;
	}







	.p-navi {
		display:none;
	}



	.rankh4:not(.st-css-no),
	.post .rankh4:not(.st-css-no),
	#side .rankh4:not(.st-css-no),
    .originalbtn-bold,
    .post h2:not(.st-css-no),
    .post h2:not(.st-css-no) span,
    .post h3:not(.st-css-no),
    .post h3:not(.st-css-no) span,
    .entry-title:not(.st-css-no),
    .post .entry-title:not(.st-css-no) {
        font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
    }





	/*スライドメニュー追加ボタン2*/
	#s-navi dt.trigger .acordion_extra_2 {
		max-width: 80%;
	}


/*media Queries タブレットサイズ（959px以下）
----------------------------------------------------*/
@media only screen and (max-width: 959px) {

	
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


	.kanren dt {
		float: left;
		width: 150px;
	}

	.kanren dt img {
		width: 150px;
	}

	.kanren dd,
	.kanren.st-cardbox dd {
		padding-left: 165px;
	}
	.st-cardstyleb .kanren.st-cardbox dd,
	#magazine .kanren dd {
		padding-left: 20px;
	}
	/*view数*/
	.st-wppviews-label .wpp-views,
	.st-wppviews-label .wpp-views-limit {
		font-size: 90%;
	}

	.kanren dt {
		  			padding: 10px 10px 20px;
			}


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media only screen and (min-width: 960px) {

	/*--------------------------------
	全体のサイズ
	---------------------------------*/

	
	#st-menuwide, /*メニュー*/
	nav.smanone,
	nav.st5,
	#st-menuwide div.menu,
	#st-menuwide nav.menu,
	#st-header, /*ヘッダー*/
	#st-header-under-widgets-box, /*ヘッダー画像下*/
	#content, /*コンテンツ*/
	#footer-in /*フッター*/
	 { 
		max-width:1060px;
	}

	#headbox
	 { 
		max-width:1040px;
	}

	
	/*1カラムの幅のサイズ*/
	.colum1 #st-header-under-widgets-box,
	.colum1 #content {
    	max-width: 1060px;
	}


	/*--------------------------------
	PCのレイアウト（右サイドバー）
	---------------------------------*/

	#contentInner {
		float: left;
		width: 100%;
		margin-right: -300px;
	}

	main {
		margin-right: 320px;
		margin-left: 0px;
		background-color: #fff;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		padding: 30px 50px 30px;
	}

	#side aside {
		float: right;
		width: 300px;
		padding: 0px;
	}



/**
 * サイト名とキャッチフレーズ有無の調整
 */



	#header-r .footermenust {
		margin: 0;
	}





	/*-- ここまで --*/
}