/* ◆◆◆（重要）背景◆◆◆ */
body {
	background: #ffffff;
	background-image: url("http://netdays365.com/wp-content/uploads/2016/02/gatag-000133972.jpg");
	background-position: right top; 
  background-repeat: no-repeat;
  background-attachment: fixed; 
	font-size:16px;
	font-size: 1.142857142rem;
	text-rendering: optimizeLegibility;
}
.main-conts .section-wrap {
    background: #fff;
}
.sub-conts .section-wrap .section-in {
    background: #fff;
}
/* ◆◆◆（重要）背景ー終わり◆◆◆ */

/* ◆◆◆コンテンツ◆◆◆ */
/*■■■中見出し■■■*/
/* Ｈ２見出し */
.post h2 {
position: relative;
padding: 0.3em 0.5em;
background: #ffa107;
color: #333333;
font-weight:bold;
font-weight:bold;
text-shadow: 3px 3px 2px #fff,
    -3px 3px 2px #fff,
    3px -3px 2px #fff,
    -3px -3px 2px #fff;
}

.post h2::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}

/* Ｈ３見出し */
.post h3 {
position: relative;
background: #ffd98a;
margin-left: 0.5em;
padding: 2px 5px 2px 38px;
font-size: 20px;
color: #333333;
border-radius: 0 10px 10px 0;
font-weight:bold;
text-shadow: 1px 1px 1px #fff,
    -1px 1px 1px #fff,
    1px -1px 1px #fff,
    -1px -1px 1px #ffF;
}

.post h3:before {
font-family: FontAwesome;
content: "\f135";
display: inline-block;
line-height: 40px;
position: absolute;
margin-left: 0.5em;
padding: 0em;
color: white;
background: #ffa337;
font-weight: normal;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white; 
border-radius: 50%;
}

/*■（重要）アドセンス広告を中央へ■*/
.koukoku-k {
	margin: 0 auto;
	text-align: center;
}

/* ◆(重要)ＴＯＰ、アドセンスデザイン◆ */
.toppagead {
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d3d3d3;
}

/* ◆◆（重要）画像に枠をつける◆◆ */
.post img {
  padding:7px;
  background:#fff;
  border:1px solid #ccc;
	box-shadow:4px 4px 4px 0 rgba(0,0,0,0.2);
}


/* ◆◆テーブルのデザイン（１）（記事：囲碁タイトル戦の日程表）◆◆ */
table.type01 {
font-size: 0.8em;
font-weight: bold;
border-collapse: collapse;
margin-left:auto;
margin-right:auto;
text-align: center;
line-height: 1.2;
}
table.type01 td {
width:350px;
padding: 3px;
vertical-align: center;
border: 1px solid #555555;
}


/* ◆◆テーブルのデザイン（２）（記事：囲碁タイトル戦の日程表？？）◆◆ */
table.type02 {
max-width: 450px;
font-size: 0.8em;
font-weight: bold;
border-collapse: collapse;
margin-left:auto;
margin-right:auto;
text-align: center;
line-height: 1.2;
}
table.type02 td {
padding: 5px;
vertical-align: center;
border: 1px solid #ccc;
}

/* ◆◆囲碁クエストのボタン◆◆ */

.button a {
	border: 1px solid #15aeec;
	background-color: #49c0f0;
	background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
	background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
	border-radius: 4px;
	color: #fff;
	line-height: 50px;
        width: 100px;
        margin-right: 10px;
        text-align: center;
        font-size: 1.2em;
        font-weight: 700;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
        float: left;
	text-decoration: none;
}
.button a:hover {
	border:1px solid #1090c3;
	background-color: #1ab0ec;
	background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
}
.button a:active {
	background: #1a92c2;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #1679a1;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}

.boxContainer {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 350px;
	overflow: hidden;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}

/* ◆◆テーブルデザイン（３）（記事：囲碁クエスト）◆◆ */
table.type03 {
max-width: 350px;
font-size: 1.5em;
font-weight: bold;
border-collapse: collapse;
line-height: 1.2;
margin: 30px 0 ;
margin-left:auto;
margin-right:auto;
text-align: center;
}
table.type03 td {
padding: 10px;
vertical-align: center;
border: 1px solid #ccc;
}

/* ◆◆テーブルのデザイン（４）（記事：タイトル戦内の日程表）◆◆ */
table.type04 {
max-width: 500px;
font-size: 0.8em;
font-weight: bold;
border-collapse: collapse;
margin-left:auto;
margin-right:auto;
text-align: center;
line-height: 1.2;
}
table.type04 td {
padding: 3px;
vertical-align: center;
border: 1px solid #ccc;
}

/* ◆◆引用◆◆ */

blockquote {
position: relative;
margin: 2em 0;
padding: 1em 1em 1em 2.6em;
font-size: .9em;
border-left: 5px solid #CCC;
border-radius: 2px;
}
blockquote:after{
position: absolute;
bottom: 0;
right: 0;
content: '”';
font-family: sans-serif;
font-size: 6em;
opacity: .1;
}

/* ◆◆記事下の『ボタン』◆◆ */

.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.2em 0.5em;
    margin: 0.1em 0;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*背景色*/
    border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}

