/*
Theme Name:PRFREE
Theme URI:
Description: PRFREE
Version: 1.0
Author: connecting the dots
Author URI: http://web
*/
 @charset "UTF-8";
 /*--リセットcss--*/
 body {
 	margin: 0px;
 	padding: 0px;
 	color: rgb(40, 40, 40);
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 14px;
 	font-size: 16px;
 	line-height: 1.5em;
 	background: rgb(255, 255, 255);
 }
 h1, h2, h3, h4, h5, h6 {
 	margin: 0px;
 	padding: 0px;
 	font-size: 100%;
 }
 p {
 	margin: 0px;
 }
 table {
 	border-collapse: collapse;
 	order-spacing: 0;
 }
 ol, ul, li {
 	list-style: none outside none;
 	margin: 0px;
 	padding: 0px;
 }
dl {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
 :lang(ch) {
 	font-family: simsun;
 }
 img {
 	border: 0px none;
 	vertical-align: bottom;
 }
 header, footer, article, section, nav, aside, small, hgroup, figure, figcaption {
 	display: block;
 }

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


 /*--リンク機能--*/
 a {
 	color: #105296;
 	text-decoration: none;
 }
 a:hover {
 	color: #11a1a8;
 	text-decoration: none;
 }



a {
 	-webkit-transition: all .25s linear;
 	-o-transition: all .25s linear;
 	transition: all .25s linear
 }
 a:hover img {
 	opacity: 0.8;
 	filter: alpha(opacity=80);
 	-ms-filter: "alpha( opacity=80 )";
 }
 .clearfix:after { /*floatの解除、ここがポイント*/
 	display: block;
 	clear: both;
 	height: 0px;
 	visibility: hidden;
 	content: ".";
 }
 .clearfix {
 	min-height: 1px; /*IE6、7対策*/
 }
 * html .clearfix {
 	height: 1px;	/*¥*//*/ /*MAC IE5.x対策*/ height: auto;
 	overflow: hidden;	/**/
 }
.r-text .text-image-caption {
	display: block;}
.center{clear: both;
    text-align: center;;}
.image-caption {
    color: #a2a2a2;
    line-height: 20px;
    font-size: 12px;
    text-align: center !important;
    display: block;
}



.wpp-post-title {
    font-size: 0.8em;
    line-height: 1.5em;
	display:block;
}
.wpp-thumbnail {
    display: inline;
    float: left;
    margin: 0 4px 0 0!important;
	border: none}

.wpp-list li{
border-bottom:1px dotted #ddd;}

/** 人気記事のアイキャッチ内に順位番号を表示 */
body{
  counter-reset: rank_number;  
}
.wpp-list {margin-bottom:20px;}
.wpp-list li{
  position: relative;
}
.wpp-list li:after{
  counter-increment: rank_number;
  content: counter(rank_number);
  display: block;
  position: absolute;
  left: 0;
  top:0;
  width: 20px;
  height: 20px;
  background: rgba(50, 50, 50, 0.8);
  color: white;
  font-size: 14px;
  text-align: center;
  border-radius: 2px;
}

 /**.searchform**/
.searchform {
    margin: 34px 0 40px 0;
} 
input.searchfield{
    font-size: 14px;
    width: 70%;
    padding: 10px;
}

 
.searchsubmit {
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    width: 35px;
    height: 30px;
    background: transparent;
    padding: 0;
    border: none;
    cursor: pointer;
}

.a2a_kit.a2a_kit_size_32.addtoany_list,.addtoany_share_save_container.addtoany_content.addtoany_content_bottom{
    margin: 26px auto;
    text-align: center;
    display: block;
}
	
i.fas.fa-newspaper {
    font-size: 1.2em;
    margin: 0 10px;
}
section.to-prform {
}
.to-prform a{
	    padding: 30px;
    background: #27a1a8;
    text-align: center;
    font-weight: bold;
    margin: 0px auto 40px;
		color:#FFF;
	display: block;
	box-shadow:0 8px 0 #226367;
	border-radius:10px;
}
.to-prform a:hover{
	box-shadow:0 -2px 0 #226367;
}
#form-step {text-align:center;}
#form-step span{border:1px solid #DDD; padding:10px; background: #EFEFEF;
    font-weight: bold;margin:10px;}
#form-step #step1{background: #11a1a8; color:#FFF;}
#form-step #step1::before{ content:"①"; margin-right:4px;}
#form-step #step2::before{ content:"②"; margin-right:4px;}
#form-step #step3::before{ content:"③"; margin-right:4px;}
.custom-wpcf7c-confirmed #form-step #step2{background: #11a1a8; color:#FFF;}
.custom-wpcf7c-confirmed #form-step #step1{background: #EFEFEF; color:#000}

#wpcf7-f25868-p2821-o1 table{
width:100%;
}
.cf7info{font-size:0.8em; color:#555;}

.wpcf7 th span{
background:#dc5050;
color:#FFF;
font-size:0.8em;
padding:4px;
margin-left:8px;
}

#wpcf7-f25868-p2821-o1 th span.hikoukai{
	background:#666;	
}

