@charset "utf-8";
/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme c 2011-2017 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/


/*--------------------------------------
  リセット
--------------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

a {
	text-decoration: underline;
}

ul, ol {
	list-style: none;
	font-size:15px;
}

img {
	vertical-align: top;
	border: 0;
}

button {
	font-size: 100%;
}

.clear {
	clear: both;
}

blockquote, q {
	quotes: none;
}

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

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

textarea {
	width: 100%;
}

input {
	max-width: 100%;
}

img#wpstats {
	position: absolute;
	width: 0px;
	height: 0px;
	padding: 0px;
	border: none;
	overflow: hidden;
}


table {
   font-size:16px !important;	
}



/*--------------------------------------
  クラス定義
--------------------------------------*/

.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.s {
	font-size: 50%;
}
.ss {
	font-size: 70%;
}
.l {
	font-size: 150%;
	line-height: 130%;
}
.ll {
	font-size: 200%;
	line-height: 120%;
}
.b {
	font-weight: bold;
}
.wp-caption {
	text-align: center;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
span.futo {
	font-weight: bold;
}

span.futoaka {
	font-weight: bold;
	color: #ff0000;
}

span.futomido {
	font-weight: bold;
	color: #149b14;
}

body{
 font-family: メイリオ, Meiryo, 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
	    font-size: 1em;
}



/*--------------------------------------
  ボックス
--------------------------------------*/

.gray_box {
	width: 85%;
	margin: 1em auto 1em auto;
	padding: 5%;
	background-color: #efefef;
	overflow: hidden;
}

.gray_box p {
	margin: 0;
}

#entry_body .gray_box ul:last-child {
	margin-bottom: 0;
}

blockquote {
	width: 85%;
	background: url(images/bq24.png) left top no-repeat;
	margin: 1em auto 1em auto;
	padding: 30px 5% 1% 3%;
	border-left: 3px solid #777777;
	border-top: 1px solid #777777;
	border-right: 1px solid #777777;
	border-bottom: 1px solid #777777;
}

.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span {
	width: 100% !important;
}

/*--------------------------------------
  動画レスポンシブ化
---------------------------------------*/

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 0 auto 24px 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--------------------------------------
  クリアフィックス
---------------------------------------*/

.clearfix:after {
	visibility: hidden;
	height: 0;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
}

* html .clearfix {
	zoom: 1;
}

*:first-child+html .clearfix {
	zoom: 1;
}

/*--------------------------------------
  画像
--------------------------------------*/

img {
	max-width: 100%!important;
	height: auto;
}

img.alignright {
	display: block;
	margin: 0 0 0 auto;
}
img.alignleft {
	display: block;
	margin: 0 auto 0 0;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
img.float-left {
	float: left;
	margin: 0 10px 0 0;
}
img.float-right {
	float: right;
}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*--------------------------------------
  リンク
--------------------------------------*/

a {
	color: #1122cc;
	text-decoration:underline;
}

a:hover {
	color: #c03;
text-decoration:underline;
}

/*--------------------------------------
  全体定義
--------------------------------------*/

html {
	font-family : verdana, sans-serif;
	font-size : 100%;
	line-height : 1.5;
	background: #fdfdff;
	color: #333;
}


/*--------------------------------------
  見出しベース
--------------------------------------*/

h2,h3,h4,h5,h6 {
	margin-bottom: 24px;
}

h1 {
	font-size: 48px; 
	line-height : 1;
}


h2 {
	font-size: 23px !important;
	line-height: 1;
}

h2.midasi1{
	margin-top:10px !important;
  border-bottom: solid 3px black !important;
		font-size: 23px !important;
}

h2.midasi2 {
	  padding: 0.25em 0.5em !important;
  color: #494949;
  background: transparent !important;
  border-left: solid 5px #7db4e6 !important;
}

h3 {
	font-size: 24px;
	line-height: 1;
}

/*--------------------------------------
  ヘッダ見出し
--------------------------------------*/

#header {

}

#header .top_title {
	/* margin-bottom: 12px; */
	font-size: 36px;
	text-align: center;
}

#header .caption {
	color: #222;
}

#header h1 {
    /* text-align: left; */
    font-size: 14px;
    background: #001d59;
    color: #fff;
    padding: 5px;
}

#header h2 {
	font-size: 16px;
	margin-bottom: 0px;
}

#header .hgroup {
	/* margin-top: 12px; */
}


#header img {
	border-bottom: 1px solid #ccc;
    padding: 5px 0px;
    width: 97%;
}

/*--------------------------------------
  ナビゲーション
--------------------------------------*/

nav#menu {
	margin-bottom: 24px;
	background-color: #444;
	display: none;
}

.togmenu {
	display:none;
}

.menubtn {
	padding: 8px;
	background: #444;
	color: #fff;
	text-align: left;
	display: none;
}

nav#menu ul {
	overflow: hidden;
	margin-bottom: 24px;
}

nav#menu ul li {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #fcfcfc;
}

nav#menu ul li a {
	display: block;
	color : #fff;
	padding : 8px 0;
}

nav#menu ul li a:hover {
	color: #444;
	background-color: #ccc;
}

/*--------------------------------------
  コンテンツエリア
--------------------------------------*/

#contents {
    margin: 0 10px 24px;
	text-align: left;
	line-height: 2;
    padding:0px 0px 0 0px;
	}

#contents p {
	margin-bottom: 1.66667em;
    font-size: 1.1em;
    line-height: 1.8;
	color: #2a2c2e;
}

#tinymce{
	width:700px;
}

#tinymce p{
	margin-bottom: 1.6em;
    font-size: 15px;
    line-height: 2.2;
	padding:0px 15px;
}

#contents #main {
	padding: 0px 0px 0px;
}

#contents #main .home_area {
	border-bottom: 1px solid #ddd;
	margin-bottom: 24px;
}

#contents #main .date-time {
	font-size: 80%;
	text-align: center;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
	margin-right:5px;
}

.fa-comment-o:before {
    content: "\f0e5";
}

.box3 {
  margin: 2em 0;
  padding: 1.5em 1em;
  background: #edf6ff;
  color: #2c2c2f;
}

#contents .boxontitle {
	font-weight: bold;
	margin-bottom: 10px;
}



#contents .dottbox {
    border: dotted 1px #666;
    padding: 20px 10px 10px;
	margin-bottom:20px;
}

#contents .dottbox p{
	margin-bottom:10px;
	padding-left: 5px;
   padding-right: 5px;
}

#contents .dottbox ul{
	margin-bottom:10px;
}

.yellow_box {
    background: #FEFBDB;
    padding: 15px;
    margin-bottom: 25px;
}

.b_box {
	border: 2px solid #666;
    padding: 20px 10px 0;
	margin-bottom:20px;
}

#contents .b_box p{
	width: auto;
}

.alert {
    padding: 15px;
    margin-bottom: 23px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.memo.alert {
    border: #ce2c72 2px solid;
    background: #fbf8fa;
}

.memo.alert .memo_ttl {
    color: #ce2c72;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
}

.memo_ttl:before {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 37px;
    margin: 0 8px 0 0;
    border-radius: 50%;
    background: #ce2c72;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    content: "\f071";
    font-size: 20px;
}

#contents .alert p{
	margin-bottom:10px;
}
#contents .alert p:last-child{
	margin-bottom:0;
}



.kijiimgs {
        width:100%;
        margin-bottom:10px;        
}

#contents p.right_link {
        text-align:right;
        font-weight:bold;
		text-decoration:none;
		font-size: 100%;
		margin-bottom:70px;
}

.text-right {
	text-align:right;
}

.r_line {
    color: #dc0000;
    font-size: 1.0em;
    font-weight: bold;
    background: #F9D468;
}

.bbu {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}

.br {
    color: #dc0000;
    font-weight: bold;
}

.bbr {
    color: #dc0000;
    font-weight: bold;
}

.big{
	font-size:150%;
	font-weight:bold;
}

.bbline {
    color: #000;
    font-size: 1.0em;
    font-weight: bold;
    background: #F9D468;
}

.bb {
font-weight: bold;
}

#contents .small{
	font-size:12px;
}

.brline {
border-bottom: #ee0000 2px solid;
font-weight: bold;
}

.rbline {
color: #ee0000;
    border-bottom: #000 1px solid;
    font-weight: bold;
}

.pointbox{
	background:#fff4db;
	padding:15px;
	border-radius:8px;
	margin-bottom:24px;
	border:2px solid #ffa500
}

#entry_body .pointbox ul{
	margin-bottom:-10px;
	padding:0px;
	margin-left:10px;
}

#entry_body .pointbox li{
}

#entry_body .pointbox p:last-child{
	margin-bottom:0px;
}

/****口コミA**/
.kuchi_box {
    background-color: #f1f1f1;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #909090;
    color: #000000;
    margin: 0 0 2em;
    padding: 20px 10px 0;
}

.kuci_label {
    padding: 8px 18px;;
    color: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 7px;
    background: #78a7fb;
    margin-bottom: 5px;
}


