@charset "UTF-8";

/*------------------------------------------------------------
レイアウト
-------------------------------------------------------------*/

html,body{ width: 100%; }


/*--------------------------------------------------------
1カラムレイアウト
--------------------------------------------------------*/

.col1 #container,
.col1 #top,
.col1 #header,
.col1 #global-nav,
.col1 #main,
.col1 #main-image,
.col1 #footer,
.col1 .copyright{
	width: 100%;
	min-width: 1080px;
}

.col1 #top-in,
.col1 #header-in,
.col1 #global-nav-in,
.col1 #main-in,
.col1 #main-image-in,
.col1 #footer-in,
.col1 .copyright p{
	width: 1080px;
	margin: auto;
}

.col1 #main-contents{ width: 100%; }


/*--------------------------------------------------------
2カラムレイアウト
--------------------------------------------------------*/

.col2 #container,
.col2 #top,
.col2 #header,
.col2 #global-nav,
.col2 #main,
.col2 #main-image,
.col2 #footer,
.col2 .copyright,
.col2r #container,
.col2r #top,
.col2r #header,
.col2r #global-nav,
.col2r #main,
.col2r #main-image,
.col2r #footer,
.col2r .copyright{
	width: 100%;
	min-width: 1080px;
}

.col2 #top-in,
.col2 #header-in,
.col2 #global-nav-in,
.col2 #main-in,
.col2 #main-image-in,
.col2 #footer-in,
.col2 .copyright p,
.col2r #top-in,
.col2r #header-in,
.col2r #global-nav-in,
.col2r #main-in,
.col2r #main-image-in,
.col2r #footer-in,
.col2r .copyright p{
	width: 1080px;
	margin: auto;
}

.col2 #sidebar,
.col2r #sidebar{ width: 250px; }

.col2 #main-and-sub,
.col2r #main-and-sub{ 
	width: 800px;
}


/*コンテンツ配置*/
.col2 #main-and-sub{ float: left; }
.col2 #sidebar{ float: right; }

.col2r #main-and-sub{ float: right; }
.col2r #sidebar{ float: left; }

/*--------------------------------------------------------
1、サイト全体の背景設定
------------------------------------------------------*/

#container{ background-color: #fff; }

/*--------------------------------------------------------
2、サイト全体の共通設定
-------------------------------------------------------*/

body{ color: #333; }

/*●リンク文字*/
a{ text-decoration: underline; }

a:link,
a:visited{ color: #39f; }
a:hover,
a:active{ color: #f60; }

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.gradient_green{
background: #96cf29; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2Y2YyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjkzMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #96cf29 0%, #3f931f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96cf29), color-stop(100%,#3f931f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #96cf29 0%,#3f931f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #96cf29 0%,#3f931f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #96cf29 0%,#3f931f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #96cf29 0%,#3f931f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96cf29', endColorstr='#3f931f',GradientType=0 ); /* IE6-8 */
}

.gradient_green:hover{
background: #a7e632; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3ZTYzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MmJhMjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a7e632 0%, #52ba29 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7e632), color-stop(100%,#52ba29)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a7e632 0%,#52ba29 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a7e632 0%,#52ba29 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a7e632 0%,#52ba29 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a7e632 0%,#52ba29 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7e632', endColorstr='#52ba29',GradientType=0 ); /* IE6-8 */
}

/*--------------------------------------------------------
3、エリアの設定
--------------------------------------------------------*/

#container{
	position: relative;
}

/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
#header{
	background-color: #FFF2DE;
	background-image: url(../images/main/bgami.png);
}
.home #header{
	background-color: #FFF2DE;
	background-image: url(../images/header/pctopbg.jpg);
	background-position: center top;
	background-repeat:repeat-x;
	background-attachment:fixed; 
	
}
.home.admin-bar #header{
	background-position: center top 32px;
}
#header-in{ 
	padding:0;
}
.home #header-in{ 
	position: relative;
	height: 1000px;
}
#header h1 {
  font-size: 1.4em;
  padding: 1em 0 0;
}
.home #header h1 {
  font-size: 24px;
  font-weight: bold;
  padding: 150px 0 15px;
}
#header .header-title{
	width: 300px;/* ロゴのサイズ */
	height: 68px;
	float: left;
	padding: 11px 0 0 0;
	margin-bottom: 26px;
}
.home #header .header-title {
  float: none;
  height: 111px;
  margin: 0 0 20px;
  width: 489px;
}

#header .header-title img{
	width: 100%;
	height: auto;
}
.home #header-in p.head_copy {
  font-size: 27px;
  text-shadow: 0 2px 4px rgba(255,255,255,1);
}
.header-right{
	float: right;
	width: 728px; /* バナーの幅 */
	padding-bottom: 15px;
}