.square_btn:active {
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.square_btn:visited {
color: #fff;
}

/* ◆◆テーブルのデザイン（５）（記事：タイトル戦のリーグ戦の日程表）◆◆ */
table.type05 {
max-width: 600px;
border-collapse: collapse;
text-align: center;
margin-left:auto;
margin-right:auto;
line-height: 1.2;
}
table.type05 td {
font-size: 0.8em;
font-weight: bold;
padding: 3px 2px;
border: 1px solid #555555;
}
table.type05 th{
padding: 2px;
border: 1px solid #cccccc;
color: white;
background-color:#555555;
font-size: 1em;
font-weight: bold;
text-align: center;
}
table.type05 tr:nth-child(2n+1) {
	background: #eee;
}

/* ◆◆テーブルのデザイン（６）（記事：タイトル戦のリーグ戦の日程表）◆◆ */
table.type06 {
max-width: 600px;
border-collapse: collapse;
margin-left:auto;
margin-right:auto;
line-height: 1.2;
}
table.type06 td {
font-size: 0.8em;
font-weight: bold;
padding: 3px;
border: 1px solid #555555;
}
table.type06 th{
padding: 2px;
border: 1px solid #cccccc;
color: white;
background-color:#555555;
text-align: center;
font-size: 1em;
font-weight: bold;
}

/* ◆◆テーブルの『セル』を丸ごとの『hober』デザイン◆◆ */

td.hober01{
display:block !important;
width:100% !important;
height:100% !important;
background-color: red !important;
}

/* ◆◆テーブルのデザイン（７）（記事：基本的なテーブルデザイン）◆◆ */
table.type07 {
max-width: 800px;
border-collapse: collapse;
line-height: 1.6;
table-layout: fixed;
}
table.type07 td {
font-size: 0.9em;
font-weight: bold;
padding: 5px;
border: 1px solid #555555;
}
table.type07 th{
padding: 5px;
border: 1px solid #cccccc;
color: white;
background-color:#555555;
font-size: 1em;
font-weight: bold;
}


/* ◆◆テーブルのデザイン
  プロフィール用◆◆ */

table .prof {
border-collapse: collapse;
width:100%;
font-size: 0.8em;
margin-left:1.5em;
}
.prof th {
border-bottom: #e3e3e3 1px dotted;
text-align: left;
padding: 10px;
font-weight: normal;
}
.prof td {
border-bottom: #e3e3e3 1px dotted;
text-align: left;
padding: 10px;
}


/*--------------------------------------
  ヨメレバ・カエレバ（レスポンシブ）
--------------------------------------*/
.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;
}
}


/*◆柳澤プロの吹き出し◆*/
.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
	  line-height:120%;
}
.box8 p {
    margin: 0; 
    padding: 0;
}

/* ◆◆テーブルのデザイン（８）（記事：横幅設定はHTMLで決める）◆◆ */
table.type08 {
border-collapse: collapse;
text-align: center;
margin-left:auto;
margin-right:auto;
line-height: 1.2;
width: auto;
}
table.type08 td {
font-size: 0.8em;
font-weight: bold;
padding: 5px;
border: 1px solid #555555;
}
table.type08 th{
padding: 5px;
border: 1px solid #cccccc;
color: white;
background-color:#555555;
font-size: 1em;
font-weight: bold;
text-align: center;
}
table.type08 tr:nth-child(2n+1) {
	background: #eee;
}

/* ◆◆ボックスデザイン77◆◆ */

.box77{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.box77:before, .box77:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.box77:before {left: 10px;}
.box77:after {right: 10px;}
.box77 p {
    margin: 0; 
    padding: 0;
}