/*
Theme Name: AFFINGER-Child
Template: affinger
Version: 20260208-joyblog
*/

header .sitename a {
  font-family: "Noto Sans JP", sans-serif;
  color: #5c4c63;
}

/* dtカスタム */
.ino-dl dt{
  float: left;
}
.ino-dl dt::after{
  content: "："
}
.ino-dl {
 margin-bottom : 20px;
 font-size: 15px;
 line-height: 27px;
}

/* アマゾンリンク */
.st-cardbox.inoama::after {
  content: "\f270";
  font-family: stsvg;
  color: #ccc;
  position: absolute;
  top: calc( 85% - .5em );
  right: 10px;
}
.post .inoama dt img {
  width: 75px;
}
.post .kanren.inoama dd {
  padding-left: 90px;
}
.inoama p.cardbox-more {
  border-radius: 2px;
  border: 1px solid #6095c1;
  margin-top: 5px;
}
.inoama .clearfix dd p {
  color: #6095c1;
}
.amazon-icon::before {
  font-family: stsvg;
  content: "\f270";
  color: #ccc;
  margin-left: 0.5em;
}

/*すごいもくじ右下*/
#page-top:not(.page-top-img):not(.st-pagetop-text) a {
  width: 50px;
  height: 50px;
}
.st_toc_back:not(.is-rounded) {
  width: 48px;
  height: 49px;
  bottom: 89px;
}
#side .side_toc .st_toc_container:not(.st_toc_contracted) .st_toc_title {
  color: #787878;
}
.st_toc_back:not(.is-rounded){
  border-color: #4682b4 !important;
}
.st_toc_back,
.st_toc_back:hover,
.st_toc_back_icon,
.st_toc_back_icon::before {
  color: #4682b4 !important;
}

/*すごいもくじ本体*/
main .post #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_default ul ul, main .post #st_toc_container.st_toc_style_paper ul ul, main .post .st_toc_container.st_toc_style_default ul ul, main .post .st_toc_container.st_toc_style_paper ul ul {
  padding: 10px 0 8px 1em !important;
}

.author {
  font-size: 12px;
  line-height: 1.3;
  font-style: normal;
  color: #757575;
}
.author a {
  text-decoration: none;
}

/*FAQスライドボックス*/
.st-slidebox-c {
  padding: 7px 0; 
  margin-bottom: 0px;
  border-bottom: 1px dashed #ccc;
}
.post .st-btn-open {
    font-weight: normal;
    font-size: 15px;
}
.post .st-btn-open:before {
  	content: "\f138";
  	font-family: FontAwesome;
	color: #66546e;
    margin-right: 8px;
}
.st-slidebox p {
    font-size: 15px;
    line-height: 26px;
}
.st-slidebox {
	padding: 20px 10px 20px 10px;
	background: #F2F2F2;
	font-size: 90%;
	line-height: 24px;
}

/*投稿画面のタグの色*/
.wp-core-ui .button-secondary:hover, .wp-core-ui .button.hover, .wp-core-ui .button:hover {
    border-color: #000;
    color: #000;
}

.st-box-btn .fa {
    color: #6dc1ee;
    margin-bottom: 10px;
}

/*コメント*/
.comment-author {
    float: none;
	position: static;
	width: 100%;
    box-sizing: content-box;
    text-align: left;
	padding: 0px;
}
#comments li.comment {
    padding: 5px 5px 5px 10px;
}
.vcard .fn, .comment-author a, .comment-author {
    margin-bottom: 10px;
	line-height: normal;
}
.comment-body {
    padding: 10px 5px 10px 0;
}
.comment-author img {
    width: 50px;
	margin-bottom: 10px;
	vertical-align: bottom;
}
.comment-author.vcard .avatar {
	float: left;
	margin-right: 10px;
}
.comment .vcard .fn, .comment-author a, .comment-author {
    color: #333;
}

/*目次関係*/
#st_toc_container ul a {
    border-bottom: none;
}
.post #st_toc_container ul li {
    font-weight: normal;
}
#st_toc_container li a:before {
    color: #ccc;
}

