/* CSS Document */
body {
	background-color: #FFFFFF;
    color: #212121;
}
.wrap {
    width: 1100px;
    margin: auto;
}
/* サイト全体 */
#wrapper {
	width: 100%;
	height: auto;
    float: left;
}
/* システムメッセージ */
#system_message {
    z-index: 10000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(0,0,0,0.9);
    text-align: center;
}
#system_message p {
    display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
    width: 80%;
	height: 100px;
    color: #FFFFFF;
    font-size: 16px;
}
/* ヘッダー */
#header {
	width: 100%;
	height: auto;
    float: left;
    background: #fff;
    border-bottom: solid 3px #d4b046;
}
#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 {
    display: none;
	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;
}
#wrapper .main {
	width: 100%;
	height: auto;
    float: left;
}
/* コンテンツ全体 */
#main_contents {
    position: relative;
	width: 1100px;
	height: auto;
    margin: auto;
}
#main_contents .contents_header {
	width: 100%;
    height: auto;
    float: left;
    padding: 10px;
    background: #c7b79b;
}
img.rank_icon {
	width: auto;
    height: 27px;
    margin-right: 5px;
}
img.rank_icon_list {
	width: auto;
    height: 18px;
    margin-right: 3px;
    vertical-align: -4px;
}
#sidebar .contents_header {
    display: none;
}
#main_contents .contents_header h2 {
	font-size: 90%;
    color: #FFF;
}
/* メインカラム */
#main {
    width: 780px;
	height: auto;
    float: left;
    margin-right: 20px;
    margin-top: 20px;
}
/* サイドカラム */
#sidebar {
    width: 300px;
	height: auto;
    float: right;
    margin-top: 20px;
}

/* メインメニュー */

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

#main_contents .menu_button img{
    width: 47%;
    margin: 10px;
    float: left;
}

#main_contents .category_menu{

}

#main_contents .category_menu h2{
    font-size: 1rem;
    font-weight: normal;
    border-bottom: 1px solid #5bbd55;
    padding-bottom: 5px;
}

/* タブメニュー */
#main_contents #tab_wrap {
    width: 100%;
	height: auto;
    float: left;
    margin-bottom: 10px;
    background: #212121;
}
#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: 120px;
    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;
    width: 100%;
    padding-top: 15px;
}
.ranking-table::-webkit-scrollbar{
    height: 5px;
}

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

#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/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/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/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: #e6720c;
    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) {
	max-height: 600px;
    overflow: scroll;
    border: solid #E0E0E0 4px;
    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;
}

#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);
    height: 130px;
    float: left;
    padding-left: 20px;
}
#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.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: 100%;
    margin-bottom: 8px;
}

#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;
}

#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;
    margin-top: 10px;
}

#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info_detail p{
    line-height: 22px;
    font-size: 0.8rem;
}

#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;
    background: #424242;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 90%;
}
#main_contents #tab_wrap #tab_contents > div > ul > li .item_footer .btn.left a, #main_contents .basic_list > ul > li > .item_footer .btn.left a {
    background: #424242;
}
#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: 49%;
	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: 75%;
    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;
    font-weight: bold;
}
#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: 40%;
    padding: 10px;
    font-size: 80%;
    color: #FFFFFF;
    background-color: #e6720c;
    border-radius: 5px;
    margin-right: 10px;
    float: right;
}
#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: 100%;
    border-radius: 5px;
    margin-top: 15px;
}
#main_contents .contents .link_btn.comment a {
    background: #ff852c;
}
/* メール送信の同意ポップアップ */
#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: 30%;
    margin-left: 35%;
    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 {
	width: 100%;
	height: auto;
    float: left;
    margin-bottom: 15px;
}
#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.active, #main_contents .footer_menu ul li a:hover {
    background: #c7b79b;
    color: #FFFFFF;
}
#main_contents .footer_menu ul li a > span {
    font-size: 80%;
}
#main_contents .footer_menu ul li a > span:after {
    font-size: 120%;
    position: absolute;
    content: ">";
    right: 10px;
    transform: scale(0.5, 1)
}
/* バナーエリア */
.bnr_area {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 15px;
}
.bnr_area .bnr {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 10px;
}
.bnr_area .bnr:last-child {
    margin-bottom: 0px;
}
/* ページャー */
.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: #e30f87;
}
#footer .copyright {
	width: 100%;
	height: auto;
    float: left;
    padding-top: 27px;
    padding-bottom: 27px;
    text-align: center;
    font-size: 75%;
    color: #E0E0E0;
}