/*--------------------------------------------------------
トップページヘッダーランキング
--------------------------------------------------------*/
.head_content{
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 620px;
	border:3px solid #F5A623;
	border-radius: 5px;
	background-color: #fff;
	padding: 17px;
}
.head_content h2 {
  background-image: url("../images/deco/check.png"),url("../images/deco/stars.png");
  background-position: left 3px top 10px,right top;
  background-repeat: no-repeat;
  background-size: 130px 69px,102px 91px;
  font-size: 30px;
  line-height: 45px;
  margin: 0 0 10px;
  padding: 0 0 0 150px;
}

.head_content ul{
list-style-type: none;
}
.head_content ul li{
	float: left;
	width: 193px;
	margin-right: 20px;
}
.head_content ul.imgimg{}
.head_content ul.imgimg li {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 83px 65px;
  margin-bottom: 10px;
  padding-top: 75px;
}
.head_content ul.imgimg li img {
  height: auto;
  width: 100%;
}
.head_content ul.imgimg li.best1 {background-image: url("../images/deco/best1-A.png");}
.head_content ul.imgimg li.best2 {background-image: url("../images/deco/best2-A.png");}
.head_content ul.imgimg li.best3 {background-image: url("../images/deco/best3-A.png");}

.head_content ul.linklink{}
.head_content ul.linklink li{
	height: 50px;
	border-radius: 3px;
	box-shadow: 1px 2px 2px rgba(0,0,0,0.2);
}
.head_content ul.linklink li a {
  background-image: url("../images/deco/check-S.png");
  background-position: left 3px top 10px;
  background-repeat: no-repeat;
  background-size: 60px 32px;
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 1.4;
  padding: 2px 0 0 66px;
  text-decoration: none;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

#global-nav {
  background-color: #fff2de;
  background-image: url("../images/main/bgami.png");
  border-bottom: 4px solid #b2a591;
}
.home #global-nav {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  font-size: 11px;
  margin-top: -39px;
}
#global-nav dl{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

#global-nav dt,
#global-nav dd{ 
	margin: 0;
	padding: 0;
}


/*●メニューボタンを非表示*/
#global-nav .btn-gnav{ display:none; }


/*●グローバルメニュー*/
#global-nav .menu-wrap{ display: block; }

#menu{
	padding-bottom: 5px;
	font-size: 1.2em;
}

#global-nav #menu li{
	position: relative;
	float: left;
	margin: 0;
	border-left: solid 1px #b2a591; /*右側のボーダーの色*/
	list-style: none;
	font-weight: bold;
}

#global-nav #menu li.first{ border-left: none; } /*一番左のメニューだけに追加指示*/

#global-nav #menu li{ white-space: nowrap; }

/*メニューのデザイン*/
#global-nav #menu li a {
  color: #333;
  display: block;
  padding: 5px 2em;
  text-decoration: none;
}

#global-nav #menu li a:link,
#global-nav #menu li a:visited{}
#global-nav #menu li a:hover,
#global-nav #menu li a:hover, #global-nav #menu li a:active {background-color: #ebdeca;}

.home #global-nav #menu li a:hover,
.home #global-nav #menu li a:hover, 
.home #global-nav #menu li a:active {
	background-color: #d6d6c2;
}

#global-nav #menu li ul{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 12em;
}

/*ドロップダウンメニューのデザイン*/
#global-nav #menu li ul li{
	margin: 0;
	padding: 0;
	width: 12em;
	background-color: #eaeaea;
	border-top: 0;
	border-right: 0;
	white-space: normal;
}

#global-nav #menu li ul li a{
	display: block;
	padding: 0.8em 2em;
}

#global-nav #menu li ul ul{
	top: 0;
	left: 100%;
}

#global-nav .showMenu{ display: block!important; }


/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/
#main{
	background-color: #FFF2DE;
	background-image: url(../images/main/bgami.png);
	padding-top: 13px;
}
.home #main{padding-top: 0;}
#main-in{ padding: 0 30px 50px 30px; }
.home #main-in {padding-top: 50px;}

/*●パン屑ナビ*/
#breadcrumbs {
  clear: both;
  font-size: 1.35em;
  margin-bottom: 15px;
  padding: 0 15px;
}

#breadcrumbs li{
	display: inline;
	margin-right: 0.5em;
	line-height: 1.8;
	text-align: right;
	list-style: none;
}

#breadcrumbs li a {
  background: rgba(0, 0, 0, 0) url("../images/icon/icon-brc.gif") no-repeat scroll right center;
  padding-right: 15px;
}
/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

#main-contents{ 
	font-size: 1.7em;
	background-color: #fff;
	padding: 30px;
}

#main-contents .contents {
  margin-bottom: 30px;
  padding: 0;
}
.article{
	padding: 0 70px;
}

/*H2タグ*/
#main-contents h2 {
  font-size: 30px;
  font-weight: bold;
  margin: 60px 0 40px;
}