/****口コミB**/
.kutib_box {
    background-color: #fefdf2;
    border: 1px solid #ffd7a7;
    border-radius: 10px;
    padding: 20px 10px 0;
	margin-bottom: 20px
	}



#contents .open {
	color:#00C;
	cursor: pointer;
	font-weight:bold;
}


/**************
　QAスタイル
**************/

.qa dl{
     margin:0 0 20px;
    font-size: 15px;
    line-height: 2.2;
     overflow: hidden;
     _zoom: 1;
}

.qa dt{
	font-weight:bold;
}

.qa dl dd,
.qa dl dt{
     text-indent: -2.6em;   
     padding: 0 10px 0 40px;
}

.qa dl dt{
     margin:10px 10px 0 0;
}

.qa dl dd:first-letter,
.qa dl dt:first-letter{
     font-size: 1.6em;
     font-weight: bold;
     margin-right:5px;
     padding:5px;
     font-family: 'Nunito', sans-serif;
}


.qa dl dd{
     margin: 0px 0 -1px 0;
     padding-bottom:15px;
     border-bottom: 1px #000 dotted;
}


.qa dl dt:first-letter{
     color: #0F78E1;
}
.qa dl dd:first-letter{
     color: #ff6767;
}




                /*ボタン*/

.button {
        border: 3px solid #FEBE8F;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        font-size: 1.2em;
        font-family: arial, helvetica, sans-serif;
        padding: 10px;
        /* width:90%; */
        margin:40px auto;
        text-align:center;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #FFA15C;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFA15C), to(#FF7916));
        background-image: -webkit-linear-gradient(top, #FFA15C, #FF7916);
        background-image: -moz-linear-gradient(top, #FFA15C, #FF7916);
        background-image: -ms-linear-gradient(top, #FFA15C,#FF7916);
        background-image: -o-linear-gradient(top, #FFA15C, #FF7916);
        background-image: linear-gradient(to bottom, #FFA15C, #FF7916);
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFA15C, endColorstr=#FF7916);
        border-radius: 10px;        /* CSS3草案 */
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
        -moz-border-radius: 10px;   /* Firefox用 */
}

#entry_body .button a{
        display:block;
        color:#fff;
        text-align:center;
        text-decoration:none;
        width:100%;
}

.kutikomi {
    border: 2px solid #FFBCBD;
    background: #FFFdFd;
    border-radius: 5px;
    padding: 20px 10px 0;
    margin-bottom: 20px;
    margin-top: 10px;
}


#entry_body .kutikomi p{
	margin-bottom:20px;
}




/**テーブル**/
table.type03 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 3px solid #369;
	margin-bottom: 20px;
}
table.type03 th {
	white-space: nowrap;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #153d73;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}
table.type03 td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/*******/
table.type07 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border: 1px solid #ccc;
}
table.type07 thead {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #04162e;
    font-size: 14px;
}
table.type07 thead th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
}
table.type07 tbody th {
	white-space: nowrap;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #efefef;
}
table.type07 td {
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}



/*--------------------------------------
  記事内指定
--------------------------------------*/

#entry_body ul {
	/* list-style: url(images/checkmark.png) inside; */
	margin-bottom: 24px;
	/*list-style:square;*/
	
    list-style: none;
    list-style-type: none;
	
	
}

#entry_body ol {
	margin-bottom: 24px;
	
    list-style: none;
    list-style-type: none;
	
}

#entry_body li {
	/* font-size:18px; */
	/* font-weight:bold; */
	margin-bottom: 10px;
	margin-left:10px;
}

#entry_body li:last-child{
	margin-bottom:0;
}


#entry_body li.nb {
	font-size:20px;
	font-weight:normal;
	margin-bottom:10px;
}

#entry_body a {
	
}

.entry_check{
z-index:100;
height: 100vh;
background:#fff;
}

/*--------------------------------------
  メイン画像
--------------------------------------*/

#contents #main img {
	border: 3px solid #eee;
}

#contents #main #entry_body img {
	border: 0;
}

/*--------------------------------------
  トップ新着記事見出し
--------------------------------------*/

#entry_body h3.new_entry_title {
	border: 0;
	line-height: 1.2;
}

#entry_body h3.new_entry_title a {
	text-decoration: none;
}

/*--------------------------------------
  記事見出し
--------------------------------------*/

#contents #main #single_title {
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 24px;
}

h2{
	font-size: 25px;
	margin: 20px 0 30px 0;
	padding-bottom:20px;
	line-height:1.7em;
	font-weight: bold;
    border-bottom: 1px solid #000;}



h3{
	font-size: 25px;
	line-height:1.6em;
	margin-top: 70px;
    padding: 20px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
	}

h4{
    color: #000;
	line-height:1.6em;
    font-size: 23px;
    margin: 70px 0px 15px 0;
    padding: 0 0 0 20px;
    border-left: 5px solid #000;
}

#entry_body .box-app-rating h4{
	font-size:1.1em;
	margin:25px 0px 10px 0px;
	border-left: 5px solid #ca4511;
	padding: 0 0 0 5px;
}

#contents .box-app-rating p{
	zfont-size:13px;
	line-height:160%;
	margin-top:15px;
	padding:0px;
}


h5{
    font-size: 20px;
	line-height:1.6em;
    background-color: #F3F3F3;
    border-radius: 10px;
    padding: 15px 20px;
   margin: 50px 0px 20px 0;
}

/*--------------------------------------
  メタボックス
--------------------------------------*/

.meta_box {
	font-size: 70%;
	margin: 0 0 24px 0;
	padding: 3% 0;
	background-color: #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#entry_body .meta_box p {
	margin: 0 0 0 10px;
	text-align:right;
}

/*--------------------------------------
  カテゴリー・タグ
--------------------------------------*/

#cat_tag {
	margin-bottom: 24px;
	padding: 0 0 12px 0;
	text-align: left;
	border-bottom: 1px dashed #ccc;
	word-break: keep-all;
	line-height: 2em;
}

#cat_tag a {
	color: #fff;
	background-color: #444;
	margin: 0 0.2em 0 0;
	padding: 3px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
}

#cat_tag a:hover {
	color: #ffd700;
}

/*--------------------------------------
  記事下広告
--------------------------------------*/

#entry_footer_ad {
	margin: 10px auto;
}

/*スマホ非表示*/
#entry_footer_ad .efa_right {
	display: none;
}

/*--------------------------------------
  個別記事SNS
--------------------------------------*/

#entry_snsbox {
	border: 1px solid #ccc;
	padding: 5px;
	text-align: left;
	margin: 0 0 24px 0;
}

#entry_snsbox ul {
	margin: 10px 0;
	list-style: none;
}

#entry_snsbox li {
	float: left;
	margin-right: 10px;
	min-height: 100px;
}

a.feedlyButton {
	color: #777777;
	text-align: center;
	text-decoration: none;
}

a.feedlyButton:hover {
	color: #333333;
}
a.feedlyButton:visited {
	color: #777777;
}
.arrow_box_feedly {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	height: 35px;
	width: 66px;
	margin-bottom: 8px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.arrow_box_feedly:after, .arrow_box_feedly:before {
	border: medium solid transparent;
	content: " ";
	height: 0;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 100%;
	width: 0;
}
.arrow_box_feedly:after {
	border-color: #FFFFFF rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
	border-width: 4px;
	margin-left: -4px;
}
.arrow_box_feedly:before {
	border-color: #CCCCCC rgba(204, 204, 204, 0) rgba(204, 204, 204, 0);
	border-width: 5px;
	margin-left: -5px;
}
.arrow_box_feedly img {
	margin: 0;
	border: none;
}
.arrow_box_feedly span {
	line-height: 35px;
}

/*--------------------------------------
  記事下関連記事
--------------------------------------*/

#relations {
	margin: 0 0 24px 0;
}

#relations ul {
	list-style: none;
}

#relations li {
	margin-bottom: 0px;
	width:100%;
	float:none;
	clear:both;
	overflow:hidden;
}

.thumbre{
	float:left;
	margin-right:3%;
}

.tlinkre{
	width:67%;
	float:left;
	text-align:left;
}

.side_thumb{
		float:left;
	margin-right:3%;
	margin-bottom:1%;

}

.side_title{

}


/**********
 SPのみ適応スタイル
 *********/

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

	.thumbre img{
		width:80px;
	}

.tlinkre{
	width:67%;
}

.side_title{
	font-size:13px;

}

.table-scroll {
        overflow-x: scroll;
    padding: 10px 0;
    }
	

}

/*--------------------------------------
  パンくず
--------------------------------------*/

.pankuzu {
	font-size: 13px;
	padding-bottom: 10px;
	color: #222;
	text-align: left;
}
#entry_body .pankuzu a {
	color: #222;
	text-decoration: none;
}
div#breadcrumb {
	clear: both;
}
div#breadcrumb a {
	color: #666;
}
div#breadcrumb div {
	display: inline;
	font-size: 13px;
}

/*--------------------------------------
  コメント
--------------------------------------*/

