/*
Theme Name: AFFINGER4 Child
Template: affinger4
Version: 20160912β
*/

/*--------------------------------
表示関連
---------------------------------*/
:hover{
	transition:0.3s;
}

:hover a{
	transition:0.3s;
}

.smanone2{
	display: none;
}

header .smanone ul.menu li a{
	font-size: 16px!important;
}

/*---------------------------
基本の文字色
----------------------------*/
p {
	color:#707070;
	margin-bottom: 25px;
}

/*ブログタイトル*/
header .sitename {
	padding: 4px 0 0;
}

/*小見出し*/
.archive h1{
	background:#44cda5;
	border-radius: 5px;
}

h2{
	font-size: 22px;
	text-align:center;
	margin-top: 60px;
	border-radius: 5px;
}

.post h3 {
	font-size: 22px;
	margin-top: 50px;
	border-top: 3px #999999 dotted;
	border-bottom: 3px #999999 dotted;
}

.recogoods h3{
	border-top: 3px #ff6575 solid;
	border-bottom: 3px #ff6575 solid;
}

/*-------------------
文字装飾
--------------------*/
.topno {
	margin-top:0;
}

.topminus{
	margin-top: -20px;
}

.bottomno{
	margin-bottom:0;
}

.hutokuro{
	font-weight:bold;
	color:#000;
}

.hutoao{
	font-weight:bold;
	color:#0000ff;
}

.bluebox {
	padding:15px;
	margin:10px 5px 15px;
	border:solid 1px #80e1ff;
	background-color:#ccf3ff;
	font-size: 16px;
	line-height: 25px;
}

.post .bluebox p:last-child,
.post .bluebox ol:last-child,
.post .bluebox ul:last-child {
	margin-bottom:0;
}

.quotation{
	color:#707070;
	font-size:70%;
	margin-top:-32px;
}

.quotation a{
	color:#707070;
	text-decoration:none;
}

.quotations{
	color:#707070;
	font-size:70%;
	margin-top:-14px;
}

.quotations a{
	color:#707070;
	text-decoration:none;
}


/*--------------------------------
グッズのテーブル表示
---------------------------------*/

