/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {  
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}  
address, caption, cite, code, dfn, em, strong, th, var  {
	font-style: normal;  
}  
table   {  
	border-collapse: collapse;  border-spacing: 0;  
}  
caption, th {  
	text-align: left;  
}  
q:before ,q:after   {  
	content: '';  
}  
object, embed   {  
	vertical-align: top;  
}  
hr, legend  {  
	display: none;  
}  
img, abbr, acronym, fieldset    {  
	border: 0;  
}  
img, textarea {
	vertical-align: bottom;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
} 
.radius {  
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
:placeholder-shown {
  color: #BDBDBD;
}
::-webkit-input-placeholder {
  color: #BDBDBD;
}
:-moz-placeholder {
  color: #BDBDBD;
}
::-moz-placeholder {
  color: #BDBDBD;
}
:-ms-input-placeholder {
  color: #BDBDBD;
}
input, select, textarea {
	/* -webkit-appearance: none; */
	/* -moz-appearance: none; */
	/* appearance: none; */
	/* border-top-style: none; */
	/* border-right-style: none; */
	/* border-bottom-style: none; */
	/* border-left-style: none; */
}
input[type="submit"] {
	cursor: pointer;
}
h1 {
	font-size: 0.9rem;
}
h2 {
	font-size: 0.8rem;
}
p {
	font-size: 0.7rem;
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
body {
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}  
.right {
	text-align: right;
}
a:link, a:visited, a:active, a:hover  {
	text-decoration: none;
	/* color: #FFFFFF; */
}
a.underline:hover {
	text-decoration: underline;
}
img {
	width: 100%;
	height: auto;
}
button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
}

.main {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* センタリングクラス */
.center_800 {
	width: 800px;
	margin: 0 auto;
}
.center_900 {
	width: 900px;
	margin: 0 auto;
}
.center_1000 {
	width: 1000px;
	margin: 0 auto;
}
.center_1100 {
	width: 1100px;
	margin: 0 auto;
}
.center_1200 {
	width: 1200px;
	margin: 0 auto;
}

/* CSS Document */
body {
	background-color: #FFFFFF;
    color: #212121;
    font-size:15px
}
/* サイト全体 */
#wrapper {
	width: 100%;
	height: auto;
    float: left;
}
/* ヘッダー */
#header {
	width: 100%;
	height: auto;
    float: left;
    background: #e30f87;
}
#header .left{
	width: 20%;
	height: auto;
    float: left;
    padding: 8px;
    padding-left: 15px;
}
#header .logo {
	width: 60%;
	height: auto;
    float: left;
    padding: 8px;
    padding-left: 15px;
    text-align: center;
}
#header .logo h1 {
	color: #E0E0E0;
    font-size: 100%;
    font-weight: normal;
    line-height: 2em;
}
#header .logo img {
	width: auto;
	height: 40px;
}
#header .nav_button, .contents_header .nav_button_footer {
	width: 20%;
	height: auto;
    float: right;
    padding: 5px;
    margin-top: 4px;
}
.contents_header .nav_button_footer {
	width: 100%;
	height: auto;
    padding: 0px;
    margin-top: -10px;
    margin-bottom: -10px;
    text-align: center;
}
#header .nav_button button, .contents_header .nav_button_footer button {
    margin: 0;
    padding: 0;
    width: auto;
    height: 36px;
}
#header .nav_button button .bar, .contents_header .nav_button_footer button .bar {
	display: block;
    border-top: 2px solid #FFF;
    width: 21px;
    height: 1px;
    margin: 4px 0 0 0;
    border-radius: 2px;
}
#header .nav_button button .bar_text, .contents_header .nav_button_footer button .bar_text {
    font-size: 90%;
    color: #000000;
    vertical-align: baseline;
}
#header .nav_menu {
    display: none;
	width: 100%;
	height: auto;
    float: left;
    background: #ffdbe3;
}
#header .nav_menu ul li {
	border-bottom: dotted #757575 1px;
}
#header .nav_menu ul li:last-child {
	border-bottom: none;
}
#header .nav_menu ul li a {
    position: relative;
	display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    padding-left: 20px;
}
#header .nav_menu ul li a > span {
    font-size: 80%;
    color: #000000;
}
#header .nav_menu ul li a > span:after {
    position: absolute;
    content: ">";
    right: 10px;
}
/* コンテンツ全体 */
#main_contents {
	width: 100%;
	height: auto;
    float: left;
}
#main_contents .main {
	width: 100%;
	height: auto;
    float: left;
}
#main_contents .contents_header {
	width: 100%;
    height: auto;
    float: left;
    padding: 10px;
    background: #c7b79b;
}
img.rank_icon {
	width: auto;
    height: 22px;
    margin-right: 5px;
}
img.rank_icon_list {
	width: auto;
    height: 24px;
    margin-right: 3px;
    vertical-align: -3px;
}
#main_contents .contents_header h2 {
	font-size: 90%;
    color: #FFF;
}

/* メインメニュー */

#main_contents .menu_button{
    display: inline-block;
    margin: 10px 0;
}

#main_contents .menu_button a{
    display: inline-block;
    text-align: center;
}

#main_contents .menu_button img{
    width: 80%;
    margin: 10px 0;
}


/* タブメニュー */
#main_contents #tab_wrap {
    width: 100%;
	height: auto;
    float: left;
    margin-bottom: 10px;
}
#main_contents #tab_wrap .scroll_menu {
    width: 100%;
	height: auto;
    float: left;
    overflow-x: scroll;
    background: #ffb8c9;
}
#main_contents #tab_wrap .scroll_menu ul {
    width: 2000px;
    float: left;
}
#main_contents #tab_wrap .scroll_menu ul > li {
    width: 100px;
    float: left;
    list-style-type: none;
}
#main_contents #tab_wrap .scroll_menu ul > li a {
    font-size: 75%;
    color: #ff003c;
    text-decoration: none;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    width: 100%;
    background: #ffb8c9;
}
#main_contents #tab_wrap .scroll_menu ul > li a:hover, #main_contents #tab_wrap .scroll_menu ul > li a.current {
    background:#e30f87;
    color: #FFFFFF;
}

#main_contents #tab_wrap .ranking-table {
    background: #fff;
    display: inline-block;
    margin-left: 10px;
    overflow: scroll;
    width: calc(100% - 20px);
    -webkit-overflow-scrolling: touch
}
.ranking-table::-webkit-scrollbar{
    height: 5px;
}

#main_contents #tab_wrap .ranking-table table{
    table-layout: fixed;
    width: 600px;
}

#main_contents #tab_wrap .ranking-table .crown{
    width: 80%;
    height: auto;
}

#main_contents #tab_wrap .ranking-table th{
    background: #eaeaea;
    font-size: 1.5rem;
}

#main_contents #tab_wrap .ranking-table td,#main_contents #tab_wrap .ranking-table th{
    border: solid 1px #c7c7c7;;
    padding: 0.5em;
    text-align: center;
    width: 90px;
}

#main_contents #tab_wrap .ranking-table td:first-child,#main_contents #tab_wrap .ranking-table th:first-child{
    width: 60px;
    min-width: 60px;
    background: #eaeaea;
    font-weight: bold;
}

#main_contents #tab_wrap .ranking-table p{
    font-weight: bold;
}

#main_contents #tab_wrap .ranking-table tr th:not(.column-1) p{
    font-weight: bold;
    font-size: 1.2rem;
}

#main_contents #tab_wrap .ranking-table tr th:nth-child(2) p{
    color: rgba(0,0,0,0);
    background-image: url(/images_sp/rank_1.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 32%;
}

