@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20151225
*/

/* Simplicity子テーマ用のスタイルを書く */

/* フロートチャート */

ul.flow_list{
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.flow_list li{
	border: 5px solid #ccc;
    border-radius: 10px;
    margin-bottom: 35px;
    padding: 4px 10px;
    position: relative;
}
ul.flow_list li::after{bottom: -34px;
    color:#ccc;
    content: "▼";
    font-size: 24px !important;
    left: 48%;
    position: absolute;}
ul.flow_list li.last::after{/*最後の▼を外す*/
    content: "";
}
ul.flow_list li h3::first-letter{/*1文字めを大きく*/
    font-family: garamond,times;
    font-size: 2rem;
    font-style: italic;
    letter-spacing: 0.15em;
}

/* 。。。 */

.entry-read a{
 color:#333;
 font-size:14px;
 background-color:#c1e4e9;
 border:1px solid #c1e4e9;
 border-radius:2px;
 padding:3px 10px 3px 5px;
 text-decoration:none;
 }
 
.entry-read a:hover{
 color:#fff;
 background-color:#FFC3BF;
 border:1px solid #FFC3BF;
}

.entry-read {
  text-align: right;
  margin-right: 10px; /* ここはお好みで */
}



/* いちらんのたく゛ */
.sq_btn {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    background: #e1e1e1;
	margin: 5px;
    border-radius: 0 15px 15px 0;
    transition: .4s;
	font-size: 12px;
  }


.sp-danger {
  background-color: #FDF1EF;
  border-color: #FFE1E1;
}

/* 各ライン */

.l1 {
    background: linear-gradient(transparent 60%, #BEE4D7 60%);
}

.l2 {
    background: linear-gradient(transparent 60%, #FFE0D5 60%);
}

.l3 {
    background: linear-gradient(transparent 60%, #C2D294 60%);
}

.l4 {
    background: linear-gradient(transparent 60%, #FFF5A3 60%);
}

/* フキダシ */
.balloon1 {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 16px;
background: #e0edff;
border-radius: 10px;
}
.balloon1:before{
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #e0edff;
}
.balloon1 p {
margin: 0;
padding: 0;
} 

/* マステメモ */
.memo {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
	width: 600px; max-width: 100%;
}
.memo p {
    margin: 0; 
    padding: 0;
	width: 600px; max-width: 100%;
}


/* topページボタン装飾系 */
.btn-red {
    background-color: #F7CBC3 !important;
    color: #333333;
    width: 70%;
    text-align: center;
    margin-left: 15%;
    margin-right: 15%;
}


hr.style1 {
border:0;
border-bottom:medium double #999;
} 

/* 予算たてフォーム赤字 */
#jzzf_4_sum1, #jzzf_4_sum2, #jzzf_4_sum4, #jzzf_4_sum6
{
  background-image: none !important;
  text-align: right;
  outline-style: none !important;
  background-color: #FDF1EF !important;
  border: none !important;
  color: #83B09D !important;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: none !important;
  font-weight: bolder;
  width: 100%;
  box-sizing: border-box;
  pointer-events : none;
}

#jzzf_4_sum3, #jzzf_4_sum5
{
  background-image: none !important;
  text-align: right;
  outline-style: none !important;
  background-color: #FDF1EF !important;
  border: none !important;
  color: #83B09D !important;
  line-height: 1.42857;
  font-weight: bolder;
  padding: 6px 12px;
  transition: none !important;
  width: 100%;
  box-sizing: border-box;
  pointer-events : none;
}

#jzzf_4_sum1, #jzzf_4_sum2, #jzzf_4_sum3, #jzzf_4_sum4, #jzzf_4_sum5, #jzzf_4_sum6 input {
border: none;
}

.jzzf_full input[type=text], .jzzf_full select {width: 388px;text-align: right; background-color: #EFFAFD}

/* 予算たてフォームタイトル */
.jzzf_form .jzzf_element_h {
color: #6594e0;/*文字色*/
border-bottom: dashed 2px #6594e0;
}


/* 関連リンク*/
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #e7e7e7;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #e7e7e7;
    color: #333333;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

.category-description {
  margin-top:15px;
  margin-bottom: 30px;
  background-color: #f7f7f7;
  padding: 5px 20px;
  border-radius: 3px;
  border: 1px solid #ddd;
}


/* カテゴリーの背景 一番目*/
.post-meta .category a:nth-child(2){
background-color:#FFE1E1;
border-radius:6px;
padding:1px 5px;
}

/* カテゴリーの背景 二番目*/
.post-meta .category a{
background-color:#FFE1E1;
border-radius:6px;
padding:1px 5px;
}

/* カテゴリーの背景 三番目*/
.post-meta .category a:last-child{
background-color:#FFE1E1;
border-radius:6px;
padding:1px 5px;
}



 /* 大カテゴリの帯スタイル*/
.square_btn {
    position: relative;
    display: inline-block;
	width: 90%;
    padding: 0.25em 0.5em;
	margin:5px;
    text-decoration: none;
    background: #c1e4e9;
    transition: .4s;
	font-size: 15px;
  }

.setu_btn {
    position: relative;
    display: inline-block;
	width: 90%;
    padding: 0.25em 0.5em;
	margin:5px;
    text-decoration: none;
    background: #D0E8A6;
    transition: .4s;
	font-size: 15px;
  }

.cho_btn {
    position: relative;
    display: inline-block;
	width: 90%;
    padding: 0.25em 0.5em;
	margin:5px;
    text-decoration: none;
    background: #FFE486;
    transition: .4s;
	font-size: 15px;
  }

 /* 記事の横幅*/
.article {
	width:90%;
	margin: 0 auto;
}

 /* 記事一覧の横幅*/
#list {
  width:95%;
  margin: 0 auto;
}


#header-in, #navi-in, #body-in, #footer-in{
  width: 1170px;
}

#main {
  width: 840px;
}


/* ランキングのCSS */
.ranking li {
  list-style:none;
}

.ranking{
margin: 0;
padding: 0;
list-style-type: none;
}
.ranking li{
position: relative;
margin: 0;
padding: 0 0 0 16px;
border-bottom: 1px dotted #ccc;
}
.ranking li::before{
position: absolute;
top: 7px;
left: 1px;
color: #d05;
content: "★";
font-size: 9px;
}
.ranking li:first-child::before,
.ranking li:nth-child(2)::before,
.ranking li:nth-child(3)::before{
position: absolute;
top: 1px;
left: 0;
width: 0;
height: 0;
border: 6px solid transparent;
border-bottom: 10px solid #fb0;
content: "";
}
.ranking li:first-child::after,
.ranking li:nth-child(2)::after,
.ranking li:nth-child(3)::after{
position: absolute;
top: 9px;
left: 0;
width: 0;
height: 0;
border: 6px solid #fb0;
border-top: 3px solid transparent;
border-bottom: 6px solid #f90;
content: "";
}
.ranking li:nth-child(2)::before{
border-bottom: 10px solid #ccc;
}
.ranking li:nth-child(2)::after{
border: 6px solid #ccc;
border-top: 3px solid transparent;
border-bottom: 6px solid #aaa;
}
.ranking li:nth-child(3)::before{
border-bottom: 10px solid #d98;
}
.ranking li:nth-child(3)::after{
border: 6px solid #d98;
border-top: 3px solid transparent;
border-bottom: 6px solid #c76;
}
.ranking li span{
color: #9ab;
font-size: 11px;
}


/*---------------------------------
基本の書式設定
--------------------------------*/

CSSコード
p {line-height: 2.0}

/*---------------------------------
見出し
--------------------------------*/

#main .related-entry {
 border-bottom: 1px dotted #c1e4e9;
 padding-bottom: 15px;
}

#sidebar h3 {
 font-size:20px;
 border-bottom:5px solid #c1e4e9;
 padding:10px 0;
}