/*H2タグ　ランキング*/
#main-contents h2.ranking {
  background-repeat: no-repeat;
  color: #4a4a4a;
  font-size: 54px;
  margin: 0 -70px 40px;
  padding: 25px 0 0 170px;
}
#main-contents h2.ranking div {
  background-image: url("../images/deco/crown.png");
  background-position: right 32px top;
  background-repeat: no-repeat;
  background-size: 43px 44px;
  border-bottom: 5px solid #f5a623;
  text-align: center;
  padding-bottom: 5px;
}
#main-contents h2.best1{
background-image: url("../images/deco/best1-crown.png");
background-size: 150px 122px;
background-position: left top;
}
#main-contents h2.best2 {
  background-image: url("../images/deco/best2-crown.png");
  background-position: left 28px top 13px;
  background-size: 88px auto;
}
#main-contents h2.best3{
background-image: url("../images/deco/best3-crown.png");
background-size: 88px auto;
background-position: left 28px top 13px;
}
#main-contents h2.best2 div{
  background-position: right 22px top;
  font-size: 0.9em;
  padding-left: 15px;
  text-align: left;
}
#main-contents h2.best3 div {
  background-position: right 22px top;
  font-size: 0.83em;
  padding-left: 10px;
  text-align: left;
}
/*H2タグ　バリエーション */
#main-contents h2.check {
  background-image: url("../images/deco/check.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 130px auto;
  margin: 20px -70px;
  padding: 15px 0 15px 135px;
  font-size: 24px;
}
#main-contents h2.hello {
  background-image: url("../images/deco/hello.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 110px auto;
  font-size: 26px;
  margin: 20px -70px;
  padding: 15px 0 15px 120px;
}
#main-contents h2.wow {
  background-image: url("../images/deco/wow.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100px 72px;
  margin: 60px -70px 40px;
  padding: 26px 0 0 105px;
}
#main-contents h2.column {
  background-image: url("../images/deco/column.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100px 50px;
  margin: 60px -70px 40px;
  padding: 0 0 1px 110px;
}
#main-contents h2 a:link,
#main-contents h2 a:visited{ color: #333; }
#main-contents h2 a:hover,
#main-contents h2 a:active{ color: #f60; }

/*●H3タグ*/
#main-contents h3 {
  font-size: 24px;
  margin: 50px 0 20px;
}
#main-contents h3.good {
  background-image: url("../images/deco/heart-arrow.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100px 62px;
  margin: 50px -70px 20px;
  padding: 10px 0 13px 105px;
}
#main-contents h3.nogood {
  background-image: url("../images/deco/oops.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100px 80px;
  margin: 50px -70px 20px;
  padding: 21px 0 20px 110px;
}
#main-contents h3.reviews {
  background-image: url("../images/deco/reviews.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100px 74px;
  margin: 50px -70px 20px;
  padding: 17px 0 18px 110px;
}

#main-contents h3 a:link,
#main-contents h3 a:visited{ color: #333; }
#main-contents h3 a:hover,
#main-contents h3 a:active{ color: #f60; }

/*●H4タグ*/
#main-contents h4 {
  font-size: 24px;
  margin: 0 0 1.5em;
}
#main-contents h4 a:link,
#main-contents h4 a:visited{ color: #333; }
#main-contents h4 a:hover,
#main-contents h4 a:active{ color: #f60; }

/*●H5タグ*/
#main-contents h5{
	margin: 0 0 1.5em;
}
#main-contents h5 a:link,
#main-contents h5 a:visited{ color: #333; }
#main-contents h5 a:hover,
#main-contents h5 a:active{ color: #f60; }

/* 記事一覧ページ　アーカイブページ */
#main-contents p.home_title,#main-contents p.archive-title {
  background-color: #c9bca8;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin: 0 -10px 40px;
  padding: 10px 20px;
}
.post_archive {
  border: 5px solid #c9bca8;
  margin-bottom: 40px;
  padding: 30px;
  position: relative;
}
.post_archive .post-cat {
  background-color: #f5a623;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  left: 10px;
  position: absolute;
  top: -19px;
}
.post_archive .post-cat a {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 1em;
  text-decoration: none;
}
.post_archive .post-cat a:hover{
	text-decoration: underline;
}
#main-contents .post_archive h2 {
  border-bottom: 3px dotted #999;
  line-height: 1.3;
  margin: 0 0 10px;
  padding-bottom: 10px;
}
#main-contents .post_archive h2 a{
font-size: 26px;
text-decoration: none;
font-weight: 100;
}
.post_archive .left{
	float: left;
	margin: 0 30px 20px 0;
}
.post_archive img {
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
}
.post_archive .link-next {
  background-image: url("../images/deco/check-S.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 70px 38px;
  min-height: 37px;
  padding: 0 0 0 80px;
}
.fullwide{
	margin-left: -70px!important;
	margin-right: -70px!important;
}
/* ブログ記事用 single */

.top_thumbnail{
	width: 600px;
	height: auto;
	margin: 0 auto 40px;
}
.top_thumbnail img {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  height: auto;
  width: 100%;
}
.photo_credit{
	width: 600px;
	margin: 0 auto 10px;
	height: 30px;
	text-align: right;
	padding-right: 0.5em;
}
.photo_credit a{
	font-size: 12px;
	text-decoration: none;
	color: #999;
}
.photo_credit a:hover{
	text-decoration: underline;
}
.single #main-contents h2.post-title,.page #main-contents h2.post-title {
  border-bottom: 3px dotted #999;
  line-height: 1.3;
  margin: 0 0 15px;
  padding-bottom: 15px;
}
.single #main-contents h3,.home #respond h3,.home h3#comments {
  background-color: #c9bca8;
  color: #fff;
  margin: 50px -10px 30px;
  padding: 5px 10px;
}
.single #main-contents h4 {
  border-bottom: 2px solid #c9bca8;
  font-size: 20px;
  padding: 0 10px;
}
.single #main-contents h5 {
  border-bottom: 1px dashed #c9bca8;
  font-size: 18px;
  padding: 0 10px;
}