.st-blackboard {
    padding: 10px 20px 0px;
    border: 3px solid #f3f3f3;
    background: #fff;
    margin: 30px 0;
    border-radius: 0;
}
.st-blackboard-title {
    border-bottom: 2px solid #ddd;
}
.st-pagelink a {
    color: #4682b4;
}

.wp-caption-text {
    margin-top: 7px;
}

#st_toc_container .migiyose { padding-left: 1.6em;}

/*-----------------------------
デフォルトSNSボタン
------------------------------*/
.snsb li {
     float: left;
     margin-right: 10px;
     list-style-type: none;
}

#snsbox03 .snsb.clearfix {
    padding: 25px 0px 0px;
}

.sns {
    padding: 10px 0 10px;
}

/* トップ新着 */
#topnews-box div.rss-bar {
    background: rgba(0, 0, 0, 0) linear-gradient(#fff 0%, #f3f3f3 100%) repeat scroll 0 0;
	border: 1px solid #ccc !important;
    padding: 5px 15px;
    margin-top: 0px;
}

/*オリジナルチェックリスト*/
main .post .orick2 ul:not(.toc_list) {
    list-style-type: disc;
    padding: 0 10px 10px !important;
    margin-bottom: 20px !important;
	margin-left: 0;
}
.front-page .post .orick2 ul:not(.toc_list) {
  margin-bottom: 0;
  margin-left: 0;
}
#side .orick2 ul:not(.toc_list) {
    padding: 10px 0 0 0 !important;
}
#side .orick2 ul li,
.post .orick2 ul li  {
	border-bottom:dotted 1px #ccc;
  	line-height:1.3;
	padding: 10px 0 10px 10px;
	margin:0;
	list-style:none;
	text-indent:-1.3em;
    padding-left: 1.3em;
	text-decoration: none;
}
#side .orick2 ul li a,
.post .orick2 ul li a{
	text-decoration: none;
}
#side .orick2 ul li:before,
.post .orick2 ul li:before {
    content: " \f138";
    font-family: stsvg;
	color: #0693e3;
    margin-right: 8px;
	font-size: 80%;
}

.post .st-blackboard .orick2 ul:not(.toc_list) {
    padding: 15px 10px 10px;
}

.st-list-check li::before {
  border-right: 2px solid #66546e;
  border-bottom: 2px solid #66546e;
}

/* 会話ふきだし */
.st-kaiwa-hukidashi,
.st-kaiwa-hukidashi2 {
	background-color: #fff4f7;
}
.st-kaiwa-hukidashi:after {
	border-color: transparent #fff4f7 transparent transparent;
}
.st-kaiwa-hukidashi2:after {
	border-color: transparent transparent transparent #fff4f7;
}
.kaiwaicon2 .st-kaiwa-hukidashi,
.kaiwaicon2 .st-kaiwa-hukidashi2 {
	background-color: #e1f5fe;
}
.kaiwaicon2 .st-kaiwa-hukidashi:after {
	border-color: transparent #e1f5fe transparent transparent;
}
.kaiwaicon2 .st-kaiwa-hukidashi2:after {
	border-color: transparent transparent transparent #e1f5fe;
}

.kaiwaicon4 .st-kaiwa-hukidashi,
.kaiwaicon4 .st-kaiwa-hukidashi2 {
	background-color: #e1f5fe;
}
.kaiwaicon4 .st-kaiwa-hukidashi:after {
	border-color: transparent #e1f5fe transparent transparent;
}
.kaiwaicon4 .st-kaiwa-hukidashi2:after {
	border-color: transparent transparent transparent #e1f5fe;
}
.entry-content　.st-kaiwa-box {
  margin-bottom: 15px;
}

.kaiwaicon5 { margin-bottom: 35px; }


/*-----------------------------
ブログカード
------------------------------*/
.post .st-cardbox-t:not(.rankh3):not(#reply-title):not(.st-css-no2) {
    font-family: Helvetica,"游ゴシック","Yu Gothic",sans-serif;
    font-size: 16px !important;
    margin: 0 0 10px !important;
    line-height: 24px !important;
    border-top: none !important;
    border-bottom: 1px dotted #ccc !important;
    border-left: none !important;
    background: #ffffff !important;
    padding: 0 0 5px 0 !important;
}

.st-cardbox dd h3:not(.st-css-no2) a {
    font-size: 16px;
}

