/*
Theme Name: エッジプラス1テンプレート E002
Theme URI: http://www.totalnet-planning.jp/
Description: エッジプラス1テンプレートテーマ
Author: 株式会社トータルネットぷらんにんぐ
Author URI: http://www.totalnet-planning.jp/
Version: 1.0
*/

@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {max-width: 100%;}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%;}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	20;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
clear: both;
margin-left: 0;
width: 100%;
float: left;
display: block;
}

.fluidList {
list-style:none;
list-style-image:none;
margin:0;
padding:0;        
}
body,td,th {
font-family: "メイリオ", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
font-size: 12px;
color: #313131;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
overflow-x: hidden;
}

img {border-style:none;}

table {
border-collapse: collapse;
border-spacing: 0;
}
td,tr {
padding:4px 6px 3px 4px;
border:1px #a0a0a0 solid;
line-height:15px;
font-size:12px;
}
a:link { color: #4d99dc;text-decoration: none;}
a:visited { color: #4d99dc;text-decoration: none;}
a:hover { color:#f54500;text-decoration: none;}
a:active { color: #4d99dc;text-decoration: none;}


.Round_color {
font-size:120%;
margin-right:0.5%;
}

.S-height {
clear:both;
height:3%;
}
/* Mobile Layout: 480px and below. */
  
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 94%;
padding-left: 0.1%;
padding-right: 0.1%;
clear: none;
float: none;
}
h1 {
font-size:100%;
font-weight:normal;
}
h2 {font-size:22px;
margin-top:30px;}
h3 {
margin-top:10px;
padding:5px;
color:#59493f;
border-bottom: 1px dashed #A0A0A0;
line-height:1.5em;
}
h4 {
	padding-left:30px;
	padding-bottom:0px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	font-size: 18px;
	line-height: 38px;
}
h4:before,h4:after{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:12px; 
	width:12px; 
	display:block; 
	position:absolute; 
	top:13px; 
	left:5px; 
	background-color:#00A8FF;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}
h5 {
	padding-left:30px;
	padding-bottom:0px;
	border-bottom:2px solid #ccc;
	font-weight: bold;
	font-size: 15px;
	line-height: 38px;
}
h5:before,h5:after{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:12px; 
	width:12px; 
	display:block; 
	position:absolute; 
	top:13px; 
	left:5px; 
	background-color:#00A8FF;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}
h6 {
	position: relative;
	padding: .3em;
	background-color: #f0f0f0;
	font-size:18px;
}
h6 span {
	display: block;
	padding: .75em 1em;
	border: 1px dashed #ccc;
}
h6::before,
h6::after {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
}
h6::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #ccc;
}
h6::after {
	top: -15px;
	right: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-bottom-color: #ccc;
}
label {
margin-top:3%;
font-weight:bold;
padding:2px 0 3px 1.5%;
color:#59493f;
border-bottom: 1px dashed #A0A0A0;
display: block;
}
input[type="checkbox"].on-off{display: none;}

.menu ul {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0;
padding: 0;
list-style: none;
}

input[type="checkbox"].on-off + ul{
height: 0;
overflow: hidden;
}
.accordion {
line-height:200%;
margin-top:2%;
}

input[type="checkbox"].on-off:checked + ul{height: auto;}


/* トップエリア
----------------------------------------------------------*/
.top_H {height:10px;}
#logo_area {
width: 100%;
height:auto;
}
.site_name {
color:#89755f;
font-weight:bold;
font-size:170%;
line-height:100%;
}
.logo_area_h1 {
text-align:center;
width: 100%;
margin-left: 0;
margin-top:-3.5%;
}
.logo {
text-align:center;
width: 100%;
margin-left: 0;
margin-top:0;
}
.logo img{
max-width:100%;
height: auto;
}
#top_button_W {display:none;}
.top_button {display:none;}
.top_button_TXT {display:none;}


/* ナビゲーションバー
----------------------------------------------------------*/
#navi_ber { display:none;}
.navi_button {
width: 99.2%;
clear: none;
margin-left:0;
color:#FFFFFF;
font-weight:bold;
text-align:center;
line-height:200%;
font-size:95%;
}


/* モバイルメニュー
---------------------------*/
#menu {
width: 90%;
margin: 0 auto 20px;
list-style: none;
}
#mobile_menu {
display: block;
margin-top:3%;
min-height:10px;
}
.mobile_button {
margin-left:0;
color:#FFFFFF;
font-weight:bold;
text-align: left;
padding:0.8% 0;
font-size:110%;
}
.menu_close {
padding:13px 8px 20px 5px;
text-align:right;
}
.sidr {
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
overflow-x: none;
overflow-y: auto;
font-size: 14px;
background: #707070;
color: #333;
}
.cds-navi {
list-style-type: none;
margin: 0 0 2em;
padding: 0;
}
.cds-navi li {
display: inline;
font-size:14px;
}
.cds-navi li a {
padding: 10px 5px 10px 15px;
display: block;
color: #ffffff;
width: 200px;
text-decoration: none;
background: #707070;
border-bottom: 1px solid #c5c4c4;
}


/* メインコンテンツ
----------------------------------------------------------*/
#main {width: 100%;}
.list_month {
font-weight:bold;
margin-top:5%;
line-height:150%;
}
.list_name {
font-weight:bold;
line-height:150%;
}
.list_category_title {
font-weight:bold;
margin-top:2%;
}

.breadcrumb_list {padding:7px 0 5px 0;}
.breadcrumb_list_TXT {display:none;}
.page {
margin:-8% 0.5% 0 1%;
font-size:110%;
}
.page img{
max-width:100%;
height: auto;
}


/* ページャー
----------------------------------------------------------*/
.tablenav {
color: #2583ad;
background:white;
line-height:2em;
margin-top:7%;
text-align:center;
}
a.page-numbers, .tablenav .current {
color: #505050;
padding: 2px .4em;
border:solid 1px #ccc;
text-decoration:none;
font-size:smaller;
}
a.page-numbers:hover {color:white;}

.tablenav .current {
color: white;
font-weight:bold:
}
.tablenav .next, .tablenav .prev {
border:0 none;
background:transparent;
text-decoration:underline;
font-size:smaller;
font-weight:bold;
}


/* コンテンツボックス
----------------------------------------------------------*/
.contents2 {margin:5% 0;}
.box_1 {}
.box_3 {margin-top:5%;}
.box_1,.box_3 {
width: 95.5%;
clear: both;
margin-left: 0;
padding:7px;
border:solid 1px #CBCBCB;
}
.box_img {
text-align:center;
margin-top:2%;
}
.box_img img {max-width:85%;}
.box_title {
margin-top:2%;
color:#59493f;
font-weight:bold;
}
.box_txt {line-height:125%;}
.Ribbon {
text-align:center;
margin-top:-5.3%;
}
.Round_B {color:#4e9acc;}
.Round_G {color:#8fc31f;}
.Round_O {color:#f39800;}
.Round_B,.Round_G,.Round_O {
font-size:120%;
font-weight:bold;
margin-right:1%;
}

.middle_H {height:15px;}


/* コンテンツ
----------------------------------------------------------*/
.contents3_TXTarea {margin-bottom:2%;}
.contents3_img {
width: 100%;
text-align:center;
margin-bottom:2%;
}


/* サイドバー
----------------------------------------------------------*/
#sidebar {
width: 100%;
clear: both;
margin-left: 0;
margin-top:15px;
background-color:#FFFFFF;
}
#sidebar img {
height:auto;
margin-bottom:3%;
}

.widget_sp_image-description {
text-align:left;
margin-top:2%;
}

.widget {
list-style-type:none;
padding:3% 5% 0 5%;
}
.widgettitle {
width:94%;
padding:2% 3.5%;
font-size:100%;
text-align:left;
}
.widget ul {
margin-left:-2%;
list-style-type:none;
}
.widget li {
margin:4% 4% 0 0;
line-height:170%;
}
.widget_ban {
width:100%;
margin-bottom:3%;
}
.widget_ban img {text-align:center;}

#side_menu { width:100%;}
.side_banner { width:100%;}

.menu_title {
width:93%;
padding:3% 3.5%;
font-size:100%;
margin:0 0 5% 0;
text-align:left;
}

.side_list {}
.side_list ul{
list-style:none;
padding:0 3%;
}
.side_list li {
line-height:130%;
margin-top:4%;
}
.searchform_layout {margin:3.5% 0 1% 3%;}


/* 広告エリア
----------------------------------------------------------*/
.adsbygoogle {padding-bottom:10px;}
.ad2 {
display: inline-block;
display:block;
width:100%;
height: auto;
min-height:210px;
margin-left:auto;
margin-right:auto;
}

/* ランキング
----------------------------------------------------------*/
#ranking_area {margin-bottom:5%;}
#ranking_box {
width:96.5%;
padding:1%;
}
.ranking_box2 {
width:99%;
margin-top:4%;
}
.ranBoxIn {width:98.7%;}
.ran-ico_01 {
width:20%;
margin:-2.9% 0 0 -5.8%;
}
.ran-ico_02 {
width: 12%;
margin-right:1%;
margin-top:-0.5%;
}
.ran_title_back00 {
height:30px;
margin-bottom:2%;
}
.ran_title_back {
width: 90.3%;
height:93%;
clear: none;
margin:2.5% 2% 0 0;
padding:0 2% 0 5%;
line-height:210%;
font-size:120%;
font-weight:bold;
color:#59493f;
}
.ran_title_back2_00 {
height:30px;
margin-bottom:2%;
}
.ran_title_back2 {
width: 90%;
height:93%;
margin:2.5% 3% 0 3%;
padding:0 2%;
line-height:210%;
font-size:120%;
font-weight:bold;
color:#59493f;
}
.ran_img {
width: 100%;
text-align:center;
margin-top:2.5%;
}
.ran_img img{
max-width:94%;
height: auto;
}

.ran_text {
width: 92%;
clear: both;
margin:2% 4%;
font-size:105%;
}
.ran_catch {
width: 100%;
margin-left: 0;
margin-top:1%;
font-weight:bold;
line-height:120%;
padding-bottom:1%;
border-bottom:solid 2px #BFBFBF;
}
.ran_catch2 {
width: 100%;
margin-left: 0;
margin-top:1%;
font-weight:bold;
color:#59493f;
line-height:120%;
padding-bottom:1%;
border-bottom:solid 2px #BFBFBF;
}
.ran_txt {
width: 100%;
padding:1% 0;
line-height:150%;
font-size:93%;
margin-top:-2%;
}
#table {
word-break: break-all;
margin-top:-1.5%;
}
.button_area { margin:3% 0 4% 0;}