#main_contents #tab_wrap .ranking-table tr th:nth-child(3) p{
    color: rgba(0,0,0,0);
    background-image: url(/images_sp/rank_2.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 32%;
}

#main_contents #tab_wrap .ranking-table tr th:nth-child(4) p{
    color: rgba(0,0,0,0);
    background-image: url(/images_sp/rank_3.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 32%;
}

#main_contents #tab_wrap .ranking-table tr:nth-child(3) td:not(.column-1) p{
    font-weight: bold;
    font-size: 1.2rem;
}

#main_contents #tab_wrap .ranking-table tr:last-child td:not(.column-1){
    padding: 5px;
}

#main_contents #tab_wrap .ranking-table tr:last-child td:not(.column-1) a{
    display: block;
    background: #49AE47;
    color: white;
    font-size: 0.8rem;
    line-height: 1rem;
    padding: 7px 0;
    border-radius: 3px;
}

#main_contents #tab_wrap #tab_contents {
    width: 100%;
	height: auto;
    float: left;
    background: #FFFFFF;
}
#main_contents #tab_wrap #tab_contents p.none_data {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 90%;
}
#main_contents #tab_wrap #tab_contents > div, #main_contents .basic_list {
    width: 100%;
	height: auto;
    float: left;
    background: #FFFFFF;
}
#main_contents .basic_list.comment:not(.all_list) {
    width: 96%;
    margin-left: 2%;
	max-height: 450px;
    overflow: scroll;
    border: solid #E0E0E0 3px;
    margin-top: 10px;
}
#main_contents #tab_wrap #tab_contents > div > ul, #main_contents .basic_list > ul {
    width: 100%;
    float: left;
}
#main_contents #tab_wrap #tab_contents > div > ul > li, #main_contents .basic_list > ul > li {
    position: relative;
    width: 100%;
    float: left;
    border-bottom: solid #BDBDBD 1px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li:last-child, #main_contents .basic_list > ul > li:last-child {
	border-bottom: none;
}
#main_contents #tab_wrap #tab_contents > div > ul > li > a, #main_contents .basic_list > ul > li > a, #main_contents .basic_list > ul > li > span {
    display: block;
    width: 95%;
    width: 100%;
    float: left;
    font-size: 70%;
    color: #212121;
    text-decoration: none;
    padding: 10px;
    background: #FFFFFF;
}
#main_contents .basic_list > ul > li > span {
    width: 100%;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap, #main_contents .basic_list > ul > li > a .list_wrap, #main_contents .basic_list > ul > li > span .list_wrap {
    width: 100%;
	height: auto;
    float: left;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap h3, #main_contents .basic_list > ul > li > a .list_wrap h3, #main_contents .basic_list > ul > li > span .list_wrap h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    background: #fffcd3;
    border-bottom: solid 1px #efe6bb;
    margin-top: -10px;
    margin-left: -10px;
    width: calc(100% + 20px);
    padding: 10px;
    border-radius: 10px 10px 0 0;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .thumb, #main_contents .basic_list > ul > li > a .list_wrap .thumb, #main_contents .basic_list > ul > li > span .list_wrap .thumb {
    position: relative;
    width: 110px;
    height: 110px;
    float: left;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 10px;
}
#main_contents .basic_list.comment > ul > li > span .list_wrap .thumb {
    display: none;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info, #main_contents .basic_list > ul > li > a .list_wrap .item_info, #main_contents .basic_list > ul > li > span .list_wrap .item_info {
    width: 220px;
    width: calc(100% - 110px);
    min-height: 130px;
    float: left;
    padding-left: 10px;
}
#main_contents .basic_list.comment > ul > li > span .list_wrap .item_info {
    width: 100%;
	height: auto;
    padding-left: 0px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info h3, #main_contents .basic_list > ul > li > a .list_wrap .item_info h3, #main_contents .basic_list > ul > li > span .list_wrap .item_info h3 {
    font-size: 140%;
    line-height: 1.9em;
}

#main_contents .basic_list > ul > li > span .list_wrap .item_info h3{
    line-height: 1em;
}

#main_contents .basic_list.comment > ul > li > span .list_wrap .item_info h3 {
    font-size: 120%;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info h3 a, #main_contents .basic_list > ul > li > a .list_wrap .item_info h3 a, #main_contents .basic_list > ul > li > span .list_wrap .item_info h3 a, #main_contents .basic_list > ul > li > span .list_wrap .item_info h3 span {
    color: #ef5350;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info p, #main_contents .basic_list > ul > li > a .list_wrap .item_info p, #main_contents .basic_list > ul > li > span .list_wrap .item_info p {
    font-size: 110%;
    margin-bottom: 5px;
}
#main_contents .basic_list.comment > ul > li > span .list_wrap .item_info p:last-child {
    font-size: 95%;
    margin-top: 5px;
}

#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info_detail{
    display: inline-block;
    margin-top: 15px;
}

#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info_detail .catch{
     display: inline-block;
     color: #ff0e0e;
     font-size: 1rem;
     margin-bottom: 10px;
 }

#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info_detail p{
    line-height: 20px;
}

#main_contents .basic_list.comment > ul > li > .list_wrap .item_info_detail p:last-child{

}

#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info p span.assessment, #main_contents .basic_list > ul > li > a .list_wrap .item_info p span.assessment, #main_contents .basic_list > ul > li > span .list_wrap .item_info p span.assessment {
    font-size: 110%;
    margin-left: 5px;
    margin-right: 5px;
    color: #FFAD1C;
    letter-spacing: 1px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info p span.assessment i, #main_contents .basic_list > ul > li > a .list_wrap .item_info p span.assessment i, #main_contents .basic_list > ul > li > span .list_wrap .item_info p span.assessment i {
    font-family: FontAwesome;
    font-style: normal;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info p span.assessment i.icon_star:before, #main_contents .basic_list > ul > li > a .list_wrap .item_info p span.assessment i.icon_star:before, #main_contents .basic_list > ul > li > span .list_wrap .item_info p span.assessment i.icon_star:before {
    content: "\f005";
}

