/*
Theme Name: BELZテーマ for WordPress 5.8
Theme URI: none
Author: ALICEBEL.Oikawa
Author URI: 
Description: BELZテーマ for WordPress 5.8
Version: 0.5.8
*/



/* 汎用設定 */


body{ }

.left_contents {
	overflow:hidden;
	font-size: 15px;
	line-height:170%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
}

a {
	text-decoration: none;
}

a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70)!important;
	-webkit-transition: 0.5s ease-in-out;
	 -moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.row {
	margin-right: 0px;
	margin-left: 0px;
}


/* リッチスニペット パンくずリスト */

.pankuzu {
	list-style-type:none;
}
ul.pankuzu {
	margin:0px;
	padding:0px;
}
.pankuzu li {
	display:inline;
	font-size:12px;
	margin-left:3px;
}
.pankuzu li a {
}
.pankuzu li:after {
	content:"\0020\00bb\0020";
}
.pankuzu li:last-child:after {
	content:"";
}


/* パラグラフ設定 */

.left_contents p {
	margin: 20px 0px;
}


/* ヘッダーカスタム */

.pclogo{
        margin-bottom:20px;
}

#header_top_wrap{
	padding:3px 0px;
}

#header_top{
	padding:3px 0px;
}

#menu_icon{
float:right;
}

#header_top h1{
	font-size:12px;
	line-height:1.4;
	margin:0px;
}

#header_in{
	margin: 0 auto;
	padding: 15px 0 0px 0;
        box-shadow:0px 5px 7px -3px rgba(119,119,119,0.9);
        -webkit-box-shadow:0px 5px 7px -5px rgba(119,119,119,0.9);
        -moz-box-shadow:0px 5px 7px -8px rgba(119,119,119,0.9);
        z-index:9999;
        position:relative;
}


/* 【SP】ヘッダーカスタム*/


@media screen and (min-width: 1049px) {
	/* 1049px以上用（タブレット横用）の記述 */
        .spcontact{
            right:7%;
            position: fixed;
            z-index: 2;
            top: 12px;
            display: block;
        }
}


@media screen and (max-width: 1049px) {
	/* 1049px以下用（タブレット用）の記述 */
        .spcontact{
            right:10%;
            position: fixed;
            z-index: 2;
            top: 12px;
            display: block;
        }
}

@media (max-width: 767px) {

#header_in{
        z-index:1;
        position:relative;
}

}

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


#header_in{
        z-index:1;
        position:relative;
}

#header_in img{
	width:100%;
        height:auto;
}

.spcontact{
    right:18%;
    position: fixed;
    z-index: 1;
    top: 12px;
    display: block;
}

#header_top{
	padding:10px 0px;
}

#header_top h1{
	float:left;
	width:70%;
	padding-top:8px;
	line-height:1.4;
}

#header_in{
	width:100%;
	margin: 0 auto;
	padding: 15px 0 15px 0;
}

}


/* h3見出し */

.the_content h3 {
	position: relative;
	font-weight:normal;
	font-size: 24px;
	line-height: 1.4;
	margin: 10px 0 0 0px;
	padding: 14px 5px 10px 0px;
}

.the_content h3:after {
	content: ".";
	line-height: 0;
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: -1px;
	width: 30%;
	border-bottom: 1px solid #337ab7;
}



/* ヘッダー画像 */

#header{
	margin:0 auto 20px;
	text-align:center;
}



/* ページネーション */

.pagination,.page-numbers {
	display: inline-block;
	padding-left: 0px;
	margin: 0px 0px 10px;
	border-radius: 0px;
}

.pagination>li>span.current{ }

.btn-group{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 10px 0px 20px; 
}

.pagination>li>a, .pagination>li>span,.page-numbers>li>a,.page-numbers>li>span {
	position: relative;
	float: left;
	font-size:13px;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	text-decoration: none;
}

.pagination > li,.page-numbers > li {
    display: inline;
}