.button {
text-align:center;
float:left;
margin-left:4%;
color: #ffffff;
padding: 1px 0px;	
-moz-box-shadow:inset 0px 1px 0px 0px #fca151;
-webkit-box-shadow:inset 0px 1px 0px 0px #fca151;
box-shadow:inset 0px 1px 0px 0px #fca151;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fa9600), color-stop(1, #ff5900));
background:-moz-linear-gradient(top, #fa9600 5%, #ff5900 100%);
background:-webkit-linear-gradient(top, #fa9600 5%, #ff5900 100%);
background:-o-linear-gradient(top, #fa9600 5%, #ff5900 100%);
background:-ms-linear-gradient(top, #fa9600 5%, #ff5900 100%);
background:linear-gradient(to bottom, #fa9600 5%, #ff5900 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa9600', endColorstr='#ff5900',GradientType=0);
background-color:#fa9600;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #de6000;
display:inline-block;
cursor:pointer;
text-decoration:none;
text-shadow:0px 1px 0px #d4620b;
}
.button:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5900), color-stop(1, #fa9600));
background:-moz-linear-gradient(top, #ff5900 5%, #fa9600 100%);
background:-webkit-linear-gradient(top, #ff5900 5%, #fa9600 100%);
background:-o-linear-gradient(top, #ff5900 5%, #fa9600 100%);
background:-ms-linear-gradient(top, #ff5900 5%, #fa9600 100%);
background:linear-gradient(to bottom, #ff5900 5%, #fa9600 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5900', endColorstr='#fa9600',GradientType=0);
background-color:#ff5900;
}
.button:active {
position:relative;
top:1px;
}
.button2 {
text-align:center;
float:right;
margin-right:4%;
color: #ffffff;
padding: 1px 0px;	
-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
box-shadow:inset 0px 1px 0px 0px #f29c93;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
background-color:#fe1a00;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #d83526;
display:inline-block;
cursor:pointer;
text-decoration:none;
text-shadow:0px 1px 0px #b23e35;
clear: none;
}
.button2:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
background-color:#ce0100;
}
.button2:active {
position:relative;
top:1px;
}
.button,.button2 {
width:43%;
color:#FFFFFF;
padding:1% 0;
font-size:110%;
}
.button3_area { margin:3% 0 4% 0;}
.button3 {
text-align:center;
margin-left:auto;
margin-right:auto;
width:91%;
padding:1.5% 0;
color: #ffffff;
-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
box-shadow:inset 0px 1px 0px 0px #f29c93;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
background-color:#fe1a00;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #d83526;
cursor:pointer;
text-decoration:none;
text-shadow:0px 1px 0px #b23e35;
}
.button3:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
background-color:#ce0100;
}
.button3:active {
position:relative;
top:1px;
}

.f_f15 {font-size:15px;}
.f_f18 {font-size:18px;}


/* ランキング詳細
----------------------------------------------------------*/
.subpage_img {
text-align:center;
margin-top:10%;
width: 100%;
}
.subpage_detail {
width: 95%;
clear: both;
margin-top:5%;
margin-left: 0;
padding:0 2%;
}
.subpage_TXT {
padding:1% 0;
border-top:solid 2px #BFBFBF;
line-height:135%;
font-size:93%;
}
.subpage_table {}
.subpage_catch {
font-weight:bold;
line-height:120%;
padding-bottom:1.5%;
}
.subpage_button {
text-align:center;
margin-top:5%;
}
.sub_button {
-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
box-shadow:inset 0px 1px 0px 0px #f29c93;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
background-color:#fe1a00;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #d83526;
display:inline-block;
cursor:pointer;
text-decoration:none;
text-shadow:0px 1px 0px #b23e35;
color:#FFF;
width: 95%;
font-size:120%;
padding: 10px 0;
margin-left:auto;
margin-right:auto;
}
.sub_button:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
background-color:#ce0100;
}
.sub_button:active {
position:relative;
top:1px;
}

.bottom_line {
border-bottom:solid 1px #989898;
margin:5% 0;
clear:both;
}

/* フッター
----------------------------------------------------------*/
#footer {margin-top:5%;}
.Copyright {
padding:5% 0 3% 0;
text-align:center;
color:#FFFFFF;
}

.zeroMargin_mobile {margin-left: 0;}
.hide_mobile {display: none;}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
width: 95%;
padding-left: 0.7%;
padding-right: 0.1%;
clear: none;
float: none;
margin-left: auto;
}
h1 {
font-size:110%;
font-weight:normal;
}
h2 {font-size:120%;}
h3 {font-size:120%;}


#read {}
label {
font-size:120%;
display: block;
}
input[type="checkbox"].on-off{display: none;}

.menu ul {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0;
padding: 0;
list-style: none;
}
input[type="checkbox"].on-off + ul{
height: 0;
overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{height: auto;}


/* トップエリア
----------------------------------------------------------*/
.top_H {}
#logo_area {width: 48.9361%;}
.site_name {font-size:170%;}
.logo_area_h1 {
text-align: left;
width: 100%;
margin-left: 0;
margin-top:-3%
}
.logo {
text-align:left;
width: 100%;
margin-left: 0;
margin-top:0;
}
#top_button_W {
max-width:35%;
display:block;
margin-left: 0;
float:right;
clear: none;
}
.top_button {
display:block;
width:auto;
clear: none;
padding:2.5% 3.5%;
float:right;
}
.top_button_TXT {
display:block;
clear: none;
color:#ffffff;
font-size:90%;
}


/* ナビゲーションバー
----------------------------------------------------------*/
#navi_ber {
display:block;
margin-top:10px;
min-height:25px;
}
.navi_button {
width: 32.84%;
clear: none;
margin-left:0;
padding:0.3% 0 0 0;
}
#mobile_menu {display:none;}


/* メインコンテンツ
----------------------------------------------------------*/
#main {width: 64%;}
.breadcrumb_list {padding:0.8% 0 3% 0;}
.breadcrumb_list_TXT {display:block;}
.page {
margin:-8% 1% 0 1%;
font-size:110%;
}
.list_month {
width: 100%;
margin-top:4%;
font-size:110%;
line-height:150%;
}
.list_name {
width: 97%;
clear: both;
font-size:120%;
margin-left:3%;
line-height:170%;
}
.list_category_title {}
.list_coments {}


/* コンテンツボックス
----------------------------------------------------------*/
.contents2 {margin:5% 0;}
.box_1 {}
.box_3 {
width: 95%;
padding:8px;
clear: both;
margin-left: 0;
margin-top:5%;
}
.box_1,.box_3 {
width: 94.5%;
padding:8px;
clear: both;
}
.box_img {width: 100%;}
.box_img img {max-width:70%;}

.box_title {}
.box_txt {line-height:150%;}
.Ribbon {margin-top:-5%;}

.middle_H {}


/* コンテンツ
----------------------------------------------------------*/
.contents3_TXTarea {
line-height:180%;
margin-top:5px;
}
.contents3_img {width: 100%;}


/* サイドバー
----------------------------------------------------------*/
#sidebar {
width: 33%;
clear: none;
margin-left: 1.8%;
margin-top:0;
float: right;
}
#sidebar img {margin-bottom:5%;}

.widget_sp_image-description {margin-top:-1%;}

.widget {}
.widgettitle {
width:94%;
padding:4% 3% 3% 3.5%;
margin-top:0;
}
.widget ul {margin-left:-1%;}
.widget li {
margin:6.5% 4% 0 0;
line-height:170%;
}
.widget_ban {
width:100%;
margin-bottom:6.5%;
}
#side_menu {width:98%;}
.menu_title {
width:93%;
padding:3.5%;
margin-bottom:10%;
}
.side_list {}
.side_list ul{padding:0 5%;}
.side_list li {
line-height:130%;
margin-top:7%;
}
.searchform_layout {margin:5% 0 3% 3%;}


/* 広告エリア
----------------------------------------------------------*/
.ad2 {min-height:150px;}

/* ランキング
----------------------------------------------------------*/
#ranking_area {margin-bottom:3%;}
#ranking_box {
width:96.6%;
padding:1%;
}
.ranking_box2 {}
.ranBoxIn {width:99%;}

.ran-ico_01 {
width:20%;
margin:-3.4% 0 0 -5.5%;
}
.ran-ico_02 {
width: 11%;
margin-top:-0.5%;
}
.ran_title_back00 {
height:37px;
margin-bottom:3%;
}
.ran_title_back {
width: 91%;
height:94%;
clear: none;
margin:3% 2% 0 0;
padding:0 2% 0 5%;
line-height:240%;
font-size:125%;
}
.ran_title_back2_00 {
height:37px;
margin-bottom:3%;
}
.ran_title_back2 {
width: 92.3%;
height:95%;
margin:4% 2.5% 0 2%;
padding:0 2%;
font-size:125%;
line-height:250%;
}
.ran_img {
width: 100%;
text-align:center;
margin-top:2.5%;
}
.ran_text {
width: 92%;
clear: both;
margin:2% 4%;
}
.ran_catch {
width: 100%;
margin-left: 0;
font-size:115%;
}
.ran_catch2 {
width: 100%;
margin-left: 0;
font-size:115%;
}
.ran_txt {
width: 100%;
margin-left: 0;
}

#table {}
.button_area {}
.button {
float:left;
margin-left:4%;
}
.button2 {
float:right;
margin-right:4%;
clear: none;
}
.button,.button2 {
width:44%;
padding:1% 0;
}
.button3_area {}
.button3 {
width:87%;
padding:2%;
font-size:105%;
}


/* ランキング詳細
----------------------------------------------------------*/
.subpage_img {width: 100%;}
.subpage_detail {
width: 95%;
clear: both;
margin-left: 0;
padding:0 2%;
}
.subpage_TXT {line-height:150%;}
.subpage_table {}
.subpage_catch {font-size:100%;}
.subpage_button {}
.sub_button {
width: 80%;
padding: 10px 0;
margin-left:auto;
margin-right:auto;
}


/* 画像
----------------------------------------------------------*/

.f_l_p40s70{
	width:40%;	
display: block;
margin-right: auto;
text-align: left;}

.f_l_p40s70 {
float:left;
margin:1% 2% 3% 0;
}

.f_r_p40s70{
	width:40%;	
display: block;
margin-left: auto;
text-align: right;}

.f_r_p40s70 {
float:right;
margin:1% 2% 3% 0;
}



/* フッター
----------------------------------------------------------*/
#footer {}
.Copyright {}

.hide_tablet {display: none;}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 960px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
width: 960px;
padding-left: 0.625%;
padding-right: 0.625%;
margin: auto;
clear: none;
float: none;
margin-left: auto;
}
h2 {font-size:22px;}
h3 {
font-size:25px;
padding:2px 0 3px 8px;
}



label {
font-size:16px;
padding:2px 0 3px 8px;
color:#59493f;
border-bottom: 1px dashed #A0A0A0;
display: block;
}

input[type="checkbox"].on-off{display: none;}

.menu ul {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0;
padding: 0;
list-style: none;
}
input[type="checkbox"].on-off + ul{
height: 0;
overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{height: auto;}

.defaultlist
,.defaultlist li{
	padding:0px;
	margin:0px;
}
 
.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
 
.list8{
	counter-reset:li;
	margin-left:20px !important;
}
 
.list8 li{
	position:relative;
	display: block;
	padding:8px 0px 8px 40px; 
}
 
li.list8-count:after{
	counter-increment: li;
	content: counter(li);
	position: absolute;	
	left: -16px;
	top: 2px;
	background: #c8ebf4;
	height: 30px;
	width: 30px;
	line-height: 32px;
	border: 2px solid #6fc0d7;
	text-align: center;
	font-weight: bold;
	border-radius: 30px;
}
 
li.list8-count:before{
	content:''; 
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:11px; 
	left:15px; 
	height:0; 
	width:0; 
	border-top: 8px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 13px solid #6fc0d7;
}

.f_kutikomi:before{
	content: url(/wp-content/uploads/kutikomi.png) ;
	position : relative ;
	bottom : -0.8em ;
	margin-right : 0.6em ;}

/* トップエリア
----------------------------------------------------------*/
.top_H {}
#logo_area {
width: 49.2957%;
}
.site_name {
font-size:27px;
}
.logo_area_h1 {
width: 100%;
margin-left: 0;
margin-top:-10px;
}
.logo {
width: 100%;
margin-left: 0;
margin-top:0;
}
#top_button_W {
display:block;
width: 200px;
clear: none;
margin-left: 1.4084%;
float:right;
}
.top_button {
display:block;
width:auto;
padding:7px 10px 4px 10px;
}
.top_button_TXT {
display:block;
font-size:12px;
}