#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info p span.assessment i.icon_empty_star:before, #main_contents .basic_list > ul > li > a .list_wrap .item_info p span.assessment i.icon_empty_star:before, #main_contents .basic_list > ul > li > span .list_wrap .item_info p span.assessment i.icon_empty_star:before {
    content: "\f006";
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info p span.assessment i.icon_harf_star:before, #main_contents .basic_list > ul > li > a .list_wrap .item_info p span.assessment i.icon_harf_star:before, #main_contents .basic_list > ul > li > span .list_wrap .item_info p span.assessment i.icon_harf_star:before {
    content: "\f123";
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info .link_wrap, #main_contents .basic_list > ul > li > a .list_wrap .item_info .link_wrap, #main_contents .basic_list > ul > li > span .list_wrap .item_info .link_wrap {
    width: 100%;
	height: auto;
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info .link_wrap ul, #main_contents .basic_list > ul > li > a .list_wrap .item_info .link_wrap ul, #main_contents .basic_list > ul > li > span .list_wrap .item_info .link_wrap ul {
    width: 100%;
	height: auto;
    float: left;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info .link_wrap ul li, #main_contents .basic_list > ul > li > a .list_wrap .item_info .link_wrap ul li, #main_contents .basic_list > ul > li > span .list_wrap .item_info .link_wrap ul li {
    display: inline-block;
    background: #BDBDBD;
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info .link_wrap ul li.enable, #main_contents .basic_list > ul > li > a .list_wrap .item_info .link_wrap ul li.enable, #main_contents .basic_list > ul > li > span .list_wrap .item_info .link_wrap ul li.enable {
    background: #212121;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info .link_wrap ul li:nth-child(1).enable, #main_contents .basic_list > ul > li > a .list_wrap .item_info .link_wrap ul li:nth-child(1).enable, #main_contents .basic_list > ul > li > span .list_wrap .item_info .link_wrap ul li:nth-child(1).enable {
    background: #1E88E5;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info .link_wrap ul li:nth-child(2).enable, #main_contents .basic_list > ul > li > a .list_wrap .item_info .link_wrap ul li:nth-child(2).enable, #main_contents .basic_list > ul > li > span .list_wrap .item_info .link_wrap ul li:nth-child(2).enable {
    background: #e53935;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info .link_wrap ul li:nth-child(3).enable, #main_contents .basic_list > ul > li > a .list_wrap .item_info .link_wrap ul li:nth-child(3).enable, #main_contents .basic_list > ul > li > span .list_wrap .item_info .link_wrap ul li:nth-child(3).enable {
    background: #7CB342;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_link, #main_contents .basic_list > ul > li > .item_link {
    position: absolute;
    display: block;
    height: 110px;
    right: 7px;
    top: 10px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_link a, #main_contents .basic_list > ul > li > .item_link a {
    display: block;
    display: none;
    width: 100%;
    height: 100%;
    padding-top: 52px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_link a:after, #main_contents .basic_list > ul > li > .item_link a:after {
    content: ">";
    font-size: 120%;
    font-weight: bold;
    color: #212121;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer, #main_contents .basic_list > ul > li > .item_footer {
    width: 100%;
	height: auto;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn, #main_contents .basic_list > ul > li > .item_footer .btn {
    /* width: 50%; */
    /* height: auto; */
    /* float: left; */
    /* padding: 10px; */
    /* padding-top: 5px; */
    /* padding-right: 5px; */
    /* padding-left: 0px; */
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn:last-child, #main_contents .basic_list > ul > li > .item_footer .btn:last-child {
    padding-right: 0px;
    padding-left: 5px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn a, #main_contents .basic_list > ul > li > .item_footer .btn a {
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 90%;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn.right a, #main_contents .basic_list > ul > li > .item_footer .btn.right a {
    background: #ff003c;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .num_area, #main_contents .basic_list > ul > li > .item_footer .num_area {
    width: 100%;
	height: auto;
    float: left;
    text-align: center;
    border: solid #BDBDBD 1px;
    background: #c3b159;
    border-radius: 3px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .num_area:nth-child(2), #main_contents .basic_list > ul > li > .item_footer .num_area:nth-child(2) {
    float: right;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .num_area p, #main_contents .basic_list > ul > li > .item_footer .num_area p {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .num_area p > span, #main_contents .basic_list > ul > li > .item_footer .num_area p > span {
    width: 100%;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .num_area p span.counter, #main_contents .basic_list > ul > li > .item_footer .num_area p span.counter {
    display: inline-block;
    width: 95%;
    margin-top: 4px;
    font-size: 120%;
    font-weight: bold;
    letter-spacing: 1px;
    background: #ffebee;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    border-radius: 3px;
    border: solid #ffcdd2 1px;
}
/* テキストリスト */
#main_contents .text_list {
    width: 100%;
	height: auto;
    float: left;
}
#main_contents .text_list ul {
    width: 100%;
}
#main_contents .text_list ul li {
    width: 100%;
    border-bottom: solid #E0E0E0 1px;
}
#main_contents .text_list ul li:last-child {
    border-bottom: none;
}
#main_contents .text_list ul li a {
    display: block;
    width: 100%;
    color: #212121;
    padding: 15px;
    padding-left: 20px;
}
#main_contents .text_list ul li a p {
    font-size:0.75rem;
}
#main_contents .text_list ul li a p.post_at {
    font-size:0.7rem;
    text-align:right;
    margin-top:5px;
    color:#757575;
}
/* 通常コンテンツ */
#main_contents .auth_img {
	width: 100%;
	height: auto;
    float: left;
    margin-bottom: 10px;
}
#main_contents .contents {
	width: 100%;
	height: auto;
    float: left;
    margin-bottom: 10px;
    padding: 10px;
}
#main_contents .contents h3 {
	font-size: 75%;
    color: #4a4a4a;
    background: #e1f3dd;
    margin-top: 15px;
    font-weight: normal;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
#main_contents .contents h3:first-child {
    margin-top: 0px;
}
#main_contents .contents h3 span.order {
	margin-left: 20px;
    color: #212121;
    font-size: 80%;
}
#main_contents .contents p {
	font-size: 75%;
    line-height: 1.8em;
}
#main_contents .contents p.detail.post_at {
    font-size:0.8rem;
    text-align:right;
    margin-bottom:5px;
    color:#757575;
}
#main_contents .contents p strong {
	color: #ff003c;
    font-weight: normal;
}
#main_contents .contents p.attention , #main_contents .upsell p.attention {
    margin-top: 10px;
    background: #ffebeb;
    padding: 15px;
    color: #f00;
    font-size: 60%;
}
#main_contents .upsell p.attention {
    margin: 15px 0;
    margin-top: 0;
}
.attention span {
    text-align: center;
    display: block;
    margin-bottom: 25px;
    padding: 10px;
    font-size: 120%;
    border-bottom: solid 1px #ffc7c7;
    letter-spacing: 0.13em;
}

#main_contents .contents .thumb {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
    margin-bottom: 15px;
}
#main_contents .contents .basic_table {
    width: 100%;
	height: auto;
    float: left;
    margin-bottom: 15px;
}
#main_contents .contents .basic_table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
}
#main_contents .contents .basic_table table tr {
    width: 100%;
    border: solid #BDBDBD 1px;
}
#main_contents .contents .basic_table table tr th, #main_contents .contents .basic_table table tr td {
    font-size: 75%;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