.pagination > li > a, .pagination > li > span,.page-numbers > li > a, .page-numbers > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px.42857143;
    color: #333333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > li:first-child > a, .pagination > li:first-child > span,.page-numbers > li:first-child > a, .page-numbers > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span,.page-numbers > li:last-child > a, .page-numbers > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
	margin-right: 0px;
	margin-left: 0px;
}



/* container-fluid */

.container-fluid {
width:1050px;
padding-right: 0px;
padding-left: 0px;
}

@media screen and (max-width: 1049px) {
	/* 1049px以下用（タブレット用）の記述 */

.container-fluid {
        width:auto;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px;
}

}

@media (max-width: 767px) {

.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px;
}

}

@media screen and (max-width: 479px){
.container-fluid {
	margin-top:5px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 5px;
	padding-right: 5px;
}

.pagination {
	margin-bottom: 20px!important;
}
}


/* グローバルメニュー上部余白 */

.smanone{
        padding-top:5px;
}

/* グローバルメニュー設定（予備） */

ul#horgmenu {
	text-align:right;
	margin:0px;
	padding:0px;
}

ul#horgmenu li{
list-style-type:none;
float:right;
}

ul#horgmenu li a{
font-size:12px;
padding:0px 5px;
}

ul#horgmenu li a:before{
	font-family: FontAwesome;
	content: "\f0da";
	padding-right:3px;
}

.nav.fixed {
        transform: translateY(0%);
    animation: fadeIn 0.2s ease 0s 1 normal;
    -webkit-animation: fadeIn 0.2s ease 0s 1 normal;
}

@keyframes fadeIn {
  from {
    margin-top: -10%;
  }
  to {
    margin-left: 0%;
  }
}

@-webkit-keyframes fadeIn {
  from {
    margin-top: -10%;
  }
  to {
    margin-left: 0%;
  }
}

.navbar{
	margin:0 auto;
	width:100%;
padding-top:0px;
padding-bottom: 0px;
min-height: 35px;
border-radius: 0px;
}

.navbar-default { }

.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 14px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}

.navbar-nav li:first-child {
border-left:#337AB7 1px solid;
border-right:#337AB7 0px solid;
}

.navbar-nav li {
border-right:#337AB7 0px solid;
border-left:#337AB7 1px solid;
}

.navbar-nav {
margin: 0px 0px;
}

.navbar-default .navbar-nav > li { }

.navbar-default .navbar-nav > li > a {
	padding:7px 15px;
	display:block;
}
.navbar-default .navbar-nav > li > a:hover {
	padding:7px 15px;
	display:block;
}
.navbar-nav > li > a {
	padding-top: 0px;
	padding-bottom: 10px;
}
.nav > li > a {
	position: relative;
	display: inline;
	padding: 0px 0px 0px 0px;;
}
.navbar-collapse {
	margin-left:0px;
	padding-right: 0px;
	padding-left: 0px;
}

.glyphicon {
top: 0px;
}


/* 【SP】グローバルメニュー・ヘッダーメニュー */

@media (max-width: 767px) {
.navbar{
	margin:0 auto;
	width:100%;
	padding-top:0px;
	padding-bottom: 0px;
	min-height: 35px;
	border-radius: 0px;
}
}



/* ナビゲーション 設定 */

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	font-weight:bold;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { }

.navbar-nav li:first-child .menu-item{ }

.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a { }

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { }




/* メインコンテンツ 全体と見出し */

.left_contents .panel-body h3 {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

.left_contents .panel {
	margin-bottom: 20px;
	background-color: transparent;
	border: 0px solid transparent;
	border-radius: 4px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.page-header {
	padding-bottom: 9px;
	margin: 0px 0 0px;
	border-bottom: 0px solid #eee;
}

.page-header-single {
	padding-bottom: 9px;
	margin: 0px 0 0px;
	border-bottom: 0px solid #eee;
}

.left_contents{
	margin:0px 0px 10px 0px;
	padding:0px 0px 20px;
	background: transparent;
	border-radius: 0px;
	-webkit-border-radius: 0px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 0px; /* Firefox用 */
	border: 0px solid #E6E9ED;
}

.left_contents .thumbnail_top{ float:auto;}
.left_contents .thumbnail_top img{display:block;}



/* 【TB】メインコンテンツ 全体と見出し */

@media (max-width: 767px) {
.left_contents{
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px;
	background: transparent;
	border-radius: 5px;
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px; /* Firefox用 */
	border: 0px solid #E6E9ED;
}
}


/* 【SP】メインコンテンツ */

@media screen and (max-width: 479px){
.left_contents{
 margin:0px 0px 10px 0px;
 padding:0px 0px 20px;
 background: transparent;
 border-radius: 5px;
 -webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
 -moz-border-radius: 5px; /* Firefox用 */
	border: 0px solid #E6E9ED;
}
}



/* アーカイブ・リリース・ランキング */

.freespace{
	padding:10px 20px;
}

ul#updatelist{
	padding:15px 15px;
}

ul#updatelist li{
	list-style-type:none;
}