/* ナビゲーションバー
----------------------------------------------------------*/
#navi_ber {
display:block;
margin-top:10px;
min-height:30px;
}
.navi_button {
width: 157.5px;
margin-left:0;
clear: none;
padding:8px 0 5px 0;
}
#mobile_menu {display:none;}


/* メインコンテンツ
----------------------------------------------------------*/
#main {width: 715px;}
.breadcrumb_list {padding:7px 0 18px 0;}
.breadcrumb_list_TXT {display:block;}
.page {
margin:-15px 5px 0 5px;
font-size:13px;
line-height:22px;
}
.list_month {
width: 18%;
margin-top:20px;
font-size:16px;
line-height:19px;
}
.list_name {
width: 78%;
margin-left: 0;
margin-top:20px;
font-size:16px;
line-height:19px;
clear: none;
}
.list_category_title {
font-size:16px;
margin:15px 0 3px 0;
}
.list_coments {
font-size:13px;
line-height:19px;
}


/* コンテンツボックス
----------------------------------------------------------*/
.contents2 {margin:20px 0 15px 0;}
.box_1 {}
.box_3 {
clear: both;
margin-left: 1.9%;
}
.box_1,.box_3 {
width: 29.5%;
margin-top:0;
padding:8px;
clear: none;
}
.box_img {
width: 100%;
margin-top:8px;
position: relative;
}
.box_img img {max-width:210px;}
.box_title {
font-size:110%;
margin-top:5px;
}
.box_txt {
margin-top:3px;
font-size:12px;
line-height:18px;
}
.Ribbon {margin-top:-17px;}
.middle_H {height:30px;}