/*ランキング*/

.rank_outline {
  margin: 0 -70px 50px;
}
.rank_outline .afb{
	float: left;
	width: 250px;
	height: auto;
	margin-right: 30px;
	padding-top: 30px;
}

.rank_outline .good_point{
	float: left;
}
#main-contents .rank_outline .good_point p {
  background-image: url("../images/deco/check.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 130px 69px;
  font-size: 31px;
  margin: 0 0 20px;
  padding: 10px 0 5px 140px;
}
#main-contents .rank_outline .good_point ul {
  background-color: #cae3ff;
  border: 3px solid #a5bdd8;
  border-radius: 5px;
  list-style-position: inside;
  list-style-type: none;
  margin: 0;
  padding: 20px 13px 5px 20px;
}
#main-contents .rank_outline .good_point ul li {
  background-image: url("../images/icon/checkmark.png");
  background-position: left top 5px;
  background-repeat: no-repeat;
  background-size: 18px 21px;
  font-size: 20px;
  padding-left: 26px;
}

/*口コミ*/

.reviews_post {
  background-color: #e8f2ff;
  border: 2px solid #f5a623;
  border-radius: 5px;
  margin: 0 -70px 50px;
  padding: 28px;
}
.reviews_post .contributor {
  box-shadow: 0 0 2px #979797;
  float: left;
  height: auto;
  margin: 0 20px 10px 0;
  width: 160px;
}
.reviews_post .contributor img{
	width: 100%;
	height: auto;
}
#main-contents .reviews_post h4 {
  border-bottom: 2px solid #f5a623;
  margin: 0 0 10px 180px;
  padding: 0 0 5px;
}
#main-contents .reviews_post p {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 0.5em;
}
/*公式サイトへのリンク*/
.to_official {
  border-radius: 3px;
  box-shadow: 2px 2px 18px rgba(0, 0, 255, 0.5);
  margin: 0 0 50px;
}
.to_official a {
  background-image: url("../images/deco/check.png");
  background-position: left 10px top 10px;
  background-repeat: no-repeat;
  background-size: 100px auto;
  color: #fff;
  display: block;
  font-size: 30px;
  padding: 10px 0 10px 120px;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.to_official img{
	float: right;
}
/*●段落タグ*/
#main-contents p{ margin-bottom: 30px; }


/*●リストタグ*/
#main-contents ul, #main-contents ol {
  margin: 0 0.8em 30px 1.7em;
  padding: 0;
}

#main-contents li{
	margin-bottom: 0.5em;
	line-height: 1.5em;
}

/*●引用タグ*/

#main-contents blockquote {
  background-color: #efefef;
  background-image: url("../images/deco/inyoufu.png");
  background-position: left 1em top 1em;
  background-repeat: no-repeat;
  background-size: 75px 60px;
  border: 3px solid #ddd;
  color: #444;
  margin: 0 1em 30px;
  overflow: auto;
  padding: 1em;
}
/*●引用風タグ*/
#main-contents .box {
  background-color: #efefef;
  border: 3px solid #ddd;
  color: #444;
  margin: 0 1em 30px;
  overflow: auto;
  padding: 1em;
}

/*●テーブルタグ*/
#main-contents table {
  border-left: 1px solid #959595;
  border-top: 1px solid #959595;
  font-size: 0.85em;
  margin-bottom: 30px;
  padding: 0;
}

/*「table」の1行目に「colspan」を利用する場合は「auto」を指定する*/
/*#main-contents table{ table-layout: auto; }*/

#main-contents th,
#main-contents td{
	padding: 0.5em;
	border-right: 1px solid #959595;
	border-bottom: 1px solid #959595;
}

#main-contents th {
  background-color: #cae3ff;
  font-weight: bold;
  text-align: left;
}

/*●テーブルタグ スタイル01*/
#main-contents table.table-style01 th,
#main-contents table.table-style01 td{
	text-align: left;
	vertical-align: top;
}

/*●チェックリスト（リストタグ）*/
#main-contents ul.checklist {
  border: 2px solid #c9bca8;
  margin: 0 1em 30px;
  padding: 25px 25px 0;
}