/* 
ul#updatelist li:nth-child(odd) .inner{
	margin-right:0px;
}

ul#updatelist li:nth-child(even) .inner{
	margin-left:0px;
}
 */

ul#updatelist li .inner{
	margin:4px 4px 4px;
}

ul#updatelist li .inner p{
	font-size:12px;
        font-weight:normal;
        margin:0px;
        padding: 0px 10px 15px;
        line-height: 1.5!important;
        color:#333333;
}

ul#pressreleaselist{
	padding:10px 20px;
}

ul#pressreleaselist li:nth-child(odd) .inner{
	margin-right:0px;
}

ul#pressreleaselist li:nth-child(even) .inner{
	margin-left:0px;
}

ul#pressreleaselist li a{
	display:block;
	padding:5px 5px 5px;
}

ul#pressreleaselist li a:hover{
}

ul#popularlist{
	padding:15px 15px;
        counter-reset: ranking-mark;
}

ul#popularlist li{
	position: relative;
        display:block;
	list-style-type:none;
        border-bottom:1px dotted #ccc;
        padding:5px 35px 5px;
        font-size:14px;
}

ul#popularlist li:before{
	background: #ddd;
	border-radius: 50%;
	content: counter(ranking-mark, decimal);
	counter-increment: ranking-mark;
	color: #fff;
	font-size: 11px;
	line-height: 1;
	padding: 6px 9px;
	position: absolute;
	top: 5px;
	left: 0;
}

ul#popularlist li:nth-child(1):before{
	background: #ADA142;
}
ul#popularlist li:nth-child(2):before{
	background: #bbb;
}
ul#popularlist li:nth-child(3):before{
	background: #7E5737;
}
ul#popularlist li:nth-child(10):before{
	background: #ddd;
	border-radius: 50%;
	content: counter(ranking-mark, decimal);
	counter-increment: ranking-mark;
	color: #fff;
	font-size: 10px;
	line-height: 1;
	padding: 7px 6px;
	position: absolute;
	top: 5px;
	left: 0;
}



/* メインコンテンツ インナー */

.left_contents .inner-first{
	padding:20px 20px 20px;
	border: 0px solid #666666;
}

.left_contents .inner-single{
	padding:20px;
	border-bottom: 0px solid #E6E9ED;
}

.left_contents #date_inner {
	background:transparent;
	padding:1px 0px;
	margin:0px 0px 0px auto;
}

.left_contents .blog_info_top {
	margin: 5px 3px 10px;
	padding: 0px;
	font-size: 12px;
	line-height: 1;
}

.left_contents .blog_info_top .cat a{ }

.left_contents h2.entry-title-top {
	font-size: 14px;
	line-height:1.3!important;
	line-height: 30px;
	padding:10px;
}

.left_contents h2.entry-title-ftop {
	font-size: 28px;
	line-height:1.4;
	margin-top:0px;
	margin-bottom:0px;
}

.left_contents h2.entry-title {
	font-size: 32px;
	line-height: 1.4;
	margin-top:10px; 
	margin-bottom:0px;
	font-weight:normal;
	padding-bottom:7px;
}

.left_contents h2.entry-title a {
	font-weight:normal;
}

