html{padding:0;}
body{font-family: 'Noto Sans JP', sans-serif; padding:0; margin:0;}
/*ロゴ*/
#header{text-align:center; padding:0;}
#header .logo{font-size:30px; font-weight:700; color:#fff;}
#header .logo .small{font-size:14px;}
.center{text-align:center;}

.container{max-width:1080px; width:100%; margin:0 auto;}

.box1{background:#fff4f4; padding:40px 400px 48px 40px; position: relative; margin:0px 0; border-radius:10px;}
.box1 p{padding:0; margin:0; font-size:19px; color:#2e0406;}
.box1 img{width: 300px;position: absolute; top:63px; right: 60px;}
.line{background:linear-gradient(transparent 60%, #ffe08f 60%);}
.sh1{font-size:48px !important;line-height:160%; margin-bottom:40px !important;}
.sh2{border-left: 4px solid #ff848a;padding-left: 20px !important;line-height:200% !important;}
.box2{padding: 20px; border: 2px solid #ff848a; position: relative; text-align: center; width:62%; margin:70px auto 0px auto; border-radius:10px;}
.box2 img{width: 105px; position: absolute; left: -146px; top: 76px;}
.box2 h2{text-align: center; font-size: 30px; font-weight: 700; color:#ff848a; background: #fff; position: relative; bottom: 42px; display: inline; border-bottom: 4px double #dba8ab; padding: 0 40px 10px 40px;}
.box2 ul{padding:0; margin:0; list-style-type:none; border-radius:10px; overflow:hidden;}
.box2 .point{text-align: center;display: block;}
.box2 .point ul {padding-left: 0;list-style: none;display: inline-block; position:relative; bottom:10px;}
.box2 .point ul li {text-align: left; font-size:20px; color:#4e1719;  font-weight: 500; border-bottom: 1px solid #e7c6c6;  padding:10px 123px;}
.box2 .point ul li:last-child{border:none;}
.box2 .point ul li:nth-child(even){background:#fff4f4;}
.box2 .point ul li span{margin-right:10px; color:#f1a417;}

/*タブ切り替え全体のスタイル*/
.tabs {margin:60px 0; background-color: #fff; width:100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.tab_item{width: calc(98% / 3); background-color:#d9d9d9; font-size:20px; padding:20px 0; border-radius:10px 10px 0 0; text-align: center; color: #565656; display: block; text-align: center; font-weight: bold; transition: all 0.2s ease;}
.tab_item:hover{opacity: 0.75;}
input[name="tab_item"] {display: none;}
.t_container {display: none; padding:20px; clear: both; overflow: hidden; border-radius:0 0 10px 10px;}
#all:checked ~ #t_con1,#kyujin:checked ~ #t_con2,#service:checked ~ #t_con3 {display: block;}
.tabs input:checked + .tab_item {background-color: #3d8dcc; color: #fff;}

/*テーブル*/
.t_container{width:100%;border:2px solid #d9d9d9; background:#fdfdfd;}
.t_container table{border-collapse: separate; border-radius: 10px; border-spacing: 0; overflow: hidden; width:100%;border: 2px solid #ff848a;}
.t_container table th{background:#ffe6e6; color:#461717; padding:20px 0;}
.t_container table th.rank{width:50px;}
.t_container table th.link{width:170px;}
.t_container table th,.t_container table td{border:1px solid #cdb7b7; text-align:center;}
.t_container table td{background:#fff; padding:0 10px;}
a.link{display: block; width: 125px; background:url(img/arrow.png) no-repeat right center #f9a032; background-size:15px; color: #fff; text-decoration: none; font-weight: 700; border-radius: 10px; padding: 10px 10px; margin: 10px auto;  border: 2px solid #c37311; border-width: 1px 1px 4px 1px;}
a.link:hover{opacity:0.8;}

/*リアルタイム申込テーブル*/
.realtimetable{margin:20px 0 20px 0; padding:20px 0; background:url(img/live.png); background-size:cover; text-align:center;}
.realtimetable table{border-collapse: separate; border-radius: 10px; border-spacing: 0; overflow: hidden; width:90%;border: 2px solid #ff848a; table-layout:fixed; margin:0 auto;}
.realtimetable table th{background:#ffe6e6; color:#461717; padding:20px 0;}
.realtimetable table th.rank{width:50px;}
.realtimetable table th.link{width:170px;}
.realtimetable table th,.realtimetable table td{border:1px solid #cdb7b7; text-align:center;}
.realtimetable table td{background:#fff; padding:10px 10px;}

.realtimetable_container{margin-bottom:80px;}
.realtimetable_container h2{text-align: center; font-size: 30px; font-weight: 700; margin:30px 0 0 0;}


.dame_container{width:80%; margin:0 auto;}
.dame_container .sec3_description{width:100% !important; margin:0 0 40px 0;}
.dame{display:flex; justify-content:center; align-items:center; margin:78px 0 40px 0; background:#ffe08f; width:100%; border-radius:10px; padding:35px 0px 20px 0; position:relative;}
.dame span.damesh1{display: block; position: absolute; top: -25px; background: #fff; padding: 10px 55px; border-radius: 100px; font-weight: bold; font-size: 20px; border: 2px solid #ffe08f;}
.dame span.damesh2{display: block; position: absolute; top: 35px; padding: 10px 55px; font-size: 16px; font-weight: bold; color: #e60012;}
.dame span.damesh2:after{content:""; display:block; width:100%; height:1px; background:#e60012; position:absolute; top:50%; left:0;}
.dame span.damesh2 i{font-style:normal; background:#ffe08f; z-index: 999; position: relative;}


.dame2{display:flex; justify-content:center; align-items:center; margin:78px 0 40px 0; background:none; width:100%; border-radius:10px; padding:40px 0px 20px 0; position:relative;}
.dame2 span.damesh1{display: block; position: absolute; top: -25px; background:#ffe08f; padding: 10px 55px; border-radius: 100px; font-weight: bold; font-size: 20px; border: 2px solid #ffe08f;}
.dame2 span.damesh2{display: block; position: absolute; top: 35px; padding: 10px 55px; font-size: 16px; font-weight: bold; color: #e60012;}
.dame2 span.damesh2:after{content:""; display:block; width:100%; height:1px; background:#e60012; position:absolute; top:50%; left:0;}
.dame2 span.damesh2 i{font-style:normal; background:#ffe08f; z-index: 999; position: relative;}
.dame2 img{width:100px; margin-right:20px;}

.dame img{width:100px; margin-right:20px;}
.dame ul{border-radius:10px;list-style-type:none; margin:0; padding:0;}
.dame ul li{font-weight:bold;font-size:20px; background:url(img/dame.png) no-repeat center left; background-size:25px; padding:10px 0 10px 35px;}
.dame ul li span{color:#e7091a;}
.dame_container .item_description{padding:0 50px;}

.dame_container .sec3_item{width:100%; margin-bottom:40px;}
.dame_container .sec3_item_container{display:block;}
.dame_container .item_label{display:flex; align-items:center;}
.dame_container .item_icon{font-size:18px; font-weight:bold;display: flex; justify-content: center; align-items: center;}
.kumiawase_item a span{display:block;}
.kumiawase_item a{display:block; height:100%; border:1px solid #ddd; padding:20px; margin:0 10px; border-radius:10px;}
.pcno{display:none;}


.topranking .best4_item{background:#fff;}
.topranking .best4_item .rankicon{background:none;}
.topranking .rank_data h4{font-weight:900;border-radius: 0; color: #3d8dcc; background: #fff; border-bottom: 3px double #3d8dcc;}
.topranking .rank_button a {background: url(img/arrow.png) no-repeat right center #3d8dcc;
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 15px 0;
    border-radius: 100px;
    font-size: 22px;
    border: 2px solid #23547a;
    border-width: 1px 1px 4px 1px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

@media screen and (max-width:640px) {
	.dame_container .sec3_item{width:100%; padding:20px;}
	.dame_container{width:96%; margin:0 auto;}
	.realtimetable table{table-layout:auto; width:96%;}
	.realtimetable table th{font-size:12px; padding:12px 0;}
	.realtimetable table td{font-size:10px;}
	.dame_container .item_label{display:block; text-align:center; padding-left:0;}
	.dame_container .item_description{padding:0;}
	.dame img{width:60px;}
	.dame{padding:7vw 10px 20px 0; box-sizing:border-box;}
	.dame ul li{font-size:15px;}
	.dame_container .sec3_description p{font-size:16px !important;}
	.pcno{display:block;}
	.kumiawase_item a span{font-size:15px;}

	.dame2{display: block; text-align: center; margin: 30px 0 40px 0; padding: 20px 10px; box-sizing: border-box;}
	.dame2 span.damesh1{position:relative; margin-bottom:10px;font-size: 3.5vw;}
	.dame span.damesh2{top:32px;}
	.dame2 p{text-align:left;}
	.dame span.damesh1{font-size: 3.3vw;}

}


table.unei {width:500px; border:1px #E3E3E3 solid; border-spacing:0; margin:0 auto;}
table.unei th{background:#f5f5f5; padding:10px; border:#e3e3e3 solid; border-width:0 0 1px 1px; font-weight:bold; line-height:120%; text-align:left; white-space: nowrap;}
table.unei td{padding:10px; border:1px #E3E3E3 solid; border-width:0 0 1px 1px; text-align:left;}
@media screen and (max-width:640px) {
	table.unei {width:98%; margin:0 auto;}
}

/*フォーム*/
#search_form{width:100%; background:#fff4f4; padding:20px; box-sizing:border-box; border-radius:10px; margin-bottom:60px;}
.searchbottun{width:100%; text-align:center;}
.searchbottun button{background:#3d8dcc; color:#fff; padding:10px 0; width:40%; margin:0 auto; text-align:center; border-radius:100px; border:none; font-size:20px;border-bottom: 4px solid #296493;}
.searchbottun button:hover{opacity:0.8;}
.searchbottun button:hover{cursor:pointer;}
.searchform{margin-bottom:20px;border-collapse:collapse; border-radius:10px; overflow:hidden;}
.searchform th{white-space:nowrap;background:#ff848a; color:#fff; padding:10px 40px; border-bottom:1px solid #dff3f5; font-size:18px; font-weight:500;}
.searchform td{padding:10px 20px; display:flex;flex-wrap: wrap;}
.searchform tr:nth-child(odd) td{background:#fffdfd;}
.searchform tr:last-child td{border-bottom:none;}
.searchform td select{width:100%; box-sizing:border-box; font-size:16px; padding:10px; border:1px solid #adc3c5; border-radius:4px;}
.searchform td label.checklabel{margin:5px 0; width:25%;}
.searchform_items td{padding:10px 0;}

.kigou{font-size:42px; font-weight:800; color:#ff848a;}
.manzoku_nuber{display:block; text-align:center; font-size:20px; font-weight:700; color:#ff848a;}
.manzoku_star{font-size:20px; color:#ffc82c; font-weight:700;}
.service_name{display:block; margin-top:5px; font-size:14px;}



/*table sort*/
.tablesorter-default .header, .tablesorter-default .tablesorter-header {
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
  background-position: center right;
  background-repeat: no-repeat;
  cursor: pointer;
  white-space: normal;
  padding: 20px 20px 20px 4px
}

.tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerAsc, .tablesorter-default thead .tablesorter-headerSortUp{
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
  border-bottom: #000 2px solid
}

.tablesorter-default thead .headerSortDown, .tablesorter-default thead .tablesorter-headerDesc, .tablesorter-default thead .tablesorter-headerSortDown {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
  border-bottom: #000 2px solid
}



/*sec3*/
.sec3{background:#fff4f4; padding:60px 0; margin:0 0 60px 0;}
.container_inner{max-width:1080px; width:100%; margin:0 auto;}
.sec3 h3{text-align: center; font-size:30px; font-weight:700; color:#2e0406; padding:0 0 20px 0; margin:0 0 40px 0;border-bottom: 4px double #ff848a;}
.sec3_item_container{display:flex; justify-content:space-between;}
.sec3_item{position:relative;background:#fff; border-radius:10px; padding:30px; width:32%; box-sizing:border-box;}
.sec3_item p{padding:0; margin:0;}
.item_label{font-size:20px; font-weight:700; margin-bottom:20px; color:#2f5e62; padding-left:40px;}
.item_image{width:100%; margin-bottom:20px; text-align:center;}
.item_image img{width:60%; margin:0 auto;}
.item_icon{text-align:center;display:block; width:70px; height:70px; position:absolute; top:-10px; left:-10px; background:#ff848a; color:#fff; border-radius:50%; padding:10px 0; box-sizing:border-box; font-size:13px;}
.item_icon i{display:block; font-size:22px; font-weight:800; font-style:normal;}
.sec3_description{color: #3c1919;text-align: center; padding: 20px; border-radius: 10px; margin-top: 20px; font-weight:700; font-size: 20px; line-height: 200%;}


.sec3_description {position: relative;width: 80%;padding:5px 0;-webkit-box-sizing: border-box;box-sizing: border-box; margin:40px auto 0 auto;}
.sec3_description::before,
.sec3_description::after {position: absolute; content: ''; width: 20px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.sec3_description::before {top: 0; left: 0; border-top: 2px solid #ff848a; border-left: 2px solid #ff848a; border-radius:10px 0 0 0;}
.sec3_description::after {bottom: 0;right: 0; border-bottom: 2px solid #ff848a; border-right: 2px solid #ff848a; border-radius:0 0 10px 0;}

.best4_item{width:70%; display:flex; margin:0 auto 40px auto; position:relative; background:#fff4f4; padding: 40px; border-radius: 10px;flex-wrap: wrap;}
.best4_item .rank_image{width:200px; height:200px; margin-right:40px;}
.best4_item .rank_data{width:100%; flex:1;}
.best4_item .rankicon{width: 100px; height: 100px; position: absolute; top: -10px; left: -10px;  background: #462808;  padding: 2px; border-radius:100px;}
.best4_item .rankicon img{width:100%;}
.rank_image img{width:100%;}
.best4 h3{text-align: center; font-size: 48px; color:#2e0406; font-weight: 800; border-bottom: 4px double #f3aaae; padding-bottom: 20px;}
.best4 h3 span{font-size:60px;}
.rank_data h4{font-size: 30px; margin: 0 0 20px 0; color: #fff; font-weight: 700; background:#ff848a; border-radius: 10px; padding: 10px 20px;}
.rank_data h5 {background: url(img/point.png) no-repeat center left; background-size: 20px; color:#99191f; font-size: 19px; padding: 10px 0 10px 30px; margin: 0; border-bottom: 3px double #ff848a;}
.rank_data ul{position:relative;margin: 0; padding: 20px; list-style-type: none; background: #fdffff; border-radius: 10px;}
.rank_data ul li{padding-left:0;font-size:18px; margin-bottom:20px; color:#d9296a;}
.rank_data ul li:last-child{margin:0;}
.rank_data ul li span{margin-right: 10px; color: #f1a417;}
.rank_button{width:100%; text-align:center; margin-top:28px;}
.rank_button a{background: url(img/arrow.png) no-repeat right center #f9a032; display: block; width: 80%; margin: 0 auto; padding: 15px 0; border-radius: 100px; font-size: 22px; border: 2px solid #c37311; border-width: 1px 1px 4px 1px; color: #fff; text-decoration: none; font-weight: 600;}
.rank_data p.catch{color:#333;}

.b{font-weight:800;}

ul.con{list-style-type:none; margin:0; padding:0; width:76%; display:flex; flex-wrap:wrap; margin:0 auto;justify-content:space-between;}
ul.con li{width:46%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
ul.con li a{display:flex; align-items:center; color:inherit; text-decoration:none;}
ul.con li .conimage{width:30%; margin-right:10px;}
ul.con li .conimage img{width:100%; border-radius:10px;vertical-align:top;}
ul.con li a:hover .conimage img{filter: brightness(120%);}
ul.con li .contitle{flex:1;}
.con_more{display:none;}


.conmore a {text-align: center; padding: 10px 100px; font-size: 16px; color: #fff; text-decoration: none;  background: #3d8dcc; border-radius: 100px; z-index: 99999; transition:.3s; position:relative; bottom:0;}
.conmore a:hover {bottom: -7px;}


.red{color:#c70a13;}


@media screen and (max-width:1080px) {
	.container{padding:0; box-sizing:border-box;}
	.box1{padding:20px;}
	.sh1{font-size:5vw !important;}
	.box1 img {width: 20vw; position: absolute; top: 128px; right: 60px;}
}
@media screen and (max-width:640px) {
	.sh1{margin-bottom:20px !important;}
	.sh2{font-size:14px !important;}
	.box1{margin:10px;}
	#header .logo{font-size:24px;}
	.box1 img{display:none;}
	.box2{width:auto; box-sizing:border-box; margin:40px 10px 10px 10px;}
	.box2 .point ul li{padding:10px; font-size:16px;}
	.box2 h2{font-size:6vw; padding:0 0 10px 0; border:none;}
	.t_container table{width:820px;}
	.t_container{overflow-x:scroll;}
	.tab_item{font-size:16px;}
	.sec3_item_container{display:block; margin:0 10px;}
	.sec3_item{width:100%; margin-bottom:20px;}
	.sec3_description{width:calc(100% - 20px); padding:5px 10px;}
	.sec3 h3{font-size:7vw; padding:0 10px 20px 10px;}
	.sec3{margin:0 0 40px 0;}
	#search_form{width:calc(100% - 20px); margin:0 auto 40px auto;}
	.searchform th{font-size:14px; padding:10px;}
	.searchform td label.checklabel{width:100%; font-size:14px;}
	.searchbottun button{width:100%;}
	.best4 h3{font-size:20px;}
	.best4 h3 span{font-size:24px;}
	.best4_item{width:calc(100% - 20px); padding:20px; box-sizing:border-box;}
	.best4_item .rank_image{margin:0 0 20px 0; overflow:hidden; width:100%; height:200px;}
	.rank_data h4{font-size:24px;}
	.rank_data ul{padding:15px;}
	.rank_data ul li{font-size:14px;}
	.rank_button a{width:100%;}
	.best4_item .rankicon{width:80px; height:80px;}
	ul.con{width:98%;}
	ul.con li{width:100%;}
}

.listitem_container{display:flex;flex-wrap: wrap;}
.listitem{background:#fff; padding:2px 5px; border-radius:4px; margin:0 5px 5px 0; font-size:14px;}
.t_container{height:600px; position:relative; transition:.3s;}
.t_container.h100p{height:100%;transition:.3s;}
body#form .t_container{height:100%;}
.t_container:after{content:""; display:block; width:100%; height:55px; background:url(img/t_containerbg.png) repeat-x; position:absolute; bottom:0; left:0; z-index:9999;}
a.rankingmore{width:400px; text-align:center; padding:10px 0; font-size:16px; color:#fff; text-decoration:none; background:#3d8dcc; border-radius:100px; position: absolute; bottom: -24px; left: 50%; z-index: 99999; margin-left: -200px; transition:.3s;}
a.rankingmore:hover{bottom:-30px;}



.tabs{position:relative;}
#header img{max-width:100%;}


@media screen and (max-width:640px) {
	a.rankingmore{width:80%; margin-left:-40%;}
}


p.note{line-height:35px; background:url(img/noteline.png);}
#search_form{margin-top:60px;}
.box2 .point{display:none;}
img.box2image{display:none;}
a.box2more{width:300px; text-align:center; padding:10px 0; font-size:16px; color:#fff; text-decoration:none; background:#ff4075; border-radius:100px; position: absolute; bottom: -25px; left: 50%; z-index: 99999; margin-left: -150px; transition:.3s;}
a.box2more:hover{bottom:-30px;}
a.box2more:before{content:"確認する";}
a.box2more.up:hover{bottom:-18px;}
a.box2more.up:before{content:"閉じる";}




.m_ranking{width:62%; box-sizing:border-box; margin:0 auto;}
.m_ranking h1{text-align:center; color:#fd6392; font-size:48px; position:relative;}
.m_ranking h1:after{content:""; width:100%; height:3px; background:#fd6392; position:absolute; top:50%; left:0; z-index:0;}
.m_ranking h1 span{background: #fff; z-index: 99999; position: relative; padding: 0 10px;}
.m_ranking h1 span i{color:#ffc624; font-style:normal;}
.m_ranking_item{display:flex; margin:40px 0; padding:0px 0 40px 0; border-bottom:1px dotted #4b959d;}
.m_ranking_item:last-child{border:none;}
.m_ranking_item_inner{flex:1;}
.m_ranking_item_inner p{margin:0; padding:0; line-height:200%;}
img.m_ranking_icon{width:150px; height:100%; margin-right:30px;}
.m_ranking_item_header{display:flex; align-items:center; margin-bottom:10px;}
.m_ranking_image{margin-right:20px;}
.m_ranking_title{font-size:20px; font-weight:bold; display:block; margin-bottom:10px; flex:1;}
.m_ranking_link{display:flex; align-items:center;}
.m_ranking_link_icon{color:#fd6392; border: 1px solid #fd6392; padding: 3px 5px; border-radius: 5px; font-size: 14px; margin-right: 10px;}
.m_ranking_link{margin-top:15px;}

table.service_data{border:1px solid #f87273; width:100%; margin-bottom:20px; border-radius:10px; overflow: hidden;border-collapse: separate; border-spacing: 0;}
table.service_data th{text-align:left; background:#f87273; color:#fff; padding:15px;border-bottom:1px solid #dff3f5;border-right:1px solid #f87273;white-space:nowrap; font-size:14px;}
table.service_data tr:last-child th,table.service_data tr:last-child td{border-bottom:none;}
table.service_data td{border-bottom:1px solid #f87273; background:#fff; padding: 15px 15px 5px 15px;}
table.service_data td ul{font-size:14px; display:flex; flex-wrap:wrap;justify-content:flex-start; padding:0; margin:0;}
table.service_data td ul li{border:1px solid #f87273; font-size:14px; color:#f87273; padding:5px 10px; border-radius:5px;white-space: nowrap; margin:0 10px 10px 0; box-sizing:border-box; width: calc(50% - 10px); text-align:center;background: #fff2f2;}
table.service_data td ul li:last-child{margin:0 10px 10px 0;}
table.service_data td ul li.disable{border:1px solid #bdbdbd; color:#bdbdbd; background:#fff;}
.rank_data ul{margin:0 0 20px 0;}

#search_form h3{text-align: center; font-size: 28px; color:#ff4075; margin: 0 0 0 0; position:relative;}
#search_form h3:hover{cursor:pointer;}
#search_form h3:before{content:"＋"; margin-right:20px;}
#search_form h3.up:before{content:"－"; margin-right:20px;}
#form_container{display:none; margin-top:20px;}

table.area{width:76%; margin:0 auto;border:1px solid #f87273; margin-bottom:20px; border-radius:10px; overflow: hidden;border-collapse: separate; border-spacing: 0;}
table.area th{width: 200px;text-align:left; background:#f87273; color:#fff; padding:15px;border-bottom:1px solid #fff;border-right:1px solid #f87273;white-space:nowrap; font-size:14px;}
table.area tr:last-child th,table.area tr:last-child td{border-bottom:none;}
table.area td{border-bottom:1px solid #f87273; background:#fff; padding: 15px 15px 5px 15px;}
table.area td ul{list-style-type:none; margin:0; padding:0; display:flex;flex-wrap: wrap;white-space: nowrap;}
table.area td ul li{margin:0 20px 10px 0;}
table.area td ul li a{color:#333; text-decoration:none;}
footer{padding:100px 0; text-align:center;}
footer p{font-size:12px;}
footer a{color:inherit; text-decoration:none; font-size:14px !important;}

@media screen and (max-width:640px) {
	.m_ranking{width:98%;}
	img.m_ranking_icon{width:50px; margin-right:10px;}
	.m_ranking h1{font-size:30px;}
	table.service_data td ul li{white-space: normal;align-items: center; display: flex; justify-content: center;}
	table.area{width:98%;}
	table.area th{width:80px;}
}



table.jouken{width:76%; margin:0 auto 80px auto;border:1px solid #f87273; border-radius:10px; overflow: hidden;border-collapse: separate; border-spacing: 0;}
table.jouken th{width: 200px;text-align:left; background:#f87273; color:#fff; padding:15px;border-bottom:1px solid #fff;border-right:1px solid #f87273;white-space:nowrap; font-size:14px;}
table.jouken tr:last-child th,table.jouken tr:last-child td{border-bottom:none;}
table.jouken td{border-bottom:1px solid #f87273; background:#fff; padding: 15px 15px 5px 15px;}
table.jouken td ul{list-style-type:none; margin:0; padding:0; display:flex;flex-wrap: wrap;white-space: nowrap;}
table.jouken td ul li{margin:0 20px 10px 0; width:29%}
table.jouken td ul li a{color:#f87273; text-decoration: none; background: #fff; padding: 15px 15px; border-radius: 10px; display: block; font-size: 18px; border: 1px solid #f87273; font-weight: bold; text-align:center;}

@media screen and (max-width:640px) {
	table.jouken{width:98%;}
	table.jouken th{width:80px;}
	table.jouken td ul li a{font-size:14px;}
	table.jouken td ul li{margin: 0 2px 10px 0; width: calc(50% - 4px);}
}




/*条件別ランキング*/
	.terms_ranking{display:block;}
	.terms_ranking_inner{width:70%; margin:0 auto;}
	.terms_ranking ul{width:100%; box-sizing:border-box; display:flex; list-style-type:none; margin:0 auto; padding:0; justify-content:space-between; flex-wrap:wrap;}
	.terms_ranking ul li{width:49%;}
	.terms_ranking ul li a{transition:.3s;display:block; color:#fff; text-decoration:none;border-radius:10px; background:url(img/arrow.png) no-repeat right center #fd6392; background-size:20px; color:#fff; text-align:center; font-weight:bold; box-sizing:border-box; margin:0 0 4% 0; padding:15px 0; font-size:26px;border-width:1px 1px 3px 1px;  border-style: solid; border-color:#fff #fff #dd255d #fff;}
	.terms_ranking ul li a:hover{background:url(img/arrow.png) no-repeat right center #fff; color:#fd6392;background-size:20px; border-width:1px 1px 3px 1px; border-style:solid; border-color:#dd255d;}
.terms_ranking ul li span{display:block; font-weight:normal; font-size:14px;}
	.terms_ranking h3{display: flex; justify-content: center;text-align:center; align-items:center; font-weight: 900; font-size:30px; color: #ad8d42;}
	.terms_ranking h3 span{display:block;}
	.terms_ranking h3 .rankingh3_inner{margin:0 10px;}
	.terms_ranking h3:before{content:""; display:block; width:38px; height:73px; background:url(img/gekkeikan1.png) no-repeat; background-size:100%;}
	.terms_ranking h3:after{content:""; display:block; width:38px; height:73px; background:url(img/gekkeikan2.png) no-repeat; background-size:100%;}


.termcontainer{background: #fff4f4; padding:30px 0; margin: 0 0 60px 0;}
.termcontainer h3 {text-align: center; font-size: 30px; font-weight: 700; color: #2e0406; padding: 0 0 20px 0; margin: 0 0 40px 0; border-bottom: 4px double #ff848a;}
.term_item{background:#fff; width:70%; margin:0 auto 20px auto; box-sizing:border-box; padding:20px; border-radius:10px;}
.term_item .item_sh{display:flex; align-items: center; font-size:22px; font-weight:bold; border-bottom:1px solid #ddd; padding:0 0 10px 0; margin:0 0 10px 0;}
.term_item .item_sh img{width:50px; margin-right:10px;}
.term_item .item_sh p{padding:0; margin:0; flex:1;}
.term_item .item_catch{display:block; font-size:16px; margin:0 0 20px 0;}
.term_item .item_data{display:flex; align-items:center;}
.term_item .item_image{margin: 0 20px 20px 0; overflow: hidden; width:50%; height: 200px; border: 4px solid #ddd; box-sizing: border-box; border-radius: 10px;}
.term_item .item_image img{width:100%;}
.term_item ul{list-style-type:none; margin:0; padding:0;}
.term_item ul li{display:flex; margin-bottom:20px;}
.term_item ul li p{flex:1; padding:0; margin:0;}
.term_item ul li i{font-size:13px;font-style:normal; background:#fd6392; color:#fff; border-radius:100px; text-align:center; width:25px; height:25px; line-height:25px; display:block; margin-right:10px;}

@media screen and (max-width:640px){
	.terms_ranking_inner{width:100%;}
	.terms_ranking h3{display: flex; justify-content: center;text-align:center; align-items:center; font-weight: 900; font-size: 6vw; color: #ad8d42;}
	.terms_ranking ul{width:92%; box-sizing:border-box; display:flex; list-style-type:none; margin:0 auto; padding:0; justify-content:space-between; flex-wrap:wrap;}
	.terms_ranking ul li span{display:block; font-weight:normal; font-size:12px;}
	.terms_ranking ul li{width:49%;}
	.terms_ranking ul li a{border-radius:10px;background:url(img/arrow.png) no-repeat right center #fd6392; background-size:15px; color:#fff; text-align:center; font-weight:bold; box-sizing:border-box; margin:0 0 4% 0; padding:15px 0; font-size:4.5vw;border-width: 0 0 3px 0;  border-style: solid; border-color: #dd255d;}
	.terms_ranking h3:before{content:""; display:block; width:30px; height:57px; background:url(img/gekkeikan1.png) no-repeat; background-size:100%;}
	.terms_ranking h3:after{content:""; display:block; width:30px; height:57px; background:url(img/gekkeikan2.png) no-repeat; background-size:100%;}
	.term_item .item_image{margin: 0 0 20px 0; overflow: hidden; width: 100%; height: 200px; border: 4px solid #ddd; box-sizing: border-box; border-radius: 10px;}
	.term_item{background:#fff; width:92%; margin:0 auto 20px auto; box-sizing:border-box; padding:20px; border-radius:10px;}
	.term_item .item_data{display:block;}
	.term_item ul li{display:flex; margin-bottom:10px;}
}