#main-contents ul.checklist li {
  background-image: url("../images/icon/checkmark.png");
  background-position: left top 2px;
  background-repeat: no-repeat;
  background-size: 18px 21px;
  list-style-type: none;
  margin-bottom: 25px;
  padding-left: 25px;
}

/*　日付　カテゴリ*/
.post-meta{
	text-align: right;
	color: #777;
}

/*関連記事　YARPP*/

.single #main-contents .yarpp-related h3 {
  background-image: url("../images/deco/check.png");
  background-position: left 10px top 10px;
  background-repeat: no-repeat;
  background-size: 130px 69px;
  font-size: 30px;
  padding: 17px 0 18px 157px;
  margin-bottom: 50px;
}
.yarpp-thumbnails-horizontal{
}
.yarpp-thumbnails-horizontal a.yarpp-thumbnail {
  color: #333;
  line-height: 1.5;
  text-decoration: none;
  display: block;
  width: 280px;
  margin: 0 10px 20px 10px;
  float: left;
}
.yarpp-thumbnails-horizontal a.yarpp-thumbnail:hover{
	text-decoration: underline;
}
.yarpp-thumbnails-horizontal a.yarpp-thumbnail img{
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 10px 0 0;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

/*ページネーション　オリジナル*/
.pagination {
  clear: both;
  font-size: 15px;
  margin-bottom: 10px;
  position: relative;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 15px;
text-decoration:none;
width:auto;
color:#fff;
background-color: #999;
}
 
.pagination a:hover{
color:#fff;
background-color: #f5a623;
}
 
.pagination .current{
padding:6px 15px;
background-color: #f5a623;
color:#fff;
}

/* ユーザーボイス */
.user_voice {
  background-color: #fff2de;
  border: 2px solid #ca8615;
  border-radius: 5px;
  font-size: 0.85em;
  padding: 1.5em 2em 1em;
}
#main-contents .user_voice h3 {
  background-color: transparent;
  border-bottom: 2px solid #ca8615;
  color: #333;
  font-size: 1.5em;
  margin: 0 0 25px;
  padding: 0;
}
.user_voice img {
  float: right;
  margin: 0 1em 1em;
}
#main-contents .user_voice p {
  line-height: 1.4;
  margin-bottom: 1em;
}
.user_voice .user_name {
  border-top: 1px solid #fed376;
  font-size: 0.9em;
  padding-top: 10px;
  text-align: right;
}

/*------------------------------------------------------------------------
サブコンテンツ / サイドバー
------------------------------------------------------------------------*/

#sub-contents,
#sidebar,
#sidebar-in,
#sub-contents-in{
	margin: 0;
	padding: 0;
}

* html #sub-contents,
* html #sidebar{ overflow: hidden; }

#sub-contents .sub-contents-btn,
#sidebar .sidebar-btn{ display: none; }

.sub-column {
  font-size: 1.45em;
  line-height: 1.45;
  text-align: justify
}

.sub-column li{ list-style: none; }


/*●コンテンツ*/
.sub-column .contents {
  margin-bottom: 20px;
}

.sub-column hr{ clear: both; }

.sub-column h3 {
  border-bottom: 3px solid #f5a623;
  color: #745838;
  font-size: 24px;
  font-weight: 100;
  margin: 0 0 20px;
  padding: 0 0 5px;
}

/*●Newpost catch*/
#newpostcatch-2 {margin-top: 30px;}
#newpostcatch-2 h3 {
  background-image: url("../images/deco/new.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 50px auto;
  padding: 5px 0 5px 60px;
}
ul#npcatch{}
ul#npcatch li {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  margin: 0 0 15px;
  padding: 0;
}
ul#npcatch li img {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  float: left;
  margin-right: 10px;
}
ul#npcatch li a{
	display: block;
	text-decoration: none;
	color: #333;
}
ul#npcatch li:hover{
	text-decoration: underline;
}
ul#npcatch li .title{
}
/*●サイドバーのランキング*/
.sub-column .ranking {padding-top: 20px;}
.sub-column .ranking h3 { 
  background-image: url("../images/deco/crown.png");
  background-position: left top 2px;
  background-repeat: no-repeat;
  background-size: 35px auto;
  padding: 5px 0 5px 40px;
}
.sub-column .ranking h4 {
  font-size: 20px;
  margin-bottom: 10px;
  background-position: left top 0;
  background-repeat: no-repeat;
  background-size: 65px auto;
  padding: 15px 0 5px 74px;
}
.sub-column .ranking h4.best1 {background-image: url("../images/deco/best1-A.png");}
.sub-column .ranking h4.best2 {
  background-image: url("../images/deco/best2-A.png");
  font-size: 18px;
  padding: 12px 0 13px 70px;
}
.sub-column .ranking h4.best3 {
  background-image: url("../images/deco/best3-A.png");
  font-size: 16px;
  padding: 13px 0 15px 70px;
}