/* コンテンツ
----------------------------------------------------------*/
.contents3_TXTarea {line-height:23px;}
.contents3_img {
max-width: 275px;
height:auto;
margin:0 15px 10px 0;
}


/* サイドバー
----------------------------------------------------------*/
#sidebar {
width: 220px;
margin-left: 20px;
clear: none;
display:block;
}

#sidebar img {}
.widget_sp_image-description {margin-top:1px;}

.widget {
width:220px;
list-style-type:none;
padding:10px;
}
.widgettitle {
width:203px;
padding:10px 7px 7px 10px;
}
.widget ul {
margin-left:0;
list-style-type:none;
}
.side_banner { width:220px;}
#side_menu {width:216px;}

.menu_title {
width:202px;
padding:10px 7px 7px 7px;
margin:0 0 20px 0;
}

.side_list {}
.side_list ul{padding:0 10px;}
.side_list li {
line-height:17px;
margin-top:10px;
}
.searchform_layout {margin:10px 0 5px 10px;}


/* 広告エリア
----------------------------------------------------------*/
.ad2 {min-height:210px;}
.ad_area {margin:3px 0 5px 0;}


/* 原材料の背景水色枠
----------------------------------------------------------*/
.genryo {
background-color:#cde5ec;
padding:10px;
margin:10px;
border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;}


