/*
Theme Name: AFFINGER4 Child
Template: affinger4
Version: 20170501
*/

/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
	background:#ff0000;
	color:#fff;
}
*/

/***必要設定***/
/*グローバルナビ横幅*/
header .smanone ul.menu li {
width: auto;
margin: 0 5px;
}
/*サイドバーボタン*/
.st-formbtn {
background: #1abc9c;
border-radius: 3px;
}
.ad .textwidget p {
margin-bottom:0;
}
.ad .textwidget .center {
padding-bottom:0;
}
/*サイドバー先頭にチェック*/
#side aside h4.menu_underh2:before {
color: #fff;
content: "\f00c";
font-family: "FontAwesome";
font-size: 140%;
margin-right: 10px;
}
/*サイドバー見出し*/
#side aside h4 {
border-radius: 3px;
background: #F89174;
margin-bottom: 10px;
padding: 10px 0 10px 10px;
color: #fff;
font-size: 14px;
line-height: 24px;
}
/*サイドバーウィジェット*/
#side .textwidget ul {
background:#fff;
padding: 4px 0;
border-radius: 3px;
border: solid 1px #ddd;
}
#side .textwidget ul li {
padding: 6px 8px !important;
}

/***記事設定***/
article {
color:#333;
}
.center{
text-align: center;
padding-bottom: 20px;
}
.center p {
margin-bottom: 5px;
}
/*見出し*/
.post h2{
border-left: solid 5px #F89174;/*左線*/
border-bottom: solid 3px #dadada;/*下線*/
}
/*リストの余白削る*/
.post .maruck ul,
.post .maruno ol {
margin-bottom: 10px;
}
.post .freebox .free-inbox ul,
.post .freebox .free-inbox ol,
.post table ul,
.post table ol {
margin-bottom: 0;
padding: 5px 10px 5px 30px;
}
.freebox {
border: solid 2px #f89174;
border-radius: 3px;
}
.p-entry-f {
border-radius: 0 0 7px 0;
}

/*h3にチェックマーク*/
.post h3:not(.rankh3):not(#reply-title):before {
	color: #FFC778;
	content: "\f00c";
	display: inline-block;
	font-family: FontAwesome;
	padding-right: 10px;
}

.entry-content p,
.st-kaiwa-hukidashi,
.yellowbox,
.graybox,
.redbox,
.entry-content .post ul li,
.entry-content .post ol li,
.entry-content .post h5,
.entry-content .post h6 {
font-size: 16px !important;
line-height: 28px !important;
}
.post .noribox ul li,
.post .noribox ol li,
.post .noribox p,
.conclusion div p,
.post .maruck ul li,
.post .maruno ol li,
.post .maruck p,
.post .maruno p,
.post .freebox .free-inbox p,
.post .freebox .free-inbox ul li,
.post .freebox .free-inbox ol li {
font-size: 15px !important;
}
.entry-content ul li,
.entry-content ol li {
padding-bottom: 10px;
}

/*テーブル*/
.post table tr td,
.post table tr th,
.post table tr td ul li,
.post table tr td ol li {
font-size: 14px !important;
}
.post table tr th {
padding: 10px;
background: #D9EDF7;
}