.left_contents h2.entry-title02 {
	font-size: 32px;
	line-height: 1.4;
	margin-top:10px; 
	margin-bottom:0px;
	font-weight:normal;
	padding-bottom:7px;
        text-align:center;
}

.left_contents h2.entry-title a {
	font-weight:normal;
}

.archive-title { }
.archive-title h2{ }
.archive-title h3{ }


/* 【SP】メインコンテンツ インナー */

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

.left_contents .inner-single{
	padding:15px;
	border-bottom: 0px solid #E6E9ED;
}

.left_contents h2.entry-title {
	font-size: 24px;
}

.left_contents .inner-first{
	padding:15px 15px 15px;
	border: 0px solid #666666;
}

ul#updatelist{
	padding:10px 10px;
}

}


/* カテゴリー説明文 */

.category-description{
        border:1px solid #eeeeee;
        padding:10px;
        margin-top:15px;}

.category-description p{margin: 10px 0px;}

.left_contents .thumbnail_top img {
	width:100%;
	height:150px;
	object-fit: cover; /* モダンブラウザ用 画像トリミング */
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}

.singlethumb .fit{
	width:100%;
	height:200px;
}

.singlethumb .thumbplain{
	overflow:hidden;
}

.thumbplain img{
	width:100%;
        height:auto;
}


/* 画像トリミング　IE EDGE 用 画像トリミング ofi.min.js
　imgファイルにclass="object_fit_img" を追加
 */
.object_fit_img {
	object-fit: cover;/* モダンブラウザ用 画像トリミング */
	font-family: 'object-fit: cover;'/* IE EDGE 用 */
}


.left_contents .thumbnail_ftop img {
	width:100%;
	height:auto;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}


.left_contents {
	/* このセレクタはニュートラルにしておく */
}

.left_contents .excerpt {
	font-size:13px;
	line-height:1.6;
	margin: 0px;
	padding: 0px;
	background: transparent;
	border: 0px solid #E6E9ED;
}

.left_contents .the_content {
	margin: 0px;
	padding: 10px 0px 10px;
	border: 0px solid #E6E9ED;
}

/* 【SP】アイキャッチ画像 画像トリミング 補正 */

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

.left_contents .thumbnail_top img {
height:150px;
object-fit: cover; /* モダンブラウザ用 画像トリミング */
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

.singlethumb .thumbplain{
	width:100%;
        height:auto;
}

}


/* 【TB】サイドバー マージン */

@media (min-width: 767px) {
	#sidebar{}
}



/* サイドバー 新着記事一覧 */

.side-entry {
	list-style:none;
	margin:0px 0 0 0;
	padding:0;
	position:relative;
}

.side-entry .new {
	list-style:none;
	margin:0 0 10px 0;
	padding:0 0 10px 0px;
	font-size:14px;
	line-height:150%;
	clear:both;
	border-bottom:dotted 1px #999999;
}

.side-entry .new img {
	width:75px;
	height:75px;
	-webkit-border-radius:80px;
	-moz-border-radius:80px;
	border-radius:80px;
}

.side-entry .new .entry-end {
	list-style:none;
	margin:0 0 5px 0;
	padding:0 0 10px 15px;
	font-size:14px;
	line-height:150%;
	clear:both;
	border-bottom:none;
}

.entry-info{
width:100%;
float:auto;
margin:0 15px 0 0;
padding:0;
}

.entry-day{
margin:0 0 5px 0;
padding:0;
}

.side-entry .date {
width: 50%;
margin: 5px 0px 0px;
padding: 3px 0px 2px;
font-size: 12px;
text-align: center;
font-weight: normal;
}

.side-entry span {
	float: left;
	width: 50%;
	margin: 5px 0px 0px;
	padding: 3px 0px 2px;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
}


/* サイドバー ウィジェットリスト設定 */

.panel {
    margin-bottom: 20px;
    border: 0px solid transparent;
    border-radius: 0px;
}

.panel-body {
    padding: 12px;
}

#colbox .panel {
/* 1カラム版のサイドバー */
    background-color: transparent!important;
}

.panel-default > .panel-heading {
	font-size:15px;
}