h3#comments {
	border: none;
	line-height: 1.2;
}

#respond h3 {
	border: none;
	line-height: 1.2;
}

#comment_box {
	display:none;
	text-align: left;
	background-color: #ddd;
	padding: 10px 20px;
	margin-bottom: 20px;
}

#comment_box ul {
	list-style: none;
}

#comment_box p a {
	color: #999;
}
#comment_box p {
	font-size: 90%;
	font-weight: normal;
	margin: 0 0 15px 0;
}
#comment_box label {
	display: block;
}

.metadata {
	font-size: 13px;
	line-height: 20px;
}

.comment-body {
	padding: 10px;
	margin-bottom: 20px;
	background-color: #fff;
}
.fn {
	font-style: normal;
}
.says {
	font-size: 80%;
}
.commentmetadata {
	font-size: 70%;
	padding: 5px;
}
.reply {
	font-size: 90%;
	text-align: right;
}

.comment-reply-link{
	border: 1px solid #ccc;
	padding: 2% 4%;
	background-color: #999;
	color: #fcfcfc;
	text-decoration: none;
}

#comment_box #commentform .tags {
	padding: 10px;
	background-color: #f3f3f3;
	font-size: 13px;
}

#comment_box #commentlist img {
	padding: 10px;
}

/*--------------------------------------
  前の記事・次の記事
--------------------------------------*/

#page_pn {
	margin: 0 0 20px 0;
}

#page_pn dl {
	text-align: left;
}

/*--------------------------------------
  ページャー
--------------------------------------*/

.pager{
	text-align: center;
}
a.page-numbers,
.pager .current{
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px 8px;
	margin: 10px 2px 0 2px;
}
.pager .current{
	background: #444;
	border: 0;
	color: #fff;
}

/*--------------------------------------
  サイド
--------------------------------------*/

#sub {
	font-size: 100%;
	margin-bottom: 24px;
	overflow: hidden;
}

#sub h4 {
	border-bottom: 1px dotted #aaa;
}

#sub .side_ad {
	margin-bottom: 24px;
}

#sub .side_contents dl {
	text-align: left;
	margin-bottom: 24px;
}

#sub .side_contents ul {
	text-align: left;
	margin-bottom: 24px;
}

#sub .side_contents ul li {
	margin-bottom: 0.3em;
}

#sub .side_contents ul.children {
	margin: 12px 0 12px 0;
}

#sub .side_contents {
	margin-bottom: 24px;
}

.side_new {
	margin: 0 0 15px 0;
	text-align: left;
}

#sub .side_new a {
	display: block;
}

#searchform {
	margin-bottom: 24px;
}

#sub a:hover {
	text-decoration: underline;
}

.textwidget {
	margin-bottom: 24px;
}

#sub .side_contents .g-search {
	text-align: left;
	margin: 24px 0;	
}

/*-----------------------------------
  カレンダー
------------------------------------*/

#calendar_wrap{
	margin-bottom: 24px;
}
#wp-calendar {
	border-collapse: collapse;
	border: 1px solid #999;
	width: 80%;
	margin-left: 35px;
}
#wp-calendar tr, th, td {
	/* border: 1px solid #999; */
}
#wp-calendar td {
	text-align: center;
	padding: 3%;
}
#wp-calendar caption {
	font-weight: bold;
	text-align: left;
}
#wp-calendar tbody tr #today {
	background-color: #000c69;
	color: #ffd700;
}

/*--------------------------------------
  フッター
--------------------------------------*/

#footer {
	padding: 10px 0;
	color: #fff;
	text-align: center;
	background-color : #444;
}

#footer a{
	color:#FFF;
}


#footer-in {
	margin-bottom: 24px;
	text-align: left;
	width: 90%;
	margin: 0 auto;
}

#footer-in img {
	margin-bottom: 16px;
}

#footer-in h2 {
	border-left: 3px solid #c2082b;
	font-size: 20px;
	padding: 3px 0 3px 5px;
}

#footer-in h3 {
	border-left: 3px solid #ffd700;
	font-size: 20px;
	padding: 3px 0 3px 5px;
}

#footer-in a {
	color: #fcfcfc;
	text-decoration: underline;
}

#footer-in ul {
	margin-bottom: 24px;
}

#footer-in ul li ul {
	margin-bottom: 0;
}

.footer_l, .footer_c, .footer_r {
	margin-bottom: 24px;
}

.gush_link a{
	color: #fbfaf8;
}

/*--------------------------------------
  TOPへ戻る
--------------------------------------*/

#page-top {
	position: fixed;
	bottom: 40px;
	right: 20px;
	font-size: 12px;
}
#page-top a {
	background: #22ac38;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 10px 5px;
	text-align: center;
	display: block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #90d59b;
	color: #444;
}



/*******************************
↑ここまで共通のスタイル(PC/SP)

--------------------------------

　ココからPCのスタイル↓
*******************************/



/*--------------------------------------
  切替 768px
--------------------------------------*/

@media screen and (min-width : 768px){
	
	

/*--------------------------------------
  768px ナビ
--------------------------------------*/

nav#menu ul {
	width: 100%;
}

nav#menu ul li {
	float: left;
	width: auto;
	text-align: center;
	border: none;
}

nav#menu ul li a {
	display: block;
	color : #fff;
	padding : 8px 1em;
}

/*--------------------------------------
  768px コンテンツ
--------------------------------------*/

#contents {
	text-align: left;
}

#contents #main {
	/* padding: 20px 35px; */
	/* margin-bottom: 24px; */
	/* border-radius: 8px; */
}

#contents #main .home_area .thumb_box {
	float: left;
	margin: 0 10px 0 0;
}

#contents #main .home_area .entry_box {
	text-align: left;
}

#contents #main .date-time {
	font-size: 80%;
	text-align: left;
}


.halfbox {
	width: 50%;
}



/*--------------------------------------
  768px 記事見出し
--------------------------------------*/

#entry_body h2{

}

#entry_body h3{

}

/*--------------------------------------
  768px メタボックス
--------------------------------------*/

#entry_body .meta_box {
	font-size: 85%;
	margin: 0 0 24px 0;
	padding: 1%;
	text-align:right;
}

#entry_body .meta_box p {
	margin: 0;
}

/*--------------------------------------
  768px カテゴリー・タグ
--------------------------------------*/

#cat_tag {
	margin: 36px 0 24px 0;
	padding: 0 0 12px 0;
	text-align: left;
	border-bottom: 1px dashed #ccc;
}

#cat_tag a {
	color: #fff;
	background-color: #444;
	margin: 0 0.2em 0 0;
	padding: 3px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*--------------------------------------
  768px 記事下広告
--------------------------------------*/

#entry_footer_ad {
	margin: 10px auto;
}

#entry_footer_ad .efa_left {
	display: block;
	float: left;
	margin: 0 5px 0 0;
}

#entry_footer_ad .efa_right {
	display: block;
	float: left;
}

/*--------------------------------------
  768px 記事下関連記事
--------------------------------------*/

#relations {
	margin: 0 0 24px 0;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
}

#relations ul {

}


#relations li {
}

/*--------------------------------------
  768px コメント
--------------------------------------*/

h3#comments {
	border: none;
	line-height: 1.2;
}

#respond h3 {
	border: none;
	line-height: 1.2;
}

#comment_box {
	text-align: left;
	background-color: #ddd;
	padding: 10px 20px;
	margin-bottom: 20px;
}

#comment_box p {
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 15px 0;
}

.comment-reply-link{
	border: 1px solid #ccc;
	padding: 1% 2%;
	background-color: #999;
	color: #fcfcfc;
}

/*--------------------------------------
  768px 前の記事・次の記事
--------------------------------------*/

#page_pn dl dt {
	float: left;
	width: 60px;
}

/*--------------------------------------
  768px サイド
--------------------------------------*/

.side_thumb{
	float: left;
	margin: 0 5px 15px 0;
	width: 100px;
	height: 100px;
}
.side_title {
	font-size: 90%;
}

/*--------------------------------------
  768px フッター
--------------------------------------*/

.footer_c, .footer_r {
	width: 40%;
	float: left;
}

.footer_c {
	margin-right: 5%;
}

}/*768end*/

/*--------------------------------------
  切替 1024px
--------------------------------------*/

@media screen and (min-width : 1024px) {


/*--------------------------------------
  1024px ヘッダー
--------------------------------------*/

header {
    width: 890px;
	margin: 0 auto;
	/* text-align: center; */
}

#header .hgroup {
	/* margin: 10px auto 0px; */
	/* max-width: 1040px; */
}


#header h1 {
	text-align:left;
	font-size:14px
}

#header img {
    width:900px;
}


/*--------------------------------------
  1024px ナビゲーション
--------------------------------------*/

nav#menu ul {
	width: 100%;
	margin: 0 auto;
	max-width: 1040px;
}

.menubtn {
	display:none;
}

.togmenu {
	display:block;
}

/*--------------------------------------
  1024px コンテンツ
--------------------------------------*/

