@charset "utf-8";
/*
Theme Name: RPtheme
Description: RealPartnersテーマ
Version: 1.0.0
Author: Ryuichi Itou
Author URI: https://www.rp1.jp/blog/
*/

/* ------ 初期設定 ------ */
html {overflow-y: scroll;}
body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, section, nav, article, aside, hgroup, header, address, figure, figcaption {margin: 0;padding: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
q:before ,q:after {content: '';}
object, embed {vertical-align: top;}
img, abbr, acronym, fieldset {border: 0;}
img {vertical-align: bottom;-ms-interpolation-mode: bicubic;}

/* ------ BODY ------ */
body {font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	color: #333333;font-size: 14px;line-height: 160%;text-align: left;-webkit-text-size-adjust: none;}

/* ------ リンクの属性（未指定の時）------ */
a {outline: none;}
a:link, a:visited {color: #1111CC; text-decoration: none;}
a:active, a:hover {color: #1111CC; text-decoration: underline;}

/* ------ 画像属性等 ------ */
img {max-width: 100%;height: auto;}
.alignleft {float: left;  margin: 5px 10px 5px 0;}
.alignright{float: right; margin: 5px 0 5px 10px;}
.aligncenter{margin: 5px auto;display:block;}
a:hover.link img,a:hover img.link{opacity:0.80; background:none!important;}
.text-center {text-align: center;}
.profile-group-w160 { width: 160px; }
.profile-group-w160 figcaption { text-align: center !important; }
.profile-group-w440 { width: 440px; }
.profile-group-w440 figcaption { text-align: center !important; }

#wrapper {
	margin: 0 auto; max-width: 950px;
	border-left:  1px solid #999999;
	border-right: 1px solid #999999;
	background: #FFFFFF;
	-moz-box-shadow: 0px 0px 6px #666666;
	-webkit-box-shadow: 0px 0px 6px #666666;
	box-shadow: 0px 0px 6px #666666;}

/* ------ ヘッダー ------ */
header {width: 100%;}
#ptitle {margin: 0; padding: 0; text-align: center; line-height: 160%; font-size: 79%; color: #FFFFFF; background: #3d3db0; height: 16px;}
#header-inner {width: 100% ; margin: 0; text-align:center; overflow: hidden; ;}
#logo {padding: 0;}
#logo a {margin: 0 auto; display: block;}

/* ------ ヘッダーナビゲーション ------ */
#gnav {clear: both;	width: 100%;border-top: 1px solid #CCCCCC;border-bottom: 3px solid #3d3db0;
	background: #EFEFEF url("img/topmenu.png") repeat-x;
	background: -moz-linear-gradient(top, #EFEFEF, #FCFCFC);
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FCFCFC));
	background: -webkit-linear-gradient(top, #EFEFEF, #FCFCFC);
	background: -o-linear-gradient(top, #EFEFEF, #FCFCFC);
	background: linear-gradient(to bottom, #EFEFEF, #FCFCFC);}
#gnav-btn {display :none;}
#gnav nav {width: 950px;margin: 0 auto;	overflow: hidden;}
/* ------ メニュー ------ */
#gnav nav ul {list-style-type: none;}
#gnav nav ul li {list-style: none;width: 20%; float: left; margin: 0;text-align: center;}
#gnav nav ul li a{display: block;padding: 10px 25px 8px;border-right: 1px solid #CCCCCC;font-size: 110%;}
#gnav nav ul li:last-child a{border-right: 0px;}


#gnav nav ul li a:link,#gnav nav ul li a:visited {color: #333333;text-decoration: none;}
#gnav nav ul li a:hover,#gnav nav ul li a:active,#gnav nav ul li.current-menu-item a{color: #FFFFFF;text-decoration: none;
	background: #335599 url("img/topmenu_bg.png") repeat-x;
	background: -moz-linear-gradient(top, #5f5fe2, #3434a2);
	background: -webkit-gradient(linear, left top, left bottom, from(#5f5fe2), to(#3434a2));
	background: -webkit-linear-gradient(top, #5f5fe2, #3434a2);
	background: -o-linear-gradient(top, #5f5fe2, #3434a2);
	/* グラデーション */
	background: linear-gradient(to bottom, #5f5fe2, #3434a2);}

/* ------ パンくずリスト ------ */
#plist {width: 100%;padding: 10px 0;font-size: 79%;background-image: url(img/body_bg.gif);}
#plist .plist-inner {width: 930px;margin: 0 auto;overflow: hidden;}

/* ------ コンテンツ ------ */
#containar {width: 900px;margin: 0 auto;padding-top: 20px;overflow: hidden;}
#contents {float: left;width: 630px;padding-bottom: 20px;}
.main-title {margin: 0; padding: 0;font-size: 172%;font-weight: bold;line-height: 158%;color: #333333;}
.contents-title{padding: 20px 0 10px 0;font-size: 172%;font-weight: bold;line-height: 143%;color: #333333;}
.posts-title{padding: 0 0 5px;font-size: 129%;font-weight: bold;line-height: 143%;color: #333333;}
article section {padding: 10px 5px;border-top: solid 1px #CCC;}
article section:first-child {border-top: none;}
article section h1{padding: 10px 0; font-size: 200%; font-weight: bold; color: #333333;}
article section h2{padding: 10px 0; font-size: 164%; font-weight: bold; color: #333333;}
article section h3{padding: 10px 0; font-size: 140%; font-weight: bold; color: #333333;}
@media only screen and (max-width : 767px){
	article section h1{padding: 10px 0; font-size: 144%; font-weight: bold; color: #333333;}
	article section h2{padding: 10px 0; font-size: 128%; font-weight: bold; color: #333333;}
	article section h3{padding: 10px 0; font-size: 118%; font-weight: bold; color: #333333;}
}
article section.info {margin: 0;padding: 0 5px;border-top: none;clear: both;}
article section.top {margin: 0;padding: 0 5px 20px;border-top: none;clear: both;}
article section p{line-height: 150%;}
article section .doc{padding: 10px 0 10px 10px;line-height: 150%;}
article section .doc ul {list-style-type: disc;padding-left: 1.5em;}
article section .doc ol {list-style-type: decimal;padding-left: 1.5em;}
article section .doc ul li, article section .doc ol li {list-style: inherit;margin-bottom: 4px;}
article section p.list{line-height: 150%;font-size: 86%;}
article section .img-set{float: left; padding-right: 10px;}
article section a.post-column {text-decoration: none;display: block;padding: 5px 36px 5px 5px;color: #333333; background: url("img/arrow_01.png") no-repeat center right;}
article section a.post-column:hover{background-color: #EFEFEF; text-decoration: none;display: block;}

.posts-title.kiji {padding-left:15px; background: url("img/icon_kiji.jpg") no-repeat; background-size:9px; background-position:0px 30%}
.main-title.kiji {padding-left:18px; background: url("img/icon_kiji.jpg") no-repeat; background-size:11px; background-position:0px 26%}
.main-title.cate {padding-left:26px; background: url("img/icon_folder.jpg") no-repeat; background-size:16px; background-position:1px 36%}


/* ------ コンテンツ２(１カラム固定ページテンプレート) ------ */
#contents2 {width: 900px;padding-bottom: 20px;}

/* ------ リンク集 ------ */
article section ul.slink{list-style: none; margin: 10px 5px 20px 20px;}
article section ul.slink li{list-style: none; margin: 0; font-size: 92%; line-height: 150%;}

/* ------ 関連記事リスト ------ */
#contents .kanren {width: 90%;margin: 15px auto 0; padding: 5%; background: #F2F2F2; border: 1px solid #CCCCCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;}
.kanren h2 {margin: 0; padding: 0 0 0 20px; font-size: 115%; font-weight:bold; background: url("img/arrow_h2.png") no-repeat center left;}
.kanren ol {margin-left: 20px;padding-left: 20px;}
.kanren li {margin: 0; font-size: 12px;line-height: 180%;}

/* ---- コメント・トラックバック----- */
section.tback {border: none;}
.tback h2{margin-bottom: 0; padding-bottom: 15px;}
.tback p {margin: 0px 0 10px 10px;padding: 0;font-size: 11px; line-height: 130%;}
section.comments{border: none;}
.comments ul{list-style: none;margin: 0;color:#444444;font-size: 12px;}
.comments ul li {margin-bottom: 10px;background: #EFEFEF;padding: 10px;}
.comments ul li.depth-1{border-bottom: 1px dotted #CCCCCC;margin-bottom: 10px;}
.comments ul.children {list-style: none;}
.comments p{padding: 0 10px 5px 20px;text-align: left;}
.comments form p{line-height: 160%;display: block;}
.comments label{font-weight: bold;display:block;}
.comments form p.comment-notes,.comments form p.form-allowed-tags{font-size: 11px;text-align: left;}
.comments .reply{width: 40px;height: 20px;margin-left: 20px;text-align: center;line-height: 20px;border: 1px solid #CCCCCC;background: #FFFFFF;display: block;}
.comments .reply a{color: #333333;text-decoration: none;display: block;} 
.comments .reply a:hover{color: #FFFFFF;background: #CCCCCC;} 
.comments h3 small{font-size: 100%;}
#author{width: 200px;}
#email{width: 200px; }
#url{width: 200px; }
#comment{width: 99%; height:100px; }
#submit{margin:0; padding:2px 25px; cursor:pointer;}
#submit:hover{border:solid 1px #BA678E; }

/* ------ 右サイドバー ------ */
#sidebar {float: right;width: 250px;top: 0;left: 0;}
#sidebar section, #sidebar aside {margin-bottom: 20px;}
#sidebar section h2{display: block;padding: 5px 10px; background:  url("img/menu_bg.png") repeat-x; font-size: 86%; color: #FFFFFF;line-height: 150%;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	border-radius: 5px 5px 0px 0px;
	box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;}
#sidebar section form,
#sidebar section p,
#sidebar section .tagcloud{padding: 10px; border: solid 1px #D5D5D5;border-top: none; font-size: 86%; background: #F9F9F9;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;}
#sidebar section ul {list-style: none;padding-bottom: 5px; border: solid 1px #D5D5D5; border-top: none; background: #F9F9F9;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;}
#sidebar section ul li {list-style: none;border-top: solid 1px #D5D5D5;}
#sidebar section ul li:first-child {border-top: none;}
#sidebar section ul li a {display: block;padding: 10px 20px 10px 10px;font-size: 86%; color: #555555;line-height: 150%;text-decoration: none;border-top: solid 1px #F5F5F5;}
#sidebar section ul li a.pare_a {font-size: 110%; text-indent: 30px; font-weight: bold; background-image: url("img/icon_folder.jpg"); background-repeat: no-repeat; background-position : 20px 47%;}
#sidebar section ul li:first-child a {border-top: none;}
#sidebar section ul li a:hover,
#sidebar section ul li a:active{background-color: #FFFFFF;}
#sidebar section ul.children {padding: 0; border: none;}
#sidebar section ul.children li{border-top: solid 1px #D5D5D5; text-indent: 50px; height:40px;}
#sidebar section ul.children li:first-child{border-top: solid 1px #D5D5D5;}
#sidebar section ul.children li a{background-image: url("img/icon_folder.jpg"); background-repeat: no-repeat; background-position : 41px 47%;}
#sidebar1 section ul li select[name="archive-dropdown"] {margin: 15px 20px 10px; width:83%;}
#sidebar1 section ul li a.recent_post {text-indent: 25px; background-image: url("img/icon_kiji.jpg"); background-repeat: no-repeat; background-position : 17px 50%;
  white-space: nowrap; overflow: hidden; width: 88%; text-overflow: ellipsis;}



/* RP */
/* ------ サイドバー動的メニュー(記事リスト部分)  ------ */
#sidebar section ul.children li ul.posts{
	visibility: hidden;
	overflow: hidden;
	position: relative;
	top: -40px;            /*親メニューの高さと同じにする*/
	right: 440px;          /*親メニューから離す距離*/
	width: 420px;
	z-index: 101;
}
/* ------ 吹き出しtail ------ */
#sidebar section ul.children li ul.posts li img{
	position: absolute;
	top: 12px;            /*親メニューの高さと同じにする*/
	left: 421px;          /*親メニューから離す距離*/
	z-index: 101;
}
#sidebar section ul.children li ul.posts li a{
	text-indent: 30px;
	background-image: url("img/icon_kiji.jpg");
	background-repeat: no-repeat;
	background-position : 25px 47%;
}
#sidebar section ul.children li ul.posts li:hover a{
  background-image: url("img/icon_kiji_hover.jpg");
  background-repeat: no-repeat;
  background-position : 21px 47%;
}
#sidebar section ul.children li ul.posts li.tuduki a{
	background-image: none;
}
/* ------ リストのヘッダー部分  ------ */
#sidebar section ul.children li ul {
	padding-top: 5px;
	padding-bottom: 5px;
	border: solid 1px #D5D5D5;
	background: #F9F9F9;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;
}
#sidebar section ul.children li ul li:first-child{
	border-top: solid 0px;
}

#sidebar section ul.children li:hover ul,
#sidebar section ul.children li:hover ul li,
#sidebar section ul.children li a:hover ul li{
	visibility: visible;
	overflow: visible;
	z-index: 100;
}




/* ------ フッター ------ */
footer {margin-top: 20px; width: 100%; border-top: 3px solid #3d3db0;}
#footer-inner {width: 930px;}
footer nav {text-align: center; margin-top: 20px; margin-bottom: 20px;}
footer ul li {list-style: none;display: inline-block; line-height: 100%; padding: 0 10px; font-size: 90%; border-left: solid 1px #CCCCCC;}
footer ul li a:link, footer ul li a:visited {color: #000000;}
footer ul li:first-child {border-left: none;}

#copyright {text-align: center; padding-top: 10px; padding-bottom: 10px; background: #3d3db0; color: #ffffff; }
#copyright * {color: #ffffff;}    /*アンカーテキストの色＝白*/

/* ------ ページナビ ------ */
.page_navi {text-align: center;}
.page_navi li {display: inline;list-style: none;}
.page_navi li.current span {color: #000000;font-weight: bold;display: inline-block;padding: 3px 7px;background: #FFEEEE;border: solid 1px #FFCCCC;}
.page_navi li a {color: #333333;padding: 3px 7px;background: #EEEEEE;display: inline-block;border: solid 1px #999999;text-decoration: none;}
.page_navi li a:hover {color: #FF0000;}
.page_navi li.page_nums span {color: #FFFFFF;padding: 3px 7px;background: #666666;display: inline-block;border: solid 1px #333333;}

/* ------ ランキング ------ */
section.rank{border: none;}
#rank00{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank00.png) no-repeat left center;}
#rank01{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank01.png) no-repeat left center;}
#rank02{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank02.png) no-repeat left center;}
#rank03{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank03.png) no-repeat left center;}
#rank04{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank04.png) no-repeat left center;}
#rank05{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank05.png) no-repeat left center;}
#rank06{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank06.png) no-repeat left center;}
#rank07{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank07.png) no-repeat left center;}
#rank08{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank08.png) no-repeat left center;}
#rank09{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank09.png) no-repeat left center;}
#rank10{width: auto; height: auto; border: 1px solid #CCCCCC; background: url(img/rank_img/rank10.png) no-repeat left center;}
.rankinner{margin:0 0 0 40px; padding: 0; line-height: 150%;}
.rankinner h3 {margin: 0; padding: 0;font-size: 115%; font-weight: bold; line-height: 160%;color: #333333; border-bottom: 1px solid #CCCCCC;display: block;}
.rankinner h3 a{padding: 2px 5px;color: #333333; display: block;}
.rankinner h3 a:hover{text-decoration: none;background: #EFEFEF;display: block;}
.ranklbox {float: left; padding: 5px;width: 23%;text-align: center;}
.rankrbox {float: right; margin: 0;width: 74%;}
table.tblrank{border-left: solid 1px #CCCCCC; border-collapse: collapse;font-size: 93%; line-height: 135%;}
.tblrank th{border-right: solid 1px #CCCCCC ;border-bottom: solid 1px #CCCCCC ; padding :  2px; background: #F6F6F6;font-weight: normal;width: 25%;text-align: center;}
.tblrank td{border-bottom: solid 1px #CCCCCC ; padding : 2px 2px 2px 5px;}
.tblrank td.shousai{border-bottom: none; padding : 5px 10px;}

.r01_box{width: 100%; margin-bottom: 10px;border-bottom:5px solid #F0A8C6;}
.r01_box:first-child{border-top:5px solid #F0A8C6;}
.r01_box .inner{padding: 10px 0;}
table.r01{width: 100%;border: none; border-collapse: collapse;line-height: 120%;}
.r01 th{border: none; padding: 0px 2px;color: #333333; font-size: 100%;}
.r01 th.bcolor{padding: 6px 5px;background: #F25576;font-size: 18px; text-align: left; color: #FFFFFF;}
.r01 th.bcolor2{padding: 5px;text-align: left; color: #FFCC33;font-weight: bold;font-size: 14px;}
.r01 th.bcolor3{padding: 5px;background: #FCDADA; text-align: center; color: #555555;font-weight: normal;font-size: 12px;}
.r01 th.line,.r01 td.line{border: 1px solid #F25576;}
.r01 td{border: none ; padding: 5px 2px;font-size: 85%; line-height:130%;}
.r01 td.point{border: none ; padding: 5px 2px;font-size: 85%; line-height:130%;}
.r01_box .psize{margin-left: 60px;}
.r01_box .banner{padding: 5px 0 10px 0;}
.r01_box .slink{padding-top: 5px;text-align: right;}
.r01_box ul li{margin-left: 0;padding-left: 12px;list-style: none;background: url(img/rank_img/list.png) no-repeat left 3px}

/* ------ 比較ランキング ------ */
table.hikaku{margin-top:10px;border: solid 1px #CCCCCC; border-collapse: collapse;width: 100%;font-size: 12px;}
.hikaku th{border: solid 1px #CCCCCC ; padding : 5px;background: #AD8FC9;color: #FFFFFF;text-align: center;}
.hikaku td{border: solid 1px #CCCCCC ; padding: 4px;line-height:150%;}
.hikaku td.bcolor{background: #F5EDFC;}
.hikaku_btn{float: right;margin: 5px 5px 5px 0;}

table.h02{margin-top:10px;border: none; border-collapse: collapse;width: 100%;font-size: 12px;}
.h02 th{border: solid 1px #FFB4A8; padding : 5px;background: #F25576;color: #FFFFFF;text-align: center;}
.h02 td{border: solid 1px #FFB4A8; padding: 4px;line-height:150%;}
.h02 td.bcolor{background: #FFEEEE;}
.h02_btn{float: right;margin: 5px 5px 5px 0;}
.h02 .lht{line-height: 200%;}
.fon115{font-size: 115%;}
.bld{font-weight: bold;}
.orange{color: #ff6666;}
.orange2{color: #ff9999;}
.green{color: #669966;}


.br-sp {display:none;}


/* ------ ～ 979px ------ iPad縦(980px) */
@media screen and (max-width: 979px) {

	#gnav nav {width: 100%;}
	#gnav nav ul li a {padding: 10px 0px 8px;}
	#containar {width: 100%;}
	#plist .plist-inner {width: 90%;}
	#contents {float: none;width: 90%;margin: 0 auto;padding-bottom: 0;}
	#contents2 {float: none;width: 90%;margin: 0 auto;padding-bottom: 0;}
	#sidebar {float: none;	width: 90%;	margin: 0 auto;overflow: hidden;}
	#sidebar1 {float: left ; width: 100%;}
	#sidebar2 {float: right; width: 100%;}
	#footer-inner {	width: 100%;}

}

/* ------ ～ 767px ------ nexus7縦(768px) */
@media screen and (max-width: 767px) {
	#gnav nav ul li {float: left; margin: 0;text-align: center;}
	#gnav nav ul li:nth-child(1) {width: 20%;}
	#gnav nav ul li:nth-child(2) {width: 20%;}
	#gnav nav ul li:nth-child(3) {width: 20%;}
	#gnav nav ul li:nth-child(4) {width: 20%;}
	#gnav nav ul li:nth-child(5) {width: 20%;}
	#gnav nav ul li a {padding: 8px 6px;}
	footer ul li {display: inline-block;padding: 0 10px 0 15px;
				line-height: 100%;font-size: 100%; color: #FFFFFF;border-left: solid 1px #CCCCCC;}
}

/* ------ ～ 599px ------ iPhone5横(600px) */
@media screen and (max-width: 599px) {

	#gnav {padding-top: 5px;}
	#gnav-btn {display: block;width: 100px;margin: 0 0 4px 15px;border-bottom: solid 1px #3535a3;
		-webkit-border-radius: 5px;
		border-radius: 5px;}
	#gnav-btn a {display: block;height: 25px;line-height: 25px;color: #FFFFFF;font-size: 100%; border: solid 1px #3535a3;
		text-align: center;vertical-align: top;text-decoration: none;
		-webkit-border-radius: 5px; border-radius: 5px;
		-webkit-text-shadow: 0px -1px 0px #3535a3;
		text-shadow: 0px -1px 0px #111;}
	#gnav-btn a:link,#gnav-btn a:visited {
		background-color: #335599;
		background: -moz-linear-gradient(top, #5e5ef2, #3535a3);
		background: -webkit-gradient(linear, left top, left bottom, from(#5e5ef2), to(#3535a3));
		background: -webkit-linear-gradient(top, #5e5ef2, #3535a3);
		background: -o-linear-gradient(top, #5e5ef2, #3535a3);
		background: linear-gradient(to bottom, #5e5ef2, #3535a3);}
	#gnav-btn a:hover,#gnav-btn a:active,#gnav-btn .current-menu-item a {
		background-color: #4F73BA;
		background: -moz-linear-gradient(top, #5e5ef2, #3535a3);
		background: -webkit-gradient(linear, left top, left bottom, from(#5e5ef2), to(#3535a3));
		background: -webkit-linear-gradient(top, #5e5ef2, #3535a3);
		background: -o-linear-gradient(top, #5e5ef2, #3535a3);
		background: linear-gradient(to bottom, #5e5ef2, #3535a3);}
	#gnav nav {width: 100%;overflow: hidden;border-top: solid 1px #CCCCCC;}
	#gnav nav ul {display: none;float: none;width: 100%;border-left: none;border-right: none;border-top: solid 1px #CCCCCC;}
	#gnav nav ul li {float: none;width: 100%;}
	#gnav nav ul li:nth-child(1) {width: 100%;}
	#gnav nav ul li:nth-child(2) {width: 100%;}
	#gnav nav ul li:nth-child(3) {width: 100%;}
	#gnav nav ul li:nth-child(4) {width: 100%;}
	#gnav nav ul li:nth-child(5) {width: 100%;}

	#gnav nav ul li a {display: block;padding: 10px 5% 8px;font-size: 100%; border-left: none;border-right: none;border-bottom: solid 1px #CCCCCC;border-top: solid 1px #EFEFEF;background: url(img/arrow_03.png) no-repeat right center;}
	#gnav nav ul li a:hover,#gnav nav ul li a:active,#gnav nav ul li.current-menu-item a{color: #333333;background: #E9E9E9 url(img/arrow_03.png) no-repeat right center;}
	.posts-title{padding: 0 15px 5px;font-size: 129%;font-weight: bold;line-height: 140%;color: #333333;-webkit-text-shadow: 0px 1px 0px #fff;text-shadow: 0px 1px 0px #fff;}
	article section .doc {padding: 10px 0;}
	.post-column {float: none;width: 100%; height: auto; margin: 0 auto; padding: 10px 0 5px; display: block;}
	.post-column .img-set {float: left; margin: 0 10px 0 0;}
	.post-column h3 {margin: 0 0 5px;}
	article section a.post-column{padding: 5px;text-decoration: none;display: block;background: url(img/arrow_01.png) no-repeat right 12px;}
	article section a.post-column:hover{background: #EFEFEF url(img/arrow_01.png) no-repeat right 12px;text-decoration: none;display: block;}
	#sidebar1 {float: none; width: 100%;}
	#sidebar2 {float: none; width: 100%;}
	table.hikaku{display: block; position: relative; width: 100%;}
	table.hikaku tbody{display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;}
	table.h02{display: block; position: relative; width: 100%;}
	table.h02 tbody{display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;}
}


/* ------ ～479px ------ iPhone縦(480px) */
@media screen and (max-width: 479px) {

	.br-sp {display:inline; line-height:12pt;}

	.box {padding: 0 20px 20px;}
	.btn {width: auto;}
	.btn a {width: auto;}
	.post-column {float: none;width: 100%;}
	.lenth{width: 100%;}

	#sidebar-inner {width: 100%;}
	#sidebar .btn {height: 40px;margin: 10px auto 0;border-radius: 25px;font-size: 100%;}
	#sidebar .btn a {height: 40px;	line-height: 40px;border-radius: 20px;}
	#sidebar .ad {margin-right: 0;	padding: 10px 10px 0;}
	.ranklbox {float: none; margin: 5px;width: 100%;text-align: center;}
	.rankrbox {float: none; margin: 0;width: 100%;}
	table.tblrank{border-left: none; border-top: solid 1px #CCCCCC; border-collapse: collapse;}
	.r01_box .psize{margin-left: 0; width: 100%;}
	#copyright {padding-top: 6px; padding-bottom: 6px; padding-right: 2px;  font-size:10px;}

}


/* ------ その他属性 ------ */
.red_uline{border-bottom: 3px solid #FF3300;}
.uline{border-bottom: 1px solid #FF6633;}  
.dotline{clear: both;margin: 5px 0; border-bottom: 1px dotted #CCCCCC;}
.clr{clear: both;}
strong{font-weight: bold;}
em{color: red;}
.txtcenter{text-align: center;}
.red{color: #CC0000;}
.pink{color: #CC0099;}
.color-CC0000{color: #CC0000;}

/* ------ 線の属性 ------ */
.dot{border-bottom:1px dotted #CCCCCC;}
.solid{border-bottom:1px solid #CCCCCC;}

/* ------ フォント属性*/
.fon10{font-size: 72%;}
.fon11{font-size: 76%;}
.fon12{font-size: 86%;}
.fon13{font-size: 93%;}
.fon14{font-size: 100%;}
.fon16{font-size: 115%;}
.fon17{font-size: 124%;}
.fon18{font-size: 129%;}
.fon20{font-size: 143%;}
.fon22{font-size: 158%;}
.fon24{font-size: 172%;}
.fon26{font-size: 186%;}
.fon28{font-size: 200%;}
.fon30{font-size: 214%;}
.fon32{font-size: 229%;}
.fon34{font-size: 243%;}
.fon36{font-size: 258%;}
.fon38{font-size: 272%;}
.fon40{font-size: 286%;}
.tab10{padding-left: 10px;}
.tab20{padding-left: 20px;}
.tab30{padding-left: 30px;}
.bld{font-weight: bold;}

/* 画像アイコンと文字の位置を合わせる */
.ver-align-middle {vertical-align: middle;}

/* センタリング */
.txt-center{text-align:center;}

/* 画像の枠線 */
.img-border{border:solid 1px #ccc;}

.haba12{width: 12%;}
.haba50{width: 50%;}
.haba100{width: 100%;}

/* 特商法ページのテーブル */

table#tokutei {
	margin:5px 0 10px 0;
	padding:0;
	border: 1px #d3d3d3 solid;
	border-collapse:collapse;
	border-spacing:0px;
	line-height:1.4;
}

table#tokutei th {
	width:27%;
	padding:4px;
	padding-right:0;
	border: 1px #d3d3d3 solid;
	background: #F5F5F5;
	font-weight: bold;
}

table#tokutei td {
	padding:5px;
	vertical-align:top;
	border: 1px #d3d3d3 solid;
}


/* 会社概要ページのテーブル */
table#kaisya {
	width: 98%;
	margin:5px 0 10px 0;
	padding:0;
	border: 1px #d3d3d3 solid;
	border-collapse:collapse;
	border-spacing:0px;
	line-height:1.4;
}

table#kaisya th {
	width:14%;
	padding:4px;
	padding-right:0;
	border: 1px #d3d3d3 solid;
	background: #F5F5F5;
	font-weight: bold;
}

table#kaisya td {
	padding:5px;
	vertical-align:top;
	border: 1px #d3d3d3 solid;
}


/* 伊藤 Youtube動画のサイズを可変にする。*/
.video-wrapper {
	width: 600px;
	max-width: 100%;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ContactForm7のフォーム */
.wpcf7 input[type="text"] { width: 60%; }
.wpcf7 input[type="email"] { width: 60%; }
.wpcf7 textarea { width: 98%; }

/* 伊藤 月別アーカイブのセレクトボックス前のラベルを非表示にする。
 * https://naokixtechnology.net/wordpress/1835
 */
.screen-reader-text {
	display: none;
}

/* 伊藤 Google広告認定プロフェッショナル資格のリンク(画像の横並び) */
.blue-frame-gallery .blocks-gallery-item img,
.blue-frame-gallery .wp-block-image img {
	border: 2px solid #4a63ff;
	box-sizing: border-box;
}
.shadow-frame-img {box-shadow: 0 0 5px #333;}

/* プロフィール画像作例の表示サイズ */
.w56per {max-width: 56%;}
.w42per {max-width: 42%;}

/* 会社概要　表 */
.w24per table tr {width: 42%;}

/* ------ 480～px ------ PC(480～) */
@media screen and (min-width: 480px) {
	.resp_32-48 {width: 32%;}
	.resp_48 {width:49%;}
}
/* ------ ～479px ------ iPhone縦(～480) */
@media screen and (max-width: 767px) {
	.resp_32-48 {width:48%;}
	.resp_48 {width:48%;}
	table#kaisya th {width:24%;}
}


/* 伊藤 PCとスマホとで表示内容を切り換え */
.for-pc { display:block; }
.for-sp { display:none; }

@media only screen and (max-width : 767px){
	.for-pc { display:none; }
	.for-sp { display:block; }
}