/*マーカー*/
.rmarker {
background: rgba(0, 0, 0, 0) linear-gradient(transparent 70%, #FFF884 60%) repeat !important;
}
/*黄色*/
.yellow_span {
color:#FFB400;
font-weight:bold;
}
/*リンク太字*/
.entry-content a {
font-weight:bold;
}
/*プレビュ－ネクスト＆記事のSNSエリア上の広告ボックス非表示*/
.p-navi,
.adbox {
display: none;
}
/*目次前の広告*/
.widget-in-article {
text-align: center;
margin-bottom: 20px;
}

/*知識*/
.conclusion {
border: 2px solid #ffc778;
margin-bottom: 2em;
margin-top: 2em;
padding: 1.2em 1em 0em;
position: relative;
}
.matome {
background: white;
color: #ffc778;
font-size: 1.1em;
font-weight: bold;
line-height: 1;
margin-left: 0.5em;
padding: 0 0.5em;
position: absolute;
top: -0.5em;
}

/*乗り換えボックス*/
.noribox {
border: solid 3px #df8182;
position: relative;
margin: 5em 0 1em !important;
padding: 0.5em 1em;
background: #fffbf5;
}
.noribox .box-title {
background: #df8182;
position: absolute;
display: inline-block;
top: -27px;
left: -3px;
padding: 2px 9px 0;
height: 25px;
line-height: 25px;
vertical-align: middle;
color: #ffffff;
font-weight: bold;
border-radius: 5px 5px 0 0;
}
.noribox p {
margin: 0; 
padding: 0;
}
.post .noribox ul {
margin-bottom: 0;
}

/**ドットボックス**/
.square-list {
background: #F9F9F9;
border: 2px dashed #F89174;
margin: 0 0 20px;
}
.square-list ul {
margin-bottom:0;
}

.post .maruck,
.post .maruno {
border-radius: 3px;
}

/***SNSボタン設定***/
.sns {
border-top: 1px dotted #ddd;
margin: 10px 0 0;
padding: 20px 0 0;
width: 100%;
}
.sns p {
font-weight: bold;
}
.sns a {
font-weight: normal;
}
.sns .twitter a {
box-shadow: 0 3px 0 #0092ca;
}
.sns .facebook a {
box-shadow: 0 3px 0 #2c4373;
}
.sns .hatebu a {
box-shadow: 0 3px 0 #0081b8;
}
.sns .googleplus a {
box-shadow: 0 3px 0 #d51e31;
}
.sns .line a {
box-shadow: 0 3px 0 #219900;
}
.sns .pocket a {
box-shadow: 0 3px 0 #c0392b;
}
.sns li a {
transition: all 0.3s ease 0s;
}
.sns li a:hover {
box-shadow: none;
transform: translate3d(0px, 5px, 1px);
}

/***吹き出し設定***/
/*吹き出し名前*/
.sb-name {
font-size:10px !important;
}
/*吹き出し背景色をLINEっぽく*/
.sb-type-think > .sb-subtype-b > .sb-content > .sb-speech-bubble,
.sb-type-think > .sb-subtype-b > .sb-content:before,
.sb-type-think > .sb-subtype-b > .sb-content:after,
.sb-type-rtail > .sb-subtype-b > .sb-content:before,
.sb-type-rtail > .sb-subtype-b > .sb-content > .sb-speech-bubble {
background: #bef18c !important;
}
.sb-type-think > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-think > .sb-subtype-a > .sb-content:before,
.sb-type-think > .sb-subtype-a > .sb-content:after,
.sb-type-rtail > .sb-subtype-a > .sb-content:before,
.sb-type-rtail > .sb-subtype-a > .sb-content > .sb-speech-bubble {
background: #e4e8eb !important;
}
/*吹き出し余白*/
.sb-type-rtail {
padding: 15px 20px !important;
}

/***目次設定***/
#toc_container {
display: block !important;
border: 2px solid #ccc;
border-radius: 4px;
padding: 1.5em 2em;
box-sizing: border-box;
}
#toc_container .toc_list > li > a {
border-bottom: 2px solid #F89174;
font-size: 110%;
}
#toc_container ul a {
border-bottom: 1px dotted #ccc;
color: #616161;
display: block;
}
#toc_container ul ul {
padding: 5px 0 5px 10px;
}
#toc_container ul ul a {
color: #7a7a7a;
}
.toc_list a {
padding: 4px 0;
font-weight: normal;
}
/* iPHone4,iPhone5,iPhone5s,iPhone6 */
@media screen and (max-width: 413px)
{
#toc_container ul a  {
font-size: 80%;}
#toc_container .toc_list > li > a {
font-size:95%;}
#toc_container {
padding:1em 1em;}
}
/* iPhone6 Plus ~ ちょっと大きいスマホまで */
@media screen and (min-width: 414px) and (max-width: 500px)
{
#toc_container ul a  {
font-size: 80%;}
#toc_container .toc_list > li > a {
font-size:95%;}
#toc_container {
padding:1em 1em;}
}

/***記事内ボタン設定***/
.btn01 a:before,
.btn02 a:before,
.simbtn a:before {
content: "\f054";
font-family: "FontAwesome";
margin-right: 5px;
}
.btn01 a,
.btn02 a,
.simbtn a {
border-radius: 30px;
color: #fff;
cursor: pointer;
display: block;
font-size: 120%;
font-weight: normal;
height: 28px;
line-height: 27px;
margin: 10px auto 11px;
padding: 15px 10px 15px 15px;
position: relative;
text-align: center;
text-decoration: none;
transition: all 0.3s ease 0s;
vertical-align: middle;
width: 80%;
}
.btn01 a:hover,
.btn02 a:hover,
.simbtn a:hover {
box-shadow: none;
color: #fff;
transform: translate3d(0px, 5px, 1px);
}
.btn01 a {
background: #B9001E;
box-shadow: 0 5px 0 #980000;
}
.btn01 a:hover {
background: #980000;
}
.btn02 a {
background: #2e6da4;
box-shadow: 0 5px 0 #286090;
}
.btn02 a:hover {
background: #286090;
}
.btnline a {
background: #04BD41;
box-shadow: 0 5px 0 #039734;
}
.btnline a:hover {
background: #039734;
}
.btnmineo a {
background: #00A23F;
box-shadow: 0 5px 0 #039734;
}
.btnmineo a:hover {
background: #008232;
}
.btnbiglobe a {
background: #04aae8;
box-shadow: 0 5px 0 #0388b9;
}
.btnbiglobe a:hover {
background: #0388b9;
}
.btndmm a {
background: #24429e;
box-shadow: 0 5px 0 #192e6e;
}
.btndmm a:hover {
background: #192e6e;
}
.btnumobile a {
background: #00A6BA;
box-shadow: 0 5px 0 #008087;
}
.btnumobile a:hover {
background: #008087;
}
.btniijmio a {
background: #3C61AD;
box-shadow: 0 5px 0 #304d8a;
}
.btniijmio a:hover {
background: #304d8a;
}
.btnuq a {
background: #e4007f;
box-shadow: 0 5px 0 #b60065;
}
.btnuq a:hover {
background: #b60065;
}
.btnocn a {
background: #2a7bd4;
box-shadow: 0 5px 0 #2162a9;
}
.btnocn a:hover {
background: #2162a9;
}
.btnymobile a {
background: #ff0033;
box-shadow: 0 5px 0 #cc0028;
}
.btnymobile a:hover {
background: #cc0028;
}