.wpcf7 th
{width:30%;
background:#EEE;
padding:10px;
border:1px solid #ddd;
}
#wpcf7-f25868-p2821-o1-o1 td
{width:65%;
padding:10px;
border:1px solid #ddd;	
}

#postcontent{
margin:1em auto 6em;	
}

input.wpcf7-form-control {
    font-size: 1.1em;
    line-height: 1.5em;
		padding:8px;
	margin:10px auto;
	display: block;
}
textarea{
    width: 95%;
    height: 500px;
	padding:8px;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;	
	
}
div.wpcf7 input[type="file"] {
	font-size:1.0em;
   cursor: pointer;
    background: #DADADA;
}	


.your-subject input.wpcf7-form-control.wpcf7-text {
    font-weight: bold;
	width:91%;
}


.custom-wpcf7c-confirmed .cf7info,.custom-wpcf7c-confirmed .txtcount{display: none;}

.init #comfirm-title{
	display: none;
}


.custom-wpcf7c-confirmed #comfirm-title {
    font-size: 1.4em;
    font-weight: bold;
    margin: 19px;
    text-align: center;
    background: #DDD;
    padding: 10px;
}

.wpcf7-confirm{
background: #27a1a8;
color:#FFF;		 
font-weight:bold;	
border-radius:10px;	
	 }	 

.wpcf7-submit{
background: #1c66b3;
color:#FFF;		 
font-weight:bold;	
border-radius:10px;	
width:70%;
	 }	 
#wpcf7-f25868-p2821-o1 .wpcf7c-conf{
background-color: #FFF;
border: none	
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

label.up_link {
  display: block;
  cursor: pointer;
  background: #333;
  color: #fff;
  font-size: 1.6em;
  line-height: 5;
  text-align: center;
}
.up_link::before{
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f030";
  margin-right: .3em;
}
label.up_link + img{
  width: 100%;
}
label.up_link input{
  display: none;
}
.img_form {
  position: relative;
  width: 300px;
  margin: 30px auto;
}
a.del{
  text-decoration: none;
}
a.del::after{
  position: absolute;
  top: 5px;
  right: 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f057";
  font-size: 2.0em;
  color: #000;
}
a.del::before{
  content: "";
  position: absolute;
  top: 7px;
  right: 7px;
  width: 1.8em;
  height: 1.8em;
  background: #fff;
  border-radius: 50%;
}



.selectbox {
    width:90%;
    margin:1em auto;
  position:relative;
}
.selectWrap::after {
position: absolute;
  z-index: 2;
  right: 11px;
  top: 30%;
  content: "▼";
  font-size: 15px;
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
}
.select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 40px;
  background: transparent;
  position: relative;
  z-index: 1;
  padding: 0 40px 0 10px;
  border: 1px solid #b4b3b3;
  border-radius: 2px;
}
select::-ms-expand {
    display: none;
}
select.wpcf7-form-control.wpcf7-select {
    border: 1px solid#555;
    border-radius: 2px;
	width :70% ;
	font-size:1.1em;
	padding:8px;
	margin:0 8px;
	appearance:auto;
}
.selectWrap::after{display: none;}

.txtcount{
padding:0 4px;
font-size:0.9em;
}
div.kiyaku_box {
font-size:0.9em;
width: 80%;
height: 70px;
margin:10px auto 0;
overflow: auto;
background: #ffffff;
border: 1px solid #cccccc;
padding: 10px;
}
section#form-kiyaku{
margin:20px auto;
	
	
}