#main_contents .contents .basic_table table tr th {
    width: 35%;
    background: #000000;
    color: #E0E0E0;
    font-weight: normal;
    text-align: right;
}
#main_contents .contents .basic_table table tr td {
    width: 65%;
}
#main_contents .contents .basic_table table tr td > span {
    color: #212121;
}
#main_contents .contents .basic_table table tr td a {
    color: #1E88E5;
    text-decoration: underline;
}
#main_contents .contents .basic_table table tr td span > span.assessment {
    font-size: 110%;
    margin-left: 5px;
    margin-right: 5px;
    color: #FFAD1C;
    letter-spacing: 1px;
}
#main_contents .contents .basic_table table tr td span > span.assessment i {
    font-family: FontAwesome;
    font-style: normal;
}
#main_contents .contents .basic_table table tr td span > span.assessment i.icon_star:before {
    content: "\f005";
}
#main_contents .contents .basic_table table tr td span > span.assessment i.icon_empty_star:before {
    content: "\f006";
}
#main_contents .contents .basic_table table tr td span > span.assessment i.icon_harf_star:before {
    content: "\f123";
}
#main_contents .contents .basic_table table tr td input[type="text"], #main_contents .contents .basic_table table tr td select {
    width: 100%;
    padding: 5px;
    border: solid #BDBDBD 1px;
    background: #F0F0F0;
    border-radius: 3px;
}
#main_contents .contents .basic_table table tr td select {
    padding-top: 6px;
    padding-bottom: 7px;
}
#main_contents .form_btn button {
    width: 100%;
    padding: 10px;
    font-size: 100%;
    color: #ffffff;
    background-color: #e6720c;
    border-radius: 5px;
    margin-right: 10px;
    margin-top: 5px;
}
#main_contents .contents .form_btn button.send {
    background-color: #ff852c;
}
#main_contents .contents .link_btn {
    width: 100%;
	height: auto;
    float: left;
    margin-bottom: 15px;
}
#main_contents .contents p + .link_btn {
    margin-top: 15px;
}
#main_contents .contents .link_btn a {
    display: block;
    width: 100%;
	height: auto;
    text-align: center;
    padding: 15px;
    background: #2196F3;
    color: #FFFFFF;
    font-size: 85%;
    border-radius: 5px;
    margin-top: 15px;
}
#main_contents .contents .link_btn.comment a {
    background: #ff852c;
}
#main_contents .contents .link_btn.top a {
    background: #424242;
}
#main_contents .contents .link_btn.return {
    width: 80%;
    margin-left: 10%;
}
#main_contents .contents .link_btn.return a {
    padding: 7px;
    background: #b7b7b7;
}
/* メール送信の同意ポップアップ */
#main_contents .contents .send_confirm {
    display: none;
    z-index: 9999;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 120%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.8);
}
#main_contents .contents .send_confirm > a {
    display: block;
    width: 100%;
    height: 100%;
    float: left;
}
#main_contents .contents .send_confirm > a .confirm_box {
    width: 80%;
    padding: 15px;
    margin: 0 auto;
    margin-top: 50%;
    background: #FFFFFF;
    border: solid #E0E0E0 1px;
    border-radius: 3px;
    text-align: left;
}
#main_contents .contents .send_confirm > a .confirm_box p {
    color: #212121;
    font-size: 90%;
}
#main_contents .contents .send_confirm > a .confirm_box button {
    width: 100%;
    padding: 15px;
    color: #FFFFFF;
    font-size: 90%;
    background: #2196F3;
    border-radius: 5px;
    margin-top: 10px;
}
#main_contents .contents .auth_true a, #main_contents .contents .auth_true button {
    width: 100%;
    padding: 15px;
    margin-right: 0px;
    background: #2196F3;
}
#main_contents .contents .auth_false a, #main_contents .contents .auth_false button {
    background: #E0E0E0;
    color: #000000;
    font-size: 80%;
}
#main_contents .contents .link_btn.auth_false a {
    width: 50%;
    margin-left: 25%;
    padding: 5px;
    font-size: 70%;
}
#main_contents .contents h6 {
	font-size: 95%;
    line-height: 2em;
    color: #ef5350;
    margin-top: 15px;
}
#main_contents .contents .form input[type="text"], #main_contents .contents .form input[type="email"], #main_contents .contents .form input[type="number"], #main_contents .contents .form select, #main_contents .contents .form textarea {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px;
    background: #F0F0F0;
    border-radius: 3px;
}
#main_contents .contents .form select {
    padding-top: 9px;
    padding-bottom: 10px;
}
#main_contents .contents .form textarea {
    height: 150px;
    resize: none;
}
/* フッターメニュー */
#main_contents .footer_menu {
    display: none;
	width: 100%;
	height: auto;
    float: left;
}
#main_contents .footer_menu ul li {
	border-bottom: solid #f1ece3 1px;
}
#main_contents .footer_menu ul li:last-child {
	border-bottom: none;
}
#main_contents .footer_menu ul li a {
    position: relative;
	display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    padding-left: 20px;
    color: #272727;
    background: #e8ddc9;
}
#main_contents .footer_menu ul li a > span {
    font-size: 80%;
}
#main_contents .footer_menu ul li a > span:after {
    position: absolute;
    content: ">";
    right: 10px;
}
/* バナーエリア */
.bnr_area {
    width: 100%;
    height: auto;
    float: left;
}
.bnr_area .bnr {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
}
/* ページャー */
.pager {
    width: 100%;
    height: auto;
    float: left;
    padding: 2px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.pager > strong, .pager > a {
    display: inline-block;
    width: 50px;
    height: auto;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 85%;
    font-weight: bold;
    background: #f4f4f4;
    text-align: center;
    box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 2px #d2d2d2;
}
.pager > a {
    color: #b1b1b1;
    font-size: 0.7rem;
    cursor: pointer;
}
.pager > a:hover, .pager > strong .active {
    color: #000000;
}
.pager > strong .active {
    cursor: default;
}
/* リターンボタン */
#return {
    z-index: 10;
    position: fixed;
    width: 60px;
    height: 60px;
    right: 10px;
    bottom: 10px;
    background: rgba(121, 108, 98, 0.8);
    border: 1px solid #928a86;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    border-radius: 9px;
}
#return a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 18px;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 15px;
}
#return a:after {
    content: "▲";
}
#return:hover {
    background: rgba(49,49,49,0.8);
}
/* フッター */
#footer {
	width: 100%;
	height: auto;
    float: left;
    background: #4b3f3a;
}
#footer .copyright {
	width: 100%;
	height: auto;
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 75%;
    color: #E0E0E0;
    line-height: 24px;
}

/* オリジナル */
#main_contents .contents {
    background: #fff;
}
#main_contents .contents p span {
    float: unset;
}
#header {
    background: #fff;
}
#header .nav_button button .bar_text, .contents_header .nav_button_footer button .bar_text {
    display: none;
}
#header>.nav_button {
    display: none;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .thumb, #main_contents .basic_list > ul > li > a .list_wrap .thumb, #main_contents .basic_list > ul > li > span .list_wrap .thumb {
    margin: 10px;
    width: 130px;
    height: 130px;
}

#main_contents .basic_list > ul > li > span .list_wrap .thumb{
    margin: 5px;
}

#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap.thanks .thumb, #main_contents .basic_list > ul > li > a .list_wrap.thanks .thumb, #main_contents .basic_list > ul > li > span .list_wrap.thanks .thumb {
    width: 110px;
    height: 110px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info, #main_contents .basic_list > ul > li > a .list_wrap .item_info, #main_contents .basic_list > ul > li > span .list_wrap .item_info {
    width: calc(100% - 150px);
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap.thanks .item_info, #main_contents .basic_list > ul > li > a .list_wrap.thanks .item_info, #main_contents .basic_list > ul > li > span .list_wrap.thanks .item_info {
    width: calc(100% - 110px);
    height: 65px;
}
#main_contents .basic_list.comment > ul > li > span .list_wrap .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info .catch,
#main_contents .basic_list > ul > li > a .list_wrap .item_info .catch,
#main_contents .basic_list > ul > li > span .list_wrap .item_info .catch {
    display: inline-block;
    color: #ff0e0e;
    font-size: 1rem;
    margin-bottom: 10px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info span.btn {
    padding: 10px 0;
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in;
    border-bottom: 6px solid #1b8e22;
    background-color: #20ab29;
    color: #FFF;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 5px;
    float: left;
    font-size: 120%;
    letter-spacing: 0.2em;
    font-weight: bold;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .num_area p span.counter, #main_contents .basic_list > ul > li > .item_footer .num_area p span.counter {
    background: #ffffff;
    border: none;
    color: #424242;
}

span.counter:after {
    content: "人/1,289人";
}

#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .num_area, #main_contents .basic_list > ul > li > .item_footer .num_area {
    border: none;
    background: #b39c74;
    color: #FFF;
}
#main_contents .contents .thumb img {
    width: 100%;
    border-radius: 20px;
}
#header .logo {
	width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