.category .st-cardbox { padding-top: 15px; }
.post .clearfix dd p.cardbox-more {
  border: 1px solid #4682b4;
}
.st-cardbox .clearfix dd .cardbox-more {
  color: #4682b4;
}
.st-cardbox .clearfix dd p {
  font-size: 80%;
  line-height: 1.6;
  margin-bottom: 10px;
}

/*-----------------------------
amazonjs
------------------------------*/
.post .amazonjs_info h4,
.post .amazonjs_item h4,
.post .amazonjs_item h4 a {
    color: #4682b4 !important;
    text-decoration: none !important;
    background-color: #FFF !important;
    font-size: 16px !important;
}

.post .amazonjs_item h4 a:hover {
    text-decoration: underline !important;
}

.post .amazonjs_item ul li{font-size:13px;}

.post .amazonjs_item {
	padding: 20px 10px;
}

/* 画像 */
.image-waku img {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 15px !important;
}

img.alignright {
	display: block;
	float: none;
	margin: 0 0 0 auto;
}

img.alignleft {
	display: block;
	float: none;
	margin: 0 auto 0 0;
}
/*画像回り込み*/
.hiro-left,
.hiro-right {
   overflow: hidden;
   height: auto;
   font-size: 16px;
   line-height: 170%;
   margin-bottom: 20px;
}

.hiro-left img {
   float: left;
   margin: 0 15px 0 0;
   padding: 0 !important;
   border: 0 !important;
}
 
.hiro-right img {
   float: right;
   margin: 0 0 10px 15px;
   padding: 0 !important;
   border: 0 !important;
}

.hiro-left p,
.hiro-right p {
   overflow: hidden;
   height: auto;
   font-size: 16px;
   line-height: 170%;
   margin-bottom: 20px;
}

/*画像の上に文字挿入*/
.post .kasane { 
    position:relative;
    display: inline-block;
    vertical-align: top;
}

.catch-text {
    background: rgba(0, 0, 0, 0.55) none repeat scroll 0 0;
    bottom: 20px;
    left: 0;
    max-width: 640px;
    position: absolute;
    width: 100%;
    border-radius: 4px;
}
.catch-text p {
    margin: 0;
    padding: 5px 15px;
    font-size: 85%;
    text-align: left;
    line-height: 24px;
    color: #fff;
}

.kasane img {
    border: 1px solid #CCC;
    margin: 0px 0px 20px;
}

/*--------------------------------
メルマガテーブル関係
---------------------------------*/
.mousikomi { margin-top:20px; }
.mousikomi td {
                padding-left: 10px;
                vertical-align: middle;
	            border-color: #e1e1e1;
}

table .mousikomi { width: 100%;}
.yoyaku {
                background: #f5f5f5;
                color: #1f1f1f;
                font-size: 14px;
                width: 30%;
                vertical-align: middle;
}

#mail_submit2 {
                background-color: #2582c4;
                color: #ffffff;
                border-color: #0360a2;
                font-size: 15px;
                font-weight: normal;
                margin: 0 0 20px;
                padding: 9px 22px;
                text-decoration: none;
	            border-radius: 2px;
}
#mail_submit2:hover {
  background-color: #ff644c;
  border-color: #dd422a;
}

.maga .heading2 {
  font-size: 16px;
  line-height: 1.5;
  margin: 30px 0 20px;
  padding: 7px 15px;
  background: -moz-linear-gradient(center top ,#fff,#eee) repeat scroll 0 0 rgba(0,0,0,0);
  background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#eee));
  background: -ms-linear-gradient(top,#fff,#eee);
  background: linear-gradient(top,#fff 0%,#eee 50%,#ddd 51%,#fff 100%);
  border-color: #ddd #ddd #ddd #895B8A;
  border-image: none;
  border-radius: 1px;
  border-style: solid;
  border-width: 1px 1px 1px 2px;
  color: #0b0b3b;
  font-family: Helvetica,"游ゴシック","Yu Gothic",sans-serif;
}

/*-------------------------------------
	本体関連
-------------------------------------*/
.news-ca .fa{
  margin-right: 5px;
}

.error404 .center {
    text-align: left;
}

.catname {
  line-height: 1.5em;
}

#headbox-bg {
    border-top: 10px solid #514358;
}
footer {
    border-bottom: 10px solid #514358;
}

#s-navi dt.trigger {
    text-align: right;
}
.wp-caption-text a, .wp-caption-text {
    color: #2E2E2E;
}

header .descr {
    color: #666;
    padding-bottom: 5px;
}

.responsive-unit{
  max-width: 336px;
}

#footer p.copyr {
   color : #999;
   font-size: 12px;
   line-height: 22px;
}