/* ランキング
----------------------------------------------------------*/
#ranking_area {margin-bottom:20px;}
#ranking_box {
width:704px;
padding:3px;
}
.ranking_box2 {
margin-top:15px;
width:712px;
}
.ranBoxIn {width:700px;}
.ran-ico_01 {
width:92px;
margin:-20px 5px 0 -30px;
}
.ran-ico_02 {
margin:-2px 5px 0 0;
width: 44px;
}
.ran_title_back00 {
height:32px;
margin-bottom:25px;
}
.ran_title_back {
width: 626px;
height:100%;
margin:15px 10px 0 0;
padding:5px 30px;
line-height:35px;
clear: none;
font-size:20px;
}
.ran_title_back2_00 {
height:43px;
margin-bottom:25px;
}
.ran_title_back2 {
width: 645px;
height:100%;
margin:18px 10px 0 20px;
line-height:45px;
clear: none;
font-size:20px;
}
.ran_img {
width: 250px;
margin:18px 0 0 20px;
line-height:0;
}
.ran_img img {
max-width:250px;
height:auto;
}
.ran_text {
width: 400px;
margin:15px 0 0 15px;
clear: none;
}
.ran_catch {
width: 100%;
margin-left: 0;
font-size:16px;
}
.ran_catch2 {
width: 100%;
margin-left: 0;
font-size:16px;
}
.ran_txt {
width: 100%;
margin-left: 0;
line-height:19px;
font-size:12px;
}

