/*
Theme Name: TwentyTwelve-Child
Description:TwentyTwelveを利用した子テーマ
Template:twentytwelve
Version:1.2
Author:Otona-credit
Author URI:http://xn--u9jugla0b3c4ai9yif2582a27xa.jp/
*/

@charset "UTF-8";
@import url("../twentytwelve/style.css");

/* pc: 769px~
tablet: 768px
mobile: ~480px*/
/*-----------------------------------------------------------------
basic html
-------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
/*	vertical-align: baseline;   */
}
body {
	font-size: 16px;
	font-size: 1rem;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #444;
}
a {
	outline: none;
	color: #21759b;
  font-size: 16px;
	text-decoration: none;
}
.entry-content a:hover{
	text-decoration: underline;
}
.entry-content p a {
    text-decoration: underline;
}
hr {
	border: 0;
	height: 1px;
	margin-bottom: 1.714285714rem;
}

/*-----------------
Flex-Box
------------------*/
.flex{
    display: flex;
}
.flex-wrap{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*----------------
ボタン
------------------*/
.entry-content
.bt-shadow{
    box-shadow: 3px 3px 6px #b2b2b2;
}
.entry-content .bt:hover{
    opacity: 0.6;
    filter: alpha(opacity=60);
}
/*----ranking style----2013/8/20----*/
table#rankingver1{
	width: 100%;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}
table#rankingver1 tr{
	margin:0;
	border: 1px solid #CCCCCC;
}
table#rankingver1 th{
	margin:0;
	padding: 0px 10px 0px 5px;
	background: #EFEFF1 url(img/ranking-bg.png) repeat-x;
	border: 1px solid #CCCCCC;
}
table#rankingver1 .r1-title-no1{
	font-size: 16px;
	color:#363434;
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding: 15px 10px 8px 50px;
/*      padding: 5px 5px 5px 10px;   */
	background: url(img/01no1.png) no-repeat left center;
}
table#rankingver1 .r1-title-no2{
	font-size: 16px;
	color:#363434;
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding: 15px 10px 8px 50px;
	background: url(img/01no2.png) no-repeat left center;
}
table#rankingver1 .r1-title-no3{
	font-size: 16px;
	color:#363434;
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding: 15px 10px 8px 50px;
	background: url(img/01no3.png) no-repeat left center;
}
table#rankingver1 .r1-title-no4{
	font-size: 16px;
	color:#363434;
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding: 15px 10px 8px 50px;
	background: url(img/01no4.png) no-repeat left center;
}
table#rankingver1 .r1-title-no5{
	font-size: 16px;
	color:#363434;
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding: 15px 10px 8px 50px;
	background: url(img/01no5.png) no-repeat left center;
}

table#rankingver1 .r1-title-no6{
	font-size: 16px;
	color:#363434;
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding: 15px 10px 8px 50px;
	background: url(img/01no6.png) no-repeat left center;
}

table#rankingver1 .r1-title-no7{
	font-size: 16px;
	color:#363434;
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding: 15px 10px 8px 50px;
	background: url(img/01no7.png) no-repeat left center;
}

/*　ランキング外のリスト作成　　2013/8/21　start　*/
table#rankingver1 .r1-title{
	font-size: 16px;
	color:#363434;
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding: 15px 10px 8px 10px;
}
/*　ランキング外のリスト作成　　2013/8/21　end　*/
/*　おすすめのリスト作成　　2014/12/14　start　*/
table#rankingver1 .r1-title-osusume{
	font-size: 16px;
	color:#363434;
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding: 15px 10px 8px 50px;
	background: url(img/osusume_02.png) no-repeat left center;
}
/*　おすすめのリスト作成　　2014/12/14　end　*/

table#rankingver1 td{
	margin:0;
	padding: 10px;
	border-collapse: collapse;
	background-color: #FFFFFF;
/*　位置指定追加　　2015/1/3　start　*/
	vertical-align: middle;