.sub-column .ranking img{
	float: left;
	width: 100px;
	height: auto;
	margin: 0 10px 0 0;
}
.sub-column .ranking p {
  line-height: 1.6;
  margin-bottom: 1em;
}
.sub-column .link {
  border-radius: 5px;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
  margin: 0 0 25px;
}
.sub-column .ranking a {
  background-image: url("../images/deco/check-S.png");
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: 70px 38px;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 14px 0 13px 10px;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

/*●プロフィール*/
.sub-column .profile-img img{
	display: block;
	margin: auto;
	margin-bottom: 10px;
}

.sub-column .profile-txt p{ margin-bottom: 1em; }

.col1 .sub-column .profile-img,
.col2 #sub-contents .profile-img,
.col2r #sub-contents .profile-img{
	float: left;
	padding-right: 20px;
}

/*●検索ボックス*/
.sub-column dl.search-box{
	margin: 0 0 16px;
	width: 100%;
}

.sub-column dl.search-box dt{
	display: block;
	float: left;
	width: 63%;
	margin: 0;
	padding: 0;
	padding-right: 5px;
}

.sub-column dl.search-box dt input{
	width: 95%;
	height: 1.4em;
	padding: 2px;
	border: 1px solid #aaa;
	color: #aaa;
	line-height: 1.4em;
}

.sub-column dl.search-box dt input.onfocus{ color: #333; }

.sub-column dl.search-box dd{
	float: left;
	margin: 0;
	padding: 0;
}

.sub-column dl.search-box dd input{
	height: 2em;
	padding: 0.1em 1em;
	line-height: 1.4em;
}

/*●サイドメニュー*/
.sub-column .side-menu{ margin: 0; }

.sub-column .side-menu li{ list-style: none; }

.sub-column .side-menu li a{
	display: block;
	padding: 12px 10px 12px 20px;
	background: url(../images/icon/icon-arrow_r.png) 2px 15px no-repeat;
}

.sub-column .side-menu li a:active,
.sub-column .side-menu li a:hover{
	background-color: #fc6;
	color: #fff;
}

.sub-column .side-menu ul{
	padding: 0;
	margin: 0;
}

.sub-column .side-menu ul ul{ padding: 0; }

.sub-column .side-menu li li{
	width: 95%;
	margin-bottom: 0;
	padding-left: 5%;
	border: 0;
}

.sub-column .side-menu li li a:link,
.sub-column .side-menu li li a:visited{
	padding: 6px 10px 6px 15px;
	border-left: none;
	background: url(../images/icon/icon-menu02.png) 2px 12px no-repeat;
}

.sub-column .side-menu li li a:active,
.sub-column .side-menu li li a:hover{ background: url(../images/icon/icon-menu02.png) 2px 12px no-repeat #fc6; }

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

#footer {
  background-color: #e7dac6;
  background-image: url("../images/main/bgami.png");
  border-top: 4px solid #b2a591;
  clear: both;
  font-size: 1.4em;
  padding-bottom: 10px;
  padding-top: 30px;
}

#footer a:link,
#footer a:visited{
text-decoration: none;
color: #333;
}
#footer a:hover,
#footer a:active{
text-decoration: underline;
}

#footer h3{
	margin-bottom: 1em;
	padding: 0.8em;
	background-color: #b7aa96;
	color: #fff;
	font-weight: bold;
}

#footer-in li{ list-style: none; }

#footer .area01{
	float: left;
	width: 420px;
	padding-bottom: 20px;
}
#footer .area01 img {
  float: left;
  height: auto;
  margin: 0 1em 1em 0;
  width: 75px;
}
#footer .area01 p{
	text-align: justify;
	word-break: break-all;
}
#footer .area02{
	float: right;
	width: 630px;
	padding-bottom: 20px;
}

/*●アクセス情報*/
#footer .access{ padding: 0 1em; }

#footer .access p{ margin-bottom: 1em; }

/*●フッターメニュー*/
#footer .footer-menu{
	overflow: hidden;
	width: 100%;
	padding: 0;
}

#footer .footer-menu ul{
	float: left;
	width: 42%;
	margin-right: 5%;
	padding: 1%;
}

#footer .footer-menu ul ul{
	float: none;
	width: auto;
	margin-top: 1em;
	margin-right: 0;
}

.footer-menu li {
  background: rgba(0, 0, 0, 0) url("../images/icon/icon-arrow01.png") no-repeat scroll left top 2px;
  background-size: 20px 20px;
  margin-bottom: 5px;
  padding: 0 0 3px 25px;
}

/*●コピーライト*/

.copyright {
  background: #b7aa96 none repeat scroll 0 0;
  color: #fff;
  font-family: arial;
  font-size: 1.2em;
  padding: 15px 0;
  text-align: center;
}

/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/

#page-top {
  border-radius: 5px;
  bottom: 30px;
  position: fixed;
  right: 50px;
  text-align: center;
  z-index: 99;
}
#page-top a {
  border: 1px solid #fff;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-family: arial;
  font-size: 36px;
  line-height: 1;
  padding: 6px;
  text-decoration: none;
}
#page-top a:link,
#page-top a:visited{
	background-color: #b7aa96;
}
#page-top a:hover,
#page-top a:active{
	background-color: #e7dac6;
}