#header .left {
    display: none;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn.right a, #main_contents .basic_list > ul > li > .item_footer .btn.right a {
    background: #ff852c;
}
#main_contents .contents .link_btn a {
    background: #00a040;
}
#main_contents .contents .link_btn.auth_false a {
    background: #E0E0E0;
    color: #000000;
}
#main_contents .contents .link_btn.comment a {
    background: #ff852c;
}
#main_contents .contents.category {
    position: relative;
    margin-bottom: 0px;
}
#main_contents .contents.category:after {
    content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-bottom: solid 2px #00a040;
    border-right: solid 2px #00a040;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
    right: 25px;
    margin-top: 0px;
}
#main_contents .contents.last_date {
    text-align: center;
    background: #f9f9f9;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn, #main_contents .basic_list > ul > li > .item_footer .btn {
	width: 100%;
	padding-right: 0;
    margin-top: 5px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn.switch_1, #main_contents .basic_list > ul > li > .item_footer .btn.switch_1 {
	width: 50%;
    padding-right: 5px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn.switch_2, #main_contents .basic_list > ul > li > .item_footer .btn.switch_2 {
	/* display: none; */
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer.thanks .btn, #main_contents .basic_list > ul > li > .item_footer.thanks .btn {
    margin-top: 0px;
    padding-top: 0px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn:last-child, #main_contents .basic_list > ul > li > .item_footer .btn:last-child {
    display: none;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn.switch_1:last-child, #main_contents .basic_list > ul > li > .item_footer .btn.switch_1:last-child,
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn.switch_2:last-child, #main_contents .basic_list > ul > li > .item_footer .btn.switch_2:last-child {
    display: block;
    padding-right: 0px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn.switch_2:last-child, #main_contents .basic_list > ul > li > .item_footer .btn.switch_2:last-child {
    padding-left: 0px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn.switch_1:last-child a, #main_contents .basic_list > ul > li > .item_footer .btn.switch_1:last-child a,
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn.switch_2:last-child a, #main_contents .basic_list > ul > li > .item_footer .btn.switch_2:last-child a {
    padding: 15px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn.left a span {
    position: relative;
    left: 15px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn.left a span::before {
    position: absolute;
    content: "";
    top: 50%;
    left: -30px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(/images_sp/comment.png) top left no-repeat;
    background-size: 20px;
}
#main_contents .contents .link_btn a span {
    position: relative;
    left: 15px;
}
#main_contents .contents .link_btn a span::before {
    position: absolute;
    content: "";
    top: 50%;
    left: -30px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url() top left no-repeat;
    background-size: 20px;
}
#main_contents .maindescription {
    font-size: 0.75em;
}
#main_contents .maindescription span:not(.strong) {
    /* width: 100%; */
    /* display: flex; */
    /* padding: 10px; */
    /* background: #efefef; */
    /* margin-top: 10px; */
    /* margin-bottom: 10px; */
}
#main_contents .maindescription span.strong {
    font-size: 1.4em;
    line-height: 27px;
    margin-bottom: 10px;
    display: block;
    color: #ce3a37;
}
#main_contents .maindescription span.strong.bgs {
    font-size: 1em;
    margin-bottom: 10px;
    display: inline;
    color: #0e0e0e;
    padding: 1px 5px;
    margin: 5px;
    background: #FFEB3B;
}
#main_contents .maindescription ul.check {
    border: solid 2px #d8d8d8;
    border-radius: 8px;
    padding: 15px;
    font-size: 1.1em;
    line-height: 1.7em;
}
#main_contents .maindescription ul.check li {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 20px;
    color: #292929;
    margin-bottom: 10px;
}
#main_contents .maindescription ul.check li:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/images_sp/icon_check.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -3px;
    margin-right: 3px;
}
#main_contents .maindescription ul.check li:last-child {
    margin-bottom: 12px;
}
.official_link a{
    text-decoration: underline;
    color: #484848;
}
#main_contents .contents .basic_table table tr {
    border: none;
}
#main_contents .contents .basic_table table tr th {
    background: #c7b79b;
    color: #FFF;
    border-radius: 5px 0 0 5px;
}
#main_contents .contents .basic_table table tr td {
    background: #f3f3f3;
}
.bnr p {
    color: #ff0e0e;
    text-align: center;
    margin-bottom: 5px;
}
.bnr a {
    margin: 5px 0;
    display: block;
}
.upsell {
    padding: 15px;
    background: #fff7e8;
    display: inline-block;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn.left a.thanks {
    padding: 15px 0;
    -webkit-transition: background-color .2s ease-in;
    transition: background-color .2s ease-in;
    border-bottom: 6px solid #1b8e22;
    background-color: #20ab29;
}
#main_contents .upsell #tab_wrap #tab_contents > div > ul > li {
    border-bottom: solid #fff7e8 15px;
}
#main_contents .upsell #tab_wrap #tab_contents > div > ul > li:last-child {
    border-bottom: none;
}
#main_contents .thanks_back {
    background: #4b3f3a;
    width: 100%;
    margin-bottom: 80px;
}
#main_contents .thanks_back .bottom_line_left , #main_contents .thanks_back .bottom_line_right {
    overflow: hidden;
    height: 60px;
    width: 50%;
    position: absolute;
}
#main_contents .thanks_back .bottom_line_left {
    left: 0;
}
#main_contents .thanks_back .bottom_line_right {
    right: 0;
}
#main_contents .thanks_back .bottom_line_left:before , #main_contents .thanks_back .bottom_line_right:before {
  content: '';
  position: absolute;
  top: 0;
  width: 120%;
  height: 100%;
  margin: 0% -10% 0;
  background: #4b3f3a;
}
#main_contents .thanks_back .bottom_line_left:before {
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
}
#main_contents .thanks_back .bottom_line_right:before {
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
#main_contents .thanks_back img {
    margin: 10px 0;
    background: #FFF;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    margin-bottom: -5px;
}
#main_contents .contents p.thanks_text {
    text-align: center;
    background: #FFF;
    padding: 10px;
    border-radius: 5px;
}
#main_contents .thanks_back h2 {
    color: #FFF;
    text-align: center;
    font-size: 110%;
    letter-spacing: 0.2em;
    margin-left: 5px;
    margin-top: 20px;
}
#main_contents .thanks_back span {
    text-align: center;
    display: block;
    color: #FFF;
    margin-bottom: 30px;
    font-size: 80%;
}
#main_contents .contents p.thanks_text span {
    display: block;
    background: #ffe7e7;
    padding: 10px;
    color: #f00;
    margin-top: 10px;
    margin-bottom: 0;
    border-radius: 5px;
    font-size: 90%;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info span.btn::before {
    background-image: url(/images_sp/message.png);
}
#main_contents .contents .search_area {
    width: 100%;
    float: left;
}
#main_contents .contents .search_area select, #main_contents .contents .search_area input, #main_contents .contents.category select {
    display: inline-block;
    width: 32%;
    float: left;
    padding: 9px;
    margin-left: 0.63%;
    margin-right: 0.63%;
    background: #FFFFFF;
    border: solid #BDBDBD 1px;
    font-size: 90%;
    margin-bottom: 7px;
}

#main_contents .contents .search_area select,#main_contents .contents .search_area select option{
    font-size: 70%;
}