#contents {
	overflow: hidden;
	width: 750px;
	margin: 0 auto 0px auto;
	padding: 20px 70px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#contents #main {
    margin: 0 auto 0;
    max-width: 900px;
    /* padding: 20px 39px; */
}


#main header {
	width: 100%;
}

#entry_body {
	margin: 0 auto;
	padding: 0;
}




/*--------------------------------------
  1024px 記事見出し
--------------------------------------*/

#contents #main #single_title {
	font-size: 30px;
	/* line-height: 1.2; */
	/* margin-bottom: 24px; */
	/* margin-left:0px; */
	/* text-align: center; */
	/* border-top: 3px solid #6F96BF; */
	/* border-bottom: 1px solid #ddd; */
}

#entry_body h2{
	padding:0px;
}

#entry_body h3{
}

#entry_body h4{
}
	
	
/*--------------------------------------
  1024px コメント
--------------------------------------*/

h3#comments {
	border: none;
	line-height: 1.2;
}

#respond h3 {
	border: none;
	line-height: 1.2;
}

/*--------------------------------------
  1024px 記事下広告
--------------------------------------*/

#entry_footer_ad {
	margin: 10px 0;
}

#entry_footer_ad .efa_left {
	display: block;
	float: left;
	margin: 0;
}

#entry_footer_ad .efa_right {
	display: block;
	float: right;
}

/*--------------------------------------
  1024px 個別記事SNS
--------------------------------------*/

#entry_snsbox {
	border: 1px solid #ccc;
	padding: 10px 20px;
	text-align: left;
}

/*--------------------------------------
  1024px サイド
--------------------------------------*/

#contents #sub {
    margin: 0 auto;
    width: 900px;
    text-align: center;
    padding: 0;
}

#contents #sub p {
	font-size: 90%;
	text-align: left;
}

#contents #sub h4 {
	text-align: left;
	border-bottom: 1px dotted #aaa;
}

#sub .side_contents ul {
	margin: 0 0 24px 5px;
	text-align: left;
	font-size: 95%;
}

#sub .side_contents ul li {
	margin-bottom: 0.6em;
	line-height: 1.5;
}

#sub .side_contents ul.children {
	margin: 12px 0 12px 10px;
}

/*--------------------------------------
  1024px フッター
--------------------------------------*/

#footer {
	width: 100%;
	margin: 0 auto;
	clear: both;
}

#footer-in {
	width: 1040px;
	margin: 0 auto 24px auto;
}

#footer-in p {
	margin-bottom: 5%;
}

#footer-in h2 {
	border-left: 5px solid #c2082b;
	font-size: 20px;
	padding: 5px 0 5px 8px;
}

#footer-in h3 {
	border-left: 5px solid #ffd700;
	font-size: 20px;
	padding: 5px 0 5px 8px;
}

.footer_l {
	float: left;
	width: 336px;
	font-size: 90%;
}

.footer_c, .footer_r {
	width: 320px;
}

.footer_l, .footer_c {
	margin: 0 32px 0 0;
}

}

small{
font-size:12px;
}

/*----------------黒柳完全新規で追加----------------*/


.mg20{
	margin-bottom:20px;
}

/*フォント*/
#contents .font_big{
    font-size: 25px;
	text-align:center;
	font-weight:bold;
}


/*ボックス*/

.box01 {
    background-color: #f8f8f8;
    padding: 20px;
    border: 1px dotted #ccc;
    font-size: 90%;
    line-height: 200%;
	margin:20px 0;
}


/*ボックス見出し入り*/


.article_body>dl {
    padding: 26px 20px 1px;
    padding-bottom: 0;
}

.article_body>dl {
    line-height: 1.9;
    border: 1px solid #e1e1e1;
    box-shadow: 0 3px 0 rgba(8,1,2,0.03);
    font-size: 16px;
    margin: 20px 0;
}

.article_body>dl>dt {
	    font-size: 20px;

    font-weight: bold;
    position: relative;
top: 0px;
}

.article_body>dl>dd:last-of-type {
    margin-bottom: 0;
}

.article_body>dl>dd {
    position: relative;
    top: -0px;
    padding-left: 10px;
}

.article_body ol {
    margin: 10px;
    padding-left: 23px;
}

.article_body ol li {
    margin: 0 0 7px;
	font-size: 15px;
    line-height: 2.2;
    position: relative;
    list-style-type: decimal;
    padding-left: 8px;
}


/*表*/
	#contents p.right_link {
        text-align:right;
        font-weight:bold;
		text-decoration:none;
		font-size: 20px;
		margin-bottom:70px;
}

#contents table p{
	font-size:100%;
	line-height:120%;
}

table {
	text-align:left;
	width:100%;
	color:#666;
	font-size:85%;

	background:#eaebec;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	margin-bottom:24px;
}
table th {
	text-align:center;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #fafafa;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table th:first-child {
	text-align:center;
}
table tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table tr {
	

}
table td {
		text-align:left;
		padding:10px;
		border-top: 1px solid #ffffff;
		border-bottom:1px solid #e0e0e0;
		border-left: 1px solid #e0e0e0;
		background: #fafafa;
		background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
		background: #ffffff;
}
table tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table tr:last-child td {
	border-bottom:0;
}
table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}

.bg_cl01{
	background-color:#FFEEF3;
	font-weight:bold;
}


/*口コミ*/
.pop-area img{
	width:50px;
}

.pop-area {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    min-height: 0;
    margin-left: 0;
	margin-bottom:20px;
    border: 1px solid #CCC;
    border-radius:10px;
	padding:30px;
}
 .pop-area .kuchikomi-detail {
    width: auto;
}
.pop-area .thumbnail {
    width: 10%;
    margin-bottom: 6px;
    display: inline-block;
    vertical-align: top;
}

.pop-area .thumbnail .thumb {
    background-color: #fff;
    border:none;
	margin-top:5px;
}
.pop-area .details {
    position: relative;
    display: inline-block;
    width: 85%;
    vertical-align: top;
}
 .pop-area .details .title {
    font-weight: bold;
}

.pop-area .details .title .txt {
    margin-bottom:-5px;
    font-size:120%;
}

.pop-area .details .title .chart {
    bottom: 0;
	color:#F93;
	font-size:100%;
}

.pop-area .comment-area .info {
    margin-bottom: 10px;
    color: #f56daf;
    font-size: 10px;
}

.pop-area .comment-area .info {
    margin-bottom: 10px;
    color: #f56daf;
    font-size: 10px;
}

.pop-area .comment-area .comment {
	margin-top:10px;
	padding-top:10px;
    border-top: 1px dotted #ccc;
}



.comment02{
	background-color:#F7F7F7;
	border-radius: 10px;
}

#contents .comment02 p{
	margin:10px;
	font-size:80%;
	color:#666;
	text-align:right;
}


.hosi {
    bottom: 0;
    color: #F93;
    font-size: 100%;
}

.big{
	font-size:150%;
}

@media screen and (max-width : 480px) {
	
	#entry_body .article_body ol {
    margin-bottom: -20px;
}
	
	.article_body>dl>dt {
	    font-size: 20px;
text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -1px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
    padding: 0 10px;
    font-weight: bold;
    position: relative;
top: -20px;
}
	
#entry_body.shindan_wrap {
	padding-left: 20px;
    padding-right: 20px;
}
	
#contents p {
	padding-left: 20px;
    padding-right: 20px;
	line-height: 1.7;
}

#contents footer p {
	line-height:1.2;
}

.qa dl {
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 2;
    overflow: hidden;
    _zoom: 1;
}
	
#entry_body h2 {
   font-size: 1.77778em;
    margin: 50px 20px 20px 20px;
    padding: 0;
    line-height:150%;
    font-weight: bold;
    border-bottom: 0px solid #000;
}

#entry_body h3 {
    font-size: 130%;
    line-height:150%;
    margin-top: 60px;
    padding: 20px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}


	#entry_body .box-app-rating h4{
    color: #000;
    font-size: 120%;
    line-height:150%;
    margin: 30px 0px 15px 0;
    padding: 0 0 0 15px;
}

#entry_body h5 {
    font-size: 110%;
    line-height:130%;
    background-color: #F3F3F3;
    border-radius: 10px;
    padding: 15px 20px;
    margin: 40px 0px 20px 0;
}

#contents .font_big {
    font-size: 120%;
    line-height:140%;
    text-align: center;
    font-weight: bold;
}

.article_body > dl {
    padding: 26px 5px 1px;
    padding-bottom: 0;
}

.article_body > dl > dd {
    position: relative;
    top: -25px;
    padding-left: 0px;
}

.article_body ol li {
    margin: 0 0 7px;
    font-size: 90%;
    line-height: 200%;
    position: relative;
    list-style-type: decimal;
    padding-left: 8px;
}


	#contents table p {
    margin-bottom:0;
    font-size: 90%;
    line-height:2;
}

	
	#contents p.right_link {
        text-align:right;
        font-weight:bold;
		text-decoration:none;
		font-size: 95%;
		margin-bottom:70px;
}