.panel-heading{
	padding:10px 10px;
	border-bottom:0px solid transparent;
	border-top-left-radius:0px;
	border-top-right-radius:0px;}

.panel-body ul{
	padding-left: 0;
	margin-bottom: 10px;
        counter-reset: ranking-mark;
}

.panel-body ul li{
        font-size:15px;
	position: relative;
	display: block;
	padding: 10px 0px;
	border-bottom: 1px solid #ddd;
}

.panel-body ul li.new{
	list-style-type: none;
	padding: 10px 0px 10px 33px;
	position: relative;
	font-size:14px;
}

.panel-body ul li.new:before{
	background: #ddd;
	border-radius: 50%;
	content: counter(ranking-mark, decimal);
	counter-increment: ranking-mark;
	color: #fff;
	font-size: 11px;
	line-height: 1;
	padding: 6px 9px;
	position: absolute;
	top: 5px;
	left: 0;
}

.panel-body ul li.new:nth-child(1):before{
	background: #ADA142;
}
.panel-body ul li.new:nth-child(2):before{
	background: #bbb;
}
.panel-body ul li.new:nth-child(3):before{
	background: #7E5737
;
}
.panel-body ul li.new:nth-child(10):before{
	background: #ddd;
	border-radius: 50%;
	content: counter(ranking-mark, decimal);
	counter-increment: ranking-mark;
	color: #fff;
	font-size: 10px;
	line-height: 1;
	padding: 7px 6px;
	position: absolute;
	top: 5px;
	left: 0;
}

.panel-body ul li:first-child {}
.panel-body ul li:last-child {margin-bottom: 0;}

.panel-body ul li a:hover,
.panel-body ul li a:focus {}



/* フッターメニュー */


#footer{
	padding-top:20px;
	padding-bottom:20px;
}

#footer a{ }

#footer a:hover{text-decoration:none;}

#footmenu{}
#footmenu .footinner{}

#footmenu .footinner ul{
	padding:0px;
	margin-bottom: 10px;
}

#footmenu .footinner ul li{
	margin:0px 0px 10px;
	padding:0px;
}

#footmenu .footinner ul li a {
	font-size: 12px;
}

#footmenu .footinner ul li a:before {
	content: " \f105";
	padding-right:5px;
	font-family: FontAwesome;
}

#footmenu h5.foottitle{
	font-size:13px;
	font-weight:bold;
	margin:5px 0px 20px;
}

#foot_bnr2 {
	padding: 20px 0px;
}

#foot_btn {
	padding: 20px 0px;
}

.footspace {
	position: relative; 
	overflow: hidden; 
/* 下のulのcssでリスト全体を右に50%移動しているので、その分幅が広がってしまいスクロールバーが表示されてしまいます。それを防ぐ為の設定です。 */
}

.footspace ul {
	position: relative;
	left: 50%; /* リスト全体であるul要素を右に50%移動。つまり先頭を中央に持ってくる感じです。 */
float: left;
}

.footspace ul li {
	position: relative;
	left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
	float: left;
	list-style: none; /* 項目にぼっちを出したくない場合はこれを設定（今回はあんまり関係ないですが） */
}

.footspace ul li .text {
	font-size:12px;
	margin-top:5px;
	margin-left:20px;
}

.footspace h3 {
	text-align:center;
	margin-top:0px;
	margin-bottom:15px;
	font-weight:bold;
	font-size:16px;
}

.teldisplay{
        display:block;
        text-align:center;
        font-size:150%;
}


/*------------------------------------------------------------
Grid・・・bootstrapグリッドシステム カスタマイズ
-------------------------------------------------------------*/

.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 {
	position: relative;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
}

@media (min-width: 468px){
.col-right{
    float: right!important;
}
}


/*------------------------------------------------------------
Library・・・ライブラリ部分カスタマイズ
-------------------------------------------------------------*/

.media{margin-bottom:30px;}

.media-heading{
	font-size:15px;
	font-weight:bold;
}

.media-heading a{ }

.media-body ul{list-style:none;margin:0px;padding:0px;}



.media-sum{
position:relative;
padding:10px;
border:1px #ccc solid;
border-radius: 10px;		/* CSS3草案 */
-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
}

