@charset "UTF-8";
/******************************************************************************************

Theme Name: Pegasus-改
Theme URI: http://domain.net
Description: Special theme for WordPress.
Version: 100.0
Author: ss
Author URI: http://domain.net

******************************************************************************************/

/******************************************************************************************
		Reset and Global setting
******************************************************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
	line-height:1;
	background-color: #F4F4F4;/* ベースカラー */
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
ol, ul{
	list-style: none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color: #069;/* 全体リンク文字カラー */
}
a:hover{
	color: #009;/* マウスオーバーリンク文字カラー */
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
	display:block;
	height:1px;
	clear: both;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: dotted;
	border-top-color: #DDD;
}
input, select {
    vertical-align:middle;
}
.noscript{
	text-align:center;
	padding:10px 0;
	color:#FFF;
	display:none;
	background-color: #CC0000;
}
/******************************************************************************************
		Clear
******************************************************************************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0.1px;
	line-height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* for IE 5.5-7 */
.clearfix {
	zoom:100%;
}
/******************************************************************************************
		Layout
******************************************************************************************/
body{
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;/* 全体文字サイズの元です */
	line-height: 28px;
	background-repeat: repeat;
	zoom:1;
	overflow-x : hidden;
	background-color: #F4F4F4;/* ベースカラー */
}
#container{
	height: 100%;
	max-width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#wrap{
	height: 100%;
	max-width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 950px;
}
#header{
	overflow: hidden;
	position: relative;
	zoom:1;
	width: 100%;
}
#main{
	overflow: hidden;  
	position: relative;
	width:100%;
	clear: both;
	margin-bottom: 30px;
	background-color: #FFF;
	margin-top: 30px;
	border: 1px solid #DDD;
	height: auto;
}
#content{
	width: 610px;
	float: left;
	background-color: #FFF;
	height: 100%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDD;
	padding-bottom: 50000px;  
    margin-bottom: -50000px; 
}
#sidebar{
	float: right;
	width: 339px;
	background-color: #FFF;
	height: 100%;
	font-size: 80%;
}
#footer{
	clear: both;
	width:100%;
	text-align: center;
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	font-size: 80%;
}
/******************************************************************************************
		Header
******************************************************************************************/
/********************************************************* headline */
#headline {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	clear: both;
	margin-top: 10px;
	float: left;
}#headline ul {
	margin-right: auto;
	margin-left: auto;
	width: 950px;
	text-align: right;
}
#headline ul li {
	text-align: right;
	margin-left: 10px;
	display: inline;
	margin-bottom: 10px;
}
/********************************************************* headline END */
/********************************************************* logo */
#hgroup{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 50px;
	padding-bottom: 50px;
}
#hgroup h1 , #hgroup .h1p {
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
	
	margin-right: 30px;
	clear: both;
	font-size: 200%;
}
#hgroup h1 a , #hgroup .h1p a {
	color: #333;/* サイト名カラー */
	text-decoration: none;
}
#hgroup h1 a:hover , #hgroup .h1p a:hover {
	color: #333;/* サイト名カラー */
	text-decoration: none;
}
#hgroup h2 , #hgroup .h2p {
	font-size: 90%;
	font-weight: normal;
}
/********************************************************* logo END */
/********************************************************* Navigation */
.slide-trigger {
	display: none;
	cursor: pointer;
	padding-left: 20px;
	color: #FFF;
	background-color: #858585;/* ベースカラー濃 */
	height: 40px;
	line-height: 40px;
}
.slide-trigger span{
	background-image: url(images/underarrow.png);
	float: right;
	height: 40px;
	width: 30px;
	display: block;
	padding-left: none;
	padding-right: none;
	background-repeat: no-repeat;
	background-position: right center;
	overflow: auto;
}
.navigation {
	display: block;
}
#nav{
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	clear: both;
	font-size: 80%;
}
#nav ul{
	margin-right: auto;
	margin-left: auto;
	width: 950px;
	height: 50px;
}
#nav li{
	float: left;
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DDDDDD;
	margin-top: 10px;
	margin-bottom: 10px;
}
#nav li:last-child {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDDDDD;
}
#nav li a{
	color: #000;
	text-decoration: none;
	display: block;
	padding-left: 50px;
	padding-right: 50px;
}
#nav li a:hover{
	color: #DDD;
	text-decoration: none;
}
/********************************************************* Navigation END */
/******************************************************************************************
		Main
******************************************************************************************/
#breadcrumb {
	font-size: 80%;
	clear: both;
	overflow: hidden;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#breadcrumb li {
	float: left;
	margin-right: 5px;
}
/******************************************************************************************
		Content
******************************************************************************************/
article{
	overflow: hidden;
	position: relative;
	z-index: 1;
	clear: both;
}
article:first-child{margin-top:0}
/********************************************************* TOP Rist */
.category_post {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	clear: both;
	padding: 20px;
}
.category_post .thumbnail {
	float: left;
	border: 1px solid #DDD;
	margin-right: 20px;
}
.category_post .thumbnail img{
	vertical-align: bottom;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	max-width: 98%;
	max-height: 98%;
	padding: 1%;
}
.category_post .midashi2 {
	background-repeat: no-repeat;
	background-color: #FFF;
	border-left-style: none;
	font-size: 120%;
	padding: 0px;
	line-height: 150%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	clear: none;
	border-bottom-style: none;
}
.category_post .midashi2 a {
	color: #069;
	text-decoration: underline;
	font-weight: normal;
}
.category_post .midashi2 a:hover{
	color: #009;/
}
.category_post .time {
	background-image: url(images/calendar.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	font-size: 70%;
}
.category_post .metacategory {
	background-image: url(images/folder.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 27px;
	font-size: 70%;
}
/********************************************************* TOP Rist END */
/********************************************************* Taitol */
#pagemidashi {
	clear: both;
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}
#pagemidashi h1 {
	margin-bottom: 0px;
}
article h1{
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
	font-size:180%;
	line-height: 150%;
	margin-bottom: 20px;
}
article h1 a{
	color: #333;
	text-decoration: none;
}
article h1 a:hover{
	color: #333;
	text-decoration: underline;
}
/********************************************************* Taitol END */
/********************************************************* Metainfo */
article header .metainfo {
	zoom:1;
	overflow: hidden;
	position: relative;
	list-style-type: none;
	margin-bottom: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 20px;
}
article header .metainfo .time {
	background-image: url(images/calendar.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}
article header .metainfo .metacategory {
	background-image: url(images/folder.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 27px;
}
article .metainfo li:first-child{
	margin-left: 0px;
}
article .metainfo li{
	float: left;
	margin-left: 20px;
	font-size: 70%;
}
/********************************************************* Metainfo END */
/********************************************************* Thumnail */
article .thumbnails {
	text-align: center;
	margin-bottom: 30px;
	margin-right: 20px;
	margin-left: 20px;
}
article .thumbnails img {
	border: 1px solid #DDD;
	max-width: 98%;
	max-height: 98%;
	padding: 1%;
	vertical-align: bottom;
}
/********************************************************* Thumnail END */
/********************************************************* Entry Ornament */
.red{
	font-weight: bold;
	color: #C00;
}
.yellowmarker{
	background-color: #FF9;
	font-weight: bold;
}
.yellowframe{
	padding: 3%;
	background-color: #FFC;
	font-weight: bold;
	border: 1px solid #FC0;
}
.reference {
	background-color: #F4F4F4;/* ベースカラー */
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #DDD;
	font-size: 110%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 17px;
	margin-right: 0px;
	margin-left: 0px;
}
.attention {
	padding: 3%;
	background-color: #F4F4F4;/* ベースカラー */
	border: 1px dashed #DDD;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 30px;
}
.attention-end {
	padding: 3%;
	background-color: #F4F4F4;/* ベースカラー */
	border: 1px dashed #DDD;
	margin-bottom: 50px;
	margin-right: 20px;
	margin-left: 20px;
}
.caution{
	border: 3px solid #FFBE01;
	background-image: url(images/caution.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 65px;
	background-color: #FFFADF;
	margin-right: 20px;
	margin-left: 20px;
}
.point{
	border: 3px solid #5CA526;
	background-image: url(images/point.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 65px;
	background-color: #F4FCEF;
	margin-right: 20px;
	margin-left: 20px;
}
.more{
	clear: both;
	float: right;
	margin-top: 30px;
}	
.linkbotan {
	text-align: center;
}
.linkbotan img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
}
article iframe {
	width: 100%;
	margin-top: 10px;
	margin-right: 20;
	margin-bottom: 10px;
	margin-left: 20;
	}
/* 目次に戻る */
.mokuji{
	padding: 3%;
	background-color: #F4F4F4;
	border: 1px solid #DDD;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
}
.back_mokuji{
	text-align: right;
	margin-top: 20px;
	margin-bottom: 20px;
}
.back_mokuji .mreturn{
	background-image: url(images/mokuji.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
/* 目次に戻る END */
/* ページ先頭に戻る */
#up-top {
	position: fixed;
	bottom: 30px;
	z-index: 9999;
	cursor: pointer;
	display: none;
	margin-left: 0px;
	right: 0px;
}
/* ページ先頭に戻る END */
/* ランキング 口コミ */
.rank1, .rank2, .rank3, .rank4, .rank5, .mouth {
	background-repeat: no-repeat;
	padding-left: 45px;
	background-position: left center;
	font-size: 120%;
	padding-bottom: 0px;
	padding-top: 8px;
	font-weight: bold;
	padding-right: 0px;
	margin-bottom: 20px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #DDD;
	clear: both;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 20px;
}
.rank1 {
	background-image: url(images/rank1.png);
}
.rank2 {
		background-image: url(images/rank2.png);
}
.rank3 {
		background-image: url(images/rank3.png);
}
.rank4 {
		background-image: url(images/rank4.png);
}
.rank5 {
		background-image: url(images/rank5.png);
}
.mouth {
		background-image: url(images/mouth.png);
}
.communication{
	clear: both;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
}
.communication dt{
	margin-bottom: 5px;
	clear: both;
	font-weight: bold;
}
.communication dd{
	padding: 3%;
	background-color: #F4F4F4;
	border: 1px solid #DDD;
	clear: both;
}
/* ランキング 口コミ END */
/* まとめ */
.conclusion_title {
	background-image: url(images/conclusion.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	background-position: left center;
	font-size: 130%;
	padding-bottom: 0px;
	padding-top: 8px;
	font-weight: bold;
	padding-right: 0px;
	line-height: 40px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.conclusion{
	border: 3px solid #DDD;
	background-color: #F4F4F4;
	padding: 3% 0;
	margin-right: 20px;
	margin-left: 20px;
}
/* まとめ END */
/********************************************************* Entry Ornament END */	
/********************************************************* Entry H */
article h2{
	font-size:160%;
	clear: both;
	font-weight:bold;
	margin-top: 50px;
	margin-bottom: 30px;
	line-height: 40px;
	padding-left: 20px;
	border-bottom-width: 4px;
	border-bottom-style: dotted;
	border-bottom-color: #DDD;
	padding-right: 20px;
	padding-bottom: 5px;
}
article h2 a {
	color: #000;
	text-decoration: none;
}
article h2 a:hover {
	color: #000;
	text-decoration: underline;
}
article h3{
	font-size:130%;
	font-weight:bold;
	margin-top: 50px;
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #DDD;
	clear: both;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
}
article h3 a {
	color: #000;
	text-decoration: none;
}
article h3 a:hover {
	color: #000;
	text-decoration: underline;
}
article h4{
	font-size:120%;
	font-weight:bold;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 20px;
	margin-left: 20px;
}
article h4 a {
	color: #000;
	text-decoration: none;
}
article h4 a:hover {
	color: #000;
	text-decoration: underline;
}
article h5{
	font-size:110%;
	font-weight:bold;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 20px;
	margin-left: 20px;
}
article h5 a {
	color: #000;
	text-decoration: none;
}
article h5 a:hover {
	color: #000;
	text-decoration: underline;
}
/********************************************************* Entry H END */
/********************************************************* Entry div */
article div{
	margin-bottom: 30px;
	padding-right: 20px;
	padding-left: 20px;
}
/********************************************************* Entry div END */
/********************************************************* Entry P */
article p{
	margin-bottom: 30px;
	margin-right: 20px;
	margin-left: 20px;
}
.begins {
	margin-top: 40px;
}
.last {
	margin-bottom: 40px;
}
article code{
	color:#006600;
	margin-right: 20px;
	margin-left: 20px;
	font-family: CenturyOldst;
}
article blockquote {
	overflow: auto;
	border: 3px solid #d7d7d7;
	color: #444;
	margin-bottom: 10px;
	background-color: #E8E8E8;
	background-image: url(images/blockquote.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	margin-right: 20px;
	margin-left: 20px;
}
article blockquote p{
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
article figure figcaption {
	text-align: right;
	font-size: 80%;
	margin-bottom: 30px;
	margin-right: 20px;
	margin-left: 20px;
}
/********************************************************* Entry P END */
/********************************************************* Entry Img */
article p img{
	max-width: 98%;
	max-height: 98%;
	border: 1px solid #DDD;
	padding: 1%;
}
.aligncenter{
	text-align: center;
	clear: both;
}
img.alignleft{
	float: left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0;
}
img.alignright{
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 20px;
}
/********************************************************* Entry  Ul */
article ul{
	list-style-type: disc;
	list-style-position: inside;
	clear: both;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 0px;
}
article ul li{
	margin: 5px 0;
}
/********************************************************* Entry  Ul END */
/********************************************************* Entry  Ol END */
article ol{
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 0px;
}
article ol li{
	list-style-type: decimal;
	list-style-position: inside;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
/******************************************************************************************
		Content Aside
******************************************************************************************/
/********************************************************* Before or after  */
#beaf {
	overflow: hidden;
	position: relative;
	zoom:1;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
}
#beaf a img {
	margin-right: 5px;
}
/********************************************************* Before or after END  */
/********************************************************* SNS  */
#snsgroup {
	clear: both;
	margin-bottom: 20px;
	font-size: 80%;
}
#snsgroup h3 {
	font-size: 130%;
	line-height: 40px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #DDD;
	border-bottom-color: #DDD;
	background-color: #F4F4F4;/* ベースカラー */
	margin-bottom: 30px;
	padding-left: 20px;
	font-weight: normal;
}
#snsgroup p {
	margin-bottom: 30px;
	margin-right: 20px;
	margin-left: 20px;
}
#snsgroup .share {
	margin-right: 20px;
	margin-left: 20px;
}
.socialbox {
    float: left;
    display: inline-block;
    margin: 0 0 15px 10px;
}
.hatena-box{min-width:80px;max-width:125px;}
.facebook-box{min-width:70px;max-width:115px;}
.twitter-box{min-width:70px;max-width:90px;}
.gplus-box{min-width:50px;max-width:80px;}
.pocket-box{min-width:60px;max-width:115px;}
/********************************************************* SNS END  */
/********************************************************* Relation  */
#related {
	list-style-type: none;
	clear: both;
	font-size: 80%;
}
#related h3 {
	font-size: 130%;
	line-height: 40px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #DDD;
	border-bottom-color: #DDD;
	background-color: #F4F4F4;/* ベースカラー */
	margin-bottom: 20px;
	padding-left: 20px;
	font-weight: normal;
}
#related .relevance {
	margin-right: 20px;
	margin-left: 20px;
}
#related li {
	width: 50%;
	float: left;
	margin-bottom: 20px;
}
#related li span {
	border: 1px solid #DDD;
	padding: 2px;
	width: 100px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 0px;
}
#related img {
	vertical-align: bottom;
}
#related li p {
	margin-right: 10px;
}
/********************************************************* Relation END  */
/********************************************************* Comments  */
#comments {
	clear: both;
	margin-bottom: 30px;
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
}
#comments h2 {
	font-size: 130%;
	padding-top: 8px;
	line-height: 40px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #DDD;
	border-bottom-color: #DDD;
	background-color: #F4F4F4;/* ベースカラー */
	margin-bottom: 20px;
	padding-left: 10px;
}
.logged-in-as {
	font-size: 80%;
	margin-bottom: 20px;
}
.reply{
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D2D2B0;
	padding-bottom: 10px;
}
.comment-reply-title {
	background-image: none;
}
.comment-respond {
	padding: 3%;
	background-color: #F9F9F9;
	border: 1px solid #DDD;
}
.comment-reply-title {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 10px;
}
#commentform {
	width: 100%;
}
.required {
	font-weight: bold;
	color: #C00;
}
.comment-form-author, .comment-form-email, .comment-form-comment {
	margin-bottom: 10px;
}
.comment-form-author input, .comment-form-email input, .comment-form-comment textarea {
	width: 80%;
	padding: 10px;
}
.form-submit input {
	height: 40px;
	width: 50%;
}
/********************************************************* Comments END  */
/******************************************************************************************
		Sitemap
******************************************************************************************/
#sitemap ul {
	margin-left: 30px;
}
#sitemap li {
	list-style-type: disc;
}
/******************************************************************************************
		Sidebar
******************************************************************************************/
#sidebar h3{
	font-size:130%;
	clear: both;
	line-height: 40px;
	padding-left: 10px;
	background-color: #F4F4F4;/* ベースカラー */
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}
#sidebar p{
	margin-bottom: 20px;
	clear: both;
	margin-top: 10px;
}
/********************************************************* SideMenu */
.spnsormidashi {
	border-top-style: none;
}
.sidemidashi {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
}
.sponsor {
	margin-bottom: 20px;
	text-align: center;
	padding-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
}
#sidebar dl {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#sidebar dt {
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
}
#sidebar dd {
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#sidebar dt img {
	max-width: 98%;
	max-height: 98%;
	border: 1px solid #DDD;
	background-color: #FFF;
	padding: 1%;
	vertical-align: bottom;
}
.popularpost, .categorys, .newpost {
	margin-bottom: 20px;
}
/* 人気記事 */	
.popularpost li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DDD;
	height: auto;
	overflow: hidden;
	position: relative;
	zoom:1;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.popularpost li:last-child{
	margin-bottom: 0px;
	border-bottom-width: 0px;
	padding-bottom: 0px;
}
.popularpost li img {
	vertical-align: bottom;
	padding: 2px;
	border: 1px solid #DDDDDD;
	float: left;
	margin-right: 10px;
}
.views {
	margin-left: 5px;
	background-color: #FFECF1;
	color: #F36;
	font-size: 80%;
}
/* 人気記事終了 */	
/* カテゴリー */	
.categorys li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DDDDDD;
	height: auto;
	overflow: hidden;
	position: relative;
	zoom:1;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.categorys li:last-child{
	margin-bottom: 0px;
	border-bottom-width: 0px;
	padding-bottom: 0px;
}
/* カテゴリー終了 */
/* 最新記事 */							
.newpost li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DDDDDD;
	height: auto;
	overflow: hidden;
	position: relative;
	zoom:1;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.newpost li:last-child{
	margin-bottom: 0px;
	border-bottom-width: 0px;
	padding-bottom: 0px;
}
.newpost li img {
	vertical-align: bottom;
	padding: 2px;
	border: 1px solid #DDDDDD;
	float: left;
	margin-right: 10px;
}
/* 最新記事終了 */		
/********************************************************************* SideMenu END */
/******************************************************************************************
		Footer
******************************************************************************************/
#footer p{
	clear: both;
	padding: 1%;
}
#footer ul{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}
#footer li{
	float: left;
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DDD;
	margin-bottom: 20px;
}
#footer li:last-child {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDDDDD;
}
#footer li a{
	color: #000;
	text-decoration: none;
	display: block;
	padding-left: 50px;
	padding-right: 50px;
}
#footer li a:hover{
	color: #DDD;
	text-decoration: none;
}
#footer dl {
	clear: both;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#footer dt {
	float: left;
	margin-right: 20px;
}
/******************************************************************************************
		PAGE
******************************************************************************************/
/********************************************************* PAGEing */
.pagination {
	clear:both;
	overflow: hidden;
	position: relative;
	font-size:80%;
	line-height:16px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
}
.pagination span, .pagination a {
	display:block;
	float:left;
	text-decoration:none;
	width:auto;
	color: #000;
	background-color: #DDD;
	border-radius: 20px;        /* CSS3草案 */
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 0px;
}
.pagination a:hover{
	color:#fff;
	background-color: #858585;/* ベースカラー濃 */
}
.pagination .current{
	color:#fff;
	background-color: #858585;/* ベースカラー濃 */
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
/** ask PAGE */
.wpcf7-form{
	padding: 20px;
	background-color: #F4F4F4;/* ベースカラー */
	border: 1px dotted #DDD;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
}
.wpcf7-form input	{
	width: 80%;
	padding: 5px;
}
.wpcf7-form textarea	{
	width: 80%;
	padding: 10px;
	line-height: 200%;
}
.wpcf7-form .wpcf7-submit {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
/** ask PAGE END */
/** table1 */
.frame{
	margin-top: 30px;
	margin-bottom: 30px;
	clear: both;
	font-size: 80%;
}
.frame th {
	background-color: #E6E6E6;
	padding: 10px;
	text-align: center;
	border: 1px solid #DDD;
}
.frame tr {
	background-color: #DDD;
}
.frame td {
	background-color: #F4F4F4;
	padding: 10px;
	border: 1px solid #DDD;
	text-align: center;
}
/** table1 END */
/** table2 */
.frame2{
	margin-top: 30px;
	margin-bottom: 30px;
	clear: both;
	font-size: 80%;
}
.frame2 th {
	background-color: #E6E6E6;
	padding: 10px;
	text-align: left;
	border: 1px solid #DDD;
}
.frame2 tr {
	background-color: #DDD;
}
.frame2 td {
	background-color: #F4F4F4;/* ベースカラー */
	padding: 10px;
	border: 1px solid #DDD;
	text-align: left;
}
/** table2 END */
/********************************************************* PAGE END */
/******************************************************************************************
		Other
******************************************************************************************/
#content .topmidashi {
	line-height: 40px;
	padding-left: 10px;
	font-size: 110%;
	font-weight: normal;
	background-color: #F4F4F4;/* ベースカラー */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}
#cta {
	background-color: #f8f8f8;
	padding: 0 0 0.5em;
	margin: 0 0 0.5em;
	border-top:3px solid #ddd;
	border-bottom:3px solid #ddd;
}
.adsp {
	display:none;
}
.adpc {
	display:block;
	margin:2em 0 0;
	padding:0;
	width:100%;
}
/******************************************************************************************
		Portabl
******************************************************************************************/
@media screen and (max-width: 1024px) {
	/******************************************************************************************
		Layout
******************************************************************************************/
/********************************************************* headline */
#headline ul {
	width: 100%;
}
/********************************************************* headline END */
/********************************************************* logo */
#hgroup{
	padding-top: 30px;
	padding-bottom: 30px;
	width:100%;
}
#hgroup h1 , #hgroup .h1p {
	margin-bottom: 10px;
	float: none;
	margin-right: 0px;
	line-height: 120%;
}
/********************************************************* logo END */
/********************************************************* Navigation */
#nav ul{
	width: 100%;
	border-left-width: none;
	border-left-style: none;
	border-left-color: none;
}
/********************************************************* Navigation END */
#content {
	width: 64.14052%;
}
#sidebar{
	width: 35.68421%;
}
img{
	max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
.video embed,
.video object,
.video iframe {
    width: 100%;
    height: auto;
}
/******************************************************************************************
		Content
******************************************************************************************/
.category_post .midashi2 {
	font-size: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.adsp {
	display:block;
}
.adpc {
	display:none;
}
/********************************************************* Relation  */						
#related li {
	width: 100%;
	float: none;
	clear: both;
}
#related li span {
	margin-bottom: 20px;
}
#related li p {
	margin-right: 0px;
}
/********************************************************* Relation END  */
/******************************************************************************************
		Footer
******************************************************************************************/
#footer ul{
	width: 100%;
	border-left-width: none;
	border-left-style: none;
	border-left-color: none;
}
#footer li a{
	padding-left: 20px;
	padding-right: 20px;
}
#footer dl {
	width: 100%;
}
}
/******************************************************************************************
		SmartPhone
******************************************************************************************/
@media screen and (max-width: 580px){
/******************************************************************************************
		Layout
******************************************************************************************/
body { background-color: #FFF;
}
#header {
	background-color: #F4F4F4;/* ベースカラー */
	margin-bottom: 0px;
}
#hgroup {
	max-width: 94%;
	margin-right: 3%;
	margin-left: 3%
}
#main {
	max-width: 94%;
	margin-right: 3%;
	margin-left: 3%;
	padding-top: 0px;
	border: 0px solid #DDD;
	background-color: #FFF;
}
#breadcrumb {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DDD;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#content {
	display: block;
	width: 100%;
	float: none;
	margin: 0px 0;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#sidebar {
	    display: block;
		width: 100%;
        float: none;
        margin: 0px 0;
}
#footer{
	background-color: #F4F4F4;/* ベースカラー */
	border-top-color: #858585;/* ベースカラー濃 */
}
/********************************************************* Navigation */
.slide-trigger {
	display: block;
}
.no-js .slide-trigger {
	display: none;
}
.navigation {
	display: none;
}
.no-js .navigation {
	display: block;
}
#nav{
	background-color: #DDD;
	border-top-width: 0px;
	border-bottom-width: 0px;
}
#nav ul{
	height: auto;
}
#nav li{
	float: none;
	line-height: auto;
	text-align: left;
	color: #FFF;
	border-left-width: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #858585;/* ベースカラー濃 */
}
#nav li:last-child {
	border-right-width: 0px;
}
#nav li a{
	display: block;
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	overflow: auto;
	color: #000;
	padding-left: 20px;
	padding-right: 20px;
}
#nav li a:hover{
	color: #FFF;
	text-decoration: none;
	background-color: #858585;/* ベースカラー濃 */
}
/********************************************************* Navigation END */
/******************************************************************************************
		Content
******************************************************************************************/
/********************************************************* TOP Rist */
#content .topmidashi {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
}
.pagination {
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 20px;
}
.category_post {
	clear: both;
	padding: 0px;
	margin-top: 20px;
}
/********************************************************* Thumbnail */
.category_post .thumbnail {
	float: none;
	border: none;
	margin-right: 0px;
	text-align: center;
	margin-bottom: 0px;
}
.category_post .thumbnail img{
	border: 1px solid #DDD;
}
article .thumbnails {
	margin-right: 0px;
	margin-left: 0px;
}
article .thumbnails img {
	max-width: 96%;
	max-height: 96%;
}
/********************************************************* Thumbnail END */
/********************************************************* TOP Rist */
/********************************************************* Taitol */
#pagemidashi {
	clear: both;
	padding-left: 0px;
	padding-right: 0px;
}
article header .metainfo {
	margin-right: 0px;
	margin-left: 0px;
}
#snsgroup h3 {
	padding-left: 10px;
}
#snsgroup p {
	margin-right: 0px;
	margin-left: 0px;
}
#snsgroup .share {
	margin-right: 0px;
	margin-left: 0px;
}
#related .relevance {
	margin-right: 0px;
	margin-left: 0px;
}
#related h3 {
	padding-left: 10px;
}
#comments {
	margin-right: 0px;
	margin-left: 0px;
}
/******************************************************************************************
		Sidebar
******************************************************************************************/
.spnsormidashi {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
}
.sponsor {
	margin-right: 0px;
	margin-left: 0px;
}
.sidemidashi {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
}
#sidebar dt {
	padding-right: 0px;
	padding-left: 0px;
}
#sidebar dd {
	padding-right: 0px;
	padding-left: 0px;
}
/* 人気記事 */	
.popularpost li{
	padding-right: 0px;
	padding-left: 0px;
}
/* 人気記事終了 */	
/* カテゴリー */	
.categorys li {
	padding-right: 0px;
	padding-left: 0px;
}
/* カテゴリー終了 */
/* 最新記事 */							
.newpost li {
	padding-right: 0px;
	padding-left: 0px;
}
/* 最新記事終了 */		
/******************************************************************************************
		Footer
******************************************************************************************/
#footer ul{
	background-color: #DDD;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#footer li{
	float: none;
	text-align: left;
	color: #FFF;
	border-left-width: 0px;
	line-height: auto
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #858585;/* ベースカラー濃 */
	line-height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #858585;/* ベースカラー濃 */
	margin-bottom: 0px;
}
#footer li:last-child {
	border-right-width: 0px;
}
#footer li a{
	display: block;
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	overflow: auto;
	color: #000;
	padding-left: 20px;
	padding-right: 20px;
}
#footer li a:hover{
	color: #FFF;
	text-decoration: none;
	background-color: #858585;/* ベースカラー濃 */
}
#footer dl {
	padding-bottom: 0px;
}
#footer dt {
	float: none;
	margin-right: 0px;
	text-align: center;
	margin-right: 3%;
	margin-left: 3%;
}
#footer dd {
	margin-right: 3%;
	margin-left: 3%;
}
/******************************************************************************************
		Other
******************************************************************************************/
/********************************************************* Entry Ornament */
.attention {
	margin-right: 0px;
	margin-left: 0px;
}
.attention-end {
	margin-right: 0px;
	margin-left: 0px;
}
.caution{
	margin-right: 0px;
	margin-left: 0px;
}
.point{
	margin-right: 0px;
	margin-left: 0px;
}
article iframe {
	margin-right: 0;
	margin-left: 0;
}
/* 目次 */
.mokuji{
	margin-right: 0px;
	margin-left: 0px;
}
/* 目次 END */
/* ランキング 口コミ */
.rank1, .rank2, .rank3, .rank4, .rank5, .mouth {
	margin-right: 0px;
	margin-left: 0px;
}
.communication{
	margin-right: 0px;
	margin-left: 0px;
}
/* ランキング 口コミ END */
/* まとめ */
.conclusion_title {
	margin-right: 0px;
	margin-left: 0px;
}
.conclusion{
	padding-right: 3%;
	padding-left:3%;
	margin-right: 0px;
	margin-left: 0px;
}
/* まとめ END */
/********************************************************* Entry Ornament END */	
/********************************************************* Entry H */
article h1{
	font-size:150%;
	margin-right: 0px;
	margin-left: 0px;
}
article h2{
	font-size:130%;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
article h3{
	font-size:110%;
	margin-right: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
article h4{
	margin-right: 0px;
	margin-left: 0px;
}
article h5{
	margin-right: 0px;
	margin-left: 0px;
}
/********************************************************* Entry P END */
/********************************************************* Entry div */
article div{
	padding-right: 0px;
	padding-left: 0px;
}
/********************************************************* Entry div END */
/********************************************************* Entry P */
article p{
	margin-right: 0px;
	margin-left: 0px;
}
article code{
	margin-right: 0px;
	margin-left: 0px;
}
article blockquote {
	margin-right: 0px;
	margin-left: 0px;
}
article figure figcaption {
	margin-right: 0px;
	margin-left: 0px;
}
/********************************************************* Entry P END */
/********************************************************* Entry  Ul */
article ul{
	margin-right: 0px;
	margin-left: 0px;
}
/********************************************************* Entry  Ul END */
/********************************************************* Entry  Ol */
article ol{
	margin-right: 0px;
	margin-left: 0px;
}
/********************************************************* Entry  Ol END */
/********************************************************* Before or after  */
#beaf {
	margin-right: 0px;
	margin-left: 0px;
}
/********************************************************* Before or after END  */
.wpcf7-form{
	margin-right: 0px;
	margin-left: 0px;
}
#cta {
	
	padding: 0 1em 0.5em;
	
}
.adsp {
	display:block;
}
.adpc {
	display:none;
}
}