.font_s{
		font-size:70%;
	    line-height: 110%;
}

.pop-area img{
	width:40px;
}

.pop-area {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    min-height: 0;
    margin-left: 0;
	margin-bottom:20px;
    border: 1px solid #CCC;
    border-radius:10px;
	padding:10px;
}


table {
	text-align:left;
	width:100%;
	color:#666;
	background:#eaebec;
	border:#ccc 1px solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 0px #d1d1d1;
	margin-bottom:30px;
}

table img{
	width:80%;
}
table th{
	color:#333;
		font-size:95%;
		/* line-height: 140%; */
  text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0-2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
}

table td {
		font-size:85%;
		line-height:160%;
		padding: 3px;
		border-top: 1px solid #ffffff;
		background: #fafafa;
		background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
		background: #ffffff;
		text-align:center;
}


.pop-area .thumbnail {
    width: 10%;
    margin-bottom: 6px;
    display: inline-block;
    vertical-align: top;
}

.pop-area .thumbnail .thumb {
    background-color: #fff;
    border: 1px solid #ccc;
	margin-top:7px;
}
.pop-area .details {
    position: relative;
    display: inline-block;
    width: 85%;
}

.pop-area .details .title .txt {
    margin-bottom: -10px;
    font-size:100%;
}

.pop-area .details .title .chart {
    bottom: 0;
	color:#F93;
	font-size:80%;
}


}

#entry_body .button02 {
    top:0;
    left:0;
text-decoration:none;
	color:#FFF;
	font-size:180%;
	line-height:230%;
	font-weight:bold;
	text-align:center;
	vertical-align: middle; 	
}

#entry_body .button02 a{
	text-decoration:none;
}

#entry_body .button02 span{
	color:#FF6;

}

#entry_body .button02 br{
	display:none;

}

.button02 { 
		text-align:center;
	padding: 20px 10px;
 vertical-align: middle;
	margin-bottom:50px;
	text-decoration:none;
	position: relative;
	background-color: #07BC27;
	border-radius: 4px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #05921E;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.button02:hover {
	background-color: #FC9138;
	box-shadow: 0 3px 0 #D24D1A;
}
.button02:active {
	top: 3px;
	box-shadow: none;
}
@media screen and (max-width : 780px) {
	
#entry_body .button02 {
    top:0;
    left:0;
text-decoration:none;
	color:#FFF;
	font-size:150%;
	line-height:170%;
	font-weight:bold;
	text-align:center;
	vertical-align: middle; 	
}
#entry_body .button02 br{
	display:block;

}
	
}

/*ボックス*/
.con_rank_box {
border: 4px double #FF7D7D;
    margin: 1.5em 0;
    padding: 1.5em;
}



#contents .con_rank_box a{
	font-size:90%;
	text-align:left;
	margin-bottom:20px;
}

.con_rank_box img {
	margin-bottom: 0.8em;
	margin-top:10px;
}
.con_rank_no1 {
	width: 33%;
	float: left;
	text-align: center;
	margin-top:30px;
	line-height:150%;
}

.con_rank_no2 {
	width: 33%;
	float: left;
	text-align: center;
	margin-top:30px;
	line-height:150%;
}

.arrow_box span{
	color:#FF9;
}

.arrow_box {
	font-weight:bold;
	color:#FFF;
	text-align:center;
	font-size:130%;
	border-radius: 5px;	
	margin:0;
	padding:7px;
	position: relative;
	background: #FF7D7D;
	border: 2px solid #F66;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(240, 130, 130, 0);
	border-top-color: #F66;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box:before {
	border-color: rgba(199, 106, 106, 0);
	border-top-color: #FF7D7D;
	border-width: 23px;
	margin-left: -23px;
}




#entry_body .button06 {
    top:0;
    left:0;
text-decoration:none;
	color:#FFF;
	font-size:100%;
	line-height:150%;
	font-weight:bold;
	text-align:center;
	vertical-align: middle; 	
}

#entry_body .button06 a{
	text-decoration:none;
}

#entry_body .button06 span{
	color:#FF6;

}

#entry_body .button06 br{
	display:none;

}

.button06 { 
		text-align:center;
	padding: 10px 10px;
 vertical-align: middle;
	margin-bottom:10px;
	text-decoration:none;
	position: relative;
	background-color: #07BC27;
	border-radius: 4px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #05921E;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.button06:hover {
	background-color: #FC9138;
	box-shadow: 0 3px 0 #D24D1A;
}
.button06:active {
	top: 3px;
	box-shadow: none;
}

.pc_clear{
	clear:both;
}

@media screen and (max-width : 780px) {
	
	.con_rank_box {
border: 4px double #FF7D7D;
    margin: 0.5em 0;
    padding: 0.5em 0.5em 0em 0.5em;
}

	
	.arrow_box {
	font-weight:bold;
	color:#FFF;
	text-align:center;
	font-size:100%;
	border-radius: 5px;	
	margin:0 0 20px 0;
	padding:5px;
	position: relative;
	background: #FF7D7D;
	border: 2px solid #F66;
}

	.box_btn{
		display:none;
	}
	
	.con_rank_no1 {
	width: 100%;
	float: none;
	text-align: left;
	margin-top:0px;
	padding-bottom:0px;
	line-height:130%;
	border-bottom:1px solid #FF7D7D;
}


	.con_rank_no2 {
	width: 100%;
	float: none;
	text-align: left;
	margin-top:0px;
	padding-bottom:0px;
	line-height:130%;
	border-bottom:none;
}

.con_rank_box img {
	
}

.box_right{
	float:right;
	width:78%;
	margin-top:10px;
}

.box_right br{
		display:none;
}


.box_left{
		float:left;
		width:18%;
		margin-right:2%;
}

.sp_clear{
	clear:both;
}
}



/*まとめボックス*/
.matome_box {
border: 4px double #999;
    margin: 1.5em 0;
    padding: 1.5em;
}

.matome_list li{
	list-style:none;
	font-size:100%;
	padding:0px 0 5px 0;
	border-bottom:1px dotted #999;
	
}


.arrow_box2 span{
	color:#FF9;
}

.arrow_box2 {
	font-weight:bold;
	color:#FFF;
	text-align:center;
	font-size:120%;
	border-radius: 5px;	
	margin:0 0 30px 0;
	padding:7px;
	position: relative;
	background: #666;
	border: 2px solid #666;
}
.arrow_box2:after, .arrow_box2:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box2:after {
	border-color: rgba(240, 130, 130, 0);
	border-top-color: #666;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box2:before {
	border-color: rgba(199, 106, 106, 0);
	border-top-color: #666;
	border-width: 23px;
	margin-left: -23px;
}

.deco01{
	    background: #99CBDC;
    width: 50px;
    font-size: 90%;
    color: #FFF;
    border-radius: 3px;
    padding: 5px 5px 3px 5px;
    font-weight: bold;
    margin-right: 5px;
}

.deco02{
	    background: #FF7D7D;
    width: 50px;
    font-size: 90%;
    color: #FFF;
    border-radius: 3px;
    padding: 5px 5px 3px 5px;
    font-weight: bold;
    margin-right:10px;
}


.deco03{
	    background: #99CBDC;
    width: 50px;
    font-size: 90%;
    color: #FFF;
    border-radius: 30px;
    padding: 5px 10px 3px 10px;
    font-weight: bold;
    margin-right:10px;
}

@media screen and (max-width : 780px) {
	
	.matome_box {
border: 4px double #999;
    margin: 0.5em 0;
    padding: 0.5em 0.5em 0em 0.5em;
}

.matome_list li{
	list-style:none;
	font-size:90%;
	padding:0px 0 8px 0;
	border-bottom:1px dotted #999;
	
}

	.arrow_box2 {
	font-weight:bold;
	color:#FFF;
	text-align:center;
	font-size:100%;
	border-radius: 5px;	
	margin:0 0 30px 0;
	padding:5px;
	position: relative;
	background: #666;
	border: 2px solid #666;
}

.deco03{
	background: #99CBDC;
    width: 50px;
    font-size: 90%;
    color: #FFF;
    border-radius: 30px;
    padding: 5px 8px 3px 8px;
    font-weight: bold;
    margin-right:5px;
}
}

#contents .con_img{
	text-align:center;
	margin:25px 0;
	width:100%;

}

#contents .link_big{
	font-size:130%;
	font-weight:bold;
	margin-top:-20px;
}


/*^^^^^^^^^^^^^---------------

追加

----------------------------*/

figure.img-app.img-xsmall {
	width: 38px;
	height: 38px;
	z-index: 5;
}

.img-app{
	width:40px;
	float:left;
	vertical-align:middle;
	margin-right:15px;
}

#entry_body .box-app-rating h3 {
	padding: 0px;
	border: none;
	background: #fff;
	margin-bottom:15px;
}
.box-app-rating {
	border: 4px double #a09a8e;
	position: relative;
	background-color: #fff;
	padding:10px;
	margin-bottom:25px;
}
#main .box-app-rating p{
	font-size:14px;
}