.sp-info{
background-color:#c1e4e9;
}

.article h1{
	border-bottom: 5px solid #c1e4e9;
}

/* h2見出し*/  
.article h2{
    border: none;
    background-color: #c1e4e9;
    background-image: radial-gradient(#ebf6f7 20%, transparent 0), radial-gradient(#ebf6f7 20%, transparent 0);
    background-position: 0 0, 10px 10px;
    background-size: 20px 20px;
        color: #192f60;
    padding: 10px;
}

/* h3見出し*/
.article h3{
    border: none;
    background-color: #ebf6f7;
    border: 1px solid #ebf6f7;
    border-bottom: 0;
    color: #192f60;
    padding: 10px;
    position: relative;
}
.article h3:after{
    background: repeating-linear-gradient(-45deg, #89c3eb, #89c3eb 5px, #ebf6f7 0, #ebf6f7 10px);
    content: '';
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

/* h4見出し*/
.article h4{ 
    padding-left: 1.5em;/*アイコン分のスペース*/
    border: 2px solid  #89c3eb;
    border-radius: 5px;
    color: #192f60;
}
.article h4:before{ 
    background-color: #89c3eb;
    border-radius: 4px;
    content: '';
    position: absolute;
    top: 1;
    left: 8px;
    width: 5px;
   height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
}
.article h4:after{
    background-color: #c1e4e9;
    border-radius: 5px;
    content: '';
    position: absolute;
    top: 1;
    left: 15px;
    width: 5px;
   height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
}


/* 掲示板チェックリストnone */
#bbpress-forums li:before {
content: none;
}

#bbpress-forums li:after {
content: none;
}


/* テーブルを横スクロール */
table {
 width: 100%;
}

/*tableをスクロールさせる*/
/*tableのセル内にある文字の折り返しを禁止*/
.scroll {
 overflow: auto;
 white-space: nowrap;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar {
 height: 5px;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-track {
 background: #F1F1F1;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}


/* コメント欄の項目を非表示 */
.comment-form-url {display: none;}
.form-allowed-tags {display: none;}

/* スタイル */
body {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  
}

/* 文字装飾の色 */
.sp-info {
  border-color: #BCE8F1;
  background: rgba(178, 222, 244, 0.23);
  padding:15px;
  border-radius:4px;
  margin-bottom:20px;
}



/* エントリーカードの間に点線 */
#main .entry {
    border-bottom: 1px dotted #333333;
    padding-bottom: 15px;
}


/* point */
.point {
border:2px solid #f6e3e9;
padding:15px 20px 10px 20px;
border-radius:10px;
position:relative;
font-size:14px;
margin-bottom:2.2em;
}
 
.point:before {
content:"POINT!";
position:absolute;
left:15px;
top:-15px;
font-weight:bold;
color:#e8c7d2;
background:#fff;
font-size:16px;
padding:0 5px;
}

amp-img img{
  width: 700px;
  height: auto;
}

div.gad {
	width: 100%;
	margin: 40px 0 40px auto;
}


.article p {	
	margin-bottom: 2em;
}	
	
.article li {	
	margin-bottom: 1.2em;
}	
	
.sankou {	
	background-color: #888;
	margin-right: 5px;
	padding: 1px;
	font-size: 14px;
}	
	
/*太字で赤色*/	
/*.bold-red {
	background: linear-gradient(transparent 30%,rgba(170, 221, 204, 0.31) 30%);
	font-weight: bold;
	color: #333 !important;
}*/
.bold-red {
	background: linear-gradient(transparent 30%,rgba(170, 221, 204, 0.31) 30%);
	font-weight: bold;
	color: #333 !important;
}



/*--------------------------------------
  記事内リスト
--------------------------------------*/

ul {
    list-style:none; /* ・マークを消す */
}

.entry-content ul li {
	position: relative;
}
.entry-content ul li::after,
.entry-content ul li::before {
	display: block;
	content: '';
	position: absolute;
}
.entry-content ul li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #F593AF;
	border-radius: 100%;
}
.entry-content ul li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



#toc_container li:before {
    content: none;
}

#toc_container li:after {
    content: none;
}