.media-sum h4.title{
font-size:13px;
font-weight:600;
padding-bottom:5px;
border-bottom:1px dashed #cccccc;
}

.media-sum .media-heading{
font-size:14px;
line-height:140%;
}
.media-sum .media-body{
font-size:12px;
line-height:140%;
}

.media-sum .media-body p{
margin: 15px 0px 7px;
}

.dital-link{
text-align:right;
margin-right:5px;}

.media-left img{
width:90px;
height:90px;
border-radius:50%;
}

@media (max-width: 767px) {
.media-body, .media-left, .media-right {
	display: block;
	vertical-align: top;
}
.media-body {
	width: auto;
}
}



/*------------------------------------------------------------
button・・・各種ボタンの設定
-------------------------------------------------------------*/

/*続きを読むボタン*/

.media-body{
	font-size:12px;
	line-height:1.6;
}

.more-link {
	margin-bottom:20px ;
	margin-left:5px ;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float: right;
}

.more-link:hover {
	 text-decoration:none;
}

.more-link {
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	text-decoration: none;
	line-height: 36px;
	outline: none;
}
.more-link::before,
.more-link::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.more-link,
.more-link::before,
.more-link::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}




/*------------------------------------------------------------
検索フォーム
-------------------------------------------------------------*/

#searchform {
	padding: 0px;
}

#s {
	width: 63%;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	vertical-align: bottom;
	border-radius: 5px 0 0 5px;
	outline: none;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

#s:focus {  }

#searchsubmit {
	height: 32px;
	vertical-align: bottom;
	border: 0px solid #F27893;
	border-radius: 0 5px 5px 0;
	margin-left: -5px;
	font-weight:bold;
	cursor: pointer;
}


@media screen and (max-width: 479px){
#searchsubmit {
	width: 23%;
	height: 32px;
	vertical-align: bottom;
	border-radius: 10px 10px 10px 10px;
}
}

#searchsubmit:hover {
	filter: alpha(opacity=70);
	/* 以下、ゆっくりフェードインさせる設定 */
	-webkit-transition: 0.5s ease-in-out;
	 -moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

#searchsubmit:active { }



/*------------------------------------------------------------
【プラグイン】browser-shot用設定
-------------------------------------------------------------*/

/* スクリーンショットを中央に */

.browser-shot {
	text-align:center;
}
 
/* スクリーンショットの画像周りにボーダーを表示 */
.browser-shot img {
	border: 0px solid #cccccc!important;
}



/* 同じカテゴリの記事 */

.re-title{
	margin-top:50px;
	margin-bottom:20px;
	font-size:18px;
	font-weight:bold;
	padding:10px 15px;
	background:#d7d7d7;
	border-radius: 10px;		/* CSS3草案 */
-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */
}

#fb{margin-top:50px;}



/* ソーシャルボタン */

.sns-btn {
	margin:50px auto 20px;
	text-align:center;
}

.sns-btn ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 4px 0;
}

.sns-btn ul li{
	display: table-cell;
}

.sns-btn ul li.button-fb a {
	background-color: #3b5998;
	border-radius: 0px;
	box-shadow: 0 0px 0 rgba(136,136,136,1);
	color: #ffffff;
	display: block;
	font-size: 12px;
	line-height:130%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 5px 0;
}

.sns-btn ul li.button-fb a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.sns-btn ul li.button-fb span {
	text-align:center;
	margin:0 auto;
	font-size:200%;
}

.sns-btn ul li.button-tw a {
	background-color: #33ccfd;
	border-radius: 0px;
	box-shadow: 0 0px 0 rgba(136,136,136,1);
	color: #ffffff;
	display: block;
	font-size: 12px;
	line-height:130%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 5px 0;
}

.sns-btn ul li.button-tw a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.sns-btn ul li.button-tw span {
	text-align:center;
	margin:0 auto;
	font-size:200%;
}


.sns-btn ul li.button-google a {
	background-color: #DD4B39;
	border-radius: 0px;
	box-shadow: 0 0px 0 rgba(136,136,136,1);
	color: #ffffff;
	display: block;
	font-size: 12px;
	line-height:130%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 5px 0;
}