#table {}
.button_area { margin:20px 0 20px 0;}
.button {
float:left;
margin-left:20px;
font-size:19px;
width:318px;
height:30px;
padding:5px 0 0 0;
}
.button2 {
float:right;
margin-right:20px;
clear: none;
font-size:19px;
width:318px;
height:30px;
padding:5px 0 0 0;
}
.button,.button2 {width:44%;}

.button3_area {margin:20px 0 20px 0;}
.button3 {
width:70%;
padding:5px 0;
font-size:19px;
}


/* ランキング詳細
----------------------------------------------------------*/
.subpage_img {
margin-top:30px;
margin-left:0;
width: 250px;
}
.subpage_detail {
margin-top:30px;
width: 440px;
margin-left: 20px;
clear: none;
padding:0;
}
.subpage_TXT {
padding-top:5px;
line-height:19px;
font-size:13px;
}
.subpage_table {}
.subpage_catch {font-size:16px;}
.subpage_button {}
.sub_button {
width: 70%;
padding: 10px 0;
margin-left:auto;
margin-right:auto;
font-size:18px;
}
.adding_text {
line-height:19px;
}

/* 画像
----------------------------------------------------------*/
.f_l_p40s70{
	width:40%;	
display: block;
margin-right: auto;
text-align: left;}

.f_r_p40s70{
	width:40%;	
display: block;
margin-left: auto;
text-align: right;}


/* フッター
----------------------------------------------------------*/
#footer {}
.Copyright {}

.zeroMargin_desktop {margin-left: 0;}
.hide_desktop {display: none;}
}


.upload img {visibility: hidden; }

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;	
}
.alignright {
display: block;
margin-left: auto;
text-align: right;
}
.alignleft {
display: block;
margin-right: auto;
text-align: left;
}


.alignleft {
float:left;
margin:1% 2% 3% 0;
}
.alignright {
float:right;
margin:1% 0 3% 2%;
}


@media only screen and (max-width: 769px) {


/* 480px以下の設定
------------------------------------------------------------*/
@media screen and (max-width: 480px){

.f_kutikomi:before{
	content: url(/wp-content/uploads/kutikomi.png) ;
	position : relative ;
	bottom : -0.8em ;
	margin-right : 0.6em ;}

.f_l_p40s70{
width:70%;	
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom:20px;}

.f_r_p40s70{
width:70%;	
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom:20px;
margin-top:20px;}

#read {margin-top:-5px;}