/*------------------------------------------------------------
ソーシャルボタン
-------------------------------------------------------------*/
#main-contents .sb {
  height: 62px;
  margin: 0;
  padding: 0;
  text-align: right;
  width: 100%;
  font-size: 9px;
}
#main-contents .sb.thin_sb {
  height: 20px;
  margin-bottom: 15px;
  margin-left: 70px;
  text-align: left;
  width: auto;
}

#main-contents .sb li{
	display: inline-block;
	margin-right: 5px;
	vertical-align: top;
	list-style: none;
}

* html #main-contents .sb li{
	float: left;
	width: 130px;
	list-style: none;
} /* IE6 */

*+html #main-contents .sb li{
	display: inline;
	list-style: none;
} /* IE7 */

/*------------------------------------------------------------
WordPress用
-------------------------------------------------------------*/

/*●ウィジェットメニュー*/
.sub-column .widget-conts ul{ margin: 0; }

.sub-column .widget-conts ul li{
	padding: 3px 10px 3px 20px;
}

.sub-column .widget-conts ul li li{
	padding: 6px 10px 6px 15px;
}

.sub-column .widget_recent_entries ul li,
.sub-column .widget_recent_entries ul li li,
.sub-column .widget_pages ul li,
.sub-column .widget_pages ul li li,
.sub-column .widget_nav_menu ul li,
.sub-column .widget_nav_menu ul li li,
.sub-column .widget-conts .ranking li,
.sub-column .widget-conts .ranking li li,
.sub-column .widget-conts .banner li,
.sub-column .widget-conts .banner li li{
	padding: 0;
	background: none;
	list-style: none;
}

.sub-column .widget_recent_entries ul li a,
.sub-column .widget_pages ul li a,
.sub-column .widget_nav_menu ul li a{
	display: block;
	padding: 12px 10px 12px 20px;
}

.sub-column .widget_recent_entries ul li a:active,
.sub-column .widget_recent_entries ul li a:hover,
.sub-column .widget_pages ul li a:active,
.sub-column .widget_pages ul li a:hover,
.sub-column .widget_nav_menu ul li a:active,
.sub-column .widget_nav_menu ul li a:hover{
	background-color: #fc6;
	color: #fff;
}

.sub-column .widget_recent_entries ul ul,
.sub-column .widget_pages ul ul,
.sub-column .widget_nav_menu ul ul{
	padding: 0;
	margin: 0;
}

.sub-column .widget_recent_entries ul ul ul,
.sub-column .widget_pages ul ul ul,
.sub-column .widget_nav_menu ul ul ul{ padding: 0; }

.sub-column .widget_recent_entries ul li li,
.sub-column .widget_pages ul li li,
.sub-column .widget_nav_menu ul li li{
	width: 95%;
	margin-bottom: 0;
	padding-left: 5%;
	border: 0;
}

.sub-column .widget_recent_entries ul li li a:link,
.sub-column .widget_recent_entries ul li li a:visited,
.sub-column .widget_pages ul li li a:link,
.sub-column .widget_pages ul li li a:visited,
.sub-column .widget_nav_menu ul li li a:link,
.sub-column .widget_nav_menu ul li li a:visited{
	padding: 6px 10px 6px 15px;
	border-left: none;
}

.sub-column .widget_recent_entries ul li li a:active,
.sub-column .widget_recent_entries ul li li a:hover,
.sub-column .widget_pages ul li li a:active,
.sub-column .widget_pages ul li li a:hover,
.sub-column .widget_nav_menu ul li li a:active,
.sub-column .widget_nav_menu ul li li a:hover{}

.sub-column .rss-date,
.sub-column cite{
	display: block;
	margin: 0.5em 0;
}

.sub-column .widget_links li{ overflow: hidden; }

.sub-column .widget_links li img{
	display: block;
}

.sub-column .banner{ margin-bottom: 10px; }

.sub-column .banner li{
	margin-bottom: 18px;
	list-style: none;
	text-align: center;
}

.col1 .sub-column .banner li,
.col2 #sub-contents .banner li,
.col2r #sub-contents .banner li{
	display: inline;
	margin-right: 8px;
}

#main .sub-column ul.banner li a{
	display: inline;
	padding-left: 0;
	background: none;
}

#main .sub-column ul.banner li a:link,
#main .sub-column ul.banner li a:visited{ color: #39f; }
#main .sub-column ul.banner li a:hover,
#main .sub-column ul.banner li a:active{ color: #f60; }


/*●メインコンテンツ内での検索*/
#main-contents dl.search-box{
	margin: 0 0 16px;
	width: 100%;
}

#main-contents dl.search-box dt{
	display: block;
	float: left;
	width: 63%;
	margin: 0;
	padding: 0;
	padding-right: 5px;
}

#main-contents dl.search-box dt input{
	width: 95%;
	height: 1.4em;
	padding: 2px;
	border: 1px solid #aaa;
	color: #aaa;
	line-height: 1.4em;
}