/*　位置指定追加　　2015/1/3　end　*/
}
table#rankingver1 td.r1-img{
	margin:0px auto;
	border-collapse: collapse;
	border-right: 1px solid #CCCCCC;
}
table#rankingver1 td p{
	font-size: 14px;
	line-height: 160%;
	vertical-align: top !important;
}
table#rankingver1 td p.catch{
	font-size: 16px;
	font-weight:bold;
	color:#ff0000;
	margin: 10px 0px;
}

table#rankingver1 td a{
	text-decoration:underline;
}

/*詳細説明用セル追加　　2013/8/22  start */
table#rankingver1 td.r1-subtitle{
	background: #EFEFF1 url(img/ranking-bg.png) repeat-x;
	border: 1px solid #CCCCCC;
	text-align: center;
	font-size: 16px;
	line-height: 50%;
	margin: 0;
	padding: 15px 10px 8px 10px;
	width: 33%;
}

table#rankingver1 td.r1-dis{
	background: #FFFFFF ;
	border: 1px solid #CCCCCC;
	text-align: center;
	font-size: 14px;
	line-height: 140%;
	margin: 0;
	padding: 15px 10px 8px 10px;
	width: 33%;
}
/*リンク位置変更　2015/7/9  add   */
table#rankingver1 td.to_link{
	float: right;
}

/*---------------カード詳細説明スタイル　2013/8/20-------------------*/
table#card_detail{
	width: 100%;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}
table#card_detail tr{
	margin:0;
	border: 1px solid #CCCCCC;
}
table#card_detail th{
	margin:0;
	padding: 0px 10px 0px 5px;
	border: 1px solid #CCCCCC;
}

table#card_detail td{
	margin:0;
	padding: 10px;
	border-collapse: collapse;
	text-align: center;
  border: 1px solid #a7a5a5;
	font-size: 14px;
}

table#card_detail td.bg_img{
/*	margin: 0px auto;*/
	width: 30%;
	color: #191919;
	background: #f5f5f5;
	border: 1px solid #a7a5a5;
	border-collapse: collapse;
	text-align: center;
	font-size: 15px;
	padding: 15px 5px 8px 5px;
	line-height: 140%;
}

table#card_detail td p{
	font-size: 14px;
	line-height: 160%;
	vertical-align: top !important;
}

table#card_detail td a{
	text-decoration:underline;
}

/*----------------カード詳細説明スタイル　2015/6/28 修正版------------*/
table#card_detail2{
	width: 100%;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}
table#card_detail2 tr{
	margin:0;
	border: 1px solid #CCCCCC;
}
table#card_detail2 th{
	margin:0;
	padding: 0px 10px 0px 5px;
	border: 1px solid #CCCCCC;
}

table#card_detail2 td{
	margin:0;
	padding: 10px;
	border-collapse: collapse;
	text-align: left;
  border: 1px solid #a7a5a5;
	font-size: 14px;
}

table#card_detail2 td.bg_img{
	width: 30%;
	color: #191919;
	background: #f5f5f5;
	border: 1px solid #a7a5a5;
	border-collapse: collapse;
	text-align: center;
	font-size: 15px;
	padding: 15px 5px 8px 5px;
	line-height: 140%;
}

table#card_detail2 td p{
	font-size: 14px;
	line-height: 160%;
	vertical-align: top !important;
}

table#card_detail2 td a{
	text-decoration:underline;
}
table#card_detail2 td img{
	vertical-align: middle;
}
td img{
	vertical-align: middle;
}
/*------------------ボタン位置指定　2013/8/23-----------------------*/
table#card_detail{
	width: 100%;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}

/*詳細説明用セル追加　　2013/8/22  end   */

/*--------------記事用テーブルスタイル　2013/8/27--------------------*/
table#article{
	width: 100%;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}
table#article tr{
	margin:0;
	border: 1px solid #CCCCCC;
}
table#article th{
        background:#339933;
	margin:0;
	padding: 0px 10px 0px 5px;
	border: 1px solid #CCCCCC;
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
}