.pagenation{font-size:1.2em; margin:20px auto 60px; text-align: center; color:#FFF;}
.pagenation a{ color:#FFF;}
.pagenation .page-numbers{padding:10px 14px; border-radius:30px; }
.pagenation .page-numbers{background:#002751;}
.pagenation .current{background:#11a1a8;}

#index_mv{width:100%; background: #000; height:300px;}
#mvtitle{color:#FFF;  font-size:1.8em; font-weight:bold; text-align:center;position:relative; top:110px;}
#mvtitle h2{display:inline;}
#mvtitle h2 span{font-size:1.3em; margin-left:8px;}
#mvtitle br{display: none;}
#mvtitle p{display:inline;}

#index-btn {margin:20px auto 40px;; }
#index-btn a{border:1px solid #DDD; background: #EFEFEF; padding:8px 3%; margin:14px 2%; border-radius:6px; color:#000; font-weight:bold; box-shadow:0 3px 0 rgba(0,0,0,0.2);
width:90%; display: block;
}
#index-btn a:hover{background:#DDD;}

#index-btn a::before{ 
content: '\f1ea';
  font-size: 18px;
	margin-right:4px;
font-family: "Font Awesome 5 Free";
color:#27a1a8;
}
#index-btn a:first-child::before{ 
content: '\f05a';
	color:#2755A8;

}

/*Q&A */
section.s_section {
    width: 95%;
    margin: 0 auto;
}
.question {
  position: relative;
  display: flex;
  padding: 10px;
  box-shadow: 0 1px 3px rgb(0 0 0 / 40%);
  margin:0.2em 0;
	
}
#common_content .question h3{
display: inline;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
	font-size:1.0em;
	line-height:1.2em;
}


.question span {
  color: #009CE5;
  font-size: 34px;
  font-weight:bold;
  margin-right:20px;
}
.question .ez-toc-section{
	margin:0;
}


#common_content .question p {
  font-size: 1.2em;
	margin:0;
}

.question .button {
  margin: 0 0 0 auto;
  font-size: 42px;
  color: #009CE5;
}

.answer {
  display: flex;
  padding: 1.2em;
  background:#ffebee;
}

.answer span {
	color: #ee3e64;
    font-size: 34px;
    font-weight: bold;
	margin-right:30px;
}

.answer p {
	margin:0;
}	  
.icon-wrap {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translatey(-50%);
  width: 38px;
  height: 38px;
}
.icon {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.icon:before {
  position: absolute;
  content: "";
  transition: all .4s;
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
}

.icon.open:before {
  top: 56%;
  transform: translate(-50%, -50%) rotate(-45deg);
}




/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next{
width:100%;
margin: 36px 0 24px;
padding:0;
display: table;
}
#prev_next  #prev, #prev_next  #next{
width: 50%;
padding:30px 10px 10px;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
display: table-cell;
position:relative;
text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
font-size:90%;
line-height:1.5;
}
#prev_next #prev:hover, #prev_next #next:hover{
background-color: rgba(238,238,238,0.7);
}
#prev_next #prev{
border-right:#ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title{
font-size:90%;
top:-1em;
position:absolute; 
border: 1px #ccc solid;
background:#fff; 
text-align: center;
padding:3px;
color:#666;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img, #prev_next #next img{
margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
width: 50%;
height:140px;
padding:0 10px;
display: table-cell;
}
#prev_next #prev_no{
border-right:#ccc 1px solid;
}
#prev_next_home{
margin:0 auto;
background-color: #263849;
border: solid 9px #fff;
width: 100px;
height:100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
box-shadow: 0 0 0 3px #39f;
-webkit-box-shadow: 0 0 0 3px #263849;
-moz-box-shadow: 0 0 0 3px #263849;
text-align:center;	
}
#prev_next_home:hover{
background-color: #124d89;
}
#prev_next_home i{
color:#FFF;
margin:10px auto ;
font-size:60px;
}
/*-- ここまで --*/
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 380px) {
}
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
/*-- ここから --*/
/*--------------------------------------
768px PREV NEXT
--------------------------------------*/
#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {	
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
#prev_next #prev_title, #prev_next #next_title{
padding:3px 10px;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img{
float:left;
margin-right:10px
}
#prev_next #next img{
float:right;
margin-left: 10px;
}
/*-- ここまで --*/
}