#main_contents .contents .search_area input {
    width: 32%;
    vertical-align: bottom;
    margin-top: 0;
    font-size: 70%;
}
#main_contents .contents.category select {
    width: 100%;
    border: solid #d4b046 3px;
    text-align: center;
    text-align:-webkit-center;
}
#main_contents .contents.category label {
    display: -webkit-box;
    display: box;
    box-pack:center;
    -webkit-box-pack:center;
    background-color: #fff;
    border: 1px solid #CCC;
    border-radius: 6px;
    cursor: pointer;
}
#main_contents .contents .search_area.sort {
    margin-top: 10px;
}
#main_contents .contents .search_area.sort a {
    display: block;
    width: 24.5%;
    float: left;
    border: solid #BDBDBD 1px;
    color: #424242;
    background: #FFFFFF;
    padding: 5px;
    text-align: center;
    font-size: 80%;
    border-radius: 5px;
    margin-right: 0.5%;
}
#main_contents .contents .search_area.sort a:last-child {
    margin-right: 0%;
}
#main_contents .contents .search_area.sort a.active {
    border: solid #d4b046 1px;
    color: #FFFFFF;
    background: #d4b046;
}
.search_header {
    width: 100%;
    float: left;
    background: #f9f9f9;
    margin-top: 10px;
    display: block;
    padding-top: 3px;
}
.search_header h2 {
    padding: 10px;
    float: left;
    font-weight: normal;
    font-size: 1rem;
    padding-bottom: 5px;
}
#main_contents .contents.category .btn-select {
  width: 100%;
  position: relative;
  background: #333;
  cursor: pointer;
}

#main_contents .contents.category .label {
  color: #424242;
  position: absolute;
  width: 100%;
  z-index: 1;
  text-align: center;
    border: solid #00a040 2px;
  padding: 8px;
}

#main_contents .contents.category .select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  cursor: pointer;
  width: 100%;
  border: none;
  opacity: 0;
  position: relative;
  z-index: 2;
    margin-bottom: 0;
    padding-bottom: 15px;
}

/* IE10以上で矢印を消す */
#main_contents .contents.category .select::-ms-expand {
  display: none; 
}

/* フォーカス時 */
#main_contents .contents.category .select:focus {
  z-index: -1;
  opacity: 1;
}
#main_contents .window {
    width: 100%;
    margin: 0 auto;
    height: auto;
    background: #FFFFFF;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    float: left;
}
#main_contents .window label {
    background: #5bbd55;
    display: flex;
    font-size: 80%;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    overflow: auto;
    cursor: pointer;
    border-radius: 5px;
}
#main_contents .window .list {
    width: 100%;
}
#main_contents .window .title {
    line-height: 30px;
    color: #ffffff;
    letter-spacing: 0.1em;
    font-weight: bold;
    padding-bottom: 5px;
    position: relative;
    padding-left: 10px;
}
#main_contents .window .title::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    margin-top: -13px;
    background: url(/images_sp/plus.png) top right no-repeat;
    background-size: 20px;
}
#main_contents .window .check:checked ~ .title::after {
    background: url(/images_sp/minus.png) top right no-repeat;
    background-size: 20px;
}
#main_contents .window .opentext {
    display:none;
}
#main_contents .window .check:checked ~ .opentext {
    display: inline-block;
    width: 100%;
    padding: 10px;
    background: #FFF;
    border-radius: 5px;
    color: #4a4a4a;
    margin-bottom: 10px;
}
#main_contents .window .check {
    display: none;
}
#main_contents .window .opentext p img {
    height: 20px;
    width: auto;
    margin-right: 5px;
}
#main_contents .window .opentext p {
    font-size: 95%;
    margin-bottom: 15px;
    line-height: 20px;
}
#main_contents .window .opentext p.opentitle {
    font-size: 100%;
    color: #ff7c00;
    border-bottom: solid 3px #ffdebe;
    padding-bottom: 5px;
    margin-bottom: 15px;
    line-height: 20px;
    font-weight: bold;
}
#main_contents .window .opentext p.caution {
    font-size: 80%;
    color: #ff0e0e;
}
#main_contents .window .opentext p.end {
    background: #fff4f4;
    padding: 10px;
    border-radius: 5px;
}
#main_contents .window .opentext p.opena {
    background: #fff4f4;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#main_contents .window .opentext p span {
    margin: 0 3px;
    font-weight: bold;
    color: #e83737;
}
#main_contents .contents_title {
    background: #ffa23f;
    text-align: center;
    color: #FFF;
    font-size: 130%;
}
.article {
    padding: 10px;
    margin-bottom: 10px;
    background: #f7f7f7;
    display: inline-block;
}

.new_article .article{
    padding: 8px;
}

.article.non_thumb {
    width: 100%;
}
.article img {
    float: left;
    width: 50%;
    border-radius: 5px;
}
.date_name {
    color: #969696;
    font-size: 65%;
    padding: 0 10px;
    display: flex;
}

.new_article .date_name{
    float: left;
}

.usertag {
    font-size: 60%;
    background: #ffa23f;
    border-radius: 5px;
    padding: 0px 10px;
    margin-left: 10px;
    display: inline-block;
    margin-bottom: 5px;
}

.new_article .usertag{
    float: left;
}

.article_title {
    padding-left: 10px;
    color: #353535;
    font-weight: bold;
    height: auto;
    display: flex;
    font-size: 80%;
    line-height: 1.75em;
}

.new_article .article_title{
    clear: left;
}

.postname {
    color: #757575;
    font-size: 60%;
    display: inline-block;
    margin-left: 10px;
}
.view {
    color: #404040;
    font-size: 70%;
    padding-left: 10px;
    display: inline-block;
}

.articlepage img {
    border-radius: 5px;
    margin: 10px 0;
}
.usertag {
    font-size: 60%;
    background: #00a040;
    border-radius: 5px;
    padding: 0px 10px;
    margin-left: 10px;
    display: inline-block;
    margin-bottom: 5px;
}
.articlepage p {
    margin-bottom: 15px;
}
.articlepage a.blanklinks {
    color: #3f4fcc;
    font-size: 120%;
    text-decoration: underline;
}
.postname {
    color: #757575;
    font-size: 60%;
    display: inline-block;
    margin-left: 10px;
}
#main_contents .contents_title {
    background: #5bbd55;
    text-align: center;
    color: #FFF;
    font-size: 130%;
    padding-top: 12px;
}
.type00 {
    font-size: 90%;
}
.type01 {
    color: #f00;
    background-color: #fff400;
    padding: 0 5px;
    font-size: 120%;
    font-weight: bold;
}
.type02 {
    color: #f00;
    padding: 0 5px;
    font-size: 120%;
    font-weight: bold;
}
.type03 {
    background-color: #fff400;
    padding: 0 5px;
    font-size: 120%;
    font-weight: bold;
}
.type04 {
    padding: 0 5px;
    font-size: 120%;
    font-weight: bold;
}
.btn_animation {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-delay: 0s;
  animation-delay:0s;
}