table#article td{
	margin:0;
	padding: 10px;
	border-collapse: collapse;
	background-color: #FFFFFF;
	text-align: center;
	border: 1px solid #ededed;
	font-size: 14px;
}

table#article td.bg_img{
	margin:0px auto;
	border-collapse: collapse;
	background: #008B8B;
	border: 1px solid #CCCCCC;
	text-align: center;
	font-size: 16px;
	line-height: 50%;
	padding: 15px 10px 8px 10px;
	width: 20%;
        color: white;
	line-height: 140%;
}

table#article td p{
	font-size: 14px;
	line-height: 160%;
	vertical-align: top !important;
}

table#article td a{
	text-decoration:underline;
}
/*-----------------------------------------------------------------
　おすすめ用カード詳細
-------------------------------------------------------------------*/
.recommend_cd_wrapper{
    -webkit-justify-content: center;
    justify-content: flex-end;
}
.recommend_cd_container{
    border: 1px solid #045a16;
    border-radius: 9px;
    padding: 20px;
    margin-bottom: 7px;
}
.recommend_cd_container
p.catch{
    font-size: 18px;
    font-weight: bold;
    color: #ff0000;
    margin: 10px 0px;
}
.recommend_cd_container
p{
    color: dimgray;
}


/*-----------------------------------------------------------------
  site header
-----------------------------------------------------------------*/
/* サイトタイトルを画像に変更　2013/8/20
.site-title {
  background: url(http://xn--u9jugla0b3c4ai9yif2582a27xa.jp/wp/wp-content/uploads/2013/08/cropped-title_logo1.png) no-repeat scroll 0 0 transparent;
  color: transparent;
  width: 100%;
  height: 70px;
	background-size: contain;
}*/

/* タイトル画像が正常に表示させる対応　2015/6/28 */
.site-header h1 {
	font-size: 24px;
/*	font-size: 1.714285714rem; 20150918 add */
	font-size: 1rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 0rem;
	width: 100%;
	background-size: contain;
}

.site-header {
	padding: 20px 0;
	padding: 0.8rem 0;
}
h2.site-description {
	font-size: 13px;
	font-size: 0.8rem;
}
/* Navigation Menu 20150918 add*/
.main-navigation {
	margin-top: 24px;
	margin-top: 0.7rem;
	text-align: center;
}