#footer .copyr {
    padding: 20px 10px 0;
}
#footer h3 {
    margin-bottom: 5px;
}
#footer {
    padding: 20px 10px 10px;
}
.kanren:not(.st-cardbox) .clearfix dd p {
    color: #666;
    line-height: 20px;
}
.kanren:not(.st-cardbox) .clearfix dd .st-excerpt p, .kanren:not(.st-cardbox) .clearfix dd p {
    line-height: 20px;
}

.post ul a,
.post ol a {
    text-decoration: none;
}
.embdscl0.embd-active {
    display: none !important;
}
#topnews-box div dl dd a:hover {
    color: #4682b4;
}
#menu-head-menu-1 .fa {
    margin-right: 5px;
    color: #cccccc;
}
.footermenust .fa {
    margin-right: 5px;
    color: #cccccc;
}
.footermenust {
    padding: 20px 0px;
}
.cat-itiran p.point .point-in {
    background: #66546e;
    color: #fff;
}

.kanren h3 a:hover, .post .kanren h3 a:hover {
 color: #b22222;
}

.post .commentmetadata { margin-bottom: 15px;}

.st-blackboard-title {
    border-bottom: 2px solid #ccc;
}

.category .entry-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) {
  padding-top: 30px;
}

/*-----------------------------
サイドバー
------------------------------*/

#side .kanren a {
    color: #1a1a1a;
    font-size: 15px;
    text-decoration: none;
}
#side .kanren a:hover {
	color: #4682b4 !important;
    text-decoration: underline;
}

#side .kanren dt img,
#side .kanren dt {
    width: 75px;
}

#side .kanren dd {
    padding-left: 90px;
}

/*サイドバーその他*/

#side aside h4.menu_underh2 {
    padding-left: 4px;
}

#side .pop-box {
    padding: 20px 0px 10px;
}

#side aside .st-pagelists ul li a:hover{
   color: #4682b4;
   background: #fff none repeat scroll 0 0;
}

#side .menu-item-2843,
#side .menu-item-2844,
#side .menu-item-2845,
#side .menu-item-2846,
#side .menu-item-2839,
#side .menu-item-3125,
#side .menu-item-2841,
#side .menu-item-2848,
#side .menu-item-2849 {
    padding-left: 10px;
    background: rgba(0, 0, 0, 0) linear-gradient(#fff 0%, #f3f3f3 100%) repeat scroll 0 0;
}

#side aside .st-pagelists ul li:hover {
    background: #fff !important;
    color: #4682b4;
}
#side aside .st-pagelists ul li {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#side aside .st-pagelists ul li:not(.sub-menu) {
  border-color: #e0dede !important;
}
#scrollad {
    padding: 20px 0;
}
#side .tagcloud,
#side .st-pagelists {margin-bottom: 25px;}
#side .st-originalbtn {margin-bottom: 20px;}

#side .p-entry {
    background: #66546e;
}
#side .pop-box {
    border-top: solid 1px #66546e;
    margin-top: 30px;
}
#side .kanren dl {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #ccc;
}

.category .p-entry {
    top: -10px;
}
.category .p-entry::after {
	content: '';
	position: absolute;
	top:0;
	right:-10px;
	border-style: solid;
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #5462ab;
	border-left: 5px solid #5462ab;
	z-index:9999;
}

.st-formbtn {
    margin-bottom: 20px;
}

/*この記事を書いた人*/
#st-tab-menu li.active {
    background: #66546e;
}

.p-entry-f {
    background: #66546e;
}
.freebox {
    border-top: solid 1px #66546e;
}
.telsen {
    color: #262426;
    text-decoration: none;
}