/***iTunesリンク設定***/
.application_box a img {
float: left;
padding-right: 10px;
}
.application_box {
border: dotted 1px #222;
font-size: 14px;
line-height: 24px;
padding:15px 10px;
margin-bottom:10px;
}

/***コンタクトフォーム送信ボタン***/
.wpcf7-submit {
border:none !important;
}

/***新着の日付消す***/
.kanren .blog_info {
display: none;
}


/***フッター***/
footer {
border-top: 5px solid #F89174;
}
/*フッターウィジェット追加　ここから*/
/*共通*/
#footer_w li {
list-style:none;
margin-left:-30px;
}
#footer_w img {
 width: 100%;
}
#footer_w h4 {
font-size: 16px;
color: #333;
background-color: #fff;
border-left: 20px solid #F89174;
border-radius: 2px;
margin: 10px 0;
padding: 8px;
}
#footer_w li {
padding: 8px 0;
}
#footer-in {
  padding:15px 0;
}
#footer_w {
  margin:0 35px 20px 35px;
}
.footer_l {
  float:left;
  width:30%;
  margin-right:40px;
}
.footer_c {
  float:left;
  width:30%;
  margin-right:40px;
}
.footer_r {
  float:left;
  width:30%;
  margin:0;
}

/***カエレバ***/
.kaerebalink-box {
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 1px #ddd;
  padding: 15px;
  overflow: hidden; /* float解除用 */
  margin-bottom: 20px;
}
.kaerebalink-image {
  margin-right: 18px;
  float:left;
}
.kaerebalink-image img {
  box-shadow: 0 0 1px 1px #ccc;
}
.kaerebalink-info {
  font-size: 14px;
  margin: 0;
  overflow: hidden; /* float解除用 */
}
.kaerebalink-name {
  font-size: 18px;
  margin-top: 2px;
}
.kaerebalink-detail {
  margin-top: 5px;
}
.kaerebalink-powered-date {
  font-size: 12px;
  margin-top: 5px;
}
.kaerebalink-link1 {
  font-size: 16px;
}
.shoplinkamazon, .shoplinkrakuten {
  float: left;
  width: 40%;
  text-align: center;
  margin: 17px 10px 0;
  padding: 5px 0;
  border: 1px solid #ccc;
  border-radius: 8px;
  text-shadow:1px 1px 1px rgba(0,0,0,0.3);
  background: -moz-linear-gradient(top,#FFF 0%,#EEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
}
.shoplinkamazon a{
  color: #565656;
}
.shoplinkrakuten a{
  color: #FF0040;
}
.shoplinkamazon a, .shoplinkrakuten a {
  text-decoration: none;
  display: block;
}
.shoplinkamazon a:hover, .shoplinkrakuten a:hover {
  opacity: 0.7;
  background: -moz-linear-gradient(top,#FFF 80%,#EEE);
}

@media only screen and (max-width: 480px) {
.kaerebalink-box {
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 1px #ddd;
  padding: 10px 15px;
}
.kaerebalink-image {
  margin: 0 0 10px 0;
  float: none;
}
.kaerebalink-image img {
  margin: 0 auto;
  display: block;
}
.kaerebalink-info {
  font-size: 12px;
  margin: 0;
}
.kaerebalink-name {
  font-size: 15px;
  margin-top: 2px;
}
.kaerebalink-detail {
  margin-top: 5px;
}
.kaerebalink-powered-date {
  font-size: 11px;
  margin-top: 5px;
}
.kaerebalink-link1 {
  font-size: 14px;
}
.shoplinkamazon, .shoplinkrakuten {
  float: none;
  width: 100%;
  margin: 10px 0;
  padding: 5px 0;
}
}



/***スマホ設定***/
/*スマホのイメージ最大化*/
.sitename img {
max-width: 100% !important;
}
/*スマホフッターメニュー*/
#st-footermenubox {
box-shadow: none;
border-top: solid 1px #F89174;
padding: 5px 3px;
}
#st-footermenubox ul.menu li .fa {
font-size: 20px;
}
#st-footermenubox ul.menu li {
font-size: 10px;
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media screen and (max-width: 960px) {
	main {
		border-top: 2px solid #ddd;
	}
	.btn01 a,
	.btn02 a,
	.simbtn a {
		font-size: 15px;
	}
footer {
display: none;
}

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

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

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

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


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