.site-content article{
	margin-bottom: 18px;
	padding-bottom: 4px;
}
/*-----------------------------------------------------------------
  breadcrumb 2013/8/29
-----------------------------------------------------------------*/
div#breadcrumb {
	margin-bottom: 5px;
	font-size: 13px;
	letter-spacing: 1px;
}
div#breadcrumb li {
  display: inline;
	line-height: 130%;
}
div#breadcrumb li a{
  font-size: 13px;
}
/*-----------------------------------------------------------------
  entry-content
-----------------------------------------------------------------*/
/* 小見出し用のデザイン追加　2013/8/20 start */
.entry-content h2 {
	margin: 50px 0 10px 0;
	padding: 4px 0px;
	color:#d25c14;
	font-weight:bold;
	line-height:140%;
	border-bottom: 5px solid #f79708;
}
.entry-content h3 {
	margin:15px 0px 10px 0px;
	padding: 4px 8px 6px;
	color: #d25c14;
	font-weight:bold;
	border-left: 5px solid #ce6405;
	border-bottom: 1px solid;
}
.entry-content h4  {
	margin-top: 15px;
	margin-bottom: 20px;
	padding: 6px 8px 4px 34px;
	color: #333333;
	font-size: 16px;
	line-height: 20px;
	background-image: url(img/h4.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.entry-content .subtitle{
	font-size: 20px;
	font-weight:bold;
	color:#FF4200;
	margin: 10px 0px;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin: 20px 0 20px;
	margin: 1.4rem 0.4rem 1.4rem;
	line-height: 1.8;
	letter-spacing: 1.4px;
	font-size: 16px;
}
/* 2015/12/17,2017/4/18 add */
.entry-content table,
.comment-content table {
	border: 1px solid #ededed;
	font-size: 12px;
}
.entry-content th,
.comment-content th {
	border: 1px solid #a7a5a5;
	padding: 10px;
	font-size: 16px;
  background: whitesmoke;
}
.entry-content td,
.comment-content td {
	border: 1px solid #a7a5a5;
	padding: 10px;
	font-size: 14px;
}
time.enrty-post-date{
	float: right;
	color: #929292;
	font-size: 15px;
}
.entry-content blockquote,
.comment-content blockquote {
	position: relative;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px 24px;
	background-color: #efefef;
	font-style: normal;
	border-left: 3px solid gray;
}
.entry-content blockquote:before{
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 3px;
  vertical-align: middle;
  content: "“";
  font-family: sans-serif;
  color: #888888;
  font-size: 90px;
  line-height: 1;
}
.entry-content blockquote p {
    font-size: 15px;
}
.entry-content .link-quote,
.entry-content .link-quote a{
	font-size: 11px;
  font-weight: bold;
  color: #a5a5a5;
}
.my-post-date {
  float: right;
  color: #757575;
  font-size: 14px;
	margin: 15px 0;
}
/* 2013/8/22  start */
.block_good,
.block_bad,
.block_point {
	line-height: 1.8;
  letter-spacing: 1.4px;
	position: relative;
	margin: 2em 0;
	padding: 30px 10px 30px 20px;
}
.block_good{
	border: solid 2px #FFC107;
	background-color: #fff9f0;
}

.block_bad{
	border: 2px solid #69F;
	background-color: #ebf7fb;
}
.block_point{
	border: solid 4px #ffa707;
  background-color: #fff8ef;
}
/* pタグがあれば、マージンを調整*/
.block_point p,
.block_good p,
.block_bad p {
  padding: 0;
  margin: 25px 0;
}
.block_point ul,
.block_good ul,
.block_bad ul {
  margin-bottom: 0px;
}
.block_point ul li,
.block_good ul li,
.block_bad ul li {
  margin: 6px 15px 6px 15px;
}
.block_break{
	margin: 20px 5px 20px;
	padding: 20px 5px 20px 25px;
	background-color: #FFFFF0;
	background-repeat: no-repeat;
	border: 1px dashed #b58505;
}
.block_relate {
	margin: 20px 5px 20px;
	padding: 20px 5px 20px 0px;
	background-color: #fbfbfb;
	border: 3px solid #c5c5c5;
  border-radius: 8px;
}
.block_relate b{
  margin-left: 20px;
}
.block_relate li{
  padding: 6px 0;
}
.block_relate ul {
  margin-bottom: 0px;
}
.good-tit,
.bad-tit,
.camp-tit,
.point-tit{
	position: absolute;
  display: inline-block;
  top: -2px;
  left: -2px;
  padding: 8px 13px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
  color: #ffffff;
}
.good-tit {
  background: #FFC107;
}
.bad-tit {
  background: #6599ff;
}
.camp-tit,
.point-tit {
	background: #ffa709;
}
.camp-txt {
	font-size: 1.3rem;
	font-weight: bold;
	border-bottom: 2px solid;
	color: #ff532d;
	margin: 0 4px;
}
.camp-prd {
	margin-right: 16px;
	font-weight: bold;
	font-size: 1.2rem;
}
.good-tit + p,
.bad-tit + p {
  margin: 25px 0 0 0;
}
.camp-tit + p,
.point-tit + p {
  margin: 25px 0 0 0;
}
.mousikomi{
	font-size: 1.342857143rem;
	font-weight:bold;
	color:#0000FF;
	margin: 10px 0px;
        text-align: center;
}
.aka_futomoji{
	font-size: 16px;
	font-size: 1.0rem;
	font-weight: bold;
	color: #FF4200;
}
.mark {
  background: linear-gradient(transparent 55%, #ffd683 0);
}
.font20 {
font-size: 20px;
font-size: 1.342857143rem;
color: red;
}
.img-left {
	display: inline;
	margin: 0 10px 10px 0;
	float: left;
}
.img-right {
  display: inline;
  float: right;
  margin: 0 20px 10px 20px;
}
.img-right:after {
	clear:both;
	content:"";
	display:block;
}
.entry-content .article{
  box-shadow: 3px 3px 20px -5px;
  margin-bottom: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.entry-content .banner_top{
  box-shadow: 3px 3px 20px -5px;
  margin-bottom: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  border: 2px solid green;
}

/*------------画像の横にテキスト中央そろえ　2014/6/4------------------*/
#imagecenter {
	width: 500px;
	display: table;
	margin-left: 1em;
}
#imagecenter p {
	margin: 0;
	padding: 0;
}
.image_center,
#text_center{
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	/display: inline;
	/zoom: 1;
}
/*----------------画像枠の削除　2013/8/27---------------------------*/
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 0px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}
/*--------口コミ情報のレイアウト設定　2015/6/28--------------------*/
.user_good {
	font-size: 15px;
	padding: 10px 30px 12px 130px;
	margin: 10px 0;
	background-repeat: no-repeat;
	background-image: url(http://xn--u9jugla0b3c4ai9yif2582a27xa.jp/wp/wp-content/uploads/2015/06/button_good.jpg);
	background-color: #F8E7CE;
	background-position-x: 15px;
	background-position-y: 15px;
	border: 2px solid #F79708;
	_height:70px;
	_zoom: 1;
	overflow: hidden;
	border-radius: 10px;
}
.user_good li {
    margin: 10px 0 10px 36px;
}
.user_bad {
	font-size: 15px;
	padding: 10px 30px 12px 130px;
	margin: 10px 0;
	background-repeat: no-repeat;
	background-image: url(http://xn--u9jugla0b3c4ai9yif2582a27xa.jp/wp/wp-content/uploads/2015/06/button_bad.jpg);
	background-color: #CEE1F8;
	background-position-x: 15px;
	background-position-y: 15px;
	border: 2px solid #348FFF;
	min-height: 70px;
	_height:70px;
	_zoom: 1;
	overflow: hidden;
	border-radius: 10px;
}
.user_bad li {
    margin: 10px 0 10px 36px;
}
/*
 *box
*/
/* 角丸ボックス　追加　2015/07/03　*/
.rbox1 {
	background-color: #FFF;
	border: 2px solid #FF843F;
}
.rnd1{
	padding: 15px;
	margin: 15px auto 15px auto;
}

/* 記事内に横並びに二分割されたボックスを作成　*/
.entry-content .bx-left{
	float:left;
}

.entry-content .bx-right{
	float:right;
}

/* entry-content footer */
.post-tags {
    margin: 20px 0;
}
.post-tags ul{
	list-style: none;
	display: inline;
	margin: 0 0 0 7px;
}
.post-tags li {
  display: inline;
	margin: 0 6px 0 0;
}
.post-tags li a {
	display: inline-block;
	border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 12px;
	line-height: 1.714285714;
  text-decoration: none;
	color: currentColor;
	margin: 3px 0;
  padding: 4px 7px;
}
.widget-category-creditcard {
  margin-bottom: 50px;
  border-bottom: 1px solid #ededed;
}
.widget-category-creditcard .textwidget {
  margin: 20px 0;
}
.widget-category-creditcard .post-tags {
  margin: 5px 0;
}
.widget-category-creditcard .post-tags ul{
  margin: 0;
}
.entry-content img.wp-image-width-long{
  width:90%;
}
.entry-content img.wp-image-height-long{
    width:50%;
}
/*-----------------------------------------------------------------
 Plugin
-------------------------------------------------------------------*/
/*-------Popular Posts Plugin Style 　2013/8/27 -------------------*/
.wpp-container {
  margin: 0 auto;
  padding: 0.714285714rem 0 0.714285714rem;
  border-top-color: #EDEDED;
  border-top-style: solid;
  border-top-width: 1px;
  overflow: hidden;
}
.wpp-img {
  width: 25.8%;
  float: left;
}
.wpp-img img {
  max-width: 100%;
  width: auto;
  height: auto;
  -webkit-border-radius: 3px;
}
.widget-area .wpp-container p {
  width: 74.2%;
  margin-bottom: 0;
  font-size: 0.857142857rem;
  line-height: 1.6;
  float: right;
}
.widget-area .widget a {
	text-decoration: none;
	font-size: 14px;
}
.widget-area .widget a:hover {
  text-decoration: underline;
}
/*-----------------------------------------------------------------
 Widget
-------------------------------------------------------------------*/
/*-- タイトルサイズ変更 2013/8/27 --*/
.archive-title,
.page-title,
.widget-title{
	font-size: 20px;
	text-transform: none;
}
.widget-area .widget {
	 margin-bottom: 35px;
}
.widget-area .widget h3 {
	margin-bottom: 15px;
}
/*--- 検索ボックス 　2017/10/18 --*/
input#searchsubmit {
	color: white;
	background-color: #f79708;
	border-radius: 5px;
	padding: 8px 15px;
}
input#searchsubmit:hover {
  background-color: #FFD934;
}
input#searchsubmit {
  color: white;
  background-color: #f79708;
  background-image: none;
  border: none;
  border-radius: 5px;
  padding: 8px 15px;
  margin-left: 12px;
}
input#s {
	padding: 10px 10px 10px 7px;
	font-size: 12px;
}
input#cat {
    margin-right: 9px;
}
.widget-area #s {
	width: 65%;
	margin-bottom: 15px;
}
.searchform-category div {
	margin-bottom: 8px;
	font-weight: bold;
	color: #636363;
}
/*-----------------------------------------------------------------
Archive Page  .archive-content
-----------------------------------------------------------------*/
.pagination{
	text-align: center;
}
a.page-numbers,
.pagination .current{
	background: #fff;
	border: solid 1px #ccc;
	padding:5px 8px;
	margin:0 2px;
	text-decoration: none;
	color: #666

	;
}
.pagination .current{
	background: #e9ebee;
  border: solid 1px #ccc;
	color: #636363;
	border-radius: 2px;
}
.archive-content input#s {
    padding: 10px 10px 10px 7px;
    font-size: 12px;
    width: 70%;
}
.archive-content form#searchform {
    padding: 0px 0 10px 0;
    margin: 0 0 40px 0;
    border-bottom: 1px solid #ededed;
}
.archive-content .archive-header {
	margin-bottom: 10px;
	padding-bottom: 22px;
	border-bottom: 1px solid #ededed;
}
.in_search_post_category span{
	font-size: 10px;
}
.in_search_post_category ul{
	text-align: right;
	display: inline;
}
.in_search_post_category ul li{
	text-align: right;
	display: inline;
}
.in_search_post_category ul li a{
	font-size: 10px;
	color: #444;
}