/*-------------------------------------
	見出し
-------------------------------------*/
.entry-title:not(.st-css-no2), .post .entry-title:not(.st-css-no2) {
    margin-bottom: 20px;
}
.entry-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2), .post .entry-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) {
  padding-top: 20px;
}

.archive .post .entry-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) {
  margin-bottom: 25px;
}

h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) {
	background: #66546e;
	color: #fff;
	margin-top: 15px;
	position: relative;
	border-top: none; 	
    border-bottom: none; 
}
h2::after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #66546e;
    bottom: -10px;
    content: "";
    left: 50px;
    position: absolute;
}
h2::before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #66546e;
    bottom: -10px;
    content: "";
    left: 50px;
    position: absolute;
}

.post h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) {
	background: #66546e;
	color: #fff;
	margin-top: 30px;
}
.post h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2):not(.rankh3):not(.post-card-title):not(#reply-title):not(.cta-post-title):not(.cta-post-title2):not(.st-cardbox-t) {
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 30px;
	border-top: none;
    border-bottom: 2px dotted #66546e;
    border-left: 4px solid #66546e;
    background: #ffffff;
    font-weight: bold;
    line-height: 1.4em;
    padding: 8px 8px 8px 15px;
}

.post h4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2):not(.point):not(.rankh4) {
    font-size: 17px;
    background-color: #ebe8ed;
    line-height: 26px;
    margin-top: 25px;
    font-family: Helvetica,"游ゴシック","Yu Gothic",sans-serif;
}

#comments h3 {
	background-repeat: no-repeat;
	background-position: left center;
}

#comments h3:before {display: none;}

dd h3 a {
    font-size: 17px;
}

.post h4 .point-in {
    background: #f5f3f6;
}
.post .ino-under h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2):not(.rankh3):not(.post-card-title):not(#reply-title), .h3modoki {
    font-family: Helvetica,"游ゴシック","Yu Gothic",sans-serif;
    font-size: 17px;
    line-height: 32px;
    font-weight: bold;
    margin: 30px 0px 20px;
    padding: 10px 0px 10px 10px;
    background-color: #fff;
    border-bottom: 2px solid #66546e;
    border-top: 2px solid #66546e;
    border-left: 0px;
}

.entry-title:not(.st-css-no), .post .entry-title:not(.st-css-no), .post h2:not(.st-css-no) span, .post .entry-content h3:not(.st-css-no2):not(.post-card-title):not(#reply-title), .post h3, .post h4, .post h5{
    font-family: Helvetica,"游ゴシック","Yu Gothic",sans-serif;
}

.post #unei {
  font-size: 16px;
  padding: 5px 5px 5px 10px;
  margin-bottom: 10px;
}
.post #unei::after,
.post #unei::before {
    display: none;
}

/*--------------------------------
関連記事表示部分
---------------------------------*/
.st-post aside .kanren dt,
.st-post aside .kanren dt img { width: 75px;}

.st-post aside .kanren dd { padding-left: 90px;}

.kanren .clearfix dd h5 a:hover {
    #4682b4;
}

.kanrensmall {
	padding-top: 10px;
}

hr.yohaku50 {margin:50px 0px 0px; border-style:none; background-color:none;}
hr.yohaku {margin:30px 0px 0px; border-style:none; background-color: none;}
hr.yohaku40 {margin:40px 0px 0px; border-style:none; background-color: none;}
hr.yohaku35 {margin:35px 0px 0px; border-style:none; background-color: none;}
hr.yohaku25 {margin:25px 0px 0px; border-style:none; background-color: none;}
hr.yohaku20 {margin:20px 0px 0px; border-style:none; background-color: none;}
hr.hrcss {border-style: none; background-color: none;}
hr{height: 0px;}

/*-------------------------------------
	文字装飾
-------------------------------------*/
p.check01 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 20px 20px 10px;
	padding: 5px 0 0 30px;
	border-bottom: 1px dotted #CCC !important;
	background: url(images/check01.png) no-repeat 0;	
}

p.kansou:before{
    display: inline;
    content: " \f040";
    font-family: stsvg;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    margin-right: 0.5em;
    color: #514358;
}
p.kansou {
	font-weight: 600;
	margin: 20px 0px 10px 0px;
	padding: 5px 0 5px 10px;
	border-bottom: 1px dotted #CCC;
	color: #514358;
}