.box-app-rating:before, .entry-content .box-app-rating:after {
	display: block;
	z-index: 2;
	position: absolute;
	width: 0;
	height: 0;
	content: "";
}
.box-app-rating:before {
	top: -4px;
	right: -4px;
	border-top: 15px solid #a09a8e;
	border-right: 15px solid #a09a8e;
	border-bottom: 15px solid transparent;
	border-left: 15px solid transparent;
}
.box-app-rating:after {
	bottom: -4px;
	left: -4px;
	border-top: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #a09a8e;
	border-left: 15px solid #a09a8e;
}
.box-app-rating h3 {
	border: none !important;
	background: #fff;
	margin-top:0px !important;
}

/*  h2{
color: #010079;
text-shadow: 0 0 5px white;
border-left: solid 7px #010079;
background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}*/

h2{
    margin-top: 1.875em;
    margin-bottom: 0.9375em;
    font-size: 1.77778em;
    line-height: 1.5;
    font-weight: bold;
    clear: both;
	border-bottom:none;
	padding:0;
}


.red_btn{
		 color: #FFF;

/*	 background:#C10003;/*ボタン色*/
/*	 border-bottom: solid 5px #840002;/*ボタン色より暗めに*/
/*	 border-right: solid 5px #840002;/*ボタン色より暗めに*/

	
	background: #ed5c48 -webkit-linear-gradient(bottom,#ed5c48,#ff6e56);
    background: #ed5c48 linear-gradient(0deg,#ed5c48,#ff6e56);
    border: 1px solid #ed5c48;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,.18), inset 0 1px 0 1px hsla(0,0%,100%,.22);
    text-shadow: 0 0 2px rgba(76,64,43,.8);
	
	
}

.orange_btn{
		 background: #668ad8;/*ボタン色*/
	 color: #FFF;
    border-bottom: solid 5px #36528c;/*ボタン色より暗めに*/
    border-right: solid 5px #5375bd;/*ボタン色より暗めに*/
}

.glay_btn{
		 background: #aaa;/*ボタン色*/
	 color: #FFF;
    border-bottom: solid 5px #999;/*ボタン色より暗めに*/
    border-right: solid 5px #999;/*ボタン色より暗めに*/
}

.lp{
	display: none;
}

.square_btn{
    display: block;
    position: relative;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size:18px;
    width:95%;
    margin:0 auto;
    margin-bottom: 18px;
    border-radius:5px;
	cursor: pointer;
	color:#fff !important;
}

.submit .square_btn{
	padding: 7px 0;
}
p .square_btn{
	padding: 7px 0;
	width:100%;
}

.square_btn:before{    
    content: " ";
    position: absolute;
    bottom: -5px;
    left: -1px;
    width: 0;
    height: 0;
    border-width: 0 6px 6px 0px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #FFF;
}

.square_btn:hover{
	color: #fff;
}

.square_btn:after{   
    content: " ";
    position: absolute;
    top: -1px;
    right: -5px;
    width: 0;
    height: 0;
    border-width: 0px 6px 6px 0px;
    border-style: solid;
    border-color: #FFF;
    border-bottom-color: transparent;
}

.square_btn:active{ /*ボタンを押したとき*/
    border:none;
    -ms-transform: translate(1px,1px);
    -webkit-transform: translate(1px,1px);
    transform: translate(1px,1px);
}

.square_btn:active:after,.square_btn:active:before {
    content: none;/*ボタンを押すと線が消える*/
}


#main .bigining_box {
	width: 100%;
	margin: 1.5em 0;
	overflow: hidden;
}
.bigining_box .faceicon {
	float: left;
	margin-right: -90px;
	width: 80px;
}
.bigining_box .faceicon img {
	width: 100%;
	height: auto;
	border-radius: 50%;
	margin-bottom: 0px;
	    margin-left: 10px;
}

.bigining_box .square img {
	border-radius: 00%;
}

#contents .bigining_text p{
	font-size:14px !important;
	margin-bottom:0px !important;
}

.bigining_box .chatting {
	padding-left: 20px;
    padding-right: 20px;
	margin-bottom:10px;
}
.bigining_text {
	display: inline-block;
	position: relative;
	margin: 5px 0 0 95px;
	padding: 10px 0;
	border-radius: 12px;
	background: #d7ebfe;
}
.bigining_text:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 10px;
	left: -24px;
	border: 12px solid transparent;
	border-right: 12px solid #d7ebfe;
}
.bigining_text p:last-child,
.bigining_text ul:last-child {
	margin: 0;
	padding: 0;
	zfont-size: 13px;
}

/*診断*/
.shindan_wrap{
	background:#f8fbff;
	padding:10px;
	border:1px solid #ddd;
	margin-bottom:25px;
	border-radius:10px;
}
.shindan_q{font-size:16px;margin-bottom:20px;font-weight:bold;}
.shindanq_title{color:#fff;background:#DD007D;border-radius:10px;padding:0px 8px; margin-right:8px;}
.sindan_a{margin-bottom:20px;}

.sindan_a input{
	display: none;
}
.sindan_a label{
	display: block;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
	padding: 10px 20px;
	border-radius: 2px;
	color: #3e4956;
	font-size: 14px;
	text-align: left;
	line-height: 1.2;
font-weight: normal;
}
.sindan_a label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #ddd;
	border-radius: 50%;
}
.sindan_a input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: #D7007C;
}

.sindan_b{margin-bottom:20px;}


.sindan_b input{
	display: none;
}
.sindan_b label{
	position: relative;
	cursor: pointer;
	margin-left: 0px;
	padding: 10px 20px;
	border-radius: 2px;
	color: #000000;
	font-size: 14px;
	text-align: left;
	line-height: 1.2;
font-weight: normal;
z-index:10;
}
.sindan_b label:before{
	position: absolute;
	content: "";
	top: 0%;
	left: 0px;
	width: 100%;
	height: 100%;
	margin-top: 0px;
	background: #e4e4e4;
	z-index:-1;
	border-radius:10px;
	border-bottom: solid 2px #b3b3b3;
}
.sindan_b input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 0%;
	left: 0px;
	width: 100%;
	height: 100%;
	margin-top: 0px;
	background: #8cc7ff;
	z-index:-1;
	border-radius:10px;
}

/*clearfix*/
.clear{
clear:both;
float:none;
}

.clearfix:after {
	content: "";
	/* new clearfix */
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix:after {
	display: block;
	visibility: hidden;
	font-size: 0;
	height: 0;
	clear: both;
	content: ".";
}



.minibtn {
	display: inline-block;
	margin-bottom: 15px;
	width: 90%;
	/* text-decoration: none; */
	/* color: #FFF; */
	font-weight: bold;
	border-radius: 3px;
	background: #3399ff;
	border-color: #0073aa #006799 #006799;
	-webkit-box-shadow: 0 2px 0 #006799;
	box-shadow: 0 3px 0 #2b6f90;
	color: #fff;
	text-decoration: none;
	text-align:center;
}

.minibtn a {
	text-decoration:none;
}

.minibtn_half {
	display: inline-block;
	width:48%;
	margin-bottom: 7px;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	border-radius: 3px;
	background: #3399ff;
	border-color: #0073aa #006799 #006799;
	-webkit-box-shadow: 0 2px 0 #006799;
	box-shadow: 0 3px 0 #2b6f90;
	color: #fff;
	text-decoration: none;
	text-align:center;
}

.redbtn {
	/*
	 * background: #E50F3A;
	border-color: #aa0000 #990000 #990000;
	-webkit-box-shadow: 0 2px 0 #990000;
	box-shadow: 0 3px 0 #950120;*/
	
	background: #ed5c48 -webkit-linear-gradient(bottom,#ed5c48,#ff6e56);
    background: #ed5c48 linear-gradient(0deg,#ed5c48,#ff6e56);
    border: 1px solid #ed5c48;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,.18), inset 0 1px 0 1px hsla(0,0%,100%,.22);
    text-shadow: 0 0 2px rgba(76,64,43,.8);
	
	
}
.minibtn a, .minibtn_half a  {
	color: #FFF;
	display: block;
	padding: 10px 0px 8px;
	line-height: 100%;
	font-size: 18px;
}
.minibtn a:hover {
	text-decoration: none
}

/*アイコンとボタンを上下に並べる時用の余白*/
span.minibtn.redbtn.double {
    margin-top: 10px;
}

span.minibtn.redbtn.double a{
	font-size:10px;
}


/*アプリ紹介するリストボックス*/
.appbox_00{
	background:#FDFBDD;
	border-radius:10px;
	border:#e8e8e8 1px solid;
margin-bottom:20px;
}

.appbox_00_inner{
border-bottom:1px dashed #aaa;
padding:18px 10px}

.appbox_00_inner:last-child{
border-bottom:none;
}

.appbox_00_text{
	font-size:90%;
	}

.appbox_00_text .big {
	font-size:24px !important;
	font-weight:bold !important;
	line-height:60px !important;
	margin-left:75px;
	margin-bottom:20px !important;
}


.appbox_00_text p{
	/* margin-left:70px; */
	margin-bottom:10px;
	font-size:14px !important;}

.appbox_00_text .right{
	font-size:16px !important;
	margin-bottom:0px !important;
	font-weight:bold;
}



.appbox_00_text .app_title{
line-height:70px;
font-size:22px;
font-weight: bold;
}

.appbox_00_inner img{
width:60px;
float:left;
}

	/* PC版のスタイル */
@media screen and (min-width: 481px){
	.storebtn_sp{
		display:none;	/* PCでは表示させない */
	}
	.storebtn_pc{
		display:inline-block;
		text-align:center;
		margin:0 20px 20px;
	}
		.storebtn_pc img{
		width:45%;
	}
	.first_btn{
		margin-right:10px;
	}
	
	.app_info_box {
    display: table-cell;
	vertical-align: middle;
	font-size:200%;
}
	
}
	/* SP版のスタイル */
@media screen and (max-width: 480px){
	
	
	table .sotre_low img {
		width:60px;
	}
	
	.storebtn_pc{
		display:none;	/* SPでは表示させない */
	}
	
	.storebtn_sp{
		display:inline-block;
		text-align:center;
		margin: 0px 5px 20px;		
	}
	.first_btn{
		/*margin-bottom:20px;*/
	}
	
	
	.appbox_00_inner .storebtn_sp {
		margin-bottom:0px;
	}
	
	#contents .storebtn_sp img{
		width:49%;
	}
	
	/*検索ツール*/
	#contents .appbox_00 .storebtn_sp img{
		width:48%;
	}
	#contents .appbox_00 .first_btn{
		margin-right:3%;
	}
	
	#contents .entry-content .storebtn_sp a{
		text-decoration:none;
	}
	