/* 追記 */
#main_contents .contents.category:after {
    border-bottom: solid 2px #e4a716;
    border-right: solid 2px #e4a716;
}
#main_contents .form_btn button {
    width: 100%;
    padding: 10px;
    font-size: 80%;
    color: #040404;
    letter-spacing: 0.2em;
    font-weight: bold;
    background-color: #ffffff;
    border-radius: 35px;
    margin-right: 10px;
    margin-top: 5px;
    border: solid 1px #d6d6d6;
}
.search_header {
    display: none;
}
#main_contents .contents.category .label {
    border: solid #e4a716 2px;
    border-radius: 100px;
}
#main_contents .contents.last_date {
    background: #ffffff;
}
#main_contents #tab_wrap #tab_contents > div > ul > li, #main_contents .basic_list > ul > li {
    position: relative;
    width: calc( 100% - 20px );
    float: left;
    border-bottom: solid #BDBDBD 1px;
    margin: 10px;
    background: #fff;
}
#main_contents #tab_wrap #tab_contents > div, #main_contents .basic_list {
    background: #ecc700;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn.right a, #main_contents .basic_list > ul > li > .item_footer .btn.right a {
    background: none;
}
#main_contents #tab_wrap #tab_contents > div > ul > li > a, #main_contents .basic_list > ul > li > a, #main_contents .basic_list > ul > li > span {
    border-radius: 10px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li, #main_contents .basic_list > ul > li {
    border-radius: 10px;
    border-bottom: solid #cc9d04 2px;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap h3 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    background: #fffcd3;
    border-bottom: solid 1px #efe6bb;
    margin-top: -10px;
    margin-left: -10px;
    width: calc(100% + 20px);
    padding: 10px;
    border-radius: 10px 10px 0 0;
}
#main_contents #tab_wrap .ranking-table td:first-child, #main_contents #tab_wrap .ranking-table th:first-child {
    font-size: 11px;
    background: #fffee6;
    width: 75px;
}
#main_contents #tab_wrap .ranking-table th{
    background: #fffee6;
}
#main_contents #tab_wrap .ranking-table td, #main_contents #tab_wrap .ranking-table th {
    border: solid 1px #ffe7a9;
}
#main_contents .contents_title {
    background: #fdc068;
}
.usertag {
    background: #ff8f4c;
}
#main_contents .contents_header {
    background: #a9a8a7;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .thumb img {
    position: unset;
    top: unset;
    left: unset;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    height: auto;
    width: 100%;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .thumb, #main_contents .basic_list > ul > li > a .list_wrap .thumb, #main_contents .basic_list > ul > li > span .list_wrap .thumb {
    width: calc(100% - 20px);
    height: auto;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info, #main_contents .basic_list > ul > li > a .list_wrap .item_info, #main_contents .basic_list > ul > li > span .list_wrap .item_info {
    width: 100%;
    min-height: 0;
    text-align: center;
}
#main_contents .maindescription ul.check li:last-child {
    margin-bottom: 0;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .num_area, #main_contents .basic_list > ul > li > .item_footer .num_area {
    background: #f3c301;
    margin-bottom: 20px;
}
#main_contents #tab_wrap .ranking-table p.thumb {
    width: 105px;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
}
#main_contents #tab_wrap .ranking-table td, #main_contents #tab_wrap .ranking-table th {
    width: 120px;
    font-size: 11px;
}
#main_contents #tab_wrap .ranking-table p {
    margin-top: 5px;
    font-weight: bold;
}
td.column-2, td.column-3, td.column-4, td.column-5, td.column-6 {
    font-size: 12px;
    font-weight: bold;
}

.strongred {
    color: red;
}

.switch_2 {
    margin: 15px 0;
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info_detail {
    width: 100%;
}
#main_contents .maindescription ul.check li {
    font-size: 1.0em;
}
#main_contents .maindescription ul.check {
    border: solid 1px #ffd496;
    background: #fffee7;
    border-radius: 8px;
    padding: 15px;
    font-size: 1.1em;
    line-height: 1.7em;
}

span.double_circle:before {
    content: "";
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background-image: url(/csp/img/double_circle_rank.svg);
}

span.circle:before {
    content: "";
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background-image: url(/csp/img/circle_rank.svg);
}

.redtype {
    width: calc(100% - 10px);
    text-align: center;
    display: block;
    margin: 0 5px 10px 5px;
    border: 7px solid #da6868;
    padding: 10px 0;
    line-height: 2em;
    font-weight: bold;
    color: #d93838;
    border-radius: 5px;
}

.detailAreaItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: column;
    width: 100%;
    /* border-right: 1px solid #e2e2e2; */
}

.detailAreaTitle {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 6px;
}

.detailAreaRating {
    display: flex;
    align-items: center;
    justify-content: center;
}

.detailAreaRatingStar {
    width: 80px;
    height: auto;
    margin-right: 6px;
}

.detailAreaRatingNumber {
    color: #ff7200;
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
}

.companyBlock__attention {
    padding: 15px 15px 10px;
    background: #fafafa;
    /* border-top: 1px solid #e2e2e2; */
    /* border-bottom: 1px solid #e2e2e2; */
}

.attentionsList {
    list-style: none;
}

.attentionsList__item {
    margin: 0 0 7px;
    padding: 0 0 0 25px;
    font-weight: bold;
    background: url(/images_sp/icon_check_circle.png) no-repeat 0 0/18px;
    text-align: justify;
}

.datatbl {
    clear: both;
    width: 100%;
    margin: 10px auto;
    border-collapse: collapse;
    border: 1px solid #ccc;
}

.datatbl_fnt10 {
    clear: both;
    width: 100%;
    margin: 10px auto;
    border-collapse: collapse;
    border: 1px solid #ccc;
}

.datatbl th {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 14px;
    padding: 3px 0 0;
    font-size: 12px;
}

.datatbl_fnt10 th {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 14px;
    padding: 3px 0 0;
    font-size: 10px;
}

.datatbl td {
    font-size: 12px;
    border: 1px solid #ccc;
}

.datatbl_fnt10 td {
    font-size: 10px;
    border: 1px solid #ccc;
}

table.table_content {
    width: 90%;
    margin: auto;
    margin-bottom: 10px;
}

table.table_content {
    /* margin: 10px; */
}

table.table_content th {
    color: #333333;
    font-size: 13px;
    width: 40%;
    height: 35px;
    text-align: left;
    border-bottom: 1px solid #e2e2e2;
    padding-left: 10px;
    background-color: #eee;
    border-right: 2px solid #e97a19;
}

table.table_content td {
    color: #333333;
    font-size: 13px;
    width: 60%;
    height: 35px;
    border-bottom: 1px solid #e2e2e2;
    padding-left: 20px;
}

.l-section {
    padding-bottom: 1.875rem;
    padding-top: 10px;
}

.l-row {
    max-width: 1220px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
}

.m-title {
    margin-bottom: 1.25rem;
    padding: 0.9375rem;
    border: 1px solid #646464;
    /* background: url(/images_sp/bg_shadow_left.png) no-repeat left bottom, url(/images_sp/bg_shadow_right.png) no-repeat right bottom; */
    font-size: 1.125rem;
    /* box-shadow: 0px 4px 1px 0px #646464; */
}

.u-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #646464;
    padding-top: 0.875rem;
    padding-bottom: 0.3125rem;
}

.disable-auto-tel a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

p.disable-auto-tel {
    font-size: 100%;
}

.footer_table {
    margin-top: -14px;
    margin-bottom: 18px;
}

div.footer_table div.content_title {
    background-color: #fcc02f;
    border-radius: 4px;
    line-height: 130%;
    font-weight: bold;
    margin: 0;
    padding: 8px 15px 6px 15px;
    color: #fff;
    font-size: 16px;
}

table.table_content_footer {
    margin: 0;
    width: 100%;
}

table.table_content_footer th {
    color: #333333;
    font-size: 12px;
    width: 30%;
    height: 35px;
    text-align: left;
    border-bottom: 1px solid #e2e2e2;
    padding-left: 10px;
    background-color: #eee;
    border-right: 2px solid #e97a19;
}

table.table_content_footer td {
    color: #333333;
    font-size: 12px;
    width: 70%;
    height: 35px;
    border-bottom: 1px solid #e2e2e2;
    padding-left: 20px;
}

.t_space02:last-child {
    border-bottom: none;
}
.t_space02 {
    margin: 5px 5px 10px 5px;
    padding: 0 5px 10px;
    border-bottom: 1px solid #d1d1d1;
}

.tbl001 {
    width: 100%;
    margin: 0 0 10px 0;
    text-align: center;
}

.txt_small {
    font-size: 12px;
}

.tbl001 th {
    background: #f1f1f1;
}