.sns-btn ul li.button-google a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.sns-btn ul li.button-google span {
	text-align:center;
	margin:0 auto;
	font-size:200%;
}


/* 【TB】ソーシャルボタン */

@media (max-width: 767px) {

.sns-btn ul li.button-google a {
background-color: #DD4B39;
border-radius: 0px;
box-shadow: 0 0px 0 rgba(136,136,136,1);
color: #ffffff;
display: block;
font-size: 12px;
line-height:130%;
font-weight: bold;
text-align: center;
text-decoration: none;
padding: 10px 10px;
}

.sns-btn ul li.button-tw a {
background-color: #33ccfd;
border-radius: 0px;
box-shadow: 0 0px 0 rgba(136,136,136,1);
color: #ffffff;
display: block;
font-size: 12px;
line-height:130%;
font-weight: bold;
text-align: center;
text-decoration: none;
padding: 10px 10px;
}

.sns-btn ul li.button-fb a {
background-color: #3b5998;
border-radius: 0px;
box-shadow: 0 0px 0 rgba(136,136,136,1);
color: #ffffff;
display: block;
font-size: 12px;
line-height:130%;
font-weight: bold;
text-align: center;
text-decoration: none;
padding: 10px 10px;
}

}



/*
概要テーブル
*/

#regal{
    margin:0px auto;
}

table#regal {
    width:100%;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #BDBDBD;
    font-size:13px;
}

table#regal tr {
    border: 1px solid #BDBDBD;
}

table#regal th {
    border: 1px solid #BDBDBD;
    padding: 8px 12px;
    background:#eeeeee;
        color:#333333;
}

table#regal th.w15 {
    width:15%;
}

table#regal td {
    vertical-align: inherit;
    padding: 8px 12px;
        color:#333333;
}

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

table#regal th.w15 {
    width:20%;
}

}



/* アマゾンリンク設定 */

.amazon table{
border-collapse:separate!important;
border-spacing:0px!important;
border:1px solid #999!important;
padding:15px;
}

.amazon table td img{ margin-right:5px; }
.amazon table td{ line-height:1.3; }
.amazon table td a{ font-size:16px; }



/* プレスリリース */

.release_title{
	display:block;
	font-size:16px;
	margin-bottom:10px;
}

.release_list{
	font-size:13px;
	clear: both;
	border:0px solid #ddd;
	padding:20px 20px;
}

.release_list p{
	text-align:right;
	margin: 0px 0px;
}

.release_list dt{
	float:left;
	width:15%;
	clear: both;
	font-weight:normal;
	padding:3px 0px;
}

.release_list dd{
	padding:3px 3px;
	border-bottom:1px dashed #CCC;
}


/* 【SP】プレスリリース */

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

.release_list{
	clear: both;
	padding:15px 15px;
	margin-top:10px;
	margin-bottom:10px;
}

.release_list dt{
	float:left;
	width:30%;
	clear: both;
	font-weight:normal;
	padding:3px 0px;
}

}


/* ソーシャルアイコン */

#header_in .socialicon{
	position:absolute;
	right:0px;
	top:30px;
}

#footmenu .socialicon{
        text-align:left;
        margin:20px auto 10px;
}

#header_in .headsearch{
	position:absolute;
	right:28%;
	top:30px;
}

.socialicon .fa{
	font-size:200%;
	margin:0px 2px;
}

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

#header_in .socialicon{
	margin-top:10px;
	text-align:center;
	position:static;
	right:auto;
	top:auto;
}

.socialicon .fa{
	font-size:220%;
	margin:0px 2px;
}

}


/* 問い合わせボタン */

.btn-inq01 a{
	display:block;
	text-decoration:none;
	font-size:16px;
	padding:15px 25px;
	text-align:center;
	margin-left:5px;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px; /* Firefox用 */
}

.btn-inq01 a:hover{
	/* 以下、ゆっくりフェードインさせる設定 */
	-webkit-transition: 0.5s ease-in-out;
	 -moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}