img, object, embed, video {max-width: 100%;} .ie6 img {width:100%;} .fluid {
clear: both;
margin-left: 0;
width: 100%; display: block;
}
.fluidList {
list-style:none;
list-style-image:none;
margin:0;
padding:0;        
}
body,td,th {
font-family: "Noto Sans JP","メイリオ", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif!important;
color: #313131;
line-height:1.8;
}
td,tr,th {
border:1px #a0a0a0 solid;
padding:1%;
}
textarea {font-family:  "Noto Sans JP","メイリオ", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
input {font-family: "Noto Sans JP","メイリオ", Meiryo, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
overflow-x: hidden;
background-color:#ffffff!important;
}
#wpadminbar * {border-bottom:none !important;}
#table {word-break: break-all;}
table {
border-collapse: collapse;
border-spacing: 0;
}
p {
color:#585858;
line-height: 1.7;
margin: 16px 0 ;
}
img {border-style:none;}
a:link { color: #444444;text-decoration: none;}
a:visited { color: #444444;text-decoration: none;}
a:hover { color:#f54500;text-decoration: none;}
a:active { color: #4d99dc;text-decoration: none;}
.base_B a:link { color: #444444;text-decoration: none;}
.base_B a:visited { color: #444444;text-decoration: none;}
.base_B a:hover { color:#f54500;text-decoration: none;}
.base_B a:active { color: #4d99dc;text-decoration: none;}
.base_W a:link { color: #ffffff;text-decoration: none;}
.base_W a:visited { color: #ffffff;text-decoration: none;}
.base_W a:hover { color:#ffffff;text-decoration: none;}
.base_W a:active { color: #ffffff;text-decoration: none;}
.site_name a:link { color: #715c49;text-decoration: none;}
.site_name a:visited { color: #715c49;text-decoration: none;}
.site_name a:hover { color:#4d99dc;text-decoration: none;}
.site_name a:active { color: #715c49;text-decoration: none;}
.page_B a:link { color: #ffffff;text-decoration: none;}
.page_B a:visited { color: #ffffff;text-decoration: none;}
.page_B a:hover { color:#ffffff;text-decoration: underline;}
.page_B a:active { color: #ffffff;text-decoration: none;}
#itemBox_list_button a:link { color: #ffffff;text-decoration: none;}
#itemBox_list_button a:visited { color: #ffffff;text-decoration: none;}
#itemBox_list_button a:hover { color:#FC5600;text-decoration: underline;}
#itemBox_list_button a:active { color: #ffffff;text-decoration: none;}
.table_bg{background-color: #E4E4E4;}
h1,h2,h3 {clear:both;} .gridContainer {
margin-left: auto;
margin-right: auto;
width: 98%;
padding-left: 1%;
padding-right: 1%;
clear: none;
float: none;
}
ul {
padding-left:0;
list-style: none;
font-size:110%;
}
li {
margin:2.5%;
padding-bottom:1.5%;
border-bottom:solid 1px #B4B4B4;
} .top_button_link a:link.else {
padding: 0 10px 0 0;
}
.top_button_link a:link.else:before {
content: "●";
display: inline-block;
padding: 5px;
color: #fff;
}
.top_button_link a:before {
color: #fff;
}
.list:before {
font-family: "FontAwesome",sans-serif;
content: "\f304";
font-weight: bold;
display: inline-block;
padding: 5px;
}
.top_button_link a:before {
color: #fff;
}
.top_button_link a:hover:before {
color: #fff;
} .top_color_line {
height:8px;
clear:both;
}
.top_area {
background-color:#ffffff;
padding-bottom:1%;
}
.top_area_left {
text-align:left;
width: 100%;
margin-top:1%;
}
.top_area_right {
width: 100%;
clear: both;
}
.head_one_TXT {
font-size:90%;
font-weight:normal;
line-height:130%;
margin-top:1%;
margin-bottom:2%;
padding:0;
border:none;
}
.logo { padding-bottom:2%;}
.logo img {max-width:95%;}
.site_name {
font-weight:bold;
font-size:130%;
line-height:130%;
margin-top: 1rem;
}
.top_button_bg {display:none;}
.top_area_under {
background-color:#FFFFFF;
line-height:0;
border-top:solid 1px #e3e3e3;;
height:3px;
margin-top:-1%;
}
#navi { }
.n_button_1 {}
.n_button_2 {}
#navi_m {
display: none;
}
.navi_bar {
padding:2% 0;
margin-bottom:1.5%;
}
#navi_wrap {
display:flex;
align-items:center;
flex-wrap:wrap;
}
.fluid.navi_button {
width:50%;
text-align: center;
box-sizing:border-box;
}
.fluid.navi_button a {
display:block;
font-size:10px;
padding:0.5rem;
box-sizing: border-box;
}
.Social_button {
display:none;
}
.close_menu {
width:97%;
text-align:right;
padding:3% 3% 4% 0;
}
#header {padding-bottom:2%;}
.breadcrumb_list_TXT {display:none;} .Social_button {text-align: center;}
.ajuster{
display: inline-block;
display: -moz-inline-box; }
.Social_b{
display: inline-block; margin-left:5px;
padding-top:0.5%;
clear:none
} #main {
width:100%;
word-break: break-all;
background-color:#FFFFFF;
margin-top:2%;
padding:3% 3% 7% 3%;
overflow:hidden;
}
#main_section {}
#main_section ul {
margin-left:15px;
font-size:100%;
}
#main_section ol {
list-style-type:decimal;
margin-left:-20px;
font-size:100%;
}
#main_section li {
border-bottom:none;
line-height:90%;
} #main_section > .read_l:first-child {
display: none;
}
#main_section.subpage > .read_l:first-child {
display: block;
}
#main_section img {width:100%; height:auto; }
.all-table table img{
max-width:30px;
}
#main_section #ranking_box img {max-width:100%;}
#page {
width:100%;
margin-top:0;
font-size:100%;
line-height:160%;
padding:0 0 2% 0;
} #sideber_menu {
margin-top: 2rem;
}
.side_list {width:99%;}
.c_list {}
.ad_area{}
.ad_area img{
max-width:100%;
height: auto;
}
.searchform_layout {margin:3.5% 0 2% 3%;}
.s_form {width:70%;
border: 1px solid #999999;
} .read_TXT {
width:100%;
font-size:20px;
margin:0;
line-height:1.3;
padding:0 7px;
min-height:15px;
color: 	#333333!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#sideber_menu .read_TXT {
margin-left: 10px;
font-size:16px;
line-height:20px;
}
.read_s {}
.read_l {}
.read_s:before {left:3.5%; clear:both;}
.read_l:before {left:3%;}
.read_s,.read_l {
font-weight:bold;
color:#FFFFFF;
position:relative;
margin-bottom:3%;
}
.read_s,.read_l {
background-color: transparent!important;	
}
.read_s:before,.read_l:before {
left: 12px;
bottom: -15px;
border-width:8px;
display: none;	
}
.read_s,.read_l h1 { 
border-bottom:none;
font-weight: normal;
border-left: 0;
font-weight: bold;
padding-left: 0;
position: relative;
padding: 0.5em 0;
} .read_s,.read_l h1:after {
content: "";
display: block;
height: 4px;
margin-top:0.5rem;
}
.read_s:before,.read_l:before {
content: ' ';
position: absolute;
z-index: 2;
width: 0;
height: 0;
bottom: -15px;
border-style:solid;
border-width:8px;
} .pager{
text-align:center;
padding-bottom:6%;
clear: both;
}
a.page-numbers,
.pager .current{
background:rgba(0,0,0,0.02);
border:solid 1px rgba(0,0,0,0.1);
border-radius:5px;
padding:5px 8px;
margin:0 2px;
}
.pager .current{
border:solid 1px rgba(0,0,0,0.1);
color:rgba(255,255,255,1);
} .message_box {
width:94%;
padding:2.5% 3%;
margin-bottom:3%;
}
.image-inner {
overflow: hidden;
position: relative;
}
.message_box,.image-inner {width: 92%;}
.message_box_img { text-align:center;}
.message_TXT_area { margin-top:2%;}
.me_title {
font-size:110%;
color:#1d93c7;
font-weight:bold;
border-bottom:dotted 2px #7F7F7F;
padding-bottom:0.5%;
}
.me_TXT {
font-size:110%;
margin-top:1.5%;
}
.triangle {
color: #FFF;
position: absolute;
right:80%;
top:0;
text-align: center;
width: 200px;
height:65px;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
} .pickup_box {
width:100%;
margin-top:2%;
}
.pickup_sum {
width:46.7%;
margin:0 0 2% 2.2%;
float:left;
clear:none;
}
.pickup_img {
width:96.1%;
text-align:center;
border:solid 3px #b9b9b9;
}
.pickup_title {
margin-top:2%;
font-size:100%;
line-height:130%;
} #blog_list {
border-bottom:solid 1px #CDCDCD;
margin-top:3%;
}
.Thumbnail_box {
width:37%;
float:left;
margin-right:2.5%
}
.list_data_0 {
width:60%;
padding-bottom:2%;
clear: none;
margin-left: 0;
float:left;
}
.list_data_1 {
width:100%;
padding-bottom:2%;
clear: none;
margin-left: 0;
float:left;
}
.Date_cat {}
.Date_TXT {
width: 100%;
font-weight:bold;
color:#59493f;
font-size:140%;
line-height:100%;
margin-bottom:1%;
}
.cat_li {
width: 100%;
clear: both;
margin-left: 0;
margin-top:1%;
}
.blog_title_TXT {
font-weight:bold;
color:#59493f;
margin-top:5%;
font-size:120%;
}
.blog_coments {display:none}
.list_data_bottom_H { height:10px;} #rank_area { padding-bottom:5%;}
#ranking_box {
width:100%;
border:solid 3px #eeeeee;
padding:3%;
margin-top:2%;
clear:none;
overflow: hidden;
}
#ranking_box a {
text-decoration:none;
color:#333333;
}
.rank_title_0 {
width:100%;
padding:3% 0 1.5% 0;
font-size:110%;
}
.rank_title_1 {
width:100%;
padding:2% 0 1.5% 0;
font-size:110%;
}
.rank_img,
.image-wrap {
margin-top:2%;
margin-bottom:1rem;
text-align:center;
line-height:0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
-ms-align-items: center;
align-items: center;
}
#main_section .fluid rank_img img {
width: 45%;
margin:5px;
}
.image-wrap img {
width: auto;
margin: 5px;
}
.rank_img img {
max-width:96%;
height:auto;
margin: 5px;
}
.rank_text_area {margin-top:2%;}
.rank_catch {
font-weight:bold;
padding-left:10px;
box-sizing:border-box;
}
.rank_txt {
padding:2% 0 2.5% 0;
font-size:100%;
line-height:142%;
}
.rank_table {
margin-top:-1%;
border-bottom:solid 1px #B8B8B8;
}
div#res_table {
overflow: hidden;
height: auto;
width: 100%;
}
div#res_table div {
float: left;
padding-bottom: 32767px;
margin-bottom: -32767px; 
}
div#res_table div#one {}
div#res_table div#two {}
#one {
width:35%;
float:left;
border:solid 1px #B8B8B8;
clear: both;
background-color: #E7E7E7;
}
#two {
width:59.4%;
float:left;
border:solid 1px #B8B8B8;
border-left:none;
}
#three {
width:59.4%;
float:left;
border:solid 1px #B8B8B8;
border-left:none;
}
#one,#two,#three {padding:1%; font-size:110%}
.ran_ico {
width:13%;
margin:-4.5% 0 -2% 1.5%;
float:left;
}
.ran_ico_non {
width:2%;
margin:-0.2% 0 0 2%;
float:left;
}
.rank_title_TXT_0 {
width:82%;
font-size: 24px;
font-weight:bold;
margin-left:2%;
margin-top:0.7%;
line-height:120%;
float:left;
clear:none;
}
.rank_title_TXT_1 {
width:95%;
font-weight:bold;
font-size: 20px;
margin-left:2.5%;
float:left;
clear:none;
}
.rank_TXT_color_1 {margin-right:1%;}
.ran_button_1 {text-align:center;}
.ran_button_2 {overflow: hidden;}
.ran_button_1,.ran_button_2 {padding-top:3%;}
.Button_01 {
background:#f44336;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:25px;
border:2px solid #f44336;
display:inline-block;
cursor:pointer;
transition: 0.2s;
}
.Button_01:hover {
color:#f44336;
background: #fff;
}
.Button_01:active {position:relative;}
.Button_02 {
background:#FF9800;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:40px;
border:2px solid #FF9800;
display:inline-block;
cursor:pointer;
transition: 0.2s;
}
.Button_02:hover {
color:#FF9800;
background: #fff;
}
.Button_02:active {position:relative;}
.Button_01,.Button_02 {
font-size:140%;
color:#ffffff;
padding:2% 3%;
}
.Button_big {width:88%;}
.Button_middle_orenge {
text-align:center;
width:43%;
float:left;
}
.Button_middle_red {
text-align:center;
width:43%;
float:right;
clear:none;
} .btn {
padding: .5em 0;
overflow: hidden;
position: relative;
color:#ffffff;
}
.btn a {
border: solid #fff 2.5px;
border-radius: 12px;
box-shadow: 1px 1px 10px 0 #a1a1a1;
color:#ffffff !important;
display: block;
font-size: 24px;
font-weight: bold;
line-height: 1.3;
margin: 1em auto;
padding: 16px 60px 13px 40px;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
vertical-align: middle;
width: max-content;
}
.btn.is-fz20 a {
font-size: 20px;
color:#ffffff;
}
.btn a img {
vertical-align: middle;
}
.btn a:after {
content: ' ' !important;
} .btn a:before {
content: "\f138";
font-family: "FontAwesome",sans-serif;
font-weight: normal;
font-size: 1.1em;
margin-top: -.6em;
position: absolute;
right: 12px;
top: 50%;
color:#ffffff;
}
.btn a:hover {
box-shadow: 1px 1px 2px 0 #a1a1a1;
filter: alpha(opacity=70);
opacity: .7;
color:#ffffff;
}
.btn a:link {color:#ffffff;}
.btn a:visited {color:#ffffff;} .btn + .btn a {
margin-top: 0;
} .btn a {
background: #00a23f;
background: -webkit-linear-gradient(#00a23f, #39900a);
background: linear-gradient(#00a23f, #39900a);
text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
color:#ffffff;
} .btn.is-green a {
background: #00a23f;
background: -webkit-linear-gradient(#00a23f, #39900a);
background: linear-gradient(#00a23f, #39900a);
text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
color:#ffffff;
width: max-content;
font-size: 20px;
margin-top: 24px;
}
@media only screen and (max-width: 769px) {
.btn.is-green a {
font-size: 16px;
padding: 20px 28px 19px 10px;
width: 78%;
}
} .btn.is-orange a {
background: #f19500;
background: -webkit-linear-gradient(#f19500, #f07000);
background: linear-gradient(#f19500, #f07000);
text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
color:#ffffff;
padding: 15px 48px 14px 24px;
width: max-content;
font-size: 18px;
}
@media only screen and (max-width: 769px) {
.btn.is-orange a {
font-size: 15px;
padding: 14px 27px 13px 10px;
width: 80%;
}
} .btn.is-orange2 a {
background: #f19500;
background: -webkit-linear-gradient(#f19500, #f07000);
background: linear-gradient(#f19500, #f07000);
text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
color:#ffffff;
padding: 15px 48px 14px 24px;
width: max-content;
font-size: 19px;
margin-top: 0px;
} .btn.is-red a {
background: #fb4e3e;
background: -webkit-linear-gradient(#fb4e3e, #d64b26);
background: linear-gradient(#fb4e3e, #d64b26);
color:#ffffff;
} .btn.is-red2 a {
background: #fb4e3e;
background: -webkit-linear-gradient(#fb4e3e, #d64b26);
background: linear-gradient(#fb4e3e, #d64b26);
color:#ffffff;
width: max-content;
font-size: 20px;
margin-top: 24px;
}
@media only screen and (max-width: 769px) {
.btn.is-red2 a {
font-size: 16px;
padding: 20px 28px 19px 10px;
width: 78%;
}
} .btn.is-blue a {
background: #09c;
background: -webkit-linear-gradient(#09c, #069);
background: linear-gradient(#09c, #069);
color:#ffffff;
width: max-content;
font-size: 16px;
padding: 15px 48px 14px 24px;
margin: 20px auto;
}
@media only screen and (max-width: 769px) {
.btn.is-blue a {
font-size: 15px;
padding: 12px 27px 12px 10px;
width: 80%;
}
} .btn.is-black a {
background: #666;
background: -webkit-linear-gradient(#8a8a8a, #666);
background: linear-gradient(#8a8a8a, #666);
color:#ffffff;
} .is-reflection a {
overflow: hidden;
}
.is-reflection a:after {
-moz-animation: is-reflection 4s ease-in-out infinite;
-moz-transform: rotate(45deg);
-ms-animation: is-reflection 4s ease-in-out infinite;
-ms-transform: rotate(45deg);
-o-animation: is-reflection 4s ease-in-out infinite;
-o-transform: rotate(45deg);
-webkit-animation: is-reflection 4s ease-in-out infinite;
-webkit-transform: rotate(45deg);
animation: is-reflection 4s ease-in-out infinite;
background-color: #fff;
content: " ";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
width: 30px;
} .is-reflection + .is-reflection a:after {
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
@keyframes is-reflection {
0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
} .is-trembling a:before {
-webkit-animation-name:is-trembling;
-webkit-animation-duration:.8s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease;
-moz-animation-name:is-trembling;
-moz-animation-duration:1s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:ease;
}
@-webkit-keyframes is-trembling {
0% {-webkit-transform:translate(-10px, 0);}
100% {-webkit-transform:translate(0, 0);}
} @media only screen and (max-width: 769px) { .btn a {
font-size: 18px;
margin: 0 auto 1em;
padding: 22px 30px 20px 10px;
width: 80%;
}
.btn a:before {
right: 4px;
}
} .sideber_rank {
width:95%;
margin:2.5%;
padding-bottom:1.3%;
border-bottom:#C7C7C7 solid 1px;
font-size:100%;
}
.sideber_rank_title {
font-size:110%;
font-weight:bold;
}
@media screen and (max-width: 896px) {
.sideber_rank_title {
margin-top:50px;
}
}
@media screen and (max-width: 480px) {
.sideber_rank_title {
margin-top:25px;
}
}
.sideber_rank_ico {
width:13%;
float:left;
margin-top:-3%;
margin-right:1.5%;
}
.sideRank_title_0 {width:84%;}
.sideRank_title_1 {width:86%;}
.sideRank_title_0,.sideRank_title_0 {
float:left;
font-size:105%;
}
.sideber_rank_img {
margin-top:2%;
text-align: center;
}
.sideber_rank_img img {
max-width:80%;
height:auto;
}
.sideber_rank_TXT {
margin-top:3%;
font-size:110%;
} .itemList_section { margin-top:0.5%; display: none;}
.itemBox_list_sum {
height:auto;
background: #f1f1f1;
float:left;
clear: none;
}
.itemBox_bar {
}
.itemBox_bar_in {
}
.itemBox_list_img{
width:100%;
max-height:125px;
margin-top:3px;
text-align: center;
overflow:hidden;
line-height:0;
}
.itemBox_img_frame {
width:100%;
height:auto;
margin-right:auto;
margin-left:auto;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.itemBox_img_frame img{
width:100%;
height: auto;
}
.itemBox_list_title {
font-size:95%;
height:30px;
line-height:120%;
padding:0 2px;
margin-top:5px;
color:#7e6b5a;
font-weight:bold;
}
.itemBox_list_button {
-moz-box-shadow:inset 0px 1px 0px 0px #f5c387;
-webkit-box-shadow:inset 0px 1px 0px 0px #f5c387;
box-shadow:inset 0px 1px 0px 0px #f5c387;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffb82b), color-stop(1, #f07000));
background:-moz-linear-gradient(top, #ffb82b 5%, #f07000 100%);
background:-webkit-linear-gradient(top, #ffb82b 5%, #f07000 100%);
background:-o-linear-gradient(top, #ffb82b 5%, #f07000 100%);
background:-ms-linear-gradient(top, #ffb82b 5%, #f07000 100%);
background:linear-gradient(to bottom, #ffb82b 5%, #f07000 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb82b', endColorstr='#f07000',GradientType=0);
background-color:#ffb82b;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #e07400;
display:inline-block;
cursor:pointer;
text-align:center;
padding:1px 3px;
margin:2% 0;
font-size:100%;
width:85%;
margin-left:auto;
margin-right:auto;
margin-top:1%;
}
.itemBox_list_button:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f07000), color-stop(1, #ffb82b));
background:-moz-linear-gradient(top, #f07000 5%, #ffb82b 100%);
background:-webkit-linear-gradient(top, #f07000 5%, #ffb82b 100%);
background:-o-linear-gradient(top, #f07000 5%, #ffb82b 100%);
background:-ms-linear-gradient(top, #f07000 5%, #ffb82b 100%);
background:linear-gradient(to bottom, #f07000 5%, #ffb82b 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f07000', endColorstr='#ffb82b',GradientType=0);
background-color:#f07000;
} .Panel_read {
padding:1% 3%;
display: block;
margin: 0;
clear:both;
margin-bottom:7px;
line-height:140%;
}
.Panel_read_txt {
padding-left:2%;
padding-top:1%;
font-size:105%;
}
input[type="checkbox"].on-off{display: none;}
.menu ul {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0;
padding: 0;
list-style: none;
}
.menu div {}
.accor_txt {
padding:2% 0 3% 0;
font-size:110%;
}
input[type="checkbox"].on-off + ul{
height: 0;
overflow: hidden;
}
input[type="checkbox"].on-off:checked + ul{
height:auto;
min-height:20px;
padding-bottom:10px
} .cat_list_section {
margin-top:10px;
padding-bottom:10px;
}
.list_link_set_0{}
.list_link_set_1{
width:59%;
float:left;
clear:none;
}
.list_month {
font-size:120%;
font-weight:bold;
clear: both;
}
.category_list_name {
font-weight:bold;
font-size:100%;
line-height:140%;
}
.category_list_coments {
font-size:90%;
line-height:140%;
margin-top:3%;
}
.Thumbnail_box_2 {
width:37%;
float:left;
margin-right:2.5%;
clear:none;
border:solid 1px #D8D8D8;
}
.Date_TXT_2 {
font-weight:bold;
color:#59493f;
font-size:120%;
line-height:120%;
margin-bottom:1%;
} #Not_container {margin:2% 0;}
.Not_TXT {
font-size:180%;
line-height:120%;
font-weight:bold;
border-left:solid 5px #b9d7e6;
padding-left:2%;
color:#a0a0a0;
}
.Not_h2 {
color: #313131;
background:none;
border:none;
padding:0;
margin-top:5%;
font-size:100%;
}
.cont_images {
clear:both;
width:100%;
text-align:center;
}
.cont_images img{
max-width:100%;
height:suto;
}
.cont_TXT { margin-top:2%;} #footer {margin-top:5%;}
.under_area_topline {
background-color:#FFFFFF;
line-height:0;
border-bottom:solid 1px #e3e3e3;;
height:3px;
}
.under_area {
text-align:center;
background-color:#FFFFFF;
padding:10px 0;
}
.under_color_line {height:6px;} .tagcloud {padding:0 2% 2% 2%;}
.alignleft {margin:1% 2% 6% 0 !important;}
.alignright {margin:1% 0 6% 2% !important;}
.textwidget {
font-size:100%;
line-height:180%;
} #comments {}
#comment {width:100%;}
.comment-lists-wrap {
clear:both;
padding-top:15%;
}
.comment-lists-wrap ol {list-style-position: inside;}
.comment-lists-wrap ol li{overflow: hidden;}
.comment-lists-wrap ol li.even{ border-bottom: 1px solid #ACACAC;}
.comment-lists-wrap ol .comment {}
.comment-lists-wrap ol .children {margin-left: 5%;}
.reply{
background-color:#E5E5E5;
line-height: 20px;
width: 50px;
font-size: 10px;
text-align: center;
border: 1px solid #969696;
float: right;
margin-bottom: 2%;
}
#respond {margin-top:7%;}
.reply a {
color:#626262;
display: block;
}
.comment-author{
width:15%;
float: left;
overflow: hidden;
}
.comment-author img{
display: block;
text-align: center;
margin-left:auto;
margin-right:auto;
}
span.says{display: none;}
.comment-body{
clear: both;
margin-top: 2%;
overflow: hidden;
}
.comment-body p{
overflow: hidden;
padding:2%;
margin: 0 0 2% 0!important;
}
.fn {
display: block;
font-style: normal;
clear: both;
text-align: center;
color:#5197C9;
}
.comment-meta{text-align: right;}
.comment-meta a{color: #5197C9;} .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;	
}
.alignright {
display: block;
margin-left: auto;
text-align: right;
}
@media only screen and (max-width: 769px) {
.alignright {
width: 100%;
box-shadow: 0 0 10px grey;
-webkit-box-shadow: 0 0 10px grey;
-moz-box-shadow: 0 0 10px gray;
}
}
.alignleft {
display: block;
margin-right: auto;
text-align: left;
}
@media only screen and (max-width: 769px) {
.alignleft {
width: 100%;
box-shadow: 0 0 10px grey;
-webkit-box-shadow: 0 0 10px grey;
-moz-box-shadow: 0 0 10px gray;
}
}
.widget_sp_image-description  p{
margin-top:2.5%;
clear:both;
font-size:110%;
} .PBsec {clear: both;}
.page_B {
-moz-box-shadow:inset 0px 1px 0px 0px #f58585;
-webkit-box-shadow:inset 0px 1px 0px 0px #f58585;
box-shadow:inset 0px 1px 0px 0px #f58585;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff2929), color-stop(1, #d60404));
background:-moz-linear-gradient(top, #ff2929 5%, #d60404 100%);
background:-webkit-linear-gradient(top, #ff2929 5%, #d60404 100%);
background:-o-linear-gradient(top, #ff2929 5%, #d60404 100%);
background:-ms-linear-gradient(top, #ff2929 5%, #d60404 100%);
background:linear-gradient(to bottom, #ff2929 5%, #d60404 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2929', endColorstr='#d60404',GradientType=0);
background-color:#ff2929;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #b30202;
display:inline-block;
font-weight:bold;
width:80%;
text-align:center;
font-size:120%;
color:#ffffff;
padding:1% 2%;
}
.page_B:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d60404), color-stop(1, #ff2929));
background:-moz-linear-gradient(top, #d60404 5%, #ff2929 100%);
background:-webkit-linear-gradient(top, #d60404 5%, #ff2929 100%);
background:-o-linear-gradient(top, #d60404 5%, #ff2929 100%);
background:-ms-linear-gradient(top, #d60404 5%, #ff2929 100%);
background:linear-gradient(to bottom, #d60404 5%, #ff2929 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60404', endColorstr='#ff2929',GradientType=0);
background-color:#d60404;
}
.page_B:active {position:relative;} .Con_BOX_1,.Con_BOX_2 {
width: 100%;
background-color:#FFFFFF;
padding:2% 2% 1.5% 2%;
border: solid 3px #efefef;
display: inline-block;
}
.AreaPun {clear:both;} .cont_bottom {
height:7px;
clear:both;
}
.zeroMargin_mobile {margin-left: 0;}
.hide_mobile {display: none;}
.crown-wrap {
display: block;	
}
.crown-wrap a {
width: 100%;
margin-bottom: 1rem;	
}
.itemBox_list_sum {
position: relative;	
-webkit-transition: 0.15s ease-in-out;
-moz-transition: 0.15s ease-in-out;
-o-transition: 0.15s ease-in-out;
transition: 0.15s ease-in-out;
margin-bottom: 1rem;	
}
.itemBox_list_sum:hover {
background: #f9f9f9;
}
.crown_title {
width: 68.5%;
height: 3rem;
padding-top: 4px;
margin: 0 10px 5px 10px;
font-size: 20px;
color: #FFA726;
border-top: 1px dotted #666666;
text-align: left;
line-height: 1.2;
float: right;
font-weight: bold;	
}
.crown_txt {
width: 70%;
text-align: left;
margin-bottom: 0;
float: right;
color: #ff0000;
font-weight: bold;
}
img.crown {
width: 30% !important;
position: absolute;
top: 0;
left: -3%;
z-index: 1;
}
.rank_TXT_color_1 {
color: #333333!important;
margin-bottom: 0.25em;
font-weight: bold;
font-size: 15px;
}
#footer_menu #navi {
margin-bottom: 0;
background: transparent;
border-top: 1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
}
#footer_menu #navi a {
color: #333333;
text-decoration: underline;
}
#footer_menu #navi .n_button_1,#footer_menu #navi .n_button_2,#footer_menu #navi .n_button_3,#footer_menu #navi .n_button_4,#footer_menu #navi .n_button_5,#footer_menu #navi .n_button_6 {
clear: none;
width: 24.5%;
display: inline-block;
text-align: center;
border-right: 0;
padding: 10px 0;
border-bottom: 0;
}
.site_name {
font-size: 20px;
line-height: 24px;
font-weight: normal;
}
.top_area_left {
width: 100%;
} @media only screen and (min-width: 370px) {
.fluid.navi_button a {
display:block;
font-size:12px;
padding:0.5rem;
box-sizing: border-box;
}
}
@media only screen and (min-width: 481px) {
.gridContainer {
width: 98%;
padding-left: 1.5%;
padding-right: 1%;
clear: none;
float: none;
margin-left: auto;
}
li {
margin:4%;
padding-bottom:3%;
} .top_color_line {}
.top_area {}
.top_area_left {
width: 55.5%;
text-align:left;
margin-left:2.5%;
float:left;
}
.top_area_right {
width: 39%;
min-width:24%;
margin-right:2.5%;
clear: none;
float:right;
}
.head_one_TXT {
font-size:100%;
margin-top:1%;
margin-bottom:2.5%;
padding:0;
}
.logo {padding-bottom:1%;}
.logo img {
max-width: 100%;
width: 60%;
height: auto;
}
.top_button_TXT {
margin-right:1%;
}
.top_area_under {margin-top:-0.5%;}
#navi {
padding:0.2% 0; min-height:18px;
}
.n_button_1 {}
.n_button_2 {clear:none;}
.n_button_3 {clear:none;}
.n_button_4 {}
.n_button_5 {clear:none;}
.n_button_6 {clear:none;}
.n_button_1,.n_button_3,.n_button_5 {
border-right:#FFFFFF solid 1px;
}
.n_button_1,.n_button_2,.n_button_3,.n_button_4,.n_button_5,.n_button_6 {
width:100%;
display: block; text-align:center;
border-bottom: 0;
color:#FFFFFF;
padding:0.3% 0;
}
#navi_m {display:none;}
.navi_bar {
padding:1.5% 0;
margin-bottom:1%;
}
#header {
background-image:url(//niigata-jinzaihaken.info/wp-content/themes/e_ver004/img/header_back.png);
background-repeat:no-repeat;
background-size:100%;
width:97.4%;
padding:1.2% 1.3% 4% 1.3%;
}
#header img {width:100%;}
.breadcrumb_list_TXT {
display:block;
margin-top:-0.7%;
padding-bottom:0.2%;
font-size:90%;
} .Social_button {text-align:right;}
.ajuster{}
.Social_b{
margin-left:5px;
padding-top:15px;
} #main {
padding:2% 2% 5% 2%;
margin-top:2%;
}
#main_section {width:100%;}
.subpage {
width: 66.7%!important;
max-width: 700px;
}
#main_section ul {}
#main_section ol {}
#main_section li {
line-height:10%;
margin-left:5px;
}
.main_section_01 {float:left;}
.main_section_02 {float:right;}
#page {padding:0 0 3% 0;} #sideber_menu {width:31%;}
.sideber_menu_01 {
float:right;
clear:none;
}
.sideber_menu_02 {
float:left;
clear:none;
}
.side_list {width:98%;}
.c_list {} .read_TXT {
width:100%;
font-size:26px;
margin:8px 0 6px 10px;
line-height:30px;
padding:0 7px;
min-height:15px;
color: 	#333333!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.read_s {padding:2% 0; margin-bottom:6%;}
.read_l {margin-bottom:1.5%;} 
.read_s:before {left:3.5%;}
.read_l:before {left:3%;}
.read_s,.read_l {}
.read_s:before,.read_l:before {
bottom: -15px;
border-width:8px;
} .message_box {padding:3% 2%;}
.message_box,.image-inner {width:94.4%;}
.message_box_img {}
.message_TXT_area {}
.me_title {}
.me_TXT { }
.triangle {
right:78%;
top: -5%;
width: 200px;
} .pickup_box {}
.pickup_sum {}
.pickup_img {}
.pickup_title {} #blog_list {}
.Thumbnail_box {}
.list_data_0 {}
.list_data_1 {}
.Date_cat {}
.Date_TXT {
width: 100%;
font-size:140%;
line-height:110%;
}
.cat_li {
width: 100%;
margin-top:1%;
}
.blog_title_TXT {
margin-top:7px;
font-size:120%;
}
.blog_coments {
margin-top:2%;
display:block;
}
.list_data_bottom_H {} #rank_area {}
#ranking_box {width:92.5%;}
.rank_title_0 {}
.rank_img {}
.rank_text_area {}
.rank_catch {}
.rank_txt {}
.rank_table {}
#two {width:59.8%;}
#three {width:59.8%;}
.ran_ico {
margin:-4.5% 0 -2% 1.5%;
width:12%;
float:left;
}
.rank_title_TXT_0,.rank_title_TXT_1 {
font-size:24px;
line-height:110%;
}
.ran_button_1 {}
.ran_button_2 {} .sideber_rank {}
.sideber_rank_title {}
.sideber_rank_ico {
width:15%;
float:left;
margin-top:-2.5%;
margin-right:2%;
}
.sideRank_title_0 {width:80%;}
.sideRank_title_1 {width:97%;}
.sideRank_title_0,.sideRank_title_1 {
margin-left:1%;
font-size:95%;
line-height:120%;
}
.sideber_rank_img {}
.sideber_rank_img img{max-width:85%;}
.sideber_rank_TXT { margin-left:1.5%;} .itemList_section {
margin-top:1.5%;}
.itemBox_list_sum {
clear: none;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.itemBox_bar {}
.itemBox_bar_in {}
.itemBox_list_img{}
.itemBox_list_img img{}
.itemBox_list_title {font-size:100%;}
.itemBox_list_button{ margin-top:1.5%;} .Panel_read {
padding:2% 3%;
line-height:140%;
}
.Panel_read_txt {
padding-left:2%;
padding-top:1%;
font-size:105%;
}
input[type="checkbox"].on-off{}
.menu ul {}
.menu div {}
input[type="checkbox"].on-off + ul{}
input[type="checkbox"].on-off:checked + ul{} .list_month {
float:left;
margin-right:1%;
font-size:120%;
font-weight:bold;
}
.category_list_name {}
.category_list_coments {}  #footer {}
.under_area_topline {}
.under_area {}
.under_color_line {height:8px;} .tagcloud {padding:0 3% 3% 3%;}
.alignleft {float:left !important;}
.alignright {float:right !important;} .widget_sp_image-description  p{margin-top:4%;} .cont_bottom {height:10px;}
.hide_tablet {display: none;}
.zeroMargin_tablet {margin-left: 0;}
}
#sidr ul li:nth-child(5),
#sidr ul li:nth-child(6) {
display: none;
}
#sidr ul li a {
color: #ffffff;
text-decoration: none;
}
#sidr ul li {
border-bottom: 1px solid #ffffff;
}
#footer_menu #sidr .close_menu,
#footer_menu .base_W
{
display: none;
}
.background { width: auto;
height: 380px;
margin: 0;
padding: 0;
display: block;
background-image: url(https://niigata-jinzaihaken.info/wp-content/uploads/bg-E16261.jpg);
background-position:bottom;
background-repeat: no-repeat;
background-size: cover;
clear: both;
}
.background .gridContainer img {
margin-right: auto;
display: block;
width: 390px;
margin-top: 25px;
}
@media only screen and (min-width: 1400px) {
.background .gridContainer {
max-width:1400px;
}
.background .gridContainer img {
width: 400px;
}
}
@media only screen and (max-width: 780px) {
.background { 
height: 270px;
background-position: left bottom;
background-size: 100%;
}
.background .gridContainer img {
margin: 0 0;
margin-top: 4rem;
width: 250px;
}
}
@media only screen and (max-width: 480px) {
.background { 
height: 270px;
background-position: left bottom;
background-size: 140%;
}
.background .gridContainer img {
margin: 0 0;
margin-top: 4rem;
width: 250px;
}
} @media only screen and (min-width: 769px) {
.itemList_section {display: block;} #main_section > .read_l:first-child {
display: block;
}
.image-wrap img {
width: 48%;
margin: 5px;
}
.site_name {
margin-top: 0;
}
.fluid.navi_button {
width:25%;
text-align: center;
}
.fluid.navi_button a {
display:block;
font-size:14px;
padding:0.5rem;
box-sizing: border-box;
}
.read_s, .read_l h1:after {
margin-top:0.75rem;
}
#sideber_menu .read_s {
background: transparent;
height: auto;
}
.top_button_bg {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
float:right;
width: 330px;
margin-top:3%;
white-space: nowrap;
}
.top_button_bg a { }
.crown_title {
width: 67.5%;
height: 3rem;
padding-top: 4px;
margin: 0 10px 5px 10px;
font-size: 20px;
color: #FFA726;
border-top: 1px dotted #666666;
text-align: left;
line-height: 1.2;
float: right;
font-weight: bold;	
}
.crown-wrap a {
width: 5%;	
}
.crown-wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}
#main_section ol.point li {
font-size: 135%;
padding: 5px 0;
border-bottom: 1px dotted #ddd;
}
#navi_wrap {
max-width: 1010px;
margin: 0 auto;	
}
.navi_button a:link {
display: block;	
font-size: 14px;
text-align: center;	
padding: 10px 0;	
}
.navi_button a:link:hover {
background: rgba(255,255,255,0.3);
}
.top_button_link a:link.contact {
display: block;	
padding: 5px 10px 5px 29px;
background: url(//niigata-jinzaihaken.info/wp-content/themes/e_ver004/img/mail.png) 10px 50% no-repeat;
}
.top_button_link a:link.company {
display: block;	
padding: 5px 10px 5px 29px;
background: url(//niigata-jinzaihaken.info/wp-content/themes/e_ver004/img/company.png) 10px 50% no-repeat;
}
.gridContainer {
max-width: 1010px;
padding-left: 1.2%;
padding-right: 1.2%;
margin: 1rem auto 0.5rem auto;
clear: none;
float: none;
margin-left: auto;
}
.background .gridContainer {
max-width: 1010px;
padding-left: 1.2%;
padding-right: 1.2%;
margin: 0 auto 0.5rem auto;
clear: none;
float: none;
margin-left: auto;
}
li {
margin:7px 10px;
padding-bottom:5px;
border-bottom:solid 1px #B4B4B4;
}
body {font-size: 13px;}
td,th{font-size: 12px;} .top_color_line {}
.top_area {padding-bottom:7px}
.top_area_left {
margin:7px 0 0 0;
width: 520px;
}
.top_area_right {
margin-right:0;
width: 220px;
clear: none;
}
.head_one_TXT {
margin-top: 10px;
margin-bottom: 0px;
width: 190%;
}
.logo {
padding-bottom: 0;
margin-top: 0;
width: 145%;
}
.site_name{
font-size:22px;
line-height:24px;
font-weight: normal;	
}
.top_button_bg {
margin-top:0;
}
.top_button_TXT {margin-right:3px;}
.top_area_under {margin-top:-2px}
#navi {
padding:2px 0;
margin-bottom:-15;
min-height:23px;
display: none;
}
.n_button_1,.n_button_2,.n_button_3,.n_button_4,.n_button_5 {
clear:none;
width: 	24.5%;
display: inline-block;	
text-align:center;
border-right:0;
padding: 0;
}
.n_button_6 {
width:160px
;clear:none;
float:left;
text-align:center;
}
#navi_m {display:none;}
.navi_bar {
padding:13px 0;
margin-bottom:10px;
}
#header {
width:950px;
height:335px;
padding:11px 10px 0 10px;
}
.breadcrumb_list_TXT {
display:block;
margin-top:-12px;
padding-bottom:3px;
} .Social_button {}
.ajuster{}
.Social_b{
padding-top:11px;
margin-left:5px;
} #main {
width:100%;
margin-top:13px;
padding:2%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main_section {width:100%;}
#main_section ul {}
#main_section ol {}
#main_section li {
line-height:20px;
}
#page {
width:650px;
font-size:15px;
padding:5px 0;
line-height:22px;
} #sideber_menu {width:250px;
margin-top: 0;
}
.side_list {
width:246px;
padding-left:0;
}
.c_list {}
.s_form {width:170px;} .read_TXT {
width:100%;
font-size:24px;
margin:0;
line-height:30px;
padding:0 7px;
min-height:15px;
color: 	#333333!important;
}
.read_s {
padding:0;
margin-bottom:17px;
}
.read_s:before {}
.read_l {margin-bottom:10px;}
.read_s,.read_l {
background-color: transparent!important;	
}
.read_s:before,.read_l:before {
left: 12px;
bottom: -15px;
border-width:8px;
display: none;	
} .message_box_img {
width:245px;
float:left;
}
.message_TXT_area {
width:407px;
margin-top:0;
margin-left:15px;
float:left;
clear:none;
}
.message_box {padding:10px;}
.message_box,.image-inner {width:674px;}
.me_title {font-size:14px;}
.me_TXT {line-height:20px;}
.triangle {
right: 605px;
top: -20px;
width: 200px;
} .pickup_box {margin-top:5px}
.pickup_sum {
width:167px;
float:left;
margin-left:6px;
clear:none;
}
.pickup_img {
width:97%;
border:solid 3px #b9b9b9;
}
.pickup_title {font-size:12px;} #blog_list {margin-top:15px;}
.Thumbnail_box {
width: 185px;
height:auto;
display:block;
margin-right:20px;
float:left;
border:solid 1px #D8D8D8;
clear:none;
}
.list_data_0 {
width: 490px;
padding-bottom:20px;
float:left;
clear: none;
}
.list_data_1 {
width: 680px;
padding:0 10px 20px 10px;
clear: none;
}
.Date_cat {}
.Date_TXT {
width:150px;
font-size:19px;
line-height:20px;
}
.cat_li {
width: auto;
margin-right: 3px;
margin-top:1px;
clear: none;
}
.blog_title_TXT {
font-size:15px;
line-height:20px;
margin-top:10px;
}
.blog_coments {
font-size:14px;
line-height:22px;
margin-top:15px;
display:block;
overflow: hidden;
height: auto;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.list_data_bottom_H {height:5px;} #rank_area {padding-bottom:20px;}
#ranking_box {
width:100%;
padding:15px;
margin-top:40px;
overflow: hidden;	
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.rank_title_0 {
height:50px;
padding:10px 0;
}
.rank_title_1 {
height:50px;
padding:10px 0;
}
.rank_img {
width:100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;	
justify-content: center;	
}
.rank_img img {
max-width:50%;
height:auto;
}
.rank_text_area {
width:100%;
clear:none;
}
.rank_catch {font-size:18px;}
.rank_txt {
line-height:1.8;
margin-bottom: -1em;
}
.rank_table {
width:662px;
margin-top:13px;
font-size:13px;
}
div#res_table {width: 664px;}
div#res_table div {
float: left;
padding-bottom: 32767px;
margin-bottom: -32767px; 
}
div#res_table div#one {}
div#res_table div#two {}
#one {width: 120px;clear: none;}
#two {width: 188px;}
#three {width: 519px;}
#one,#two,#three {padding:3px 5px;}
.ran_ico {
width:56px;
height:57px;
margin:-20px 0 0 7px;
}
.ran_ico_non {
width:12px;
height:12px;
margin:0 0 0 15px;
}
.rank_title_TXT_0 {
font-size:24px;
margin-left:5px;
margin-top:0;
line-height:24px;
}
.rank_title_TXT_1 { font-size:26px;
margin-left:15px;
margin-top:2px;
}
.ran_button_1 {}
.ran_button_2 {
overflow: hidden;
}
.ran_button_1,.ran_button_2{ padding-top:15px;}
.Button_01,.Button_02 {
font-size:20px;
padding:6px 10px;
}
.Button_big {width:70%;}
.Button_middle_orenge {
text-align:center;
width:45%;
box-sizing: border-box;
}
.Button_middle_red {
text-align:center;
width:45%;
float:right;
margin-right:10px;
clear:none;
}
.Button_middle_red {}
.Button_middle_orenge {} .sideber_rank {
width:222px;
font-size:12px;
padding:5px 5px 10px 5px;
}
.sideber_rank_title {}
.sideber_rank_ico {
width:35px;
margin-top:-10px;
}
.sideRank_title_0 {
width:180px;
margin-left:1px;
}
.sideRank_title_1 {
width:223px;
margin-left:0px;
}
.sideber_rank_img {margin-top:7px;}
.sideber_rank_TXT {} .itemList_section {margin-top:3px;}
.itemBox_list_sum {
position: relative;
display: inline;
margin-right: 1.030%;
}
.itemBox_bar {}
.itemBox_bar_in {}
.itemBox_list_img{
width:100%;
height:125px;
margin-top:3px
}
.itemBox_list_img img{
width:125px;
height: auto;
}
.itemBox_list_title {
font-size:11px;
height:30px;
line-height:14px;
padding:0 2px;
margin-top:5px;
color:#7e6b5a;
font-weight:bold;
}
.itemBox_list_button{margin:5px 0;} .Panel_read {
padding:7px 10px;
display: block;
margin-bottom:7px;
line-height:18px;
}
.Panel_read_txt {
padding-left:7px;
padding-top:0;
}
input[type="checkbox"].on-off{}
.menu ul {font-size:100%;}
.menu div {font-size:13px;}
.accor_txt { padding:10px 0 15px 0}
input[type="checkbox"].on-off + ul{}
input[type="checkbox"].on-off:checked + ul{
min-height:20px;
padding-bottom:10px
} .cat_list_section {
margin-top:20px;
padding-bottom:10px;
}
.list_link_set_0{
float:left;
clear:none;
}
.list_link_set_1{
width:470px;
float:left;
clear:none;
}
.list_month {
width:120px;
float:left;
margin-right:10px;
font-size:15px;
}
.category_list_name {font-size:15px;}
.category_list_coments {
margin-top:15px;
display:block;
font-size:14px;
line-height:22px;
}
.Thumbnail_box_2 {
width: 185px;
height:auto;
display:block;
margin-right:20px;
} #Not_container {margin:15px 0;}
.Not_TXT {
font-size:32px;
border-left:solid 8px #b9d7e6;
padding-left:10px;
line-height:38px;
}
.Not_h2 {
margin-top:20px;
font-size:14px;
}
.cont_images {
float:right;
clear: none;
width:40%;
text-align:right;
}
.cont_images img{
max-width:100%;
height:auto;
}
.cont_TXT 
{margin-top:10px;
float:left;
width:58%;
} #footer {margin-top:20px;}
.under_area_topline {}
.under_area {padding:10px 0;}
.under_color_line {} .tagcloud {padding:0 10px 7px 10px;}
.alignleft {
margin:3px 30px 65px 0 !important;
box-shadow: 0 0 10px grey;
-webkit-box-shadow: 0 0 10px grey;
-moz-box-shadow: 0 0 10px gray;
}
.alignright {
margin:3px 0 60px 30px !important;
box-shadow: 0 0 10px grey;
-webkit-box-shadow: 0 0 10px grey;
-moz-box-shadow: 0 0 10px gray;
}
.textwidget {
font-size:15px;
} .widget_sp_image-description  p{margin-top:10px} .cont_bottom {height:15px;}
.zeroMargin_desktop {margin-left: 0;}
.hide_desktop {display: none;}
}
.Mov_B {
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
}
.Mov_B iframe,
.Mov_B object,
.Mov_B embed {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
} .yellow_line.active{
background-position: -100% 120%;
}
.yellow_line{
background-image: -webkit-linear-gradient(left, transparent 50%, #FCFF1E 50%);
background-image: -moz-linear-gradient(left, transparent 50%, #FCFF1E 50%);
background-image: -ms-linear-gradient(left, transparent 50%, #FCFF1E 50%);
background-image: -o-linear-gradient(left, transparent 50%, #FCFF1E 50%);
background-image: linear-gradient(left, transparent 50%, #FCFF1E 50%);
background-repeat: repeat-x;
background-size: 200% 50%;
background-position: 0 .5em;
transition: all 2s ease;
font-weight: bold;
} .side-ad {
margin-top: 5px;
margin-bottom: 5px;
text-align:center;
} #toc_container {
margin-bottom: 40px;
padding: 15px 20px;
background: #fff;
border: 1px solid #b9b9b9;
border-radius: 2px;
color: #666;
background-color: #fcfcfc;
}
#toc_container .toc_title {
font-family: "Unica One", cursive;
text-align: center;
margin-bottom: 35px;
margin-top: 0;
padding-top: 0;
padding-bottom: 0px;
font-size: 1.7em;
border-bottom: 1px solid #dedede; }
#toc_container .toc_list {
list-style-type: none !important;
counter-reset: li; }
#toc_container .toc_list > li {
position: relative;
margin-bottom: 15px;
margin-left: 30px;
line-height: 1.3em;
font-size: 0.9em; }
#toc_container .toc_list > li:after {
counter-increment: li;
content: "0" counter(li) " |";
position: absolute;
left: -40px;
top: 0px;
background: none;
font-family: "Unica One", cursive;
font-size: 1.4em;
letter-spacing: -1px;
}
#toc_container .toc_list > li a {
text-decoration: none !important; }
#toc_container .toc_list > li a:hover {
text-decoration: underline !important; }
#toc_container .toc_list > li ul {
list-style-type: disc;
margin-top: 15px;
padding-left: 20px;
}
#toc_container .toc_list > li > ul li {
font-size: 0.9em;
margin-bottom: 8px; } #toc_container .toc_title:before{
content: "\f046"; font-family: "FontAwesome",sans-serif;
padding-right: 6px;
font-size:18px; color: #ff0000;
}
#toc_container .toc_toggle a{
color: #F89174; 
}
#toc_container ul{
counter-reset:number;
list-style:none;
list-style-image:none;
}
#toc_container ul li{
line-height: 1.25em;
margin-bottom: 0.9em;
margin-top:10px;
list-style-image:none;
}
#toc_container ul li a{
font-weight: bold;
text-decoration:none;
}
#toc_container ul li a:hover{
text-decoration:underline
}
#toc_container ul ul{
margin-top: 0.5em;
}
#toc_container ul ul li{
line-height: 1.25em;
margin-bottom: 0.5em;
font-size:14px;
margin-left:-30px;
}
#toc_container ul ul li:before{
content: "\f0da";
font-family: "FontAwesome",sans-serif;
padding-right: 6px;
margin-left:0px;
color: #FFFBF4;
margin-left:-10px;	
}
#toc_container ul ul li a{
color: #3D3D3D;
font-weight: normal;
padding-right:6px;
text-decoration:none
}
#toc_container ul ul li a:hover{
text-decoration:underline
}
#toc_container .toc_list > li a {
text-decoration: none !important; }
#toc_container .toc_list > li a:hover {
text-decoration: underline !important; }
#toc_container .toc_list > li ul {
list-style-type: disc;
margin-top: 15px;
padding-left: 20px;
}
#toc_container .toc_list > li > ul li {
font-size: 0.9em;
margin-bottom: 8px; 
}
.lkc-thumbnail {margin: 0 15px 4px 4px;} .subpage .Button_middle_orenge { width: 100%; margin-left:auto;margin-right:auto; box-sizing:border-box;}
*{word-break:break-all;-webkit-transition:all .3s ease;transition:all .3s ease}
.campaign-box{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;-ms-flex-pack:justify;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;-webkit-align-items:center;align-items:center;margin:2rem auto;clear:both;}
.campaign-image{width:100%; }
.campaign-image img {width:100%;height:auto;order:2;margin-bottom:1rem;}
.campaign-button {width:100%;padding:1rem;box-sizing:border-box;}
.campaign-des{order:3;}
.campaign-button_sp {width:100%;order:4;}
.campaign-des strong {font-size:18px;line-height:1.5;}
.campaign-des p {font-size:16px;line-height:1.8;}
a.campaign-link {width:100%;padding:1rem 0;color:#fff;border-radius:.25rem;box-sizing:border-box;}
a.campaign-link_q {width:100%;padding:0.5rem;color:#fff;font-size:14px;border-radius:.25rem;box-sizing:border-box; text-decoration:none;}
a.campaign-link_q {display:block;text-align: center;}
a.campaign-link:hover{text-decoration:none;background-color:#fff;}
a.campaign-link_q:hover{text-decoration:none;background-color:#fff;}
.product-maker{color:#666666;font-size:12px;}
.product-name{margin-top:0;margin-bottom:1rem;font-size:20px;font-weight: bold;
padding-bottom: 5px;
}
.product-price{margin-bottom:1rem;font-size:12px;line-height:1;}
.product-price strong{font-size:20px;}
#sideber_menu .read_s,#sideber_menu .read_l h1:after {
background: none!important;
}
.su-button-center i {
display: none;
}
.textwidget h2 {
border-left: 0;
}
.ranking-outer h2.ranking-ttl {
font-size: 24px;
margin-top: 3rem;
padding: 1.2rem;
text-align: center;
border-left: 0;
background: transparent;
}
.base_B a.outer-btn {
display: block;
margin: 1rem auto 2rem;
padding: 1rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 60%;
text-align: center;
background: #fff;
transition: 0.2s;
}
.base_B a.outer-btn:after {
display: inline-block;
font-family: "FontAwesome",sans-serif;
content: "\f0a9";
margin-left: 5px;
}
.base_B a.outer-btn:hover {
opacity: 0.75;
}
@media screen and (min-width:576px){
.secondary-menu .menu-item a{padding-left:1rem;padding-right:1rem}
.cards{margin-left:-1%;margin-right:-1%;overflow:hidden;display:flex;flex-wrap:wrap;}
.cards .hentry{margin-left:1%;margin-right:1%;width:48%;float:left}
.campaign-link_q{width:100%;}
.mainvisual-box{width:100%;margin-left:0;}
.mainvisual-box_txt {height: 120px;}	
.mainvisual-box_txt h2 {font-size:1.8rem;font-weight:400;}
.mainvisual-box_txt h2 br {display:none;}	
.mainvisual-box_txt p {font-size:1rem;}
.site-content{margin-top:60px}
body.home .site-content{margin-top:60px;}
.campaign-box{box-sizing:border-box;max-width: 100%;}
.campaign-image{width:26%;padding: 0;}
.campaign-image img {display:block;width: auto;height: 100%;margin:0 9px;}
.campaign-button {width:72%;order:1;padding:1rem;background:transparent;}
.campaign-des strong {font-size:18px;line-height:1.5;}
.campaign-des p {font-size:16px;line-height:1.8;}
.product-maker{color:#666666;font-size:12px;}
.product-name{margin-bottom:1rem;font-size:20px;font-weight: 700;}
.product-price{margin-bottom:1.5rem;font-size:14px;line-height:1;}
.product-price strong{font-size:20px;}
.campaign-image{order:1}
.campaign-button {order:2;}
.campaign-des{order:3;}
}
@media only screen and (max-width: 769px) {
.campaign-box {
display: inline-flex;
}
.campaign-image {
width: 40%;
display: inline-block;
}
.campaign-image img {
margin: 4px;
}
.campaign-button {
width: 60%;
display: inline-block;
}	
.product-name {
font-size: 16px;
}
.campaign-des p {
font-size: 13px;
margin: 4px;
}
}  #npcatch .title {
width: initial;
display: block;
float: none;
}
#npcatch img {
padding: 0;
margin: 5px 8px;
border-radius: 35px 5px 0px 5px;
}
.clr {
clear: both;
}
.pt {
padding-top: 1rem;
} ul.related_post li a.wp_rp_thumbnail {
width: 120px!important;
height: 110px!important;
}
.wp_rp_wrap {
margin: 40px 0;
} #prev_next{
width:100%;
margin: 36px 0 24px;
padding:0;
display: table;
}
#prev_next  #prev, #prev_next  #next{
width: 50%;
padding:30px 10px 10px;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
display: table-cell;
position:relative;
text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
font-size:90%;
line-height:1.5;
}
#prev_next #prev:hover, #prev_next #next:hover{
background-color: rgba(238,238,238,0.7);
}
#prev_next #prev{
border-right:#ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title{
font-size:90%;
top:-1em;
position:absolute;
border: 1px #ccc solid;
background:#fff;
text-align: center;
padding:3px;
color:#666;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img, #prev_next #next img{
margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
width: 50%;
height:140px;
padding:0 10px;
display: table-cell;
}
#prev_next #prev_no{
border-right:#ccc 1px solid;
}
#prev_next_home{
display: none;
margin:0 auto;
background-color: #39f;
border: solid 9px #fff;
width: 100px;
height:100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
box-shadow: 0 0 0 3px #39f;
-webkit-box-shadow: 0 0 0 3px #39f;
-moz-box-shadow: 0 0 0 3px #39f;
text-align:center;
}
#prev_next_home:hover{
display: none;
background-color: rgba(0,0,255,0.7);
}
#prev_next_home i{
display: none;	
color:#FFF;
margin:10px auto ;
font-size:60px;
}  @media only screen and (max-width: 780px) {
} @media only screen and (min-width: 380px) {
} @media only screen and (min-width: 780px) {  #prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
#prev_next #prev_title, #prev_next #next_title{
padding:3px 10px;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img{
float:left;
margin-right:10px
}
#prev_next #next img{
float:right;
margin-left: 10px;
} }
.addtoany_content {
float:right;
}  .right{
width: 53%;
float: left;
margin: -15px 10px 5px 35px;
} 
@media only screen and (max-width: 769px) {
.right{
width: 100%;
margin: 10px 0;
}
} .box1 {
position: relative;
margin: 2em 0;
padding: 0.5em 1em;
border: solid 3px #69C1E8;
border-radius: 8px;
}
.box1 .box1-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
font-size: 19px;
background: #FFF;
color: #329FD0;
font-weight: bold;
}
.box1 p {
margin: 0.5em; 
padding: 0.5em;
}
@media only screen and (max-width: 769px) {
.box1{
padding: 0.5em 0;
}
}
.box2{
background:#B6E4E8;
padding:10px;
border-radius:10px;
margin-bottom:20px;
}
.box2 .box2-title{
font-weight:bold;
font-size: 19px;
}
.box2 ul li{
list-style:inside;
} @media only screen and (max-width: 780px) {
#navi_wrap {
display: none;
}
.head_one_TXT { }
} .time{
margin:-5px 0 -10px;
color:#585858;
} .footer-banner {
position: fixed;
bottom: 0;
left: 0;
padding: 4px 0;
width: 100%;
background: rgb(10 10 10 / 70%);
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
z-index: 1;
}
.footer-totop-btn,
.footer-home-btn {
width: 64px;
font-size: 36px;
padding: 7px 0 5px;
margin: 0 15px 15px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgb(214 214 214 / 40%);
}
.footer-home-btn {
position: fixed;
bottom: 0;
left: 0;
}
.footer-totop-btn {
position: fixed;
bottom: 0;
right: 0;
} *,
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 62.5%;
}
.footer-banner-btn,
a .footer-banner-btn,
button .footer-banner-btn {
font-size: 1.6rem;
font-weight: 700;
line-height: 1;
position: relative;
display: inline-block;
padding: 1rem 4rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.7px;
color: #212529;
border-radius: 0.5rem;
}
.btn-wrap {
margin: 22px 0 14px;
}
a.btn-f {
font-size: 2rem;
position: relative;
padding: 0px 20px 10px 30px;
color: #fff;
background: #c52929;
-webkit-box-shadow: 0 5px 0 #880e0e;
box-shadow: 0 5px 0 #880e0e;
width: 60%;
}
a.btn-f span {
font-size: 1.3rem;
position: absolute;
top: -15px;
left: calc(50% - 38%);
display: block;
width: 77%;
padding: 0.7rem 0 0.5rem;
color: #c52929;
border: 2px solid #c52929;
border-radius: 0.5rem;
background: #fff;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
a.btn-f:hover {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
color: #fff;
background: #c52929;
-webkit-box-shadow: 0 2px 0 #880e0e;
box-shadow: 0 2px 0 #880e0e;
}
a.btn-f:hover:before {
left: 2rem;
}
a.footer-banner-btn:hover {
opacity: 0.7;
}
a.footer-banner-btn i {
margin-left: 15px;
font-size: 27px;
}
.footer-banner-txt {
font-size: 15px; width:80%;
max-width: 1000px; display:block;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.4;
text-align: center;
}
.footer-banner-txt p { width:100%;
line-height: 1.4;
margin: 5px 0 0;
font-weight: normal;
padding: 0 10px;
color:#fff;
}
.icon-space {
color: #aaa;
margin: 0 8px;
display:none;
}
@media only screen and (max-width: 1024px) {
.footer-banner-txt p {
width: calc(100% - 400px);
}
.footer-banner-txt {
font-size: 16px;
}
.footer-banner-txt p {
font-size: 14px;
}
a.footer-banner-btn {
padding: 0px 15px 9px;
}
}
@media only screen and (max-width: 768px) {
.footer-banner{
padding: 5px 0 0;		
}
.btn-wrap {
margin: 12px 0 10px;
}
a.btn-f {
font-size: 1.5rem;
width: 74%;
margin-right: 40px;
}
a.btn-f span {
font-size: 1rem;
top: -9px;
left: calc(50% - 40%);
width: 80%;
padding: 0.5rem 0 0.3rem;
}
.footer-home-btn{
width: 40px;
padding: 0;
line-height: 1.5;
position: absolute;
bottom: 100%;
font-size: 34px;
margin: 0;
}
.footer-totop-btn {
width: 40px;
padding: 0;
bottom: 1rem;
right: 1rem;
line-height: 1.5;
font-size: 34px;
margin: 0;
}
.footer-banner-txt p {
width: 100%;
}
.footer-banner-txt {
font-size: 16px;
width: 100%;
text-align: center;
justify-content: center;
}
.icon-space {
display: none;
}
.footer-banner-txt p {
padding: 5px 20px;
}
.footer-banner-btn,
a .footer-banner-btn,
button .footer-banner-btn {
letter-spacing: 0.2px;
}
a.footer-banner-btn {
padding: 0px 15px 10px;
margin-bottom: 5px;
width: 74%;
}
a.footer-banner-btn i {
margin-left: 12px;
font-size: 22px;
}
}
@media only screen and (max-width: 600px) {
.footer-banner-txt p {
font-size: 12px;
}
} .review {
position: relative;
display: flex;
padding: 0 15px 5px;
margin: 2.5em auto;
width: 92%;
color: #555555;
background-color: #ffffff;
border: 1px dashed #cccccc;
box-shadow: 0px 0px 1px #999;
border-radius: 2px;
}
.review-title {
position: absolute;
top: -15px;
left: 30px;
padding: 4px 20px;
color: #424242;
font-weight: bold;
font-size: 14px;
background-color: rgb(245, 245, 245);
border-left: 2px dotted rgba(0,0,0,.1);
border-right: 2px dotted rgba(0,0,0,.1);
box-shadow: 0 0 5px rgba(0,0,0,0.2);
transform: rotate(-3deg);
}
.review-title2{
font-size: 14px;
font-weight: bold;
color: #757575;
margin: 4px 10px 5px 0px;
border-bottom: 1px solid #cdcdcd;
padding: 0 0 2px 30px;
}
.review img{
width: 80px !important;
height: 86px !important;
float:left;
margin: 16px 20px 0 16px;
}
.review p{
overflow: hidden;
margin: 10px 0 6px !important;
font-size: 11px;
line-height: 18px;
}
.review-coment{
width:80%;
margin: 20px 10px 0 20px;
}
.review blockquote{
margin:0;
}
@media only screen and (max-width: 769px) {
.review img{
width:60px;
margin: 15px 15px 0 0;
}
.review-coment{
margin: 16px 6px 0 10px;
}
.review {
padding: 0 8px 5px 10px;
}	
} .note{
color: #696969;
margin: -10px 20px 45px 0;
border: solid 1px #e6e6e6;
padding: 0.3em 1em 2em 1em;
width:82%;
float:right;
}
.note p{
line-height:24px;
}
.sen{
background-color: #fff;
background-image:
linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97.5%, #646464 100%);
background-size: 8px 100%,100% 24px;
line-height: 24px;
padding: 2em 1em 0.2em 1em;
}
@media only screen and (max-width: 769px) {
.note{	
margin: -15px 5px 45px 0;
width:80%;
}
.sen{	
background-size: 8px 100%,100% 24px;
}
}     .point{
background: #FFF3F3;
margin: 2em 0;
padding: 25px;
border-radius: 10px;
}
.point-circle1{
font-size: 17px;
line-height: 1.6;
position: absolute;
margin-top: -37px;
font-weight: bold;
color: #fff;
background-color:#FF3939;
border-radius: 50%;
text-align: center;
width: 26px;
height: 26px;
}
.point-circle1:after{
content: "イ";
position: absolute;
margin-top: .2em;
margin-left: 1.5px;
font-weight: bold;
color: #fff;
background-color:#FF3939;
border-radius: 50%;
text-align: center;
width: 26px;
height: 26px;
}
.point-circle2:before{
content: "";
position: absolute;
top: 96%;
margin-left: -14px;
border: 5px solid transparent;
border-top: 10px solid #FF3939;
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
.point-circle2{
position: absolute;
font-size: 17px;
line-height: 1.6;
margin-top: -37px;
margin-left: 46px;
font-weight: bold;
color: #fff;
background-color:#FF3939;
border-radius: 50%;
text-align: center;
width: 26px;
height: 26px;
}
.point-circle2:after{
content: "ト";
position: absolute;
margin-top: .2em;
margin-left: 1px;
font-weight: bold;
color: #fff;
background-color:#FF3939;
border-radius: 50%;
text-align: center;
width: 26px;
height: 26px;
}
.point p{
margin: 0;
padding: 0;
}
.matome{
background: #F7F8F9;
margin: 2.4em 0;
padding: 25px;
border-radius: 10px;
} table.info {
width: 94%;
margin: 20px auto 40px;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
}
table.info th,
table.info td {
padding: 13px;
padding-left: 15px;
font-size: 11px;   
}
table.info th {
background: #ececec;
vertical-align: middle;
text-align: left;
width: 100px;
overflow: visible;
position: relative;
color: #000;
font-weight: normal;
border: 1px #cecece solid;
border-right: none;
background-clip: padding-box;
}
table.info td {
background: #fff;
padding-left: 22px;
border: 1px #cecece solid;
border-left: none;
}
@media only screen and (max-width: 769px) {
table.info {
width: 100%;
}
table.info th{
width: 80px;
}
table.info th {
padding-left: 10px;
}
}
.table-btn a:hover {
margin: 12px auto 0;
box-shadow: none;
opacity: .85;
}
#wprmenu_bar .bar_logo {
margin: 0 0 5px !important;
} .table-btn a {
width: 100%;
background-color: #4dbbad;
border-radius: 5px;
box-shadow: 0 3px 0 rgba(83,153,131.3);
color: #ffffff !important;
display: inline-block;
text-align: center;
text-decoration: none;
margin: 10px auto;
padding: 7px 0;
} .otherlist {
width: 100%;
margin: 30px 0 0;
padding: 0;
}
.otherbox {
vertical-align: top;
width: 95%;
margin: 0 8px 20px;
padding: 0 13px 11px 13px;
border: 1px solid #969696;
position: relative;
display:inline-block;
height:max-content;
}
.otherbox-title {
color: #329FD0;
text-align: center;
margin: 10px auto 5px;
width: calc(100% - 1.5em);
height:36px;
border-bottom: 1px solid #329FD0;
font-size:15px;
font-weight:bold;
line-height:18px;
}
.otherbox .inner{
padding: .5em 1.5em;
}
.otherbox::before,
.otherbox::after{
content: "";
width: 4em;
height: 4em;
position: absolute;
}
.otherbox::before{
width: 0;
height: 0;
left: 0px;
border-right: 2em solid transparent;
border-bottom: 2em solid transparent;
border-left: 2em solid #f25a85;
}
.otherbox::after{
margin: 0 auto;
width: 0;
height: 0;
border-right: 2em solid #f25a85;
border-top: 2em solid transparent;
border-left: 2em solid transparent;
right: 0px;
bottom: 0px;
}
.otherbox p{
font-size:14px;
color:#585858;
margin: 0 0 5px;
}
.otherbox img{
margin:15px 0 18px;
}
.otherbox-info {
background-image: linear-gradient(
-45deg,
#ebebeb 15%, #fff 15%,
#fff 25%, #ebebeb 25%,
#ebebeb 65%, #fff 65%,
#fff 75%, #ebebeb 75%,
#ebebeb
);
background-size: 15px 15px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #505050;
height: 25px;
}
.otherbox-url {
font-size: 11px;
color: #585858;
margin: 2px 0 5px;
line-height: 160%;
}
.otherbox-table{
width:100%;
text-align:left;
font-weight:normal;
border: 1px solid #e0e0e0;
margin-top: 6px;
} 
.otherbox-table th{
background:#f7f7f7!important;
font-size:11px;
border:solid 1px #e0e0e0;
padding:7px;
width:6%;
white-space:nowrap;
}
.otherbox-table td{
padding:5px;
border:solid 1px #e0e0e0;
font-size:11px;
line-height: 1.3;
} 
.otherbox-table tr:hover{
background:#ffffe0;
} 
@media only screen and (max-width: 769px) {
.otherbox{
width: 100%;
height:max-content;
margin: 0 0px 20px;
}
.otherbox div a {
font-size: 10px;
}
.otherbox img{
display:none;		
}
.otherbox-info {
display:none;
}
.otherbox-table{
margin-top: 9px;	
}
.otherbox-table table{
width:101%;
}
.otherbox-table th{
width:15%;
border-top:none;
font-size: 11px;
padding:5px 2px 4px 2px;
}
.otherbox-table td{
width:82%;
border-top:none;
font-size: 11px;
padding:5px 2px 4px 2px;
}
} .fukidashi{
display: inline-block;
position: relative;
margin: 8px 0;
padding: 0 14px;
background: #5d9598;
border-radius: 30px;
color: #fff;
font-size:11px;
}
.fukidashi::after{
content: "";
position: absolute;
margin: 0;
bottom: -12px;
right: 25px;
width: 0;
height: 0;
border-top: 19px solid #5d9598;
border-left: 12px solid transparent;
border-right: 3px solid transparent;
transform: rotate(-30deg);
}
.crayon {
background: linear-gradient(transparent 50%,rgba(192, 223, 226, 0.2) 50%,rgb(192, 223, 226) 75%,rgba(192, 223, 226, 0.2)80%,transparent 80%);
font-weight: bold;
width:max-content;
font-size:11px;
margin: 5px 0 -5px;
} .default-link{
color:blue !important;
text-decoration: underline !important;
}
.default-link:link{
color:blue !important;
text-decoration: underline !important;
}
.default-link:visited{
color:blue !important;
text-decoration: underline !important;
}
.default-link:hover{
color:red !important;
} .site-header,
header.l-header,
.top_area:not(.breadcrumb_list_TXT) {
position: fixed;
top: 0;
left: 0;
background: #fff;
width: 100%;
margin: 0 auto;
z-index: 10;
box-sizing: border-box;
}
.logo img {
max-width: 95%;
height: auto;
}
@media screen and (max-width: 768px) {
.top_area:not(.breadcrumb_list_TXT) {
top: 42px!important;
}
}
.top_area_right #navi {
margin-top:0!important;
}
.sideber_rank_title,
.rank-1 h3,
.rankIcon_1,
.rankIcon_no {
position: relative;
width: 100%;
}
span.pr-tag {
position: absolute;
top: 0;
right: 10px;
bottom: 0;
margin: auto;
width: 42px;
height: 20px;
padding: 6px 10px;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
border-radius: 5px;
background: #f9f9f9;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: 700;
box-sizing: border-box;
color:#444;
white-space: nowrap;
}
.site-brand span.pr-tag_st,
.headerInner span.pr-tag_st,
.site_name span.pr-tag_st {
display:inline-block;
font-size: 14px;
padding: 3px 12px;
background: #444;
color: #fff;
line-height: 1;
white-space: nowrap;
}
.read_l h1 {
position: relative;
}
.site-brand,
.headerInner-logo,
.site_name {
display: flex;
align-items: center;
}
.site-brand span,
.headerInner-logo span,
.site_name span {
margin-right: 6px;
}
.recommend-ttl_h3 {
text-align: left;
padding-right: 50px;
}
.Social_button {
height:0;
}
.entry-header {
position: relative;
}
.logo_area_h1 {
font-size:12px;
}
.subpage .read_l h1,
a[name="info-1"] + strong {
}
@media screen and (max-width: 768px) {
.top_area_left {
width:100%;
margin:0;
}
}
#page {
width:100%;
}
@media screen and (max-width: 500px) {
#wprmenu_bar .bar_logo{
display:none;
}
} .info-table-inner{
display:flex;
flex-wrap:wrap;
align-items:center;
}
.info-table-inner .item1{
width:65%;
}
.info-table-inner .item2{
width:30%;
}
@media only screen and (max-width:789px){
.info-table-inner .item1{
width:100%;
}
.info-table-inner .item2{
width:100%;
}
}
.info-table-btn{
text-align:center;
margin:10px;
}
.info-table-btn a{
position:relative;
padding: 5px 20px;
background: #ffe2e2;
display: block;
}
.info-table-btn a i{
position:absolute;
top:50%;
right:10px;
transform:translateY(-50%);
}
.area-table td,
.area-table th{
vertical-align:middle;
}
.area-table td:first-child{
width:15%;
}
@media only screen and (max-width:789px){
.area-table td:first-child{
width:20%;
}
}
.haken_url p:empty{
display: none;
} .three-content-wrapper{
overflow:auto;
}
.three-content-wrapper .three-content-outer{
width:100%;
min-width:730px;
}
.three-content-outer .three-content{
display:flex;
border:1px solid lightgray;
padding:10px 0;
align-items:center;
}
.three-content-outer .three-content-text{
border-right:1px solid lightgrey;
border-left:1px solid lightgrey;
width:40%;
}
.three-content-img, .three-content-btn{
width:30%;
}
.three-content-img, .three-content-text, .three-content-btn{
padding:20px;
}
.three-content-copy{
text-align:center;
}
.three-content-copy span{
background:linear-gradient(transparent 60%, yellow 60%, yellow 100%);
font-weight:bold;
}
.three-content-btn a{
display:block;
width:90%;
margin:10px auto;
padding:5px;
border:1px dashed #F44336;
}
.three-content-btn a span{
display:block;
text-align:center;
padding:10px;
background:#F44336;
font-weight:bold;
color:white !important;
}
.three-content-btn{
text-align:center;
}
.three-content-copy{
display:inline-block;
margin:0 auto;
width:75%;
position:relative;
}
.three-content-copy::before,
.three-content-copy::after{
content:"";
width:1px;
height:70%;
background:#303030;
position:absolute;
}
.three-content-copy::before{
top:50%;
left:0;
transform:translateY(-50%) rotate(-20deg);
}
.three-content-copy::after{
top:50%;
right:0;
transform:translateY(-50%) rotate(20deg);
}
.three-content-wrapper{
display:block;
}
@media only screen and (max-width:480px){
.three-content-wrapper{
display:none;
}
} .three-content-wrapper.sp{
display:none;
}
.three-content-wrapper.sp .three-content-outer{
width:100%;
min-width:unset;
}
.three-content-wrapper.sp .three-content-text{
width:50%;
}
.three-content-wrapper.sp .three-content-img{
width:50%;
padding:5px;
}
.three-content-wrapper.sp .three-content-btn{
width:100%;
padding:0;
}
@media only screen and (max-width:480px){
.three-content-wrapper.sp{
display:block;
}
}  .pickup-box {
margin-top: 6rem;
}
.pickup-box dt span {
color: #333;
display: block;
font-size: 1.8rem;
font-weight: 500;
margin: 0 auto 1rem auto;
max-width: 32rem;
padding: 0 1.2rem 0 1.5rem;
position: relative;
text-align: center;
width: 100%;
}
.pickup-box dt span::before,
.pickup-box dt span::after {
content: '\02f';
font-weight: 200;
position: absolute;
top: 0;
}
.pickup-box dt span::before {
left: 0;
transform: scale(-1, 1);
}
.pickup-box dt span::after {
right: 0;
}
.pickup-box dd {
background-color: #FFF;
border: 0.3rem solid #ffafaf;
border-radius: 0;
display: flex;
flex-wrap: wrap;
padding: 2rem;
position: relative;
}
.pickup-box dd h3 {
align-items: center;
background-color: #333;
background-image: url(https://niigata-jinzaihaken.info/wp-content/uploads/pixta_62576279_M-min.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0;
color: #FFF;
display: flex;
font-family: 'Noto Serif JP', serif;
font-size: 1.8rem;
font-weight: 600;
height: 7rem;
justify-content: center;
margin-bottom: 2rem;
margin-left: -2rem;
margin-top: -2rem;
min-width: calc(100% + 4rem) !important;
text-align: center;
position: relative;
width: calc(100% + 4rem) !important;
z-index: 0;
}
.pickup-box dd h3::before {
background: -moz-linear-gradient(left, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 100%);
background: -webkit-linear-gradient(left, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 100%);
background: linear-gradient(to right, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#333', GradientType=1);
content: '';
height: 100%;
left: 0;
margin-left: 0;
position: absolute;
top: 0;
width: 50%;
z-index: -1;
}
.pickup-box dd h3::after {
align-items: center;
background-color: #333;
color: #FFF;
content: 'PR';
display: flex;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.4rem;
font-weight: 500;
height: 2rem;
justify-content: center;
position: absolute;
right: 1rem;
top: 1rem;
width: 3rem;
}
.pickup-box dd h3 span {
align-items: center;
background-image: url(https://niigata-jinzaihaken.info/wp-content/uploads/hand-1.png);
background-position: left 2rem top 50%;
background-repeat: no-repeat;
background-size: auto 3rem;
display: flex;
height: 100%;
justify-content: center;
width: 100%;
}
.pickup-box dd .mainImg {
height: 24rem;
margin-right: 3rem;
width: 24rem;
}
.pickup-box dd .mainImg img {
height: 100%;
object-fit: cover;
width: 100%;
}
.pickup-box dd .textsBox {
width: calc(100% - 27rem);
}
.pickup-box dd .textsBox .texts {
margin-bottom: 2rem;
}
.pickup-box dd .textsBox .texts p:not(:last-of-type) {
margin-bottom: 1rem;
}
.pickup-box dd .textsBox .pickup-btn {
width: calc(100% - 4rem) !important;
}
.pickup-box dd .textsBox .pickup-btn a {
align-items: center;
border-radius: 0;
display: flex;
font-size: 2rem;
font-weight: 500;
height: 6rem;
justify-content: center;
position: relative;
}
@media only screen and (max-width: 1140px) {
.pickup-box dd h3 {
font-size: 2rem;
margin-bottom: 2rem;
}
.pickup-box dd h3::before {
font-size: 1.6rem;
height: 4rem;
min-width: 4.8rem;
padding-top: 0.5rem;
}
.pickup-box dd .mainImg {
margin-bottom: 3rem;
margin-right: 0;
width: 100%;
}
.pickup-box dd .textsBox {
width: 100%;
}
.pickup-box dd .textsBox .pickup-btn {
max-width: 35rem;
}
}
@media only screen and (max-width: 900px) {
.pickup-box dd .mainImg {
height: 25rem;
}
.pickup-box dd h3 {
font-size: 1.8rem;
}
.pickup-box dd .textsBox .pickup-btn a {
font-size: 1.8rem;
height: 6rem;
}
}
@media only screen and (max-width: 480px) {
.pickup-box dd .mainImg {
height: 20rem;
}
.pickup-box dt span,
.pickup-box dd .textsBox .pickup-btn a {
font-size: 1.6rem;
max-width: 30rem;
justify-content: left;
}
} .faq-wrapper {
margin: 20px 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
grid-gap: 10px;
padding: 15px;
background: #f5f5f5;
}
.subpage .faq-wrapper {
display: block;
}
.subpage .faq-wrapper .faq-box + .faq-box {
margin-top: 10px;
}
.faq-box label{
display: block;
max-width: 100%;
height: auto;
padding: 15px 40px 15px 60px;
font-size: 15px;
color: #777;
line-height: 1.4;
background: #fff;
position: relative;
cursor: pointer;
transition: all 0.5s;
clear: both;
}
.faq-box label:hover{
-webkit-transition: all .3s;
transition: all .3s;
}
.faq-box input{
display: none;
}
.faq-box .faq-q ,
.faq-box .faq-a {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 100%;
color: #fff;
font-family: "Roboto", "Noto Sans", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-size: 20px;
font-weight: bold;
}
.faq-box .faq-q {
background-color: #000652;
}
.faq-box .faq-a {
background-color: #ef7c0c;
}
.faq-box label:after{
content: " \f078";
color: #737373;
font-family: "FontAwesome",sans-serif;
font-size: 12px;
font-weight: 400;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.faq-box input:checked ~ label::after {
content:" \f077";
color: #737373;
font-family:"FontAwesome",sans-serif;
}
.faq-box .faq-small{
display: none;
background: #fff;
padding: 15px 15px 15px 60px;
position: relative;
transition: 0.5s;
}
.faq-box input:checked ~ .faq-small{
display: block;
}
.faq-box .faq-small p{
color: #777;
line-height: 1.4;
font-size: 12px;
text-align: justify;
}
.faq-small p{
margin-bottom: 0px !important;
}
.faq-box br {
display: none;
visibility: hidden;
}
@media  screen and (max-width: 769px) {
.faq-wrapper {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
}
.faq-box p:empty {
display: none;
} 
.faq_link{
text-align:right;
margin: 60px auto 20px;
clear:both;
} .blog-card {
width: auto;
max-width: 750px;
background: #ffffff;
border: 3px solid #ff6c96;
word-wrap: break-word;
margin: 25px auto;
padding: 15px;
box-shadow: 0 1px 2px 0 rgba(24, 44, 84, 0.1), 0 1px 3px 1px rgba(24, 44, 84, 0.1);
}
.blog-card:hover {
transform: translateY(2px);
opacity: .7;
box-shadow: 0 0 0 0;
transition: all .3s;
}
.blog-card a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
align-items: center;
}
.blog-card-thumbnail {
width: 25%;
min-width: 155px;
height: 155px;
}
.blog-card-thumbnail img {
display: block;
width: 100%;
height: 100% !important;
object-fit: cover;
border: none;
padding: 0;
}
.blog-card-content {
width: 78%;
line-height: 1.5;
padding-left: 2%;
}
.blog-card-title {
font-size: 18px;
font-weight: bold;
color: #ff6c96;
margin-bottom: 10px;
}
.blog-card-excerpt {
color: #333333;
font-size: 14px;
}
@media screen and (max-width: 768px) {
.blog-card {
margin: 25px auto;
border: 2px solid #ff6c96;
}
.blog-card-thumbnail {
width: 20%;
min-width: 140px;
}
.blog-card-title {
font-size: 14px;
}
.blog-card-content {
font-size: 12px;
padding-left: 4%;
}
} .sec-customPostList .postList {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
margin: 0 !important;
}
@media screen and (max-width: 1024px){
.sec-customPostList .postList {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 600px){
.sec-customPostList .postList {
grid-template-columns: 1fr;
}
}
.sec-customPostList .postList li {
width: 100%;
list-style: none;
max-width: 550px;
margin: 0 auto !important;
position: relative;
border: none !important;
padding: 0 !important;
overflow: hidden;
}
.sec-customPostList .postList li::before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
background: rgba(0,0,0,45%) ;
top: 0;
left: 0;
z-index: 1;
}
.sec-customPostList .postList li a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 25px 30px;
min-width: 150px;
min-height: 130px;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 468px){
.sec-customPostList .postList li a {
min-height: 120px;
padding: 30px;
}
}
.sec-customPostList .postList li a::before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 95%;
margin: 0 auto;
height: 87%;
z-index: 5;
border: 2px solid #fff;
}
.sec-customPostList .postList li a::after {
display: none;
content: '';
position: absolute;
top: -.5px;
bottom: -.5px;
right: 0;
width: 66%;
height: 101%;
z-index: 2;
clip-path: polygon(31% 0, 100% 0%, 100% 100%, 0% 100%);
background: #FE6C96;
}
.sec-customPostList .postList li .triangle2 {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 20px 20px;
border-color: transparent transparent #fff transparent;
display: inline-block;
position: absolute;
bottom: 10%;
right: 4.5%;
top: unset !important;
transform: unset;
z-index: 5;
}
.sec-customPostList .postList li a .post-title {
font-size: 18px;
text-shadow: #333 1px 0 10px;
font-weight: 700;
line-height: 1.3;
color: #fff;
position: relative;
z-index: 5;
}
#toc_container {
width: 100% !important;
max-width: 500px;
margin: 20px auto 40px;
}
@media screen and (max-width: 768px) {
#toc_container {
width: auto !important;
}
#toc_container .toc_title {
font-size: 20px !important;
}
} #wprmenu_bar{
display:block;
background-color: #eaeaea;
width:100%;
}
.wprmenu_bar .hamburger {
float: right;
}
#mg-wprm-wrap {
display: block;
}
@media only screen and (min-width:480px){
#wprmenu_menu_ul{
margin-top:70px;
}
.site-header, header.l-header, .top_area:not(.breadcrumb_list_TXT) {
margin-top:30px;
}
}
.subpage p {
clear: both;
}
.Button_middle_orenge.is-green{
background:#4dbbad;
border: 2px solid #4dbbad;
}
.Button_middle_orenge.is-green a:link{
color:unset;
}
.Button_middle_orenge.is-green:hover{
color: #4dbbad;
background: #fff;
}  .review-type.tab {
background: #fff;
padding: 22px;
}
.home .review-type.tab,
#main .review-type.tab{
padding: 0;
}
.review-type.tab .tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
gap: 10px 8px;
margin: 0 0 16px !important;
padding: 0 !important;
}
.review-type.tab .tabs li {
font-size: 14px;
background: #e1e1e1;
color: #444;
padding: 5px 20px !important;
cursor: pointer;
list-style: none;
margin: 0 !important;
display: block;
background: #fff;
border: 1px solid rgba(28, 41, 81, 0.2) !important;
line-height: 1.2 !important;
}
.review-type.tab .tabs li.active {
background: var(--review-tab-primary-color) !important;
color: #fff;
} .tab-wrapper .tab-content {
display: none;
}
.tab-wrapper p{
margin: 0 !important;
}
.tab-wrapper .tab-content.active {
display: block;
}
.tab-wrapper .tab-content .tab-item {
min-width: 100%;
scroll-snap-align: start;
}
.home .tab-wrapper .tab-content .tab-item,
#ranking_box .tab-wrapper .tab-content .tab-item{
min-width: 49%;
width: 49%;
}
.tab-wrapper .tab-content .tab-item + .tab-item {
margin-left: 1rem;
}
.tab-wrapper .tab-content .tab-item .tab-inner_review,
.tab-wrapper .tab-content .tab-item .tab-inner_admin {
background: var(--review-tab-bg-color);
padding: 12px 16px;
}
.tab-wrapper .tab-content .tab-item .title {
font-size: 16px;
font-weight: 600 !important;
margin: 0 0 10px !important;
}
.tab-wrapper .tab-content .tab-item .tab-inner_review .title,
.tab-wrapper .tab-content .tab-item .tab-inner_admin .title {
border-bottom: 2px solid var(--review-tab-primary-color) !important;
padding-bottom: 5px;
}
.tab-wrapper .tab-content .tab-item .tab-inner_review .title span {
display: inline-block;
margin-left: 6px;
font-size: 12px;
}
.tab-wrapper .tab-content .tab-item blockquote {
margin: 0 !important;
font-size: 14px;
}
.tab-wrapper .tab-content .tab-item .quote {
display: block;
font-size: 10px;
margin-top:1.25rem;
text-align: right;
}
.tab-wrapper .tab-content .tab-item .quote a {
color: blue;
text-decoration: underline;
}
.tab-wrapper .tab-content .tab-item .tab-inner_admin {
margin-top: 16px;
}
.tab-wrapper .tab-content .tab-item .tab-inner_admin p {
font-size: 14px;
} .tab-wrapper .tab-content .exScrollArea {
display: flex;
flex-wrap: nowrap;
padding-bottom: 16px;
overflow-y: hidden !important;
scroll-snap-type: x mandatory;
}
.tab-wrapper .exScrollArea::after {
display: none;
}
.exScrollArea::-webkit-scrollbar {
height: 10px;
}
.exScrollArea::-webkit-scrollbar-track {
background-color: #f5f5f5;
}
.exScrollArea::-webkit-scrollbar-thumb{
background-color: #ccc;
border-radius: 50px;
}
@media (max-width: 768px) {
.review-type.tab {
padding: 16px !important;
}
.home .review-type.tab,
#main .review-type.tab{
padding: 0 !important;
}
.home .tab-wrapper .tab-content .tab-item {
min-width: 100%;
width: 100%;
}
.tab-wrapper .tab-content .exScrollArea {
padding-bottom: 5px;
}
} :root {
--review-tab-primary-color: #FF6C96;
--review-tab-bg-color: #FFF3F3;
}
@media (max-width:480px){
.home .tab-wrapper .tab-content .tab-item,
#ranking_box .tab-wrapper .tab-content .tab-item{
min-width: 100%;
width: 100%;
}
} @media (max-width:480px){
.all-table .table-btn a {
font-size: 12px;
}
}