#main-contents dl.search-box dt input.onfocus{ color: #333; }

#main-contents dl.search-box dd{
	float: left;
	margin: 0;
	padding: 0;
}

#main-contents dl.search-box dd input{
	height: 2em;
	padding: 0.1em 1em;
	line-height: 1.4em;
}

#main-contents .post-tag{
	padding: 1em;
	background-color: #f3f3f3;
}

#main-contents .post-tag p{
	margin-bottom: 0;
}



/*コメントフォーム*/
#main-contents .comment_area{
	padding: 0 70px;
}
#main-contents .trackback-url{ width: 70%; }

#main-contents p textarea{ width: 70%; }

#main-contents #submit{ padding: 0.3em 1em; }

#main-contents #author,
#main-contents #email,
#main-contents #url{
	width: 50%;
	padding: 0.3em;
}

#main-contents .comment-body em{
	font-weight: bold;
}

#main-contents .commentlist,
#main-contents .commentlist ul{
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}

#main-contents .commentlist{}

#main-contents .commentlist li{
	margin-bottom: 2.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
	list-style: none;
}
#main-contents .commentlist li ul.children li{
	padding-left: 50px;
}
#main-contents .commentlist li li{
	margin-top: 10px;
	margin-bottom: 0;
	padding-top: 20px;
	padding-bottom: 0;
	border-top: 1px solid #ccc;
	border-bottom: none;
}

#main-contents .comment-author,
#main-contents .comment-meta{ margin-bottom: 1em; }

#main-contents .reply{ clear: both; }

#main-contents .reply a{
	padding-left: 17px;
}


/*画像の回り込み*/
img.alignleft{
	float: left;
	padding-right: 30px;
}

img.alignright{
	float: right;
	padding-left: 30px;
}

img.aligncenter{
	display: block;
	margin: auto;
}


/*PS Auto Sitemap基本デザイン*/
ul#sitemap_list,
ul#sitemap_list ul{ margin: 0; }

#sitemap_list li {
  background: rgba(0, 0, 0, 0) url("../images/icon/icon-maru01.png") no-repeat scroll 2px 8px / 16px auto;
  list-style: outside none none;
  padding: 3px 10px 3px 25px;
}
#sitemap_list li.cat-item {
  margin-left: 2em;
}
#sitemap_list li ul{
	margin-top: 0.5em;
	margin-bottom: 0;
}

#sitemap_list li li {
  background: rgba(0, 0, 0, 0) url("../images/icon/icon-arrow02.png") no-repeat scroll 2px 12px / 15px auto;
  border-left: medium none;
  padding: 6px 10px 6px 25px;
}



/*●ページネーション WP用*/
#main-contents .cont-menu-wp{
	position: relative;
	overflow: hidden;
	width: 100%;
	/zoom : 1;
}

#main-contents .cont-menu-wp:after{ content : ''; display : block; clear : both; height:0; }

#main-contents .cont-menu-wp ul{
	overflow: hidden;
	width: 100%;
	margin: 0;
	margin-bottom: 1.5em;
	padding: 0;
}

#main-contents .cont-menu-wp li{
	max-width: 50%;
	list-style: none;
}

* html #main-contents .cont-menu-wp li{ white-space: nowrap; } /* IE6 */

#main-contents .cont-menu-wp li.nav-prev{ float: right; }

#main-contents .cont-menu-wp li.nav-next{ float: left; }

#main-contents .cont-menu-wp li.nav-next a{
	padding: 3px 0 3px 15px;
	background: url(../images/icon/icon-arrow_l.png) left 7px no-repeat;
}

#main-contents .cont-menu-wp li.nav-prev a{
	padding: 3px 15px 3px 0;
	background: url(../images/icon/icon-arrow_r.png) right 7px no-repeat;
}


/*コメントナビ*/
.navigation .alignright{
	float: right;
}
.navigation .alignleft{
	float: left;
}

.navigation:after{ content : ''; display : block; clear : both; height:0; }
.navigation{
	margin-bottom: 30px;
	/zoom : 1;
}

.PC_beforeBR:before{
content:"\A";
white-space: pre;
}

/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/

#top-in:after,
#header-in:after,
#global-nav-in #menu:after,
#main-in:after,
#main-and-sub:after,
.contents:after,
#main-contents dl.dl-style01:after,
.box-wrap:after,
dl.search-box:after,
#footer-in:after,
#main-contents .sb:after,
.contact:after,
#main-contents .cont-menu01:after,
#main-contents .cont-menu02:after,
ul#npcatch li:after,.yarpp-thumbnails-horizontal a::after,
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

#top-in,
#header-in,
#global-nav-in #menu,
#main-in,
#main-and-sub,
.contents,
#main-contents dl.dl-style01,
.box-wrap,
dl.search-box,
#footer-in,
#main-contents .sb,
.contact,
#main-contents .cont-menu01,
#main-contents .cont-menu02,
.clearfix{ /zoom : 1; }