/* CSS Document */

/*
 general
-------------------------------------------------------------*/
html {
    background-color: transparent;
    background-image: none;
    overflow-y: scroll;
    font-size: 62.5%;
}

body {
    position: relative;
    min-width: 1000px;
    background: url(/common/img/bgAllWrap.png);
    line-height: 1.6;
    font-family:  "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    font-size: 1.4rem;
    font-size: 14px;
	color: #333333;
	overflow: visible;
    border-top: #61be30 solid 16px;
}

p img {
   vertical-align: bottom;
}
a{
    transition: opacity 0.3s;
}
a:link{
    color: #61be30;
    text-decoration: none;
}
a:visited{
    color: #61be30;
    text-decoration: underline;
}
a:hover{
    opacity: 0.5;
    color: #61be30;
    text-decoration: underline;
}
a:active{}




/*
 pankuzu
-------------------------------------------------------------*/
.outDisc{
    position: absolute;
    top: -16px;
    box-sizing: border-box;
}
.outDisc__txt{
    width: 1000px;
    height: 16px;
    line-height: 1.6;
    color: #fff;
    font-size: 1.0rem;
    font-size: 10px;
    overflow: hidden;
}

/*
 container
-------------------------------------------------------------*/
.container{
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

/*
 header
-------------------------------------------------------------*/
.l-header{
    margin-bottom: 8px;
}
.headTtl{
    margin: 0;
    padding: 24px 12px 24px 0;
    font-size: 28px;
    font-weight: bolder;
    line-height: 1.2;
}
.headTtl span{
    display: inline-block;
    font-size: 16px;
    font-weight: bolder;
}
.headTtl a{
    color: #000;
}
.headTtl a:hover{
    color: #666;
    text-decoration: none;
}


/*
 contents
-------------------------------------------------------------*/
.contents{}
.breadNavi{
    margin-bottom: 8px;
}
.breadNaviList{
    font-size: 10px;
    font-size: 1.0rem;
}
.breadNaviList__item{
    float:left;
}
.breadNaviList__item:after{
    content: "＞";
    display: inline-block;
    margin: 0 2px;
    color: #999;
}
.breadNaviList__item:last-child:after{
    content: "";
}
.breadNaviList__item a{
    color: #999;
    text-decoration: none;
}

/*
 main contents
-------------------------------------------------------------*/
.mainContents{
    float: right;
    width: 728px;
}
.mainVisual{
    position: relative;
    width: 727px;
    height: 276px;
    margin-bottom: 32px;
    background: url(/wp-content/themes/01/img/bgMainVisual.png) 0 0 no-repeat;
}
.mainVisualBox{
    position: absolute;
    top: 50%;
    left: 240px;
    margin-top: -76px;
}
.mainVisualBox__speech {
	position: relative;
	display: inline-block;
    margin-bottom: 16px;
	padding: 8px 16px;
	width: auto;
	color: #f00;
	text-align: center;
	border: 1px solid #999;
    border-radius: 3px;
    background: #fff;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bolder;
	z-index: 0;
}
.mainVisualBox__speech:before {
	content: "";
	position: absolute;
	bottom: -8px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #fff transparent transparent transparent;
	z-index: 0;
}
.mainVisualBox__speech:after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -8px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #999 transparent transparent transparent;
    z-index: -1;
}
.mainVisualBox__txt{
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: bolder;
	color: #47991c;
    line-height: 1.2;
}
.contentsList{
    width: 728px;
    margin-bottom: 32px;
    padding: 16px;
    border: 1px solid #61be30;
    background: #f8fff3;
    box-sizing: border-box;
	font-weight:bold;
}
.contentsList__txt{
    margin-bottom: 8px;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
}
.contentsList__block{
    margin: 0 0 16px 32px;
	list-style:decimal;
}
.contentsList__block__item-01{
    margin-bottom: 7px;
}
.contentsList__block__item-02{
    margin: 0 0 4px 24px;
}
.contentsList__block__item-01 a,
.contentsList__block__item-02 a{
    text-decoration: none;
	color:#367316;
	font-weight:bold;
}
.contentsList__block__item-01 a:hover,
.contentsList__block__item-02 a:hover{
    text-decoration: none;
}
.pageTtl-h1{
    margin-bottom: 16px;
    padding: 8px;
    background: #61be30;
}
.pageTtl-h1 span{
    display: block;
    padding: 16px 8px;
    border-top: solid 2px #fff;
    border-bottom: solid 2px #fff;
    color: #fff;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.2;
}
.contentsTtl-h1{
    margin-bottom: 16px;
    padding: 12px 8px;
    border-bottom: 3px solid #61be30;
    line-height: 1.2;
    font-size: 24px;
    font-weight: bold;
}
.contentsTtl-h2{
    margin-bottom: 16px;
    padding: 8px;
    border-top: 1px dashed #61be30;
    border-bottom: 1px dashed #61be30;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.2;
}
.contentsTtl-h3{
    margin-bottom: 16px;
    padding: 8px;
    border-left: 8px solid #61be30;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}

.contentsTtl-h4{
    position:relative;
    margin-bottom: 16px;
    padding-left:30px;
    border-bottom:2px solid #61be30; /* 下線：太さ 線の種類 色 */
    font-weight: bold; /* フォント太さ */
    color: #61be30; /* テキスト色 */
    font-size: 1.25em; /* フォントサイズ */
    line-height: 38px; /* 見出しの高さの幅 */
}
.contentsTtl-h4:before{
    content:''; 
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px; 
    height:12px; 
    width:12px; 
    display:block; 
    position:absolute; 
    top:14px; 
    left:7px; 
    background-color:#61be30; /* 下の円の色 */
    box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
    filter:alpha(opacity=50);
    -moz-opacity:0.50;
    -khtml-opacity: 0.50;
    opacity:0.50;
    z-index: 1;
}
 
.contentsTtl-h4:after{
    content:''; 
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px; 
    height:15px; 
    width:15px; 
    display:block; 
    position:absolute; 
    top:7px; 
    left:2px; 
    background-color:#61be30; /* 上の円の色 */
    box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
    opacity:0.50;
}
.contentsTtl-h5{
    position: relative;
    margin-bottom: 8px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    display: block;
    padding: 8px 8px 8px 20px;
}
.contentsTtl-h5:before{
    display: block;
	content: '';
	position: absolute;
	top: 15px;
	left: 0px;
	width: 8px;
	height: 8px;
	border-right: 1px solid #61be30;
	border-bottom: 1px solid #61be30;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.contentsTxt{
    margin-bottom: 16px;
}

.contentsImg{
	margin:0 0 20px;
}

.contentsImgLeft{
    float: left;
    margin: 0 16px 16px 0;
}
.contentsImgRight{
    float: right;
    margin: 0 0 16px 16px;
}
.contentsImgCenter{
    margin: 0 8px 8px 0;
    text-align: center;
}

.pageLink{
    margin-bottom: 40px;
    border: 4px solid #61be30;
    background: #fff;
}
.pageLink__list{
    margin: 0 16px 0;
}
.pageLink__list:last-child{
    margin-bottom: 16px;
}
.pageLink__list__item{
    width: 340px;
    border-bottom: 1px dashed #eee;
    line-height: 1.2;
}
.pageLink__list__item a{
    position: relative;
    display: block;
    padding: 16px 0 12px 12px;
}
.pageLink__list__item a:before{
    display: block;
    content: '';
    position: absolute;
    top: 18px;
    left: 2px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    margin-top: 0px;
    border: 6px solid transparent;
    border-left: 6px solid #61be30;
    margin-right: 4px;
    color: #fedd00;
}
.pageLink__list__item--floatL{
    float: left;
}
.pageLink__list__item--floatR{
    float: right;
}

.pointList{
    margin-bottom: 16px;
}
.pointList__item{
	position: relative;
    margin: 0 0 10px 18px;
    line-height: 1.2;
	font-size:15px;
}

.pointList__item:before{
    content:"";
    display:block;
	position: absolute;
    top: 0.1em;
    left: -1.2em;
    border: solid 6px #61be30;
    border-radius: 100%;
}

.quote{
    position: relative;
    margin-bottom: 16px;
    padding: 32px 16px 16px 64px;
    border: solid 1px #ccc;
    background: #eee;
}
.quote:before{
    content: "“";
    position: absolute;
    top: -30px;
    left: 10px;
    font-size: 120px;
    font-size: 12.0rem;
    color: #999;
}

.mainRank{
    margin: 40px 0;
    padding-bottom: 1px;
}
.mainRank__ttl{
    padding: 16px 8px 12px;
    color: #fff;
    line-height: 1;
    background: #61be30;
    font-size: 20px;
    font-size: 2.3rem;
    text-align:center;
    font-weight:bold;
}
.mainRankBox{
    margin: 0;
    border: 4px solid #61be30;
    box-sizing: border-box;
}
.mainRankBox__link{
    display: block;
    margin: 0 8px;
    padding: 16px 0;
    border-bottom: 2px dotted #ccc;
}
.mainRankBox__link:last-child{
    border-bottom: none;
}
.mainRankBox__link:hover{
    text-decoration: none;
    opacity: 1;
}
.mainRankItem{
    display: table;
    margin-bottom: 8px;
}
.mainRankItem:last-child{
    margin-bottom: 0px;
}
.mainRankItem__number{
    display: table-cell;
    padding: 2px;
    width: 120px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    box-sizing: border-box;
}
.mainRankItem__number:before{
    content: url(../img/icnRank_small.png);
    display: inline-block;
    margin-right: 8px;
}
.mainRankItem__number:after{
    content: url(../img/icnRank_small.png);
    display: inline-block;
    margin-left: 8px;
}
.mainRankItem__number--01{
    background: #ffe00f;
}
.mainRankItem__number--02{
    background: #d2d2d2;
}
.mainRankItem__number--03{
    background: #d49816;
}
.mainRankItem__number--04{
    background: #b3e0f5;
}
.mainRankItem__number--05{
    background: #b3e0f5;
}
.mainRankItem__name{
    display: table-cell;
    width: 576px;
    padding-left: 16px;
    font-size: 18px;
    font-size: 1.8rem;
    vertical-align: middle;
    box-sizing: border-box;
    color: #000;
    font-weight: bold;
}
.mainRankItem__name:hover{
    text-decoration: underline;
}
.mainRankItem__img{
    display: table-cell;
    width: 120px;
    box-sizing: border-box;
}
.mainRankItem__cont{
    display: table-cell;
    width: 576px;
    padding-left: 16px;
    vertical-align: top;
    box-sizing: border-box;
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
}
.mainRankItem__cont__txt{
    margin-bottom: 8px;
}
.mainRankItem__cont__list{
    margin-bottom: 8px;
}
.mainRankItem__cont__list__item{
    margin-bottom: 4px;
    line-height: 1.2;
}
.mainRankItem__cont__list__item:before{
    content:"";
    display: inline-block;
    margin-right: 8px;
    border: solid 5px #61be30;
    border-radius: 100%;
}
.mainRankItemBtn{
    float: right;
}
.mainRankItemBtn__detail{
    float: left;
    width: 160px;
    margin: 0 8px 8px;
    padding: 8px 0;
    background: #32b16c;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 4px;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    transition: opacity 0.3s;
}
.mainRankItemBtn__official{
    float: left;
    width: 160px;
    margin: 0 0 8px;
    padding: 8px 0;
    background: #FF6E00;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 4px;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
    transition: opacity 0.3s;
}
.mainRankItemBtn__detail:hover,
.mainRankItemBtn__official:hover {
    opacity: 0.5;
}
.categoryTtl{
    position: relative;
    width: 686px;
    height: 104px;
    margin: 16px 0 32px 42px;
    padding: 24px 16px 0px 120px;
    border-radius: 4px;
    border: 1px solid #61be30;
    background: #fff url(../img/bgCategoryTtl.png) right 0 no-repeat;
    box-sizing:border-box;
}
.categoryTtl:before{
    position: absolute;
    top: -30px;
    left: -42px;
    content: url(../img/icnCategoryTtl.png);
}


.categoryTtl__txt{
    font-size: 32px;
    font-size: 3.2rem;
    color: #61be30;
    font-weight: bold;
}
.categoryTtl__txt span{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
}
.contentsTbl{
    width: 100%;
    margin-bottom: 16px;
}
.contentsTbl__box{
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.contentsTbl__box__ttl{
    padding: 8px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #b0dcf1;
    vertical-align: middle;
    line-height: 1.2;
}
.contentsTbl__box__item{
    padding: 12px 8px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    line-height: 1.2;
}
.ctaBox{
    margin-bottom: 32px;
}
.ctaBox__btn{
    text-align: center;
}

/*
.soudanBtn{
    margin: 32px 0;
}
.soudanBtn__link{}
.soudanBtn__link a{
    display: block;
    width: 450px;
    margin: 0 auto;
    padding: 24px;
    border-radius: 4px;
    background: #32b16c;
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
}
.soudanBtn__link a:hover{
    text-decoration: none;
    opacity: 0.8;
}
*/
.topInfo{
    margin-bottom: 32px;
    padding: 16px;
    background: #f5f5f5;
}
.topInfo__list{
    margin: 0;
}
.topInfo__list__item{
    display: table;
    margin: 0 0 6px 16px;
    line-height: 1.2;
}
.topInfo__list__item span{
    display: table-cell;
    padding-right: 8px;
}
.topInfo__list__item a{
    display: table-cell;
    margin-right: 8px;
}

.topInfo__ttl{
    margin-bottom: 16px;
    padding: 0 0 4px 4px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: 2px dotted #ccc;
    box-sizing: border-box;
}
.topInfo__ttl:before{
    content:"";
    display: inline-block;
    margin-right: 8px;
    border: solid 6px #faf9f6;
    border-radius: 10px;
    box-shadow: 0 0 0 3px #61be30;
}
.catList{
    margin: 0;
}
.catList__item{
    display: table;
    width: 100%;
    margin: 0 0 6px 0;
    padding: 16px 0;
    line-height: 1.2;
    border-bottom: 1px dashed #ccc;
}
.catList__item span{
    display: table-cell;
    padding-right: 8px;
    width: 80px;
}
.catList__item a{
    display: table-cell;
    margin-right: 8px;
}
.archiveList{
    margin: 0 0 32px;
}
.archiveList__item{
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: dashed 2px #ccc;
}
.archiveList__item__ttl{
    margin-bottom: 16px;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.2;
}
.archiveList__item__txt{
    margin-bottom: 12px;
}
.archiveList__item__img{
    float: left;
    width: 200px;
    margin: 0 16px 16px 0;
}
.archiveList__item__more{
    float: right;
}
.archiveList__item__more a{
    display: block;
    padding: 12px;
    background: #999;
    color: #fff;
    border-radius: 3px;
    line-height: 1;
}

.speechBox{
    margin-bottom: 32px;
}
.speechBox__img{
    float: left;
    width: 150px;
    margin: 0 24px 0 0;
}
.speechBox__balloon{
    float: right;
    width: 550px;
    min-height: 180px;
    background: #fff;
    border: 3px #ccc solid;
    border-radius: 4px;
	position: relative;
	display: inline-block;
	padding: 16px;
	z-index: 0;
    box-sizing: border-box;
}
.speechBox__balloon:before {
	content: "";
	position: absolute;
	top: 75px;
    left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #fff transparent transparent;
	z-index: 0;
}
.speechBox__balloon:after {
	content: "";
	position: absolute;
	top: 75px; left: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #ccc transparent transparent;
	z-index: -1;
}

.listMerit{
	border: 1px solid #ffd867;
	background: #fff7e0;
	margin-bottom: 24px;
	padding: 16px;
	box-sizing: border-box;
}
.listMerit__item{
	position: relative;
	margin: 0 0 12px 25px;
	font-size: 16px;
}
.listMerit__item::before{
	content: '';
    display: block;
    position: absolute;
    top: 0.3em;
    left: -1.3em;
    width: 10px;
    height: 5px;
    border-left: 4px solid;
    border-bottom: 4px solid;
    transform: rotate(-45deg);
	color: #f70;
}
.listMerit__item:last-child{
	margin-bottom: 0;
}

.listDemerit{
	border: 1px solid #b2eaff;
	background: #ebf9ff;
	margin-bottom: 24px;
	padding: 16px;
	box-sizing: border-box;
}
.listDemerit__item{
	position: relative;
	margin: 0 0 12px 25px;
	font-size: 16px;
}
.listDemerit__item::before{
	content: '';
    display: block;
    position: absolute;
    top: 0.3em;
    left: -1.3em;
    width: 10px;
    height: 5px;
    border-left: 4px solid;
    border-bottom: 4px solid;
    transform: rotate(-45deg);
	color: #2096cc;
}
.listDemerit__item:last-child{
	margin-bottom: 0;
}


/*
 sidebar
-------------------------------------------------------------*/
.side{
    width: 240px;
    float: left;
}
.sideMenu{
    margin-bottom: 24px;
    padding-bottom: 1px;
    border: 1px solid #61be30;
}
.sideMenu__ttl{
    position: relative;
    padding: 12px 8px 8px 30px;
    line-height: 1.3;
    font-weight: bolder;
    font-size: 16px;
    background:#61be30;
    color:#FFF;
}
.sideMenu__ttl:before{
    display: block;
    content: '';
    position: absolute;
    top: 18px;
    left: 8px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    margin-top: 0px;
    border: 8px solid transparent;
    border-top: 8px solid #fff;
}
.sideMenu__link{
    background: #fff;
    margin: 0 8px 8px;
}
.sideMenu__link__item{
    border-bottom: #ccc dotted 1px;
}
.sideMenu__link__item:last-child{
    border-bottom: none;
}
.sideMenu__link__item a{
    position: relative;
    display: block;
    padding: 8px;
    font-size: 12px;
    font-size: 1.2rem;
}
/*
.sideMenu__link__item a:before{
    display: block;
	content: '';
	position: absolute;
	top: 14px;
	left: 8px;
	width: 4px;
	height: 4px;
	border-right: 1px solid #61be30;
	border-bottom: 1px solid #61be30;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
*/
.related_post_title {}
ul.related_post {
    background: #fff;
    margin: 0 8px 8px;
}
ul.related_post li {
    border-bottom: #ccc dashed 1px;
}
ul.related_post li:last-child{
    border-bottom: none;
}
ul.related_post li a {
    position: relative;
    display: block;
    padding: 8px 8px 8px 20px;
    font-size: 12px;
    font-size: 1.2rem;
}
ul.related_post li a:before{
    display: block;
	content: '';
	position: absolute;
	top: 14px;
	left: 8px;
	width: 4px;
	height: 4px;
	border-right: 1px solid #61be30;
	border-bottom: 1px solid #61be30;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

ul.related_post li img {
}

.wp_rp_footer{
    display: none;
}

/*
 footer
-------------------------------------------------------------*/
.foot{
    padding-top: 24px;
    background: #61be30;
}
.footContBox{
    width: 1000px;
    margin: 0 auto 24px;
    padding: 16px;
    border: dashed #999 1px;
    background: #fff;
    box-sizing: border-box;
}
.footContBox__txt{
    margin-bottom: 8px;
    color: #999;
    font-size: 12px;
    font-size: 1.2rem;
}
.footContBox__txt:last-child{
    margin-bottom: 0;
}
.footCopy{
    width: 100%;
}
.footCopy__txt{
    width: 1000px;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
}
.footCopy__txt a{
    color: #fff;
}
.footCopy__txt a:hover{
}



/*
 other
-------------------------------------------------------------*/
/* clearfix */
.clearfix:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	zoom: 1;
}

.txtRed{
    color:#FF0000;
    font-weight:bold;
}
.txtOrange{
    color:#FF6600;
    font-weight:bold;
}
.txtBlue{
    color:#167FA6;
    font-weight:bold;
}



.rankBox{
    overflow: hidden;
    margin-bottom: 24px;
    border: 1px #bd3c3c solid;
    border-radius: 4px;
    box-sizing:border-box;
}

.rankBox a:hover{
    position:relative;
    top:2px;
}

.rankBox__ttl{
    line-height: 35px;
    background-color: #bd3c3c;
    color: #fff;
    text-align: center;
    margin:0;
    padding:10px 0;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
}
.rankBoxList{
    box-sizing:border-box;
}

.rankBoxList__item{
    padding:20px;
}

.rankBoxList__item--01{
    background: url(../img/icnRank01.png) 16px 16px no-repeat #fffbf1;
    border-bottom: 1px dashed #9e9e9e;
}
.rankBoxList__item--02{
    background: url(../img/icnRank02.png) 16px 16px no-repeat #fff;
    border-bottom: 1px dashed #9e9e9e;
}
.rankBoxList__item--03{
    background: url(../img/icnRank03.png) 16px 16px no-repeat #fffbf1;
}
.rankBoxList__item--04{
    background: url(../img/icnRank04.png) 16px 0 no-repeat #fff;
}
.rankBoxList__item--05{
    background: url(../img/icnRank05.png) 16px 0 no-repeat #fffbf1;
}

.rankBoxList__item__ttl{
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    font-size:250%;
    padding: 0px 0px 0px 60px;
    margin-bottom:15px;
}

.rankBoxList__item__ttl--01, .rankBoxList__item__ttl--01 a{
    color: #e0ad1e;
}
.rankBoxList__item__ttl--02, .rankBoxList__item__ttl--02 a{
    color: #adadad;
}
.rankBoxList__item__ttl--03, .rankBoxList__item__ttl--03 a{
    color: #b24718;
}

.rankBoxList__item__ttl--04, .rankBoxList__item__ttl--04 a, .rankBoxList__item__ttl--05, .rankBoxList__item__ttl--05 a{
    color: #333;
}

.rankBoxList__item__txt{
    margin-bottom:15px;
}

.rankBoxList__table{
    width: 100%;
    border: #664C00 solid 2px;
    margin-bottom:20px;
}

.rankBoxList__table_fd{
    width: 100%;
    border: #664C00 solid 2px;
    margin-bottom:10px;
}

.rankBoxList__table th, .rankBoxList__table_fd th{
    font-size: 115%;
    font-weight: bold;
    padding: 10px 15px 7px;
    border: #664C00 solid 1px;
    color: #664C00;
    text-shadow: -1px -1px 0px #FFF, 1px -1px 0px #FFF, 1px 1px 0px #FFF, -1px 1px 0px #FFF, 2px 2px 3px rgba(0, 0, 0, 0.6);
    background: #FFEFBF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFEFBF), to(#FFDC73));
    background: -webkit-linear-gradient(#FFEFBF, #FFDC73);
    background: -moz-linear-gradient(#FFEFBF, #FFDC73);
    background: -ms-linear-gradient(#FFEFBF, #FFDC73);
    background: -o-linear-gradient(#FFEFBF, #FFDC73);
    background: linear-gradient(#FFEFBF, #FFDC73);
    -pie-background: linear-gradient(#FFEFBF, #FFDC73);
    vertical-align:middle;
}

.rankBoxList__table td, .rankBoxList__table_fd td{
    padding: 10px 8px 7px;
    border: #664C00 solid 1px;
    background-color:#fff;
    font-size:105%;
    vertical-align:middle;
}

.rank_setumei_left{
    float:left;
    width:250px;
    text-align:center;
}

.rank_setumei_left{
    font-weight:bold;
}

.rank_setumei_right{
    float:right;
    width:350px;
}

.rank_setumei_ttl{
    font-weight:bold;
    color:#F00;
    font-size:135%;
    margin-bottom:15px;
}

.rank_btn{
    clear:both;
    text-align:center;
    margin-top:30px;
}

.rank_btn_page{
    text-align:center;
    margin:30px 0 20px;
}


.zenkokuList{
    margin-bottom:25px;
}

.zenkokuList li{
    float:left;
    margin-right:25px;
}

.machikadoshindan{
    text-align:center;
}

.freedial a{
    font-weight:bold;
    font-size:150%;
}

.nodisplay{
    display:none !important;
}

.avaBanner{
    text-align:center;
}

.avaTel{
    font-size:180%;
    display:block;
    font-weight:bold;
}

.red{
    color:#f00;
    font-weight:bold;
}

.blue{
    color:#277CD1;
    font-weight:bold;
}

.yellow{
    color:#ff0;
    font-weight:bold;
}

.orange{
    color:#FF6600;
    font-weight:bold;
}

.markerYellow{
	font-weight: bold;
    background: linear-gradient(transparent 60%, #ffff66 60%);
}

.mokuji{
	margin: 0 10px 32px;
    padding: 12px;
    background: #f9f9f9;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.mokujitext{
	font-weight: bold;
    margin: 5px 0 10px;
    font-size: 120%;
}

.mokujilist{
	margin-bottom:10px;
}

.rankTel{
	font-weight:bold;
	font-size:160% !important;
	color:#ff7f07;
}

.pcnodisplay{
	display:none;
}

.osusumebtn{
	margin:40px auto 40px;
	text-align:center;
}

.btn-square {
  display: inline-block;
  padding: 0.7em 7em;
  text-decoration: none;
  background: #ff7f00;/*ボタン色*/
  color: #FFF !important;
  border-bottom: solid 4px #85490e;
  border-radius: 3px;
	font-size:15px;
	font-weight:bold;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.kutikomiarea{
	background: #ffffeb;
    padding: 20px;
    margin-bottom: 20px;
}

.kutikomimidashi{
	font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 15px;
    background: #fde7d4;
    padding: 10px;
}

.relatedBox{
	margin-bottom: 30px;
	border: #999 1px solid;
	border-radius: 4px;
}
.relatedBox__ttl{
	margin: 0;
	padding: 12px;
	background: #61be30;
	font-size:15px;
	font-weight: bold;
	color: #fff;
	border-radius: 4px 4px 0 0 ;
	box-sizing: border-box;
}
.relatedBox__ttl:before{
	display: inline-block;
	position: relative;
	top: 3px;
	content:"";
	width: 24px;
	height: 21px;
	margin: 0 8px 0 0;
	background:url(../img/icnRelatedBox_ttl.png) 0 0 no-repeat;
	background-size: 24px;
}
.relatedBoxList{
	padding: 16px 16px 0px;
}
.relatedBoxList__item{
	padding-bottom: 16px;
}

.relatedBoxList__item a{
	padding-left: 24px;
	background:url(../img/icnRelatedBox_list.png) 0px 2px no-repeat;
	background-size: 20px;
        font-size: 15px;
}

.rateBox{
	background:#fbfaec;
	padding:20px;
	margin:0 0 30px;
}

.rateall {
  width: 150px;
  float:left;
 margin:5px 20px 0 0;
}

.rate {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 30px;
  font-size: 30px;
}
.rate:before, .rate:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  display: inline-block;
  height: 30px;
  line-height: 30px;
}
.rate:before {
  color: #ddd;
}
.rate:after {
  color: #ffa500;
  overflow: hidden;
  white-space: nowrap;
}

.rate0:after {
  width: 0;
}

.rate1:after {
  width: 30px;
}

.rate1-5:after {
  width: 45px;
}

.rate2:after {
  width: 60px;
}

.rate2-5:after {
  width: 75px;
}

.rate3:after {
  width: 90px;
}

.rate3-5:after {
  width: 105px;
}

.rate4:after {
  width: 120px;
}

.rate4-3:after {
  width: 132px;
}

.rate4-5:after {
  width: 135px;
}

.rate4-7:after {
  width: 139px;
}

.rate5:after {
  width: 150px;
}

.rateh{
	font-size:16px;
}

.ratepoint{
	float: left;
    font-size: 25px;
    font-weight: bold;
    color: #ff8d00;
}

.rateListBox{
	clear:both;
}

.rateList{
	float:left;
	margin-right:7px;
	color:#664c00;
	font-size:15px;
}

.rateList:last-child{
	margin:0;
}

.tuyomiArea{
	border: 1px solid #61be30;
    margin-bottom: 30px;
}

.tuyomittl{
	margin-bottom: 0;
    padding: 15px 8px 10px;
    line-height: 1.4;
    background: #61be30;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
}

.TuyomiBox{
	padding:5px 10px;
}

.tuyomiList{
	border-bottom: 1px dashed #61be30;
    margin: 15px 0;
}

.tuyomiList:last-child{
    margin: 15px 0 0;
	border:none;
}

.tuyomittl2{
	font-size: 1.8rem;
    margin-bottom: 5px;
    color: #ff7800;
    padding: 0 10px;
}

.tuyomitxt{
	padding: 0 10px;
	margin-bottom:15px;
}

.supervision{
	border:1px solid #61be30;
	margin-bottom:25px;

}

.svTtl{
    margin-bottom: 15px;
    padding: 15px 8px 10px;
    line-height: 1.4;
    background: #61be30;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
}

.svTbl{
    width: 95%;
	margin:20px;
}
.svTblBox{
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.svTblTh{
    padding: 8px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #b0dcf1;
    vertical-align: middle;
    line-height: 1.2;
}
.svTblTd{
    padding: 12px 8px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    line-height: 1.2;
}

.svTxt{
	margin:0 20px 15px;
}

.pointBox{
	border:1px solid #61be30;
	margin-bottom:25px;

}

.pointTtl{
    margin-bottom: 15px;
    padding: 15px 8px 10px;
    line-height: 1.4;
    background: #61be30;
    color: #ff0;
	font-weight:bold;
    font-size: 1.4em;
    text-align: center;
}

.pointTxt{
	margin:0 20px 15px;
}