#kansou2 {
	font-weight: 600;
	margin: 20px 0px 15px 0px !important;
	padding: 5px 0 5px 10px !important;
	border-bottom: 1px dotted #CCC !important;
	color: #514358 !important;
	font-size: 16px !important;
	border-top: none !important;
	background: #ffffff !important;
}

.modoki {
	font-size: 15px;
    line-height: 24px;
    background-color: #f3f3f3;
    background-image: url("images/quote.png");
    background-position: left top;
    background-repeat: no-repeat;
    border-left: 1px solid #ccc;
    margin-bottom: 20px;
    margin-right: 0;
    margin-top: 20px;
    padding: 50px 20px 20px;
}
.redb16 {
	color: #FF0000;
	font-size: 16px;
	font-weight: bold;
}

.redb18 {
	color: #FF0000;
	font-size: 18px;
	font-weight: bold;
}

.redb21 {
	color: #FF0000;
	font-size: 21px;
	font-weight: bold;
}

.redb24 {
	color: #FF0000;
	font-size: 24px;
	font-weight: bold;
}

.blueb16 {
	color: #0066FF;
	font-size: 16px;
	font-weight: bold;
}

.blueb18 {
	color: #0066FF;
	font-size: 18px;
	font-weight: bold;
}

.blueb21 {
	color: #0066FF;
	font-size: 21px;
	font-weight: bold;
}

.blueb24 {
	color: #0066FF;
	font-size: 24px;
	font-weight: bold;
}

.yellowbg {
	background: #ffff00;
}

.fc {
     font-size: 75% !important;
     color: #848484;
}

.fc a{
	color: #848484;
	text-decoration: none;
}

.b {
	font-weight: bold;
}

#kanren .clearfix dd h5 a:hover {
	color: #fa97a7;
}
.sp-primary {
    font-size: 17px;
    font-family: Helvetica,"游ゴシック","Yu Gothic",sans-serif;
    background-color: #66546e;
    font-weight: bold;
    border-radius: 4px;
    border-left: none !important;
    color: #ffffff;
    padding: 8px 13px !important;
    margin: 30px 0 20px !important;
}
.sp-info {
    font-family: Helvetica,"游ゴシック","Yu Gothic",sans-serif;
	border-left: none !important;
    padding: 8px 13px !important;
    margin: 30px 0 20px !important;
}
.arrow_orange {
    font-family: PT Sans Caption,Josefin Sans,"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif !important;
    background-position: left center;
    background-image: url("images/arrow_orange.gif");
    background-repeat: no-repeat;
    font-family: sans-serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 160%;
    margin-bottom: 10px;
    overflow: hidden;
    padding-left: 25px;
}
.adbox {
    padding: 5px 0 20px;
}
.responsive-unit{
  max-width: 336px;
}
/* アフィリエイトのテキストリンクをインライン要素にする */
.d-inline > img {
       display: inline !important;
}

.sankou.gray {
  background-color: #6E6E6E;
}

/*-----------------------------
申し込み関係ボタン
------------------------------*/

.motto_link_box a {
     color: #FFF;
     text-decoration: none;
     background-color: #78ba56;
     border: 1px solid #6db349;
     font-size: 100%;
     color: #fff;
     text-align: center;
     display: inline-block;
	 margin: 30px auto 35px;
	 padding: 10px 15px;
	 position: relative;
     font-weight: normal;
     border-radius: 4px;
     transition: all 0.3s ease-in-out 0s;
     box-shadow: 1px 1px 0 0 #a4e271 inset;
}
.motto_link_box a:hover {
     color: #fff;
     text-decoration: none;
     background-color: #5c973e;
     text-align: center;
}
/*-----------------------------
ボックス
------------------------------*/
.follow {
    background: none repeat scroll 0 0 #f5f3f6;
    border-bottom: 1px solid #514358;
    border-top: 1px solid #514358;
    margin: 35px 0px;
    overflow: hidden;
    padding: 20px 10px 30px;
}
.marukage {
	background: #eee;
	padding: 10px;
	margin: 2em 5px;
  	font-size: 15px;
	border:2px solid #DBDBDB;
  	line-height: 28px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow:1px 6px 6px #c0c0c0;
	-webkit-box-shadow:1px 6px 6px #c0c0c0;
}

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