.goods-table h2{
	background-color:#ff6575;
	color: #FFFFFF;
	text-shadow: -1px 1px 3px #333 ;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.goods-table{
	width:100%;
	display:block;
	list-style-type:none;
	text-align:center;
	padding-bottom: 10px;
	margin-bottom:40px;
	background-color:#FFFFFF;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}

.goodscontena{
	overflow: auto;
	margin-bottom: 10px;
}

.goods-wrap{
	box-sizing: border-box;
	display: inline-block;
	float: left;
	padding: 0 7px;
	margin-bottom: 10px;
	width: 50%;
}

.goods-sell{
	box-sizing:border-box;
	color: #1a1a1a;
	position:relative;
	display:block;
	border: thin solid #ff6575;
	list-style-type:none;
	border-radius: 4px;
	text-align:center;
	padding: 10px 7px 10px;
	background-color: #FFFFFF;
}

.cause{
	font-size:0.6em;
	position: absolute;
	top: 0;
	left:0;
	border: thin solid #ff6575;
	border-top:none;
	border-left:none;
	padding:0px 5px;
}

.goods-sell:hover>div p.cause{
	-moz-opacity: 0.8;
	opacity: 0.8;
	transition:0.5s;
	color: #b22222;
}

.hyouka{
	font-size:0.8em;
	font-weight:bold;
	position:absolute;
	top: 0;
	right:0;
	padding:2px 5%;
}
	
.goods-sell img.hoshi{
	vertical-align:-3px;
	display:inline;
	margin:0 4px 0 0;
	padding:0;
	width:20px;
	height:20px;
}
	
.goods-sell img{
	display:block;
	margin:2em auto;
	transition:0.5s;
}

.goods-name{
	color:#FFFFFF;
	font-size:0.8em;
	position:absolute;
	bottom:0;
	left:0;
	background-color:#ff6575;
	display:block;
	margin:0;
	padding:0.3em 0;
	width:100%;
}

.goods-sell:hover>div .goods-name{
	-moz-opacity: 0.8;
	opacity: 0.8;
	transition:0.5s;

}

.rate-table{
	display:inline-block;
	margin:0 0 25px;
}

.rate-table li{
	list-style-type:none;
}

.rate{
	display:inline-block;
	overflow:hidden;
	margin-left:15px;
	height:20px;	
}

.star{
	display:inline-block;
	min-width:100px;
}

.goods-sell a:hover{
	background:#000;
	-moz-opacity: 0.2;
	opacity: 0.2;
}

/*--------------------------------
トップページ説明
---------------------------------*/
.knowboxwrap{
	display: block;
	list-style-type: none;
	text-align: center;
	margin: 0 0 30px;
	border-radius: 5px;
	padding: 0 0 10px ;
	background-color: #FFFFFF;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}

.knowboxwrap h2{
	color: #000;
	margin-bottom: 20px;
	background-color:#26c6da;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	
}

.knowboxwrap a{
	text-decoration:none;
	transition:0.3s;
}

.knowboxwrap a:hover{
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.knowbox{
	box-sizing:content-box;
	border-radius:10px;
	display:inline-block;
	position:relative;
	width:47%;
	padding:20px 0;
	margin:0 2px 5px;
	text-align:center;
}

.knowbox p{
	margin:0;
	color:#000;
}

.knowbox p:first-child{
	text-shadow:none;
}

.knowbox{
	background-color:#26c6da;
}


.kadomaru img{
	border-radius:10px;
}

.sns li a {
	padding:7px 10px 2px 15px;
	margin: 3px;
}

/*-------------------
関連情報
--------------------*/
.post h4.point {
	margin-top: 30px;
	margin-bottom:10px;
	border-bottom:solid 1px #2C2C2C;
}

.post h4 .point-in {
	padding:5px 20px 3px;
	color:#FFFFFF;
	background: #2C2C2C;
	top: 14px;
}

.kanren a{
	text-decoration: none;
}

.kanren .fa{
	margin-right:5px;
}

.kanren dl:last-child{
	margin-bottom:0;
}

.kanren dl{
	margin:0 -20px;
	padding:20px;
	position:relative;
}

.kanren dl>a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.kanren dl a:hover{
	background:#81d8f9;
	-moz-opacity: 0.2;
	opacity: 0.2;
}

.dayinfo{
	display:inline-block;
	padding:2px 8px 1px;
	border-radius:5px;
	background:#00b0ff;
	color:#FFFFFF!important;
	margin-bottom:8px!important;
}

/* 抜粋文字 */
.kanren .clearfix dd h3 {
	font-size:18px;
	line-height:1.3em;
	padding:0;	
	border-bottom:none;
}

.kanren .clearfix dd p {
	font-size: 13px;
	color: #666;
	line-height: 18px;
}

.kanren .blog_info p{
	margin-bottom:0;
}

.kanren .blog_info p.day i{
	margin-right:0px;
}

#side .kanren{
	padding:0;
}

#side .kanren dl a:hover{
	background:#44cda5;
	-moz-opacity: 0.2;
	opacity: 0.2;
}

#side .kanren .clearfix dd h5{
	font-size:90%!important;
	line-height:130%!important;
}

aside .kanren .clearfix dd h5{
	margin-bottom:5px;
}

/*-------------------
自己紹介
--------------------*/
.introduction{
	position:relative;
	padding:20px 20px;
	margin:20px -20px;
}

.introduction .position{
	font-size:80%;
	color:#000000;
	padding-top:0px;
}

.introduction img{
	float:left;
	border-radius:5px;
	margin:0 1em 0.5em 0;
	width:100px;
	height:100px;
}

.introduction .name{
	font-size:1.2em;
	color:#000;
	margin-bottom: 10px;
}

.introduction p{
	font-size:0.8em;
	color: #606060;
	line-height:1.4em;
	margin-bottom:0;
}

/*-----------------------------
カエレバ
------------------------------*/
/* カエレバ・ヨメレバ（レスポンシブver.1.1） */
.booklink-box, .kaerebalink-box{
	border: 1px solid #ccc;
 	border-radius: 4px;
  	box-shadow: 1px 1px 3px 1px #ddd;
  	padding: 15px 5px 15px 15px!important;
  	overflow: hidden; /* float解除用 */
  	margin: 20px 0;
}

.booklink-image, .kaerebalink-image{
	margin: 5px 15px 0 0!important;
	float:left;
}
.booklink-image img, .kaerebalink-image img{
	max-width:120px;
	height:auto;
 	box-shadow: 0 0 1px 1px #ccc;
}