/*--スタイル機能--*/
 .shadow_1 {
 	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
 	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
 	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
 }
 h1 {
 	font-size: 1.5em;
 	line-height: 1.8em;
 	padding: 10px;
 	margin-bottom: 10px;
 }
 main h1 {
 	color: #FFF;
	background:#000;
 	margin: 0 auto 20px;
 }
 h2 {
 	font-size: 1.4em;
 	line-height: 1.7em;
 	padding: 10px;
 	margin-bottom: 10px;
 }
 .content_text h2 {
 	background: #FFF;
 	color: #333;
	 	margin: 12px auto;
 }
 .content_text h3  {
  position: relative;
  padding: 5px;
  background: #FFF;
  font-size: 20px;
  color: #000;
	border-bottom:1px solid #DDD;
	margin: 1.4em auto;
  line-height: 1.3;
  z-index:-1;
}
 .content_text .news-list h3{
	background:none;
	color:#000;
	 border-bottom:1px solid #ddd;
	 margin:4px;
}
.content_text table{width: 90%!important; margin:8px auto; font-size:1.0em;}
.content_text table th{border:1px solid #AAA; padding:4px; background:#EFEFEF;}
.content_text table td{border:1px solid #AAA; padding:4px;}


h3 {
 	font-size: 1.3em;
 	line-height: 1.6em;
 	padding: 10px;
 	margin-bottom: 10px;
 }
 h4 {
 	font-size: 1.2em;
 	line-height: 1.5em;
 	padding: 10px;
 	margin-bottom: 10px;
 }

.content_text h4 span{
	border-bottom:3px solid #e1ee26;
}


 /*header*/
 main img {
 	max-width: 100%;
 	height: auto!important;
 }
 header {
 	border-bottom: 1px solid #DADADA;
 }
 #in-header {
 	width: 960px;
 	margin: 0 auto;
 }
 #head_logo {
 	display: block;
 	width: 300px;
 	margin: 10px auto;
 }
 /*記事コンテンツ*/
 #mv {
	 margin:0 auto;
	 display:block;
	 max-width:100%;
	 width:1000px;
	 text-align:center;
 }
#mv img{
	
	padding:0; 
}

#index dl{
	border-bottom:1px solid #DADADA;
	margin-bottom:10px;
	overflow: hidden;
	padding:4px;
}
#index dt{
	display:block;
	float:left;
	width:150px;
	height:100px;
	margin-right:20px;
}
#index dd{
font-size:0.9em;
	line-height:1.2em;
font-weight:bold;
}	
	
#index dd .index-timeCat{
	padding:4px 0;
	margin:4px 0;
	color:#555;
font-weight:normal;
	font-size:0.8em;
	display:block;;
}
#index .news-list{
	margin-bottom:20px;
	
}


blockquote {
    position: relative;
    padding: 35px 15px 10px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #f5f5f5;
    color: #777777;
    border-left: 4px solid #9dd4ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 15px;
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    color: #9dd4ff;
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/*CARDページ*/
#mv_card {
margin:20px auto;
display: block;
padding:10px;
width:90%;
 }

#card table{ margin:0 auto; width:94%;}
#card th,#card td {padding:3px; border-bottom:1px solid #DDD;}
#card td{margin-right:20px;}
#card th{background: #EFEFEF;}
#card td{}

.card_offer{background:#325fbf;
display:block;
color:#fff;
font-size:1.4em;
padding:10px;
font-weight:bold;
text-align: center;
width:80%;
margin:30px auto;
border-radius:10px;
box-shadow:0 3px 3px rgba(0,0,0,0.5)}