/*SimplicityでbbPressのスタイルを整える*/
.bbp-breadcrumb-home,
.bbp-breadcrumb-home+.bbp-breadcrumb-sep,
.topic .post-date,
.topic .post-update,
.topic .footer-post-meta,
.post-0 .post-date,
.post-0 .post-update,
.post-0 .footer-post-meta,
.forum .post-date,
.forum .post-update,
.forum .footer-post-meta{
    display: none;
}

#bbp_search{
    font-size: 17px;
    height: 28px;
}

.post-0 .post-meta{
    height: 27px;
}

.bbp-reply-content{
    font-size: 16px;
    line-height: 170%;
}

.bbp-forum-title{
    font-size: 16px !important;
}

.bbp-topic-permalink{
    font-size: 14px !important;
}

#bbpress-forums .status-closed,
#bbpress-forums .status-closed a {
    color: #555 !important;
}


#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer {
    background: #fee;
    border-top: 1px solid #faa;
    font-weight: bold;
    padding: 8px;
    text-align: center;
}

#bbpress-forums li.bbp-header {
    background: #fee;
}

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results:before {
    content: none;
}

#bbpress-forums ul:after {
    content: none;
}

#bbpress-forums ul:after {
    content: none;
}


#bbpress-forums ul.bbp-lead-topic:before {
    content: none;
}