/*-----------------------------------------------------------------
media query　2015/6/28
-----------------------------------------------------------------*/
@media screen and (min-width: 769px) {
	#menu-cb, #menu-icon, #menu-background{
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.main-navigation ul.nav-menu.toggled-on {
		height: 100%;
		overflow: auto;
    text-align: left;
	}
	.fixed { /* スクロール固定 */
		position: fixed;
		width: 100%;
		height: 100%;
	}
	#ham-menu {
		background-color: #fff;
		width: 250px;
		height: 100%;
		box-sizing: border-box;
		padding: 10px 20px 10px 20px;
		position: fixed;
		top: 0;
		right: -250px;
		z-index: 1000;
		transition: transform 0.3s linear 0s;
	}

	#menu-background {
		background-color: #333;
		display: block;
		width: 100%;
		height: 100%;
		opacity: 0;
		position: fixed;
		top: 0;
		right: 0;
		transition: all 0.3s linear 0s;
		z-index: -1;
	}

	#menu-icon {
		font-size: 28px;
		line-height: 32px;
		color: #6b6b6b;
		text-align: center;
		background-color: #e8e7e7;
		display: block;
		border-radius: 3px;
		cursor: pointer;
		width: 38px;
		height: 36px;
		position: absolute;
		top: 16px;
		right: 6px;
		transition: all 0.3s linear 0s;
		z-index: 1000;
	}
	#menu-cb {
	  display: none;
	}

	#menu-cb:checked ~ #ham-menu,
	#menu-cb:checked ~ #menu-icon {
		transform: translateX(-250px);
	}

	#menu-cb:checked ~ #menu-background {
		opacity: 0.5;
		z-index: 999;
	}
	ul.sub-menu {
		margin-left: 30px;
	}
	.nav-menu > li > a {
		font-size: 17px;
		font-weight: bold;
	}
}
/* for mobile page top over 480px */
@media screen and (min-width: 481px) {
	#page-top a {
	    background: #f79708;
	    text-decoration: none;
	    color: #fff;
	    width: 80px;
	    padding: 13px 0;
	    text-align: center;
	    display: block;
	    border-radius: 5px;
	}
	/*-----------------------------------------------------------------
	 archive page
	-------------------------------------------------------------------*/
	.archive-entry-header{
	  float: left;
		width: 14%;
    margin-bottom: 0px;
	}
	.archive-entry-header img.wp-post-image{
	  margin-bottom: 0;
	}
	.archive-entry-content{
		float: left;
		width: 75%;
		margin: 0 20px;
	}
	.archive-entry-content p{
		margin: 15px 0 15px;
		font-size: 15px;
	}
}
/* for mobile page under 480　2015/06/28　*/
@media screen and (max-width: 480px) {
	a {
	  font-size: 14px;
	}
	.site-header h1 {
		width: 87%;
/*		float: left;*/
	}
	.site-description {
		display: none;
	}

	.entry-content h1,h2,h3,h4,h5 {
		font-size : 80% ;
		margin : 0;
	}
  .entry-content blockquote{
		padding-top: 40px;
	}
	.entry-content p {
		font-size : 87% ;
		margin : 0 0 1.8em 0 ;
	}
	#breadcrumb{
		display: none;
	}
	.camp-tit + p, .good-tit + p, .bad-tit + p {
	  margin: 33px 0 0 0;
	}
	/* Page structure */
	.site {
		padding: 0 24px;
		padding: 0 0.714286rem;
		background-color: #fff;
	}
	.site-content {
		margin: 0 0 0;
	}
	.widget-area {
		margin: 24px 0 0;
		margin: 1.714285714rem 0 0;
	}

	table#rankingver1 td.r1-dis{
		background: #FFFFFF ;
		border: 1px solid #CCCCCC;
		text-align: center;
		font-size: 14px;
	/*	line-height: 140%; */
		margin: 0;
		padding: 15px 5px 8px 5px;
		width: 33%;
	}

	table#rankingver1 th{
		margin:0;
		padding: 0px 0px 0px 0px;
		background: #EFEFF1 url(img/ranking-bg.png) repeat-x;
		border: 1px solid #CCCCCC;
	}

	/*  口コミモバイル対応　*/
	.user_good {
		/* font-size: 12px; */
		/* line-height: 130%; */
		padding-top: 45px;
		padding-right: 12px;
		padding-bottom: 12px;
		padding-left: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		background-repeat: no-repeat;
		background-image: url(http://xn--u9jugla0b3c4ai9yif2582a27xa.jp/wp/wp-content/uploads/2015/06/button_good.jpg);
		background-color: #F8E7CE;
		background-position-x: 15px;
		background-position-y: 15px;
		border: 1px solid #C5D7ED;
		min-height: 70px;
		_height:70px;
		_zoom: 1;
		overflow: hidden;
	}
	.user_bad {
		/* font-size: 12px; */
		/* line-height: 130%; */
		padding-top: 45px;
		padding-right: 12px;
		padding-bottom: 12px;
		padding-left: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		background-repeat: no-repeat;
		background-image: url(http://xn--u9jugla0b3c4ai9yif2582a27xa.jp/wp/wp-content/uploads/2015/06/button_bad.jpg);
		background-color: #CEE1F8;
		background-position-x: 15px;
		background-position-y: 15px;
		border: 1px solid #C5D7ED;
		min-height: 70px;
		_height:70px;
		_zoom: 1;
		overflow: hidden;
	}

	.block_good,
	.block_bad,
	.block_point {
    font-size: 14px;
	}
	.recommend_cd_container{
    padding: 9px;
	}
	.entry-header .entry-title {
		font-size: 1.5rem;
    line-height: 1.4;
	}
	.entry-content img.wp-image-width-long,
	.entry-content img.wp-image-height-long{
	    width:100%;
	}
	/*-----------------------------------------------------------------
	 archive page for-mobile
	-------------------------------------------------------------------*/
	.archive-entry-header{
		float: left;
		width: 25%;
		margin: 0 12px 0 0;
    margin-bottom: 0px;
	}
	.archive-entry-header img.wp-post-image{
	  margin-bottom: 0;
	}
	.archive-entry-content{
		float: left;
    width: 66%;
    margin: 0 0px;
	}
	.archive-entry-content .entry-title a{
		font-size: 11pt;
	}
	.archive-entry-content p{
    display: none;
	}
}

@media screen and (max-width: 480px) {
	.img-right {
	    margin: 0 10px 10px 5px;
	}
}

/* botton of page top*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a:hover {
    text-decoration: none;
    background: #FFD934;
}
@media screen and (max-width: 480px) {
	#page-top a {
		background: rgba(247, 151, 8, 0.66);
		text-decoration: none;
		color: #fff;
		width: 75px;
		padding: 13px 0;
		text-align: center;
		display: block;
		border-radius: 5px;
	}
}

/* モバイル対応　追加　2015/06/28　*/
/*-----------------------------------------------------------------*/
/* =Media queries 親テーマからコピー　20150918 メディアクレリ関連
/*-----------------------------------------------------------------*/

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* for pc */
@media screen and (min-width: 769px) {
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	.site {
		margin: 0 auto;
		max-width: 960px;
		max-width: 68.571428571rem;
		overflow: hidden;
	}
	.site-content {
		float: left;
		width: 70%;
	}
	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	.widget-area {
		float: right;
		width: 26.041666667%;
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
    line-height: 1;
		margin-bottom: 0;
		margin-left: -14px;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 100%;
		padding: 15px 0;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #444444;
		font-size: 17px;
		font-weight: bold;
		line-height: 34px;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #000;
	}
	.main-navigation li {
		margin: 0 30px 0 0;
		position: relative;
	}
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 60px;
		left: 10%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	.main-navigation li ul li a {
			background: #fcfcfc;
			border: 1px solid #ededed;
			display: block;
			font-size: 14px;
			line-height: 2.181818182;
			padding: 14px 10px;
			width: 180px;
			width: 12.85714286rem;
			white-space: normal;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #f1f1f1;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;
	}
	.main-navigation .sub-menu > li {
		box-shadow: 1px 1px 5px gray;
	}
	.menu-toggle {
		display: none;
	}
	.entry-header .entry-title {
		font-size: 22px;
		font-size: 1.571428571rem;
		line-height: 1.4;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #fff;
	}
	body .site {
		padding: 0 40px;
		padding: 0 2.857142857rem;
		margin-top: 24px;
		margin-top: 0.8rem;
		margin-bottom: 48px;
		margin-bottom: 3.428571429rem;
		box-shadow: 0 0px 0px rgba(100, 100, 100, 0.3);
	}
	body.custom-background-empty {
		background-color: #fff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
}