/* オリジナル */
#main_contents .contents {
    background: #f9f9f9;
}
#main_contents .contents p span {
    float: unset;
}
#footer .copyright {
    background: #4b3f3a;
}
#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: 180px;
    height: 180px;
}
#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 .basic_list > ul > li > a .list_wrap .thumb img, #main_contents .basic_list > ul > li > span .list_wrap.thanks .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: calc(100% - 200px);
}
#main_contents #tab_wrap #tab_contents > div > ul > li a .list_wrap .item_info{
    display: inline-block;
    margin-bottom: 70px;
}

#main_contents .basic_list > ul > li > a .list_wrap .item_info_detail{
    display: inline-block;
}

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

#main_contents .basic_list > ul > li > a .list_wrap .item_info_detail p{
    line-height: 22px;
    font-size: 0.8rem;
}

#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 #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 {
    color: #ff0e0e;
    line-height: 32px;
    font-weight: bold;
    display: block;
    float: left;
    width: 100%;
    font-size: 105%;
}
#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;
}
#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%;
}
#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: #ff852c;
}
#main_contents .contents .link_btn.auth_false a {
    background: #E0E0E0;
    color: #000000;
}
#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: 50%;
    margin-left: 25%;
}
#main_contents .contents .link_btn.return a {
    padding: 7px;
    background: #757575;
}
#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: 30px;
    right: 25px;
}
#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;
    margin-bottom: 5px;
}
#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, #main_contents .basic_list > ul > li > .item_footer .btn.left a {
    background: #ff852c;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1em;
    letter-spacing: 0.15em;
}
#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/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(http://woman-side.work/images/message.png) top left no-repeat;
    background-size: 20px;
}
#main_contents .maindescription {
    font-size: 0.75em;
}
#main_contents .maindescription span:not(.strong) {
    width: 100%;
    display: block;
    padding: 10px;
    background: #efefef;
    margin-top: 10px;
    margin-bottom: 10px;
}
#main_contents .maindescription span.strong {
    color: #ef5350;
    font-weight: bold;
    line-height: 1.4rem;
}
#main_contents .maindescription ul.check {
    padding-left: 0px;
}
#main_contents .maindescription ul.check li {
    list-style-type: none;
    line-height: 1.4rem;
}
#main_contents .maindescription ul.check li:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/images/icon_check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: -3px;
    margin-right: 5px;
}

.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 {
    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/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: block;
    width: 16.4%;
    float: left;
    padding: 10px;
    margin-left: 0.13%;
    margin-right: 0.13%;
    background: #FFFFFF;
    border: solid #BDBDBD 1px;
}

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