.app_info_box {
    display: table-cell;
	vertical-align: middle;
	font-size:200%;
	left: 110px;
	position: absolute;
	margin-top: 20px;
}


}


.panel-app {
	margin-top: 5px;
	margin-bottom: 0;
}


.panel-app .panel-body {
	display: table;	
	margin-bottom: 15px;
	width: 100%;
}


.panel-app .panel-footer {
	padding: 0 10px 15px;
}

.panel-footer a{
	text-decoration:none;
}

.panel-naked {
	background: transparent;
	border: none;
}

figure {
	overflow: hidden;
	transition: .15s;
}
figure.img-thumbnail_min {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0;
	background-color: #fff;
	border: 1px solid #e6e6e0;
	border-radius: 0;
}
figure.img-thumbnail {
	float: left;
	margin-right: 10px;
	padding: 0;
	width: 80px;
	height: 60px;
	background-color: #fff;
	border: 1px solid #e6e6e0;
	border-radius: 0;
}
figure.img-thumbnail img {
	visibility: visible;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 100%;
}
ul.row figure.img-thumbnail {
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
	height: 120px;
}
figure.img-app {
	margin-right: 5px;
	width: 80px;
}


#contents table .store_low p {
	text-align:left;
	font-size:100%;
	margin-bottom:10px;
}

.store_low li{
	display:inline-block;
}

#contents table .harlf_img {
    width: 45%;
	margin-right:5px;
}
.panel-app figure.img-app {
	display: table-cell;
	vertical-align: top;
}

  .app_dl_box img {
    margin: 0px;
  }

.store_low ul.textcontent{
	text-align:left;
}

.store_low .textcontent li{
	display:block;
}



#contents table .app_purpose{
	border:solid 1px #07c;
	border-radius:3px;
	display:table-cell;
	vertical-align:middle;
	width:30%;
	  background: linear-gradient(to bottom, #40a0ec, #07c);
	/*background: #ffbb01;*/
}

#contents table .app_purpose p {
	color:#ffffff;
	text-align:center;
	    margin: 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
}





/*「無料登録」ボタンの下線*/

.redbtn a{
	text-decoration:none;	
}

.redbtn a:hover{
	text-decoration:none;	
}


/*********
　はい・いいえボタン
**********/

.storeBtnBox {
    border-radius: 0 0 2px 2px;
    text-align: center;
    margin-top: 15px;
}


.storeBtn {
    position: relative;
    display: block;
    margin: 2px 20px;
    padding: 10px 0 10px;
    overflow: hidden;
    border: 1px solid #F78181;
    border-radius: 4px;
    color: #fff;
    background-color: #F78181;
    font-weight: bold;
		font-size: 30px;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2), 0 1px 1px 0 rgba(255, 255, 255, 0.6) inset;
    z-index: 2;
	line-height: 40px;
}

.yes span{
	font-size:15px;
	text-decoration:underline;	
}

.not {
    background-color: #FFF;
    border: 1px solid #FAFAFA;
    color: #848484;
		font-size: 30px;
    padding: 10px 0;
}



.yes a:hover{
	text-decoration:none;
	color:#FFF !important;
}

.no a:hover{
	text-decoration:none;
	color:#848484 !important;
}


/*フォントカラー*/


.red{
	color:#FA6868;
	font-weight:bold;
}

.pink{
	color:#F66694;
	font-weight:bold;
}

.green{
	color:#7EB508/*#008000*/;
	font-weight:bold;
}

.yellow{
	color:#FDDC78;
	font-weight:bold;
}

.blue{
	color:#0099CC;
	font-weight:bold;
}

.orange{
	color:#E5A10D;
	font-weight:bold;
}


.center{
	text-align:center;
}

.entrance{
	margin-top:25px;
}

.g_ul {
	background: linear-gradient(transparent 70%, #53dedc);
	background: -webkit-linear-gradient(top, #fff 60%, #53dedc 100%);
	/*text-decoration: underline #57C2C0;*/
}

table.pink_back td{
	background-color:#fff7fe;
}

table td.pink_td{
	background-color:#fff7fe;
}

/*イントロボックス*/
#entry_body .intro_box ul{
	margin-bottom:0;
}

.intro_box {
  padding: 10px;
  margin-bottom: 40px;
  position: relative;
  margin-top: 50px;
  border-radius: 3px;
}

.intro_box ul {
  margin-bottom: 0px;
}

.intro_box .title {
  line-height: 1.0;
  padding: 8px 2px 4px 15px;
  color: #fff;
  font-size: 115%;
  display: inline-block;
  position: absolute;
  top: -32px;
  left: -2px;
  box-sizing: border-box;
  height: 32px;
  font-weight: bold;
  font-size: 15px;
}

.intro_box .title:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -32px;
  margin-left: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 32px 0 0 32px;
}

.intro_green {
  border: 2px solid #51A9A5;
}

.intro_green .title {
  background: #51A9A5;
}

.intro_green .title:after {
  border-color: transparent transparent transparent #51A9A5;
}

/***
 * リストマーク
 * ***/

.intro_box ul>li:before, .intro_box ol>li:before {
	  display:inline-block;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #ffbb00;
	margin-right:5px
}


/*Amazon風_申し込みボタン*/

a.mousikomi1{
  display: inline-block;
  width: 80%;
  border: 1px solid #9c7e31;
  border-top: 1px solid #a88734;
  border-bottom: 1px solid #846a29;
  border-radius: 3px;
  background: linear-gradient(to bottom, #f7dea1, #f0c24d);
  box-shadow: 0 1px 0 #faecc8 inset;
  text-align: center;
  color: #111;
  font-size: 18px;
  line-height: 1;
  padding: 1em;
	margin:10px;
	font-weight:normal;
}

a.mousikomi1:hover{
  background: linear-gradient(to bottom, #f5d689, #eeba35);
}


/*フォントサイズ*/

.p12{font-size:12px;}
.p14{font-size:14px;}
.p16{font-size:16px;}
.p18{font-size:18px;}
.p20{font-size:20px;}
.p22{font-size:22px;}
.p24{font-size:24px;}


/*赤の蛍光ペン*/

.line{
    background: linear-gradient(transparent 60%, #ffdeea 60%);
    font-weight: bold;
}

/*背景画像（黒板）*/
.bg_bord {
    width:100%;
    height:0;
    padding: 0px;
    padding-top: 50%;
    background-size: cover;
    background-image: url(/wp-content/uploads/b_bord.png);
    background-repeat: no-repeat;
    position: relative;
    margin: 0 0 20px;
    font-size: 15px;
}

.bg_bord_in {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#contents .bg_bord_content{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 95%;
  text-align: center;
}

#entry_body .bg_bord_content ul{
  margin-bottom:0;
}

#entry_body .bg_bord_content ul li:before{
content:"\f0eb";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color:#e3ff00;
margin-right:5px;
}

.bg_bord a {
    color: white;
}

/*画像を横幅max*/

#contents p.img_max {
	padding:0;
}

.scroll{
	overflow:auto;
}

.scroll img {
	max-width:inherit !important;
	
}

.movie {
    margin-bottom: 25px;
    width: 100%;
}



/* 目次のスタイル */