.booklink-info, .kaerebalink-info{
	font-size: 14px;
	margin: 0;
 	overflow: hidden; /* float解除用 */
}

.booklink-name, .kaerebalink-name{
	font-size:15px;
	margin-bottom:5px;
	line-height:1.2em;
}

.booklink-powered-date, .kaerebalink-powered-date{
	font-size:8pt;
	margin-top:10px;
	line-height:120%;
}
.booklink-detail, .kaerebalink-detail{
    font-size:8pt;
	margin-bottom:3px;
}

.booklink-link2, .kaerebalink-link1{
	padding:0 5px 0 0;
	margin-top:3px;
}

.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkrakukobo, .shoplinkyahoo, .shoplinkseven, .shoplinkbellemaison, .shoplinkcecile, .shoplinkkakakucom, .shoplinkbk1, .shoplinkehon, .shoplinkkino, .shoplinktoshokan{
    width:80%;
	height:15px;
	overflow:hidden;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	margin:3px  3px 0 3px;
	padding:10px 0px;
	text-align:center;
	cursor:pointer;
	}
	
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkrakukobo:hover, .shoplinkyahoo:hover, .shoplinkseven:hover, .shoplinkbellemaison:hover, .shoplinkcecile:hover, .shoplinkkakakucom:hover, .shoplinkbk1:hover, .shoplinkehon:hover, .shoplinkkino:hover,  .shoplinktoshokan:hover{
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}

.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkrakukobo:active, .shoplinkyahoo:active, .shoplinkseven:active, .shoplinkbellemaison:active, .shoplinkcecile:active, .shoplinkkakakucom:active, .shoplinkbk1:active, .shoplinkehon:active, .shoplinkkino:active,  .shoplinktoshokan:active{
	position:relative;
	top:1px;
}

.shoplinkamazon a, .shoplinkrakuten a, .shoplinkkindle a, .shoplinkrakukobo a, .shoplinkyahoo a, .shoplinkseven a, .shoplinkbellemaison a, .shoplinkcecile a, .shoplinkkakakucom a, .shoplinkbk1 a, .shoplinkehon a, .shoplinkkino a,  .shoplinktoshokan a{
	display:block;
	text-decoration:none;
	font-weight:800;
	text-shadow:1px 1px 1px #dcdcdc;
	font-size:12px;
}
	
.shoplinkamazon a{
	color:#ff9900;
}
 .shoplinkrakuten a{
	color:#bf0000;
}
.shoplinkkindle a{
	color:#1a8dcc;	
}
.shoplinkrakukobo a{
	color:#d50000;	
}
.shoplinkyahoo a{
	color:#ff0033;
	font-size:8px;
 } 
.shoplinkseven a{
	color:#ff6501;
}
.shoplinkbellemaison a{
	color:#84be24;
 } 
.shoplinkcecile a{
	color:#8d124b;
 } 
.shoplinkkakakucom a{
	color:#051D93;
 } 
.shoplinkbk1 a{
	color:#0786cb;
 }
.shoplinkehon a{
	color:#000066;
 }
.shoplinkkino a{
	color:#003e92;
 }
.shoplinktoshokan a{
	color:#212121;
 }
 
.booklink-footer{
	clear:left;
}

/*------------------
SNS
-------------------*/
.sns{
	margin-top:10px;
}

.snstext{
	font-size: 14px;
}t

.sns li a {
	padding:5px 10px 0px 15px;
}

.fbBtn{
	margin-top:30px;
	text-align:center;
}

.fbBtn p{
	font-weight:bold;
	color:#ff9900;
	margin-bottom:0.7em;
}

.pageSns{
	box-sizing:content-box;
	text-align: center;
	padding:0 10px 10px;
	margin:40px -12px 10px;
	border-radius: 10px;
	background:#f2f2f2;
}

.pageSns h3{
	color: #FFFFFF!important;
	padding:10px;
	margin: 0 -10px 20px;
	background:#9191ff!important;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-left: none;
	border: none;
}

.pageSns p{
	font-size:90%;
	line-height:120%;
}

.topsns{
	margin-top: 0!important;
}
	
.fbbox{
	margin-bottom:5px;
}

/*------------------
改ページナビ
-------------------*/
.tuzukicenter{
	margin:20px;
	text-align: center;
}

.tuzuki{
	background: #FFFFFF;
}

