@charset "utf-8";
/*=================================================
 * ブラウザのデフォルトのスタイルをリセット
 * ================================================= */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio: 0){

h1, h2, h3,a {
letter-spacing: -1.0px;
}}


body { -webkit-text-size-adjust: none; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display:block;
}
img {
	border: 0;
	vertical-align: middle;
}
ul {
	list-style: none;
}
table {
	border-spacing: 0;
	empty-cells: show;
}

/*=================================================
 * サイト全体の基本スタイル
 * ================================================= */

body {
	color: #333;
	font-family: 'Hiragino Kaku Gothic Pro', "Helvetica";
	line-height: 1.3;
	font-size: 14px;
}
a {
	color: #0235f4;
	text-decoration:underline;
	font-weight:bold;
}
a:active, a:hover{color:#0235f4; text-decoration: none; }

p {
	margin: 0 10px 1em;
}
em {
	font-style: normal;
	color: rgb(255, 0, 0);
}
input {
	padding: 5px;
	font-size: 14px;
}
.right {
	float: right;
}
.right:after {
	content: '';
	display: block;
	clear: both;
}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
.clear {
	clear: both;
	font-size: 1px;
}
/*=================================================
 *  サイトヘッダー
 * ================================================= */
.global-header {
margin: 0px;
padding:10px 10px;
text-align:center;
background-color: #a9dbd7;
border-bottom: solid 3px #bcbcbc;
border-top: solid 3px #bcbcbc;
}
.global-header h1, .hd-logo {
margin: 0 auto 3px auto;
font-size: 20px;
line-height:1.2;
font-weight: bold;
text-decoration: none;
width:300px;
text-align:center;
}
.global-header h1 a, .hd-logo a { color:#fff; text-shadow: 1px 1px 1px #333; }
.global-header p, .hd-txt {
font-size: 12px;
font-weight:bold;
color: #f8f1e7;
text-shadow: 1px 1px 1px #333;
margin: 0 auto;
line-height: 1.2;
width:300px;
text-align:center;
}

/*=================================================
 *  セクション、見出し、コンテンツエリア
 * ================================================= */

section.contents-area {
	margin-bottom: 1em;
}
.block:after {
	content: '';
	display: block;
	clear: both;
}
.contents-area h1, body#top .contents-area h2 {
	color: #d6cdbf;
	font-size: 15px;
	padding: 10px 10px 10px 37px;
	margin: 10px 0 10px 0;
	line-height: 1.3;
	background: url(../img/sp-h1.png) no-repeat left center #4d463f;
	background-size:33px 33px;
	border:none;
}
.contents-area h2, body#top .contents-area h3 {
	color: #4d463f;
	padding: 6px 10px 6px 23px;
	margin: 20px 0 10px 0;
	font-size:15px;
	line-height: 1.3;
	background: url(../img/sp-h2.png) no-repeat #a9dbd7 left center;
	background-size:25px 25px;
	border-bottom: solid 2px #4d463f;
}