.btn-red {
    background-color: #E94C96;
}

/*--------------------------------------
  ヨメレバ・カエレバ（レスポンシブ）
--------------------------------------*/
.booklink-box, .kaerebalink-box{
    padding:25px;
    margin-bottom: 10px;
    border:double #CCC;
    overflow: hidden;
    font-size:small;
}
.booklink-image, .kaerebalink-image{
    margin:0 15px 0 0;
    float:left;
    min-width: 160px;
    text-align: center;
}
.booklink-image img, .kaerebalink-image img{
    margin:0 auto;
    text-align:center;
}
.booklink-info, .kaerebalink-info{
    margin:0;
    line-height:120%;
    overflow: hidden;
}
.booklink-name, .kaerebalink-name{
    margin-bottom:24px;
    line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date{
     font-size:8px;
     margin-top:10px;
     font-family:verdana;
     line-height:120%;
}
.booklink-detail, .kaerebalink-detail{font-size: 12px;}
.booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:30%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    margin:5px 2px 0 0;
    padding:10px 1px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-weight:800;
    text-shadow:1px 1px 1px #dcdcdc;
    font-size:12px;
    color: #fff !important;
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{opacity: 0.6;}
.booklink-link2 a:active
.kaerebalink-link1 a:active{
    position:relative;
    top:1px;
}
/*ボタンを変えるときはここから*/
.shoplinkamazon a{background-color:#FF9901 !important;}
.shoplinkrakuten a{background-color:#c20004 !important;}
.shoplinkkindle a{background-color:#007dcd !important;}
.shoplinkkakakucom a{background-color:#314995 !important;}
.shoplinkyahoo a{background-color:#7b0099 !important;}
/*ここまでを変更*/
.shoplinkyahoo img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}

@media screen and (max-width: 680px) {
.booklink-box, .kaerebalink-box{padding:15px;}
.booklink-image, .kaerebalink-image{
    width: 100px !important;
    min-width: initial;
}
.booklink-name > a, .kaerebalink-name > a{
    font-size: 15px;
    font-weight: bold;
}
.booklink-name, .kaerebalink-name{margin-bottom:12px;}
.booklink-powered-date, .kaerebalink-powered-date{margin-top:5px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:calc(100% - 4px);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin: 2px 0px;
    padding:10px 0px;
}
}

.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #c1e4e9;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #c1e4e9;
    color: #333;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
	word-wrap: break-word;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

/* ふきた゛し*/

.balloon5 {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}

.balloon5 .faceicon {
    float: left;
    margin-right: -90px;
    width: 80px;
}

.balloon5 .faceicon img{
    width: 100%;
    height: auto;
    border: solid 3px #d7ebfe;
    border-radius: 50%;
}

.balloon5 .chatting {
    width: 100%;
}

.says {
    display: inline-block;
    position: relative; 
    margin: 5px 0 0 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
}

.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #d7ebfe;
}

.says p {
    margin: 0;
    padding: 0;
}

/*トップページメインスモールウィジェット追加*/
.top_main_small_widget {
  padding: 10px;
  margin-bottom: 10px;
}