#main_contents .contents .search_area input {
    width: 33.1%;
}
#main_contents .contents.category select {
    width: 100%;
}
#main_contents .contents.category select {
    width: 100%;
    border: solid #d4b046 3px;
    text-align: center;
}
#main_contents .contents .search_area.sort {
    margin-top: 10px;
}
#main_contents .contents .search_area.sort a {
    display: block;
    width: 24.6%;
    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;
    display: block;
    border-top: 3px solid #e6e6e6;
    padding-top: 10px;
}
.search_header h2 {
    padding: 10px;
    float: left;
    font-size: 1rem;
}
#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: 0px;
    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/plus.png) top right no-repeat;
    background-size: 20px;
}
#main_contents .window .check:checked ~ .title::after {
    background: url(/images/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;
}
#sidebar .article_list {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
#sidebar .article_list h3 {
    font-size: 85%;
    font-weight: normal;
    color: #424242;
    background: #FFFFFF;
    padding: 8px;
    padding-left: 15px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    border-left: solid #ffa23f 5px;
    border-bottom: solid #ffa23f 1px;
}
#sidebar .article_list ul {
    width: 100%;
    float: left;
}
#sidebar .article_list ul li {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
#sidebar .article_list ul li:last-child {
    margin-bottom: 0px;
}
#sidebar .article_list ul li a {
    display: block;
    width: 100%;
    float: left;
    background: #F9F9F9;
}
#sidebar .article_list ul li a .thumb {
    position: relative;
    width: 110px;
    height: 100px;
    float: left;
    overflow: hidden;
    border: solid #E0E0E0 1px;
}
#sidebar .article_list.non_thumb ul li a .thumb {
    display: none;
}
#sidebar .article_list ul li a .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 140%;
    height: auto;
    border: solid #FFFFFF 1px;
}
#sidebar .article_list ul li a .text {
    width: 180px;
    float: left;
    padding-top: 5px;
    padding-left: 10px;
}
#sidebar .article_list.non_thumb ul li a .text {
    width: 290px;
}
#sidebar .article_list ul li a .text h4 {
    color: #424242;
    font-size: 65%;
    line-height: 16px;
    margin-top: 4px;
}
#sidebar .article_list ul li a .text p {
    color: #424242;
    font-size: 60%;
    line-height: 17px;
}
#sidebar .article_list ul li a .text p:first-child {
    color: #757575;
}
#sidebar .article_list ul li a .text p:nth-child(2) span {
    display: inline-block;
    color: #FFFFFF;
    background: #ffa23f;
    border-radius: 3px;
    padding: 2px 10px;
}
#sidebar .article_list ul li a .text p:last-child span:first-child {
    margin-right: 5px;
    color: #757575;
}
#sidebar .article_list a.view_more {
    display: inline-block;
    width: 100%;
    text-align: right;
    color: #757575;
    font-size: 70%;
    text-decoration: underline;
}
#sidebar .article_list a.view_more:hover {
    color: #212121;
}
.articlepage img {
    border-radius: 5px;
    margin: 10px 0;
}
.usertag {
    font-size: 60%;
    background: #ffa23f;
    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: #ffa23f;
    text-align: center;
    color: #FFF;
    font-size: 130%;
}
.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;
}
/* 追記 */
body {
    font-size:18px
}
#main_contents .maindescription span.strong {
    font-size: 1.3em;
    line-height: 27px;
    margin-bottom: 10px;
    display: block;
    color: #ce3a37;
}
#main_contents .maindescription ul.check li {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 30px;
    color: #292929;
}
#main_contents .maindescription ul.check {
    border: solid 2px #d8d8d8;
    border-radius: 8px;
    padding: 10px 10px 20px 10px;
}
#main_contents .maindescription ul.check li:last-child {
    margin-bottom: 12px;
}
#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 .contents .search_area input {
    width: 16.4%;
    font-size: 65%
}



#main_contents .contents.category:after {
    border-bottom: solid 2px #e4a716;
    border-right: solid 2px #e4a716;
}
#main_contents .form_btn button {
    width: auto;
    padding: 10px 50px;
    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;
}
#main_contents .contents.category .label {
    border: solid #e4a716 2px;
    border-radius: 100px;
}

#main_contents .back_to_top_btn{
    display: block;
    text-align: center;
}

#main_contents .back_to_top_btn a{
    background: #f3c301;
    border-radius: 3px;
    padding: 10px;
    display: inline-block;
    width: 300px;
    margin: 30px auto;
}