.tbl001 th, .tbl001 td {
    padding: 3px 6px;
    border: 1px solid #c5c5c5;
    text-align: center;
}

.t_space02 table a {
    color: blue;
    text-decoration: underline;
}

.img_auto {
    width: auto;
    height: auto;
}

.t_img02 {
    display: block;
    max-width: 100%;
    border: 1px solid #d5d5d5;
}

.hosoku_left {
    text-align: left;
    font-size: 10px;
    margin: 0;
    padding: 0px 0px 0px 0px;
    background-color: #fff;
}

.text_verysmall {
    font-size: 10px;
    color: #464646;
    display: unset!important;
    padding: 0!important;
    background-color: unset!important;
}

.txtmiddle {
    margin-bottom: 10px;
    margin-left: 10px;
}

li.text_li {
    list-style: none;
}

td.column-2.textleft, td.column-3.textleft, td.column-4.textleft, td.column-5.textleft, td.column-6.textleft{
    text-align: left!important;
}

#campain, .campain {
    margin: 0 0 10px;
}

.inner-block {
    box-sizing: border-box;
    margin: auto;
    padding: 0 10px;
    position: relative;
    width: 1020px;
}

.inner-block {
    padding: 0;
    width: auto;
}

#campain .cp_new, .campain .cp_new {
    /* padding: 10px; */
}

#campain .head, .campain .head {
    background: url(../img/common/campain_ttl_bg.jpg) repeat center center;
    border: 1px solid #fb4d4c;
    border-radius: 8px 8px 0 0;
    box-sizing: border-box;
    color: #fff;
    display: table;
    padding: 8px 30px 4px 20px;
    text-align: center;
    width: 100%;
}

.single-ranking .ranking-box .head {
    padding-left: 5px;
    padding-right: 5px;
}

#campain .cp_new .head, .campain .cp_new .head {
    background: #fd6b59;
    border: 1px solid #fd6b59;
    /* padding: 11px 50px 10px 40px; */
}

.ranking-box .head .name {
    color: #330000;
    font-size: 26px;
    font-weight: bold;
    display: table-cell;
    line-height: 1.2;
    padding: 0 5px 0 20px;
    text-align: left;
    vertical-align: middle;
}

#campain .head .name, .campain .head .name {
    font-size: 15px;
    font-weight: bold;
    position: relative;
    padding: 0px 50px 0px 40px;
}

#campain .head .name:before, .campain .head .name:before {
    background: url(/images_sp/icon_campain_01.png) no-repeat;
    background-size: contain;
    content: "";
    height: 31px;
    width: 19px;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 10px;
    margin: auto;
}

#campain .head .name:after, .campain .head .name:after {
    background: url(/images_sp/icon_campain_02.png) no-repeat;
    background-size: contain;
    content: "";
    height: 31px;
    width: 19px;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 10px;
    margin: auto;
}

#campain .body, .campain .body {
    padding: 10px;
}

#campain .cp_new .body, .campain .cp_new .body {
    background: #fffbef;
    border: 2px solid #fd6b59;
    border-radius: 0 0 8px 8px;
    font-size: 12px;
    text-align: center;
}

#campain .cp_new .body .campain-txt, .campain .cp_new .body .campain-txt {
    color: #333;
    margin: 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

#campain .cp_new .body .campain-txt b, .campain .cp_new .body .campain-txt b {
    color: #ff0000;
    font-weight: bold;
}

.nobr br {
    display: none;
}

.campain-btn_new.sp {
    margin: 0px auto 0px;
    padding: 0px 10px 0px 10px;
    display: inline-block;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.reflection {
    background-color: #fff;
    height: 100%;
    width: 30px;
    top: -180px;
    left: 0;
    position: absolute;
    opacity: 0;
    transform: rotate(45deg);
    animation: reflection 3s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 3s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 3s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 3s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 3s ease-in-out infinite;
}

@keyframes reflection {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}

.hyoka_block {
    margin: 0px;
    right: auto;
    left: auto;
    display: inline-block;
    /* margin-top: 8px; */
    width: 100%;
}

.hyoka_num {
    float: left;
    display: inline-block;
    margin-left: 14px;
    margin-top: 17px;
    text-align: center;
}

span.hyokanum {
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
}

span.hyokakei {
    color: #999;
    font-size: 10px;
}

.star_block {
    float: left;
    margin-left: 10px;
}

.star-rating {
    position: relative;
    width: 5em;
    height: 16px;
    font-size: 18px;
    text-align: right;
}

.star-rating-front {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #ffcc33;
}

.chart_block {
    float: left;
    margin-top: 7px;
    margin-left: 4px;
    text-align: right;
}

span.chart_hyoka {
    color: #999;
    font-size: 10px;
}

.comment_txt {
    font-size: 13px;
    margin-top: 16px;
    margin-bottom: 4px;
    color: #red;
    color: #4b3f3a;
    width: 90%;
    line-height: 20px;
}

span.txt_underline {
    border-bottom: solid 2px #F4B2DA;
}

.line-pink {
    background: linear-gradient(transparent 70%, #f7c2e1 50%);
}

.bold {
    font-weight: bold;
}

.popup-notification{
	position: fixed;
	z-index: 110;
	bottom: 30px;
	right: 30px;
	width: 240px;
}
.popup-notification .message{
	position: fixed;
	width: 230px;
	height: 40px;
	margin-top: 15px;
	box-sizing: border-box;
	padding: 8px 10px 0 10px;
	background: #E95F64;
	border-radius: 4px;
    -webkit-transition: bottom 0.5s;
    -moz-transition: bottom 0.5s;
    transition: bottom 0.5s;
    display:none;
    bottom: 30px;
    right: 30px;
}
.popup-notification .message .txt{
	text-align: left !important;
	color: #FFF !important;
	line-height: 1.5 !important;
	font-size: 14px !important;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif !important;
}
.popup-notification .message .delete{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 16px;
	height: 16px;
	background: #666;
	border-radius: 8px;
}
.popup-notification .message .delete a{
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
}
.popup-notification .message .delete a:before{
	display: block;
	content: "";
	position: absolute;
	top: 7px;
	right: 3px;
	width: 10px;
	border-top: 2px solid #FFF;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.popup-notification .message .delete a:after{
	display: block;
	content: "";
	position: absolute;
	top: 7px;
	right: 3px;
	width: 10px;
	border-top: 2px solid #FFF;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.sidebar.mt9 {
    width: auto;
}

.sidebar.mt9 {
    width: 970px;
    margin: auto;
    border: 1px solid #ded6c0;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
}

div.sidebar div.title {
    font-weight: bold;
    text-align: center;
    background: linear-gradient(#eee1c0 , #e8d8a8);
    font-size: 18px;
    color: #ad772f;
    padding: 6px 0 4px 0;
}

div.sidebar div.content div.article {
    border-bottom: 2px dotted #ddd;
    margin: 5px 0;
    padding: 10px 3%;
}

@media (max-width: 634px) {
.article {
    width: 96%;
}
}

div#maintxt {
    margin: 0;
}
div#maintxt {
    padding: 20px;
}

.kiji_1col {
    width: 940px;
    margin: 0;
    margin: auto;
}

@media (max-width: 634px) {
.kiji_1col {
    width: 100%;
}
}

.submit_btn {
    margin-bottom: 20px;
}

.coulmnlist {
    margin: 20px;
}

.coulmnlist a:link, a:visited, a:hover, a:active {
  color: #3e3eb5;
}

.coulmntitle {
    font-size: 20px;
}

.coulmnlist p {
    line-height: 1.75em;
    padding-bottom: 1em;
    font-size: 16px;
}