h2.ranking {
    font-size: 19px;
}
.contents-area h3, body#top .contents-area h4 {
	color: #4d463f;
	padding: 6px 10px;
	margin: 15px 10px 10px 10px;
	font-size:14px;
	line-height: 1.3;
	background-color:#f2e1a1;
	border:none;
}
.contents-area h4, body#top .contents-area h5 {
	color: #666;
	padding: 5px 10px;
	margin: 0px 10px 5px 10px;
	font-size:14px;
	line-height: 1.3;
	border-left: solid 4px #4d463f;
	border-bottom: solid 1px #4d463f;
}
.contents-area img.w100 {
max-width: 400px;
width: 100%;
height: auto;
margin: 0 auto;
}
.contents-area p {
    padding: 0px 5px 0px;
    margin: 9px 10px;
    font-size: 15px;
    line-height: 22px;
}
.contents-area p img {
	display: block;
	margin: 0 auto 6px;
}
.contents-area ol {
	list-style-type: decimal;
	margin: 10px 0 10px 20px;
}
.contents-area ol li {
	margin: 0 20px;
	padding: 0 0 0 0px;
}
.contents-area ul {
	margin: 10px 10px 10px 15px;
}
.contents-area ul li {
    margin: 0 0 0 0;
    padding: 0 0 10px 17px;
    list-style-type: none;
    background: url(../img/sp-list01.png) no-repeat 0px 2px;
    font-size: 1rem;
}
.contents-area ul li.kutikomi {
	margin: 0 0 5px 0;
	padding: 0px 0 0px 30px;
	list-style-type: none;
	background: url(../img/sp-kutikomi.png) no-repeat 0px 3px;
}
fieldset { margin: 5px 10px 20px 10px; border: dashed 1px #4d463f; }
fieldset ul { margin: 10px 10px 10px 5px !important; }
/*=================================================
 *  画像のスタイル
 * ================================================= */

.image-frame {
	padding: 5px;
	background-color: #FFFFFF;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

iframe {
	width: 100%;
	padding-top: 35px;
}
/*=================================================
 *  カテゴリーメニュー
 * ================================================= */

.subcontents {
	margin: 30px 0 0 0;
}
.subcontents h2 {
	font-size: 15px;
	margin: 0px;
	line-height: 1.2em;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #746f6a), color-stop(0.00, #4d463f));
	background: -webkit-linear-gradient(top, #746f6a 0%, #4d463f 88%);
	background: -moz-linear-gradient(top, #746f6a 0%, #4d463f 88%);
	background: -o-linear-gradient(top, #746f6a 0%, #4d463f 88%);
	background: -ms-linear-gradient(top, #746f6a 0%, #4d463f 88%);
	background: linear-gradient(to bottom, #746f6a 0%, #4d463f 88%);
}
.subcontents h2 a {
	text-decoration: none;
	color: #fff;
	padding: 13px 10px;
	display: block;
	overflow: hidden;
	line-height: 1.2em; }
.subcontents li {
	font-weight: bold;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #bab0a1;
	background: url(../img/sp-listr.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0.98, #fff), color-stop(0.00, #f2e1a1));
	background: url(../img/sp-listr.png) no-repeat right center, -webkit-linear-gradient(top, #fff 0%, #f2e1a1 98%);
	background: url(../img/sp-listr.png) no-repeat right center, -moz-linear-gradient(top, #fff 0%, #f2e1a1 98%);
	background: url(../img/sp-listr.png) no-repeat right center, -o-linear-gradient(top, #fff 0%, #f2e1a1 98%);
	background: url(../img/sp-listr.png) no-repeat right center, -ms-linear-gradient(top, #fff 0%, #f2e1a1 98%);
	background: url(../img/sp-listr.png) no-repeat right center, linear-gradient(to bottom, #fff 0%, #f2e1a1 98%);
}
.subcontents li a {
	text-decoration: none;
	color:#4d463f;
	padding: 12px 38px 12px 15px;
	display: block;
	overflow: hidden;
	line-height: 1.2em;
}
.subcontents li:first-child {
	border-top: none;
}
.subcontents li:last-child {
	border-bottom: none;
}
/*=================================================
 *  サイトフッター
 * ================================================= */

.global-footer {
	font-size: 14px;
	margin:0;
}
.global-footer h2 {
	font-size: 14px;
	color: #4d463f;
	margin: 0px;
	padding: 10px 0px 0px 10px;
	background: #a9dbd7;
}
.global-footer h2:before {
	content: "◆ ";
}
.global-footer nav {
	background: #a9dbd7;
	padding: 10px 0px 10px 0;
}
.global-footer ul {
	margin: 0px 10px;
	padding: 0px;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
}
.global-footer ul li {
	border-bottom: 1px solid #a9dbd7;
}
.global-footer ul li a {
	font-weight: bold;
	font-size: 13px;
	color: #333;
	display: block;
	padding: 12px 0 12px 40px;
	background-image: url("../img/sp-listf.png");
	background-size:25px 25px;
	background-position: 10px center;
	background-repeat: no-repeat;
	text-decoration: none;
}
.global-footer li:last-child {
	border-bottom: none;
}
.copyright {
	text-align: center;
	margin: 10px auto 0px auto;
	background:#a9dbd7;
	font-size:12px;
	font-weight: bold;
	line-height:1em;
}
.copyright a { color:#4d463f; }

/*=================================================
 * ボタン
 * ================================================= */
.btn a {
    display: block;
    margin: 0.5em 1em 1.5em;
    padding: 10px 40px 10px 3px;
    background: url(../img/sp-btn-bg.png) #0860cc no-repeat right center;
    -moz-background-size: 40px 100px;
    background-size: 40px 100px;
    -webkit-box-shadow: 0px 5px 0px #b3c6dd;
    -moz-box-shadow: 0px 5px 0px #b3c6dd;
    -ms-box-shadow: 0px 5px 0px #b3c6dd;
    box-shadow: 0px 5px 0px #b3c6dd;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    /*text-shadow: #004080 1px 1px 0px;*/
    font-weight: bold;
    /*border: 2px solid #ffffff;*/
    border-radius: 5px;
}
.btn2 a {
    display: block;
    margin: 0.5em 1em 1.5em;
    padding: 10px 40px 10px 3px;
    background: url(../img/sp-btn-bg.png) #cfd7df no-repeat right center;
    -moz-background-size: 40px 100px;
    background-size: 40px 100px;
    -webkit-box-shadow: 0px 5px 0px #ddd;
    -moz-box-shadow: 0px 5px 0px #ddd;
    -ms-box-shadow: 0px 5px 0px #ddd;
    box-shadow: 0px 5px 0px #eee;
    color: #0253b3;
    text-align: center;
    text-decoration: none;
    /*text-shadow: #004080 1px 1px 0px;*/
    font-weight: bold;
    /*border: 2px solid #ffffff;*/
    border-radius: 5px;
}
.btntel a {
    display: block;
    margin: 0.5em 1em 1.5em;
    padding: 10px 40px 10px 3px;
    background: url(../img/sp-btn-bg.png) #026a27 no-repeat right center;
    -moz-background-size: 40px 100px;
    background-size: 40px 100px;
    -webkit-box-shadow: 0px 5px 0px #34804f;
    -moz-box-shadow: 0px 5px 0px #34804f;
    -ms-box-shadow: 0px 5px 0px #34804f;
    box-shadow: 0px 5px 0px #62ac7c;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    /*text-shadow: #004080 1px 1px 0px;*/
    font-weight: bold;
    /*border: 2px solid #ffffff;*/
    border-radius: 30px;
}
.btntel2 a {
    display: block;
    margin: 0.5em 1em 1.5em;
    padding: 10px 40px 10px 3px;
    background: url(../img/sp-btn-bg.png) #bdd6c4 no-repeat right center;
    -moz-background-size: 40px 100px;
    background-size: 40px 100px;
    -webkit-box-shadow: 0px 5px 0px #ddd;
    -moz-box-shadow: 0px 5px 0px #ddd;
    -ms-box-shadow: 0px 5px 0px #ddd;
    box-shadow: 0px 5px 0px #eee;
    color: #12762e;
    text-align: center;
    text-decoration: none;
    /*text-shadow: #004080 1px 1px 0px;*/
    font-weight: bold;
    /*border: 2px solid #ffffff;*/
    border-radius: 30px;
}

.btntel a span {
    font-size: 18px;
}
/*=================================================
 * スタイル
 * ================================================= */

.center {
	text-align: center;
}
.center p {
	text-align: center;
}
.text-right {
	text-align: right;
}

.red{
 background-color: inherit;
 color: #f80e0e  !important; }

.blue{
 background-color: inherit;
 color: #0224f4  !important; }

/*align*/
.alignr,.alignr th{ text-align:right  !important; }
.alignl,.alignl th{ text-align:left   !important; }
.alignc,.alignc th{ text-align:center !important; }

.imgleft { vertical-align:top;
 float:left;
 margin: 2px 5px 2px 0!important;
 display: inline;
}
.imgright { vertical-align:top;
 float:right;
 margin: 2px 0 2px 5px!important;
 display: inline;
}
.floatl {
	float: left;
	display:inline;
}

.imgleft:after, .imgright:after, .floatl:after {
	content: '';
	display: block;
	clear: both;
}

.bld { font-weight:bold !important; }
.fsll { font-size:18px !important; }
.fsl { font-size:16px !important; }
.fss { font-size:12px !important; }

.pd5{ padding:5px !important;}

.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }

.mt0 { margin-top:0px !important; }
.mt10 { margin-top:10px !important; }
.ml10 { margin-left:10px !important; }

.pd10 { padding:10px !important; }

.w90p { width:90%; }

.bgc{ margin: 0px 10px 15px 10px;
border: dashed 1px #b1b523;
background-color:#ededed;
padding:5px; }

hr{ border-top: none;
 border-right: none;
 border-left: none;
 border-bottom: 1px dotted #4d463f;
 margin:15px 5px;
}

a.white { color:#FFF; }
a.red { color:#f80e0e; }

/*-- table --*/
.contents-area table { border-collapse:collapse;
	background: none repeat scroll 0 0 #fff;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	margin:0 auto 1em;
	padding:4px 8px;
	width:90%;
}
.contents-area table th{
	background: none repeat scroll 0 0 #f2e1a1;
	color:#4d463f;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	font-weight: bold;
	padding:4px 8px;
}
.contents-area table td {
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    padding: 4px 8px;
    font-size: 15px;
    line-height: 23px;
}
.contents-area table ul { margin:5px; }

/*-- Image --*/
.contents-area p img.img-in {
	display: inline;
	margin: 0;
}

.hd-box {
margin: 10px 0 3px 0;
padding: 0 0 5px;
border-radius:6px;
box-shadow: 2px 2px 3px #BBBBBB;
background-color:#fff;
}
.hd-title {
margin: 0;
padding: 8px 0;
color: #fff;
font-weight: bold;
font-size: 14px;
text-align: center;
background-color:#108f85;
border-radius: 6px 6px 0 0;
}
.hd-area img {
max-width: 380px;
width: 100%;
height: auto;
margin: 0 auto;
border-bottom: dotted 1px #ccc;
}
.hd-rank { text-align:center; }


.scroll table{
width:600px;
}
.scroll {
    overflow: auto;
    margin: 20px;
    width: 90%;
    margin: 20px auto;
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

/*20201120*/
span.kuchikomi{
	word-wrap : break-word;
	font-size: 10px
}
span.kuchikomi a{
	color:#808080;
}

/* 20210409_oki */
a.inyou {
    font-size: 0.8em;
    color: gray;
    word-break: break-all;
}

/* 20210827_oki */
.btn-web a {
    background: #e96797;
    color: #fff;
    text-decoration: none;
    margin: 15px auto;
    display: block;
    text-align: center;
    padding: 12px 0;
    font-weight: bold;
    font-size: 15px;
    border-radius: 5px;
    box-shadow: 0 3px 5px #0000004d;
    line-height: 1.4;
}
.sansyo {
	font-size: 0.8em;
	word-break: break-all;
}
.contents-area table.rank_table {
	border-left: 1px solid #BBA99E;
    border-bottom: 1px solid #BBA99E;
    empty-cells: show;
    font-size: 14px;
	margin:0 auto 1em;
	padding:4px 8px;
	width:90%;
}
.contents-area table.rank_table th {
    background-color: #A0D7D2;
    border-right: 1px solid #BBA99E;
    border-top: 1px solid #BBA99E;
    color: #FFFFFF;
	padding:4px 8px;
    text-align: center;
    vertical-align: middle;
}
.contents-area table.rank_table td {
    background-color: #fff;
    border-right: 1px solid #BBA99E;
    border-top: 1px solid #BBA99E;
	padding:4px 8px;
}
.menseki {
    font-size: 12px;
    margin: 15px 10px;
    padding: 10px 0 5px;
    background: #fff;
    border-radius: 5px;
}
.kuchikomi_sansho {
    font-size: 0.8em;
    word-break: break-all;
    color: gray;
}

.kuchikomi_sansho a{
    font-weight: normal;
    word-break: break-all;
    color: gray;
}

#light img{
	display:inherit;
	margin:0;
}

.caption_scroll {
    margin: 10px 0;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #C0C0C0 #eee;
}
/* for chrome, safari */
.caption_scroll::-webkit-scrollbar {
    height: 5px;
}
.caption_scroll::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #C0C0C0;
}
.caption_scroll::-webkit-scrollbar-track {
    border-radius: 2px;
    background: #eee;
}

.caption_scroll a{
	font-size: 12px;
	font-weight: normal;
	word-break: break-all;
	color: gray;
}



.kanren {
    border: 2px solid #443D37;
    padding: 20px 30px 0;
    margin: 30px auto;
    position: relative;
    box-sizing: border-box;
    width:90%;
}
.midasi {
    border-bottom: 2px solid #443D37;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 15px;
}
.kanren ul {
    margin: 20px 0;
}
.kanren ul li {
    padding: 0 0 0 20px;
    background: url(https://www.lumbar-recovery.net/wp/wp-content/themes/wp001j/img/list.png) no-repeat 0 8px;
    margin:10px auto;
}
.kanren ul li a{
    color:#000;
    font-weight:normal;
}