section.review {
    background: #333;
    color: #FFF;
    padding: 10px;
    text-align: right;
    font-weight: bold;
}
.review_star{font-size:1.4em;
  background: linear-gradient(0deg, #F7DE05, #d8ae1d);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;}
.review_pt{font-size:2.0em;
	padding: 0 6px;
text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0-2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;

	color:#d43234;}

#common_content {
 	width: 100%;
 }
 #content {
 	width: 960px;
 	margin: 0 auto;
 	padding-top: 30px;
 }
 main {
 	float: left;
 	width: 615px;
 	margin-right: 20px;
	padding-bottom:3em;
 }
 .post-info {
 	background: #666;
 	color: #FFF;
 	font-size: 0.6em;
 	padding: 3px 10px;
 }
 .post-info a{
color:#FFF; }


.content_text {
 	padding:0 2%;
 	margin-bottom: 20px;

 }
 .content_text p {
	 padding:0 10px;
 	margin-bottom: 22px;
	word-break: break-all; 
 }
.my_ul,.my_ol {
  color: #1e366a;
  border: dotted #1e366a 1px;/*ドット 色 太さ*/
  padding: 0.5em 0.5em 0.5em 2em;
	margin-bottom:20px;
}

.my_ul li,.my_ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}

.my_ul li{list-style: circle;}
.my_ol li{list-style: decimal;}



 


 /*footer*/
 footer {
 	width: 100%;
 	border-top: 1px solid #DDD;
 }
 #footer_logo {
 	width: 200px;
 	display: block;
 	margin: 10px auto;
 }
 #in-footer {
 	width: 960px;
 	margin: 0 auto;
 	padding: 10px;
 	text-align: center;
 }
 footer ul {
 	display: inline-block;
 	font-size: 0.8em;
 }
 footer li {
 	float: left;
 	padding-right: 10px;
 	margin-right: 5px;
 	border-right: 1px solid #DADADA;
 }
 #copyrite {
 	text-align: center;
 	font-size: 0.8em;
 }
 /*サイド*/
 aside {
 	float: left;
 	width: 280px;
 }
 .side_items {
 	margin-bottom: 20px;
 }
 .side_items li img {
 	float: left;
 	display: block;
 	width: 50px;
 	height: 45px;
 	margin: 0 5px 0 0;
 }
 .side_items li p {
 	display: block;
 	font-size: 13px;
	line-height:1.2em;
 }
 .side_items li a {
 	display: block;
 	width: 100%;
 	height: 100%;
 }
 .side_items li {
 	background: #fff;
 	padding: 6px;
 	clear: both;
 	border-bottom: 1px solid #DADADA;
 }
 .side_items li.side_h {
 	text-align: center;
 	font-weight: bold;
 	background: #EFEFEF;
 }
 .side_items li.side_h span {
 	font-size: 0.8em;
 }
 .side_rank span {
 	font-size: 1.1em;
 	padding: 4px 9px;
 	font-weight: bold;
 	background: #b59c20;
 	border-radius: 10px;
 	color: #FFF;
 	position: relative;
 	left: -10px;
 	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
 }
 .side_items li.side_h2 {
 	background: #555 no-repeat;
 	color: #FFF;
 	font-weight: bold;
 	font-size: 16px;
 	line-height: 30px;
 	height: 30px;
 }
 .side_banner {
 	width: auto;
 	margin: 20px 0;
 }
 .side_banner li {
 	margin: 10px 0;
 }
 .side_banner img {
 	width: 100%;
 	display: block;
 }
 .side_banner_cat img {
 	width: 100%;
 	display: block;
 }



 /**検索BOX周り**/
 #cat_search {
 	margin-top: 20px;
 	background: #fff;
 }
 #cat_search ul {
 	padding: 5px;
 }
 #cat_search li {
 	float: left;
 	width: 180px;
 	height: 100px;
 	margin-right: 5px;
 }
 #cat_search li img {
 	width: 180px;
 	height: 100px;
 }
 #detail_saerch {
 	margin-top: 20px;
 	background: #fff;
 }
 #searchbox {
 	padding: 10px 4px;
 }
 #searchbox table {
 	border: 1px solid #DADADA;
 }
 #searchbox label {
 	width: 162px;
 	display: block;
 	float: left;
 	font-size: 13px;
 }
 #searchbox table th {
 	width: 180px;
 	border: 1px solid #DADADA;
 	background: -webkit-gradient( linear, left top, left bottom, from(rgba(225, 225, 225, 0)), to(rgba(180, 180, 180, 0.15))), #fff;
 }
 #searchbox table td {
 	width: 500px;
 	padding: 5px 10px;
 	border: 1px solid #DADADA;
 }
 #searchbox table #serchbox_head {
 	font-size: 19px;
 	line-height: 30px;
 	background: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(200, 200, 200, 0.15))), #fff;
 }
 input.submit {
 	margin: 20px 0 20px 500px;
 	padding: 15px 20px;
 	font-size: 1.2em;
 	background-color: #666;
 	color: #fff;
 	border-style: none;
 }
 input[type=checkbox] {
 	width: 15px;
 	height: 15px;
 	vertical-align: middle;
 }
 #serch_conditions {
 	font-size: 0.7em;
 	padding: 10px;
 	line-height: 1.2em;
 }
 #summary_list {
 	margin-top: 20px;
 	margin-bottom: 30px;
 }
 #summary_list h2 {}
 #summary_list li {
 	margin-bottom: 20px;
 	background: #fff;
 }
 #main strong {
 	background: linear-gradient(transparent 60%, #ffff66 60%);
 }
 .tr_fa {
 	background: #fafafa;
 }
 .ranking-list {
 	padding: 8px 10px;
 	font-size: 1.4em;
 	font-weight: 300;
 	letter-spacing: 2px;
 	background: -webkit-gradient(linear, left top, right bottom, from(#ab9637), to(#d0ac3c));
 	background: -moz-linear-gradient(top, #ab9637, #d0ac3c);
 	background: linear-gradient(top, #ab9637, #d0ac3c);
 	COLOR: #FFF;
 	text-align: center;
 }
 .rank1 {
 	background: -webkit-gradient(linear, left top, right bottom, from(#ab9637), to(#d0ac3c));
 	background: -moz-linear-gradient(top, #ab9637, #d0ac3c);
 	background: linear-gradient(top, #ab9637, #d0ac3c);
 }
 .rank2 {
 	background: -webkit-gradient(linear, left top, right bottom, from(#adadad), to(#cacaca));
 	background: -moz-linear-gradient(top, #ab9637, #d0ac3c);
 	background: linear-gradient(top, #ab9637, #d0ac3c);
 }
 .rank3 {
 	background: -webkit-gradient(linear, left top, right bottom, from(#e2972c), to(#e0b325));
 	background: -moz-linear-gradient(top, #ab9637, #d0ac3c);
 	background: linear-gradient(top, #ab9637, #d0ac3c);
 }
 .rankout {
 	background: -webkit-gradient(linear, left top, right bottom, from(#0a2f80), to(#8ea3d2));
 	background: -moz-linear-gradient(top, #ab9637, #d0ac3c);
 	background: linear-gradient(top, #ab9637, #d0ac3c);
 }
 .ranking-list span {
 	font-size: 1.6em;
 	padding: 4px;
 	vertical-align: bottom;
 }
 .ranking-list img {
 	width: 34px;
 	padding: 0px 15px;
 }
 #summary_list .info_row1 {
 	padding: 20px 10px;
 }
 .sort {
 	padding: 2px 30px;
 	border-radius: 4px;
 	border: none;
 	display: inline-block;
 	color: #fff;
 	text-decoration: none;
 	background-color: #28a8e0;
 	height: 32px;
 }
 .foryou {
 	font-size: 14px;
 	padding: 4px;
 }
 .foryou span {
 	padding: 2px 4px;
 	background: #ff8fa2;
 	margin: 5px;
 	color: #FFF;
 }
 .foryou p {
 	font-size: 0.8em;
 	line-height: 1.3em;
 	color: #777;
 	margin-left: 5px;
 }
 /*コメント*/
 #comments_zone {
 	background: #fff;
 	padding: 5px;
 	margin-bottom: 20px;
 }
 #comment-area li {
 	border-bottom: 1px dotted #AAA;
 	padding: 5px 5px 25px 5px;
 	background: #FAFAFA;
 }
 #comments_zone p {
 	padding: 5px;
 }
 #comment-area {
 	border-bottom: 2px solid #CACACA;
 	margin-bottom: 10px;
 	padding-bottom: 10px;
 }
 #author {
 	width: 90%;
 	font-size: 18px;
 	line-height: 25px;
 	color: #555;
 }
 .comment_text {}
 #comment {
 	width: 90%;
 	font-size: 16px;
 	line-height: 22px;
 	height: 150px;
 	boreder: 1px solid #DADADA;
 }
 input#title {
 	width: 90%;
 	border: 1px solid #DADADA;
 	font-size: 16px;
 	line-height: 22px;
 }
 #respond label {
 	display: block;
 }
 #respond select {
 	width: 40%;
 	font-size: 16px;
 	padding: 10px;
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	appearance: none;
 	border: 1px solid #999;
 	background: #eee;
 	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #efebe1 100%);
 	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%, #efebe1 100%);
 	background-size: 20px, 100%;
 }
 #comments-pagination {
 	padding: 10px;
 }
 #comments-pagination li {
 	float: left;
 	border: 1px solid #DADADA;
	 padding: 5px 10px;
 	width: 200px;
 	background: #666;
 	text-align: center;
 }
 #comments-pagination li a {
 	color: #fff;
 	text-decoration: none;
 }
 #prev-comments {
 	margin-right: 280px;
 }
 @media screen and (min-width:320px) and (max-width:959px) {
 	/*--スタイル機能--*/
	 #head_logo{
		 width:60%;
	 } 
 	body {
 	}
 	h1 {
 		font-size: 1.2em;
 		line-height: 1.4em;
 	}
 	h2 {
 		font-size: 1.2em;
 		line-height: 1.5em;
 	}
 	h3 {
 		font-size: 1.1em;
 		line-height: 1.4em;
 	}
 	h4 {
 		font-size: 1.0em;
 		line-height: 1.3em;
 	}
 	#content {
 		width: 100%;
 		margin: 0;
 		padding: 20px 0;
 	}
 	main {
 		float: none;
 		width: 95%;
		padding:0 2%;
 		margin: 0;
 	}
 	aside {
 		float: none;
 		width: 100%;
 		margin: 0;
 		padding: 0;
 	}
 	footer {
 		width: 100%;
 		margin: 0;
 		padding: 0;
 	}
 	#in-header {
 		width: 100%;
 		margin: 0;
 		padding: 0;
 	}
 	#in-footer {
 		width: 100%;
 		margin: 0;
 		padding: 0;
 	}
 	aside {
 		float: none;
 		margin-top: 0px;
 	}
 	aside ul {
 		padding: 0 1%;
 	}
 	aside li {
 		float: none;
 		margin: 1%;
 	}
	
	 .wpp-list li {
		 padding-bottom:8px;
		 margin-bottom:8px;		 
	 }
 	.side_items li {
 		background: #fff;
 		height: 60px;
 		padding: 0px;
		padding-bottom:8px;
		margin-bottom:8px;		
 		clear: none;
 		border-bottom: 1px solid #DADADA;
 	}
	 .side_items li p{
		font-size:1.0em;
	 }
	 .wpp-post-title {
    font-size: 1.0em;
}
	 .content_text table {
		 width: 100%!important;}
	 

	 
#card th,#card td {padding:4px; border-bottom:1px solid #999;}
#card td{margin-right:10px;}
#card th{background:#EFEFEF;}
#card td{}
	 
	 
	 
	 
	 
#wpcf7-f2820-p2821-o1 th{width:100%; display:block; padding:10px 0;}
#wpcf7-f2820-p2821-o1 td{width:100%; display:block; padding:10px 0; text-align: center;}	 
input.wpcf7-form-control{width:90%;}
select.wpcf7-form-control.wpcf7-select {
    width: 75%;
}	 
.cf7info {
    text-align: left;
	padding:10px;
}	 
textarea {
	width: 80%;
	heifht:400px;
	font-size:16px; 	 
	 }	 
	 
.to-prform a {
    width: 80%;
	font-size:1.3em;
}
	 #form-step{padding:0; font-size:0.9em;}
	 #form-step span{margin:0; padding:8px 4px;}
	 
	 footer ul{
		 display: block;
		 font-size:1.0em;
	 }
	 
	 footer li{
		 float:none;
		 padding:10px 0;
		 margin:0 auto 16px;
		 border:none;
		 border-bottom:1px solid #ddd;
		 width:100%;
	 }
	 	 footer li a{
			 width:100%;
			 display: block;
			 
	 }
	 
	 
	 
#mvtitle h2 br{display: inline;}	 
	 
section.review{font-size:0.8em;}	 
 	aside .side_items li.side_h {
 		width: 96%;
 		padding: 0 2%;
 	}
 	aside .side_items li.side_h2 {
 		width: 96%;
 		padding: 0 2%;
 		font-size: 16px;
 		line-height: 60px;
 	}
 	.side_banner {
 		width: 98%;
 		margin: 20px 0;
 	}
 	.side_banner li {
 		margin: 10px 0;
 	}
 	.side_banner img {
 		width: 100%;
 		display: block;
 	}
 }