.hiro-right img {
    display: block;
    margin: auto !important;
    margin-bottom: 15px !important;
    float: none;
}
.hiro-left img {
    display: block;
    margin: auto !important;
    margin-bottom: 15px !important;
    float: none;
}
.hiro-left,
.hiro-right {
   overflow: hidden;
   height: auto;
   font-size: 16px;
}
h2 {
	padding: 10px;
}
.modoki {
    padding-right: 10px;
    margin-right: 0px;
}
.post blockquote {
    padding-right: 10px;
}
.post-cta-btn a {
    width: 90%;
    font-size: 17px;
}
.cta-post-title {
    font-size: 18px;
    line-height: 28px !important;
}

#s-navi dt.trigger .op {
    font-size: 16px;
}

.cta-post-title {
    font-size: 17px;
}
.setumei {
    width:95%;
}
.kanren .clearfix dd p {
    line-height: 18px;
}
header .descr {
    font-size: 12px;
}
.motto_link_box a {
    padding: 10px 10px;
}
.st-kaiwa-hukidashi, .st-kaiwa-hukidashi2 {
    font-size: 16px;
    line-height: 28px;
}
#side .st-author-description {
    font-size: 80%;
}
	.post #st_toc_container ul {
  padding-right: 10px;
  padding-left: 15px;
}
}

/*media Queries スマホサイズ（430px以下）
----------------------------------------------------*/
@media screen and (max-width: 430px) {

/*画像の上に文字を重ねる*/
.post .kasane img { margin: 0px 0px 20px; }
.catch-text p { 
    line-height: 21px;
    padding: 5px 10px; 
    }
                .mousikomi tbody tr{
                    display: block;
                    border: none;
                    margin-bottom: 0.8em;
                }
                .mousikomi tbody td{
                    display: block;
                    border: none;
                    padding: 5px 10px;
                }
                .post .mousikomi table tr td,
                .post .mousikomi {border: none; }
                .mousikomi td { width: auto;}
	            .yoyaku {
                        background:#514358;
                        font-size: 15px;
                        color: #fff;
                        width:100%;
                 }
	             .post .maga table {
                     border-top: none;
                     border-right: none;
					 margin-bottom: 10px;
}
	#st_toc_container {
    padding: 10px 5px !important;
}
  #s-navi dt.trigger .op {
  height: 40px;
  width: 40px;
  margin-left: 15px;
}
}

@media only screen and (max-width: 350px) {
/* スマホアドセンス用ボックス */
.kobox {
    margin: 0 -5px;
}
}

/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {
    /*アコーディオンメニューボタン*/
    .modoki,
    .sp-primary,
    .sp-info,
    .arrow_orange,
    .arrow_orange_s {
        font-size:20px;
    }
    .hiro-left p, .hiro-right {
    font-size: 20px;
    }
    .hiro-left p, .hiro-right p {
    font-size: 20px;
    }
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {
		header .smanone ul.menu li a{
		font-size: 13px;
	}
	#headbox {
    padding: 10px 0;
    max-width: 1060px;
}
.sns {
    padding: 10px 0 5px;
}
.redbox,
.yellowbox,
.graybox {
    line-height: 26px;
}
.entry-title:not(.st-css-no2), .post .entry-title:not(.st-css-no2) {
    font-size: 24px;
}
.st-kaiwa-hukidashi, .st-kaiwa-hukidashi2 {
    font-size: 14px;
    line-height: 26px;
}
	#st_toc_container > ul > li {
    font-size: 15px;
}
	.hiro-left p, .hiro-right {
    font-size: 15px;
    }
    .hiro-left p, .hiro-right p {
    font-size: 15px;
    }
	.st-mybtn.st-btn-default {
  min-width: 65%;
}
	.sitename img {
    max-width: 400px;
  }
	  #header-l {
    max-width: 450px;
  }
}
}
/*media Queries（600px）以上で適応したいCSS - タブレットとPCのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {

.post table {
  border-top: 1px #e1e1e1 solid;
  border-right: 1px #e1e1e1 solid;
}
}