.tuzuki a{
	color: #FFFFFF;
	text-align: center;
	background:#FC3500;
	border-radius: 5px;
	text-decoration: none;
	padding: 14px 44px;
	border: thin solid #000;

}

.tuzuki a:hover{
	background: #FFFFFF;
	color: #000;
	border: thin solid #000;
	text-shadow: none;
}

/*------------------
ページナビ
-------------------*/
.p-navi{
	margin-bottom: 20px;
}

.p-navi dl dt {
	text-align:center;
	color: #FFF;
	border-radius: 5px;
	background:#707070;
}

/*--------------------------------
記事下の一括表示部分
---------------------------------*/

.kizi-under-box {
	display: inline-block;
	margin-top:20px;
	margin-right: 16px;
}

/*--------------------------------
グーグルカスタム検索フォーム
---------------------------------*/
.gsc-input-box{
	border: 1px solid #ccc !important;
	border-radius: 2px;
	padding-left: 10px;
}
.gsc-search-button,
.gsc-input{
	border: none;
}
.gsc-input{
	padding: 0!important;
}
input.gsc-input{
	margin: 10px 0!important;
}
.gsc-input td{
	padding: 0!important;
}
.gsc-input table{
	border: none;
	margin: 0!important;
}
.gsib_a,
.gsib_b{
	border: none;
}
.gsc-search-button{
	height: 42px;
	padding-right: 0;
}
button.gsc-search-button svg{
	vertical-align: middle;
}
table.gsc-table-result,
table.gsc-table-result td{
	border: none;
	padding: 0;
	margin-bottom: 5px;
}
table.gsc-resultsHeader,
.gsc-resultsHeader td{
	border: none;
}
/*--------------------------------
目次
---------------------------------*/
.toc_number{
	color: #000;
}

/*--------------------------------
コンタクトフォーム
---------------------------------*/

.wpcf7 .labels{
	font-weight: 600;
}

.wpcf7 p {
	margin:0 0 20px;
}

.wpcf7-form {
	box-sizing:border-box;
	width:100%;
	margin:0 auto 50px;
	padding:0 5%;
}

.gray{
	color:#666;
	padding-bottom:20px;
}
	
.required{
	font-size:12px;
	padding: 3px;
 	background: #DE8686;
 	color: #fff;
 	border-radius: 3px;
 	margin-left: 10px;
}

.requiredp{
	color:red;
}

.formtitle {
	font-weight: 600;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
	color: #333;
	width: 100%;
	border: 1px solid #ddd;
	padding: .6em!important;
	margin-bottom: .8em;
	border-radius: 4px;
	background: #eaedf2;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}

.wpcf7 textarea[name="your-message"] {
        height: 200px !important;
}

::-webkit-input-placeholder {
  color: #ccc;
}
::-moz-placeholder {
  color: #ccc; opacity: 1;
}
:-ms-input-placeholder {
  color: #ccc;
}

.wpcf7 input[type="submit"] {
	width: 100%;
	padding: .5em;
	background: #2196F3;
	color: #fff;
	font-size: 20px;
}
.wpcf7 input[type="submit"][disabled]{
	opacity: .6;
	background: #CCC;
}

.wpcf7 input[type="submit"]:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 90%;
	padding: .5em;
	margin-top: .5em; 
	border-radius: 4px;
	border: 2px solid #FFA000;
}

.copy a{
	display:none;
}


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


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

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

/*--------------------------------
表示関連
---------------------------------*/
.smanone2{
	display:block;
}
	
/*-----------------------------
カエレバ
------------------------------*/
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkrakukobo, .shoplinkyahoo, .shoplinkseven, .shoplinkbellemaison, .shoplinkcecile, .shoplinkkakakucom, .shoplinkbk1, .shoplinkehon, .shoplinkkino, .shoplinktoshokan{
    float:left;
    width:45%;
	}

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

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {
	
/*基本のフォントサイズ*/
	p, /* テキスト */
	.st-kaiwa-hukidashi, /* ふきだし */
	.yellowbox, /* 黄色ボックス */
	.graybox, /* グレーボックス */
	.redbox, /* 薄赤ボックス */
	.post ul li, /* ulリスト */
	.post ol li, /* olリスト */
	.post h5, /* H5 */
	.post h6 /* H6 */
	 {
		font-size: 20px;
		line-height: 30px;
	}


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