#contents .mokujibox p{
	margin-bottom:12px;
	font-size:15px;
	padding-left:0;
	padding-right:0;
}	
#contents .mokujibox a{
	text-decoration:none;
}
	
#contents p.mokuji_indent1, #contents p.mokuji_indent2 {

	font-size:12px;
}



.mokujibox .panel-heading a {
	width: 100%;
	padding: 0px 0px 0px 0px;
zdisplay:block;
}
.mokujibox .panel-heading a:hover, .mokujibox .panel-heading a:focus {
	color: inherit;
	text-decoration: none;
}
.mokujibox .panel-heading a > .fa:before {
	content: "\f106";
	font-size: 20px;
	font-weight: bold;
}
.mokujibox .panel-heading a.collapsed > .fa:before {
	content: "\f107";
	font-size: 20px;
	font-weight: bold;
}
.mokujibox p {
	margin-bottom: 15px;
	line-height:130%
}
.mokujibox p:last-child {
	margin-bottom: 0;
}
.mokujibox p.mokuji_indent1, .mokujibox p.mokuji_indent2 {
	margin-top: -6px;
	margin-left: 1.5em;
	color: #707059;
	font-size:12px;
}
.mokujibox p.mokuji_indent1:before, .mokujibox p.mokuji_indent2:before {
	display: inline-block;
	position:relative;
	left:-8px;
	font-family: FontAwesome;
	content: "\f0da";
}

/* デフォルトのスタイル */
#mokuji_new.mokujibox {
  display: inline-block;
  width: 250px;
margin-bottom:25px;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition-property: width;
}
#mokuji_new.mokujibox:not(.show_mokuji) div#collapse {
  display:none;
}

#mokuji_new.mokujibox.show_mokuji {
  display: inline-block;
  width: 90%;
  transition-timing-function: ease-in-out;
  transition-duration: 0.1s;
  transition-property: width;
}


@media screen and (min-width: 480px){
#mokuji_new.mokujibox.show_mokuji {
  width: 80%;
}
}

.panel-heading{
	zpadding:0px;
}

.mokuji-title:after {
  content: "[ひらく]";
  color: #1111cc;
  font-size: 13px;
  margin-left: 10px;
  display:inline;
}

.mokuji-title {
  background:url(/img/svg/yajirusi_sita.svg) no-repeat right center;
  background-size:20px; 
  cursor: pointer;
font-weight:bold;
text-align:left;
}

.mokuji-title-show:after {
  content: "[とじる]";
  color: #1111cc;
  font-size: 13px;
  margin-left: 10px;
}

.mokuji-title-show {
  background:url(/img/svg/yajirusi_ue.svg) no-repeat right center;
  cursor: pointer;
  text-align:center;
  background-size:20px; 
font-weight:bold;
}

.mokuji-title a, .mokuji-title-show a{
  text-decoration:none;
}

.mokujibox_inner {
  margin-top:15px;
}

#mokuji_new p:first-child{
margin-top:20px;
}

/*目次*/

.mokujibox {
	margin: 0 0 0px;
	padding: 15px 15px 15px 15px;
	background: #f8f8f8;
	border: 1px solid #e6e6e0;
	border-radius: 6px;
	clear: both;
}


.mokujibox .panel {
	background: transparent;
	border: none;
}
.mokujibox .panel-heading {
	padding: 0px;
margin:0px;
	background: transparent;
}
.mokujibox .panel-heading a {
	width: 100%;
	padding: 0px 0px 0px 0px;
   color:#000;
}
.mokujibox .panel-heading a:hover, .mokujibox .panel-heading a:focus {
	color: inherit;
	text-decoration: none;
}
.mokujibox .panel-heading a > .fa:before {
	content: "\f106";
	font-size: 20px;
	font-weight: bold;
}
.mokujibox .panel-heading a.collapsed > .fa:before {
	content: "\f107";
	font-size: 20px;
	font-weight: bold;
}
.mokujibox p {
	margin-bottom: 15px;
	line-height:130%
}
.mokujibox p:last-child {
	margin-bottom: 0;
}
.mokujibox p.mokuji_indent1, .mokujibox p.mokuji_indent2 {
	margin-top: -6px;
	margin-left: 1.5em;
	color: #707059;
	font-size:12px;
}
.mokujibox p.mokuji_indent1:before, .mokujibox p.mokuji_indent2:before {
	display: inline-block;
	position:relative;
	left:-8px; 
	font-family: "Font Awesome 5 Free";
    font-weight: 700;
	content: "\f0da";
}



.link_mark {
    font-weight: bold;
    font-size: 110%;
}
.link_mark:after {
    content: url(/img/svg/external-link-alt_b.svg);
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    margin-left: 5px;
    color: #004cff;
	top:19px;
}


#contents #ichiran  {
    font-size: 120%;
    line-height:150%;
    margin-top: 0px;
    padding: 20px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

#contents .s2_table{
	text-align:left;
	width:100%;
	color:#666;
	background:#eaebec;
	border:#ccc 1px solid;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 0px #d1d1d1;
	margin-bottom:30px;
	
}

#contents .s2_table th{
		font-size:75%;
		/* line-height: 140%; */
}

#contents .s2_table .center{
	text-align:center;
}

#contents .s2_table td {
		font-size:75%;
		line-height:180%;
		padding: 3px;
		border-top: 1px solid #ffffff;
		background: #fafafa;
		background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
		background: #ffffff;
		text-align:left;
}

#contents .s2_table ul {
		 font-size:100%;
		 margin:5px 5px;
}

#contents .s2_table ul li {
      line-height: 1.5;
      padding: 0em 0;
      margin-bottom:5px;
      list-style-type: none!important;/*ポチ消す*/
}

#contents .s2_table ul li:before {
	font-family: "Font Awesome 5 Free";
  content: "\f105";
  position: absolute;
  left : 6.3em; /*左端からのアイコンまで*/
  color:#CCC; /*アイコン色*/
}


#contents .s3_table ul {
  border: solid 2px #ffb03f;
  padding: 0 0.5em;
  position: relative;
  margin:10px;
  padding:10px;
  font-size:100%;
}

#contents .s3_table ul li {
  line-height: 1.7;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

#contents .s3_table ul li:before {
/*  font-family: FontAwesome;
  content: "\f138";
  position: absolute;
  left : 1.2em; 
  color: #ffb03f; */
}

#contents .s3_table ul li:last-of-type {
  border-bottom: none;
}

.small_tx{
	font-size:70%;
	font-weight:normal;
}

.big_tx{
	font-size:130%;
	color: #FA6868;
}

.sss_table{
	font-size:10px !important;
}

#contents p.table_r {
    margin-top: -15px;
    font-size: 50%;
    text-align: right;
}


/*コメント*/

.taidan {
    margin-bottom: 20px;
}

.taidan dl {
    padding: 10px 0px;
    border-bottom: dotted 1px #ddd;
    clear: both;
    position: relative;
}

.taidan dt {
    clear: left;
    float: left;
    width: 50px;
    text-align: center;
    font-size: 14px;
	padding-right: 5px;
    font-weight: bold;
}
.taidan dt img {
    width: 50px;
}

.taidan dd {
    text-align: left;
    margin-left: 55px;
    clear: right;
    font-size: 14px;
    line-height: 160%;
    min-height: 50px;
}


/*口コミボックス*/

.entry-content .box-wom {
    padding: 10px;
    background: #f4f4f4;
    border-radius: 12px;
}

.box-wom-body figure.img-thumbnail {
    border-radius: 30px;
    height: 60px;
    width: 60px;
    margin-bottom: 15px;
}

.box-wom-body figure.img-thumbnail img {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
}

figure.img-thumbnail img {
    visibility: visible;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
}

.box-wom-body .user-name {
    font-size: 12px;
    margin-left: 10px;
}

.box-wom-body h4 {
    padding: 0px;
    border: none;
    margin-bottom: 0px;
    margin-left: 80px;
	margin-top: 0;
    font-size: 16px;
}

.box-wom-body .box-wom-rating {
    /* margin-top: -15px; */
    /* margin-bottom: 15px; */
    color: #dc007f;
    margin-left: 80px;
	    font-size: 80%;
}

.box-wom-inner {
    /* margin-left: -80px; */
    margin-top: 10px;
    clear: both;
    float: none;
}

.blue_box {
    background: #ecf2f3;
    padding: 15px;
    margin-bottom: 25px;
}

.nmlbox {
    border: 4px solid #e4e4e4;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 25px;
}

#entry_body .nmlbox ul{
	margin-bottom:0;	
}

/* 赤ボタン
.btn-red{
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background: #ed5c48 -webkit-linear-gradient(bottom,#ed5c48,#ff6e56);
    background: #ed5c48 linear-gradient(0deg,#ed5c48,#ff6e56);
    border: .1rem solid #ed5c48;
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 1px rgba(0,0,0,.18), inset 0 1px 0 1px hsla(0,0%,100%,.22);
text-shadow: 0 0 2px rgba(76,64,43,.8);
} */