/*
@charset "utf-8";
/******************************************************************
↓↓↓ここから削除禁止↓↓↓

Theme Name: pc
Template: parent

↑↑↑ここまで削除禁止↑↑↑
******************************************************************/
/*レスポンシブをキャンセルするためにstyle_pc.cssを全コピー*/
/* ----------------------------------------------------------------------
pc style setting
---------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
common setting
---------------------------------------------------------------------- */
a img{
-webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
a:hover img{
opacity:0.5;
}
a:hover .img img{
opacity: 1;
}
/* headline */
.headline1{
/* font-size: 20px;
font-weight: normal;
background: url(../parent/images/cmn_arrow_01.png) left center no-repeat;
padding-left: 15px;
color: #000; */
}
.headline2{
font-size: 16px;
font-weight: bold;
background: url(../parent/images/cmn_arrow_01.png) left center no-repeat;
padding-left: 15px;
color: #555;
}
/* hr */
#mainColumn hr{
margin-left: -41px;
border: none;
background: url(../parent/images/cmn_dot_01.jpg) left bottom repeat-x;
height: 1px;
width: 782px;
}
#sideColumn hr{
margin-left: -42px;
border: none;
background: url(../parent/images/cmn_dot_01.jpg) left bottom repeat-x;
height: 1px;
width: 383px;
}
/* ----------------------------------------------------------------------
layout
---------------------------------------------------------------------- */
body {
margin:0;
padding:0;
font-family:"Meiryo", "Century Gothic", Arial, sans-serif;
color:#333;
background-color: #f0f0f0;
background-image: url(../parent/images/cmn_bg.jpg);
background-repeat: repeat-x;
background-position: left top;
}
#wrapper {
width: 100%;
margin: 0 auto;
padding: 0;
background: #ebebeb;
}
#header {
width: 1165px;
height: 185px;
margin: 0 auto;
position: relative;
}
#contents {
width: 1200px;
margin: 0 auto 100px;
/*background: #fff;*/
}
#mainColumn {
width: 800px;
/*padding-left: 41px;
padding-right: 41px;
padding-bottom: 41px;
float: left;
background-image: url(../parent/images/cmn_dot_02.jpg);
background-repeat: repeat-y;
background-position: right top;
*/
position: relative;
margin: auto;
}
#sideColumn {
    display: none;
width: 310px;
margin-right: 20px;
/*
padding-left: 42px;
padding-right: 41px;
padding-bottom: 41px;
float: right;
background-image: url(../parent/images/cmn_dot_02.jpg);
background-repeat: repeat-y;
background-position: left top;
margin-left: -1px;
*/
}

#footer {
clear: both;
width: 100%;
min-width: 1165px;
/*height: 330px;*/
position: relative;
background: #fff;
}
/* copyright */
#copyright{
width: 100%;
height: 50px;
background: #fff;
color: #888;
font-size: 12px;
font-weight: normal;
text-align: center;
line-height: 50px;
}
#copyright a {
text-decoration:none;
color:#333;
}
#copyright a:hover {
text-decoration:underline;
}
/* mobile banner */
#mobile_banner_top, #mobile_banner_bottom {
display:none;
}
/* ----------------------------------------------------------------------
header
---------------------------------------------------------------------- */
/* logo */
#logo-area {
display: none;
height: 129px;
width: 100%;
margin: 0;
overflow: hidden;
padding: 56px 0 0;
}
#logo_image {
width: 1165px;
margin: 0 auto;
}
#logo_image #logo {
margin: 0;
padding: 0;
position: relative;
display: none;
}
#logo_text {
text-align: center;
padding-top: 35px;
}
#logo_text #logo {
margin: 0 0 6px;
padding: 0;
line-height: 100%;
font-size: 24px;
font-weight: normal;
}
#logo img {
width: 20%;
}

#description { font-size:12px; color:#666; margin:0; padding:0; line-height:100%; font-weight:normal; }
/* global menu */
.menu_button {
display:none;
}
#global_menu {
height:56px;
width:100%;
margin:0 auto;
z-index:9999;
text-align: center;
position: absolute;
top: 0;
}
#global_menu ul {
height:56px;
width: 1165px;
margin:0 auto;
position:relative;
}
#global_menu ul li {
margin: 0 20px;
height: 56px;
display: inline-block;
font-weight: normal;
position: relative;
}
#global_menu li.last {
}
#global_menu li a {
font-size:14px;
text-align:center;
text-decoration:none;
display:block;
height:56px;
line-height:56px;
background-image: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
#global_menu li a:hover {
}
#global_menu ul ul {
display:none;
position:absolute;
top:56px;
left:0px;
margin:0;
padding:0;
width: auto;
list-style-type:none;
height: auto;
z-index:99999;
}
#global_menu ul ul ul {
left:100%;
top:0;
margin:0;
}
#global_menu ul ul li {
float:none;
height:auto;
line-height:0;
padding:0;
margin:0;
text-align:left;
background:none;
display: block;
width: 200px;
}
#global_menu ul ul li a {
display: block;
font-size:12px;
position:relative;
/*height:35px;
padding: 0 15px;
line-height:35px;*/
height: auto;
padding: 10px 15px 8px;
line-height: 180%;
margin:0;
text-align:left;
background-image: none;
background:#000;
color:#fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
#global_menu ul ul a:hover {
background:#444;
}
/* header_sociallink */
#header_sociallink {
width: 87px;
height: 18px;
display: block;
position: absolute;
top: 0;
right:0;
z-index: 99999;
}
.social_link {
margin:0;
}
.social_link li {
float:right;
margin:19px 0 0 11px;
}
.social_link li a {
display:block;
width:18px;
height:18px;
text-decoration:none;
text-indent:-9999px;
}
.social_link li.rss a {
background:url(../parent/images/rss.png) no-repeat left top;
}
.social_link li.twitter a {
background:url(../parent/images/tw.png) no-repeat left top;
}
.social_link li.facebook a {
background:url(../parent/images/fb.png) no-repeat left top;
}
.social_link li a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.social_link li a:hover {
opacity: 0.5;
/*background-position:left bottom;*/
}
/* ----------------------------------------------------------------------
index
---------------------------------------------------------------------- */
#maincopy{
text-align: center;
font-size: 16px;
font-weight: normal;
color: #000;
height: 58px;
line-height: 58px;
}
#maincopy span{
background-position: left center;
background-repeat: no-repeat;
}
/* news */
#top-news-headline{
width: 700px;
height: 45px;
margin: 0;
padding: 0;
}
#top-news-headline h2{
float: left;
margin: 0;
}
.top-news-btn{
float: right;
height: 45px;
line-height: 45px;
/*padding: 0 10px 0 25px;*/
padding: 0 25px;
background-color: #aaa;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.top-news-btn:hover{
background-color: #ccc;
}
.top-news-btn a{
display: block;
color: #fff;
text-decoration: none;
/*background: url(../parent/images/cmn_arrow_02.png) right center no-repeat;
padding-right: 15px;*/
}
.top-news-btn a:hover{
color: #fff;
}
#top-news{
margin: 0;
padding: 0;
}
#top-news li{
margin-bottom: 4px;
font-size: 12px;
width: 660px;
height: 44px;
line-height: 44px;
}
#top-news li a{
width: 660px;
height: 44px;
line-height: 44px;
display: block;
padding: 0 20px;
color: #333;
text-decoration: none;
background: #f6f6f6;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
#top-news li a:hover{
background: #E5E5E5;
}
#top-news li span.date{
font-weight: bold;
color: #000;
width: 100px;
display: inline-block;
}
/*-- ranking --*/
/* common */
#ranking{
width: 100%;
}
#ranking ol{
width: 100%;
margin: 0;
}
#ranking ol li{
background: #fff;
display: block;
}
#ranking ol li:last-child{
margin-right: 0;
}
.rank-title{
font-weight: bold;
color: #333;
margin: 0;
}
.rank-num{
color: #fff;
font-family:"Times New Roman", Times, serif;
margin-left: 37px;
}
/* best3 */
.rank-best3{
width: 100%;
margin-bottom: 20px;
padding-bottom: 25px;
float: none;
}
.rank-best3 .rank-title{
font-size: 20px;
width: 700px;
height: 75px;
line-height: 80px;
margin-bottom: 10px;
}
.rank-best3 .rank-title .rank-num{
display: block;
margin-right: 20px;
width: 62px;
text-align: center;
float: left;
}
.rank-best3 .rank-title .rank-title-text{
display: block;
float: left;
margin-top: 5px;
}
.rank-best3-img{
float: left;
width: 320px;
margin-left: 26px;
}
.rank-best3-txt{
float: right;
width: 307px;
margin-right: 26px;
}
.rank-best3-copy{
font-size: 16px;
font-weight: bold;
color: #666;
line-height: 180%;
margin-bottom: 36px;
}
.rank-best3-copy a{
color: #666;
text-decoration: none;
}
.rank-best3-table{
width: 307px;
font-size: 12px;
}
.rank-best3-table th{
font-weight: normal;
background: #fff;
border-bottom: solid 2px #f6f6f6;
border-right: solid 2px #f6f6f6;
padding: 5px;
width: 20%;
text-align: center;
}
.rank-best3-table td{
background: #fff;
border-bottom: solid 2px #f6f6f6;
padding: 5px 10px;
}
.rank-best3-table td img{
margin-right: 3px;
vertical-align: sub;
}
.rank-best3-desc{
line-height: 200%;
padding: 0 26px;
font-size: 14px;
}
.rank-best3-link a{
width: 205px;
height: 45px;
line-height: 45px;
color: #fff;
display: block;
float: right;
margin: 0 26px 0 0;
text-align: center;
text-decoration: none;
/*background: url(../parent/images/cmn_arrow_02.png) 184px center no-repeat;*/
background-color: #aaa;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.rank-best3-link a:hover{
background-color: #E5E5E5;
color: #fff;
}
/* others */
.rank-others{
width: 223px;
float: left;
height: 420px;
margin-right: 15px;
margin-bottom: 15px;
overflow: hidden;
}
.rank-others .rank-title{
font-size: 18px;
font-weight: bold;
color: #333;
text-align: center;
padding: 0 20px 15px;
height: 140px;
overflow: hidden;
}
.rank-others .rank-title .rank-num{
display: block;
color: #fff;
height: 75px;
line-height: 75px;
width: 62px;
text-align: center;
margin-left: 17px;
margin-bottom: 10px;
}
.rank-others .rank-title .rank-title-text{
height: 65px;
display: table-cell;
text-align: center;
vertical-align: middle;
width: 223px;
}
.rank-others-txt{
padding: 7px 20px;
margin: 0;
font-size: 14px;
overflow: hidden;
height: 84px;
}
/*.rank-others-txt p{
height: 84px;
position: relative;
overflow: hidden;
}
.rank-others-txt p:before, .rank-others-txt p:after{
position: absolute;
}
.rank-others-txt p:before{
content: "...";
top: 56px;
right: 0;
}
.rank-others-txt p:after{
content: "";
height: 100%;
width: 100%;
}*/
.rank-others-txt a{
text-decoration: none;
color: #666;
}
.rank-others-txt a:hover{
text-decoration: none;
}
/* style type A */
.type-a .rank-title{
background: url(../parent/images/top_rank_a.jpg) left top no-repeat;
}
/* style type B */
.type-b .rank1 .rank-title{
background: url(../parent/images/top_rank_b_01.jpg) left top no-repeat;
}
.type-b .rank2 .rank-title{
background: url(../parent/images/top_rank_b_02.jpg) left top no-repeat;
}
.type-b .rank3 .rank-title{
background: url(../parent/images/top_rank_b_03.jpg) left top no-repeat;
}
.type-b .rank1 .rank-title .rank-num, .type-b .rank2 .rank-title .rank-num, .type-b .rank3 .rank-title .rank-num{
color: #333;
}
.type-b .rank-title{
background: url(../parent/images/top_rank_a.jpg) left top no-repeat;
}
#ranking-index-link{
/* display: none; */
margin-top: 25px;
}
#ranking-index-link a{
width: 270px;
height: 45px;
line-height: 45px;
color: #fff;
display: block;
margin: 0 auto;
text-align: center;
text-decoration: none;
/*background: url(../parent/images/cmn_arrow_02.png) 250px center no-repeat;*/
background-color: #BAE9F1;
    border-radius: 40px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
margin-bottom: 65px;
}
#ranking-index-link a:hover{
opacity: 0.8;
}
.info p .tw{
background-image: url(styles/tw.png);
background-repeat: no-repeat;
background-position: left 2px;
display: inline-block;
height: 19px;
margin-right: 10px;
padding-left: 20px;
}
.info p .fb{
background-image: url(styles/fb.png);
background-repeat: no-repeat;
background-position: left 2px;
display: inline-block;
height: 19px;
margin-left: 10px;
padding-left: 20px;
}
/*-- recent posts --*/

#recent-posts li{
display: block;
width: 700px;
margin-bottom: 40px;
}
.recent-posts-img{
float: left;
width: 223px;
height: 165px;
overflow: hidden;
margin-right: 30px;
}
.recent-posts-data{
float: left;
width: 447px;
}
.recent-posts-data a{
color: #333;
text-decoration: none;
}
.recent-posts-data .meta{
font-size: 12px;
font-weight: bold;
color: #333;
margin: 0 0 10px;
}
#recent-posts .recent-posts-data .meta li{
display: inline;
width: auto;
float: left;
border-right: solid 1px #333;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
line-height: 100%;
}
#recent-posts .recent-posts-data .meta li:last-child{
border: none;
}
.recent-posts-data .title{
margin: 0 0 6px;
font-size: 16px;
font-weight: bold;
color: #333;
line-height: 180%;
}
.recent-posts-data .excerpt{
margin: 0;
font-size: 14px;
line-height: 200%;
}
#more-recent-posts a{
width: 270px;
height: 45px;
line-height: 45px;
color: #fff;
display: block;
margin: 0 auto;
text-align: center;
text-decoration: none;
/*background: url(../parent/images/cmn_arrow_02.png) 250px center no-repeat;*/
background-color: #aaa;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
#more-recent-posts a:hover{
background-color: #ccc;
}
/* ----------------------------------------------------------------------
archive
---------------------------------------------------------------------- */
.archive-headline{
margin: 0 0 40px -41px;
padding: 0 0 20px 41px;
font-size: 20px;
color: #000;
width: 741px;
background: url(../parent/images/cmn_dot_01.jpg) left bottom repeat-x;
}
/* ----------------------------------------------------------------------
single post page
---------------------------------------------------------------------- */
.post{
margin-top: 40px;
}
.single-itemname{
margin: 20px 0 0 -41px;
padding: 0 0 20px 41px;
font-size: 20px;
color: #555;
width: 741px;
background: url(../parent/images/cmn_dot_01.jpg) left bottom repeat-x;
text-align: center;
}
.eyecatch{
width: 782px;
height: auto;
margin: 0 0 0 -41px;
position: relative;
left: 0;
top: 0;
}
.eyecatch img{
width: 782px;
height: auto;
}
.post .meta{
font-size: 12px;
font-weight: bold;
color: #333;
margin: 0 0 10px;
}
.post .meta li{
display: inline;
width: auto;
float: left;
border-right: solid 1px #333;
margin: 0 10px 0 0;
padding: 0 10px 0 0;
line-height: 100%;
}
.post .meta li:last-child{
border: none;
}
.post-title{
font-size: 20px;
font-weight: bold;
line-height: 180%;
margin-bottom: 40px;
}
/* spec-table */
#single-ranking-style-a, #single-ranking-style-b{
background: url(../parent/images/single_rank_a.png) no-repeat left top;
display: block;
width: 64px;
height: 45px;
position: relative;
top: -40px;
margin-bottom: -20px;
padding: 30px 0 0 10px;
text-align: center;
color: #fff;
font-family: "Times New Roman",Times,serif;
font-weight: bold;
font-size: 20px;
}
#single-ranking-style-b.single-ranking-1{
background: url(../parent/images/single_rank_b_01.png) no-repeat left top;
display: block;
width: 64px;
height: 45px;
position: relative;
top: -40px;
margin-bottom: -20px;
padding: 30px 0 0 10px;
text-align: center;
color: #333;
font-family: "Times New Roman",Times,serif;
font-weight: bold;
font-size: 20px;
}
#single-ranking-style-b.single-ranking-2{
background: url(../parent/images/single_rank_b_02.png) no-repeat left top;
display: block;
width: 64px;
height: 45px;
position: relative;
top: -40px;
margin-bottom: -20px;
padding: 30px 0 0 10px;
text-align: center;
color: #333;
font-family: "Times New Roman",Times,serif;
font-weight: bold;
font-size: 20px;
}
#single-ranking-style-b.single-ranking-3{
background: url(../parent/images/single_rank_b_03.png) no-repeat left top;
display: block;
width: 64px;
height: 45px;
position: relative;
top: -40px;
margin-bottom: -20px;
padding: 30px 0 0 10px;
text-align: center;
color: #333;
font-family: "Times New Roman",Times,serif;
font-weight: bold;
font-size: 20px;
}
#specs{
width: 697px;
padding: 30px 40px;
background: #f6f6f6;
margin: -38px 0 45px -39px;
}
#specs .post-title{
margin: 0;
}
#spec-table{
float: right;
margin: 0 0 0 50px;
width: 307px;
font-size: 12px;
}
#spec-table th{
font-weight: normal;
background: #fff;
border-bottom: solid 2px #f6f6f6;
border-right: solid 2px #f6f6f6;
border-top: none;
border-left: none;
padding: 5px;
width: 20%;
}
#spec-table td{
background: #fff;
border-bottom: solid 2px #f6f6f6;
border-top: none;
border-left: none;
border-right: none;
padding: 5px 10px;
}
#spec-table td img{
margin-right: 3px;
vertical-align: sub;
}
/* bookmark */
.post .bookmark {
display: block;
list-style-type: none;
margin: 3px 0 10px;
}
.post .bookmark li {
float: left;
margin: 0 5px 0 0;
}
.post .bookmark li.twitter{
width: 90px;
}
/*.post .bookmark li.social2 {
margin: 0 -30px 0 0;
}
.post .bookmark2 {
clear:both;
float:right;
margin:5px 0 0 0;
padding:0;
list-style-type:none;
}
.post .bookmark2 li {
background:none;
padding:0;
float:left;
margin:0 0 0 10px;
}*/

.bookmark{
text-align: center;
}
.social1{
width: 105px;
display: inline-block;
}
.social2{
/*width: 85px;*/
margin-right: 5px;
display: inline-block;
}
.social3{
display: inline-block;
}
/* related post*/
#related-posts{
background: #F6F6F6;
width: 650px;
padding: 35px 10px 15px 40px;
}
.related-posts-ul{
width: 650px;
margin: 0;
}
.related-posts-ul li{
float: left;
width: 300px;
padding-right: 25px;
margin-bottom: 20px;
}
.related-posts-ul li p{
margin: 0;
}
.related-posts-ul li p a{
text-decoration: none;
}
.related-posts-ul li .related-posts-thumb{
width: 76px;
height: 76px;
border: solid 7px #333;
float: left;
margin-right: 12px;
background: #000;
}
.related-posts-ul li .date{
font-size: 12px;
font-weight: bold;
}
.related-posts-ul li .title{
font-size: 14px;
line-height: 160%;
}
/* recommended post*/
/* next prev post link */
#previous_next_post {
width: 434px;
margin:40px auto;
padding:0;
}
#previous_next_post a {
text-decoration:none;
}

#previous_post a {
margin:0;
width:210px;
height: 45px;
line-height: 45px;
display: table-cell;
vertical-align: middle;
/*background-image: url(../parent/images/cmn_arrow_03.png);
background-repeat: no-repeat;
background-position: 13px center;*/
background-color: #aaa;
color: #fff;
text-align: center;
font-size: 16px;
float:left;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
/* #next_post {
} */
#next_post a {
margin:0;
width:210px;
height: 45px;
line-height: 45px;
display: table-cell;
vertical-align: middle;
/*background-image: url(../parent/images/cmn_arrow_02.png);
background-repeat: no-repeat;
background-position: 190px center;*/
background-color: #aaa;
color: #fff;
text-align: center;
font-size: 16px;
float:right;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
#previous_next_post a:hover {
text-decoration: none;
background-color: #ccc;
}
/* single page banner */
#single-page-banner{
text-align: center;
}
.single-banner{
display: inline-block;
margin: 0 15px;
}
/* ----------------------------------------------------------------------
page
---------------------------------------------------------------------- */
/* no side */
#mainColumn-noside{
width: 1083px;
padding-left: 41px;
padding-right: 41px;
padding-bottom: 41px;
position: relative;
}
#mainColumn-noside .post{
margin-top: 0;
}
#mainColumn-noside .eyecatch{
width: 1165px;
margin: -25px 0 0 -41px;
}
#mainColumn-noside .eyecatch img{
width: 100%;
height: auto;
}
/* ----------------------------------------------------------------------
search
---------------------------------------------------------------------- */
.search #header, .search-result #header{
border-bottom: solid 1px #ddd;
margin-bottom: 45px;
}
/* ----------------------------------------------------------------------
footer
---------------------------------------------------------------------- */
/* footer */
#footer a {
text-decoration:none;
color: #333;
}
#footer a:hover {
color:#999;
}
#footer-inner {
width:1165px;
padding: 30px 0;
margin:0 auto;
position:relative;
font-size:12px;
}
#footer-left{
width: 480px;
margin-right: 5px;
float: left;
}
#footer-right{
width: 680px;
/* float: left; */
}
/* footer logo */
#footer_logo_area{
margin-bottom: 40px;
}
#footer_logo_text a{
color: #666;
}
/*-- footer menu-- */
/* #footer-menu{}
#footer-menu ul{} */
#footer-menu ul li{
width: 150px;
padding-right: 10px;
margin-bottom: 0.5em;
float: left;
}
/* footer widget */
.footer_widget {
width:300px;
float:left;
padding: 0;
margin-left: 40px;
}
.footer_headline {
font-size:12px;
font-weight: bold;
color: #333;
border-bottom: dotted 1px #fff;
padding-bottom: 5px;
margin: 0 0 15px;
}
.footer_widget ul {
margin:0;
}
.footer_widget li ul {
margin:10px 0 0 15px;
}
.footer_widget li {
line-height:170%;
margin:0 0 20px 0;
}
.footer_widget li:last-child {
margin:0;
}
.footer_widget a {
text-decoration: none;
color: #666;
}
.footer_widget a:hover {
text-decoration: underline;
}
.footer_widget img {
height:auto;
max-width:100%;
width:auto;
}
/* styled post list */
.footer_widget.styled_post_list1_widget .styled_post_list1_thumb{
width: 76px;
height: 76px;
border: none;
float: left;
margin-right: 12px;
}
.footer_widget.styled_post_list1_widget .styled_post_list1 .date{
font-weight: bold;
}
.footer_widget.styled_post_list1_widget .styled_post_list1 .title{
font-size: 12px;
line-height: 160%;
}
.footer_widget.styled_post_list1_widget .styled_post_list1 .excerpt{
font-size: 12px;
color: #333;
line-height: 160%;
}
.footer_widget.styled_post_list3_widget .styled_post_list3_thumb{
width: 76px;
height: 76px;
border: none;
float: left;
margin-right: 12px;
}
.footer_widget.styled_post_list3_widget .styled_post_list3 .dateandcate{
font-weight: bold;
}
.footer_widget.styled_post_list3_widget .styled_post_list3 .title{
font-size: 12px;
line-height: 160%;
}
.footer_widget.styled_post_list3_widget .styled_post_list3 .excerpt{
font-size: 12px;
color: #333;
line-height: 180%;
}
/* custom menu */
.footer_widget.widget_nav_menu .menu li{
margin: 0;
}
.footer_widget.widget_nav_menu .menu li a{
background: none;
padding: 5px 0;
margin: 0;
color: #333;
}
.footer_widget.widget_nav_menu .menu li a:hover{
background: none;
}
/* return */
#return_top {
z-index:10;
position: absolute;
right:0;
bottom:105px;
margin:0;
display:block;
width:37px;
height:120px;
text-indent:-9999px;
background-color: #222;
background-image: url(../parent/images/totop.jpg);
background-repeat: no-repeat;
background-position: left top;
}
#return_top:hover {
background-position: left bottom;
}
/* ----------------------------------------------------------------------
side
---------------------------------------------------------------------- */
#side-banner {
width: 300px;
height: auto;
}
/* search */
.widget_search label { display:none; }
.widget_search #search-box, .widget_search #s { width:246px; height:32px; margin:0 0 10px 0; border:1px solid #ccc; background:#eee; padding:0 10px; box-shadow:2px 2px 3px 0px #ddd inset; }
.widget_search #search-btn input, .widget_search #searchsubmit { border:none; text-indent:-9999px; width:33px; height:34px; background:#aaa url(../parent/images/search.png) no-repeat center; cursor:pointer; display:block; float:right; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.widget_search #search-btn input:hover, .widget_search #searchsubmit:hover { background-color:#00a2d9; }

/*レスポンシブをキャンセルするためにstyle_pc.cssを全コピーここまで*/


/******************************************************************
**************************	全体	***************************
******************************************************************/
/*背景を白く*/
body {
margin: 0;
padding: 0;
font-family: "Meiryo", "Century Gothic", Arial, sans-serif;
color: #333;
background-color: #ffffff;
background-image: unset;
background-repeat: repeat-x;
background-position: left top;
}
/*メインカラムとサイドバーの制御*/
div#contents {
/* display: flex; */
flex-direction: row-reverse;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 0;
}
/*各所の邪魔なボーダードットを非表示に*/
div#mainColumn {
background: #fff;
/*-webkit-box-shadow: 0 0 0 5px rgba(150,150,150,.2);
-moz-box-shadow: 0 0 5px rgba(150,150,150,.2);
box-shadow: 0 0 5px rgba(150,150,150,.2);*/
padding: 40px;
box-sizing: border-box;
}
.side_widget {
background: unset!important;
margin-bottom: 0!important;
}
div#sideColumn {
background: #fff;
/*-webkit-box-shadow: 0 0 0 5px rgba(150,150,150,.2);
-moz-box-shadow: 0 0 5px rgba(150,150,150,.2);
box-shadow: 0 0 5px rgba(150,150,150,.2);*/
}
/*ヘッダー*/
#header {
display: none;
width: 1200px;
height: 90px;
margin: 0 auto;
position: relative;
margin-bottom: 0%;
}
#logo-area {
    display: none;
height: 90px;
width: 100%;
margin: 0;
overflow: hidden;
padding: 0;
}
#logo_image {
width: 1200px;
margin: 0 auto;
}
#global_menu {
height: 90px;
width: 100%;
margin: 0 auto;
z-index: 9999;
text-align: center;
position: absolute;
top: 0;
}
/*TOPのアイキャッチ*/
.mainimg {
width: 100%;
}
.mainimg img{
    width: 800px;
    margin: auto;
    display: block;
    background: #fff;
    /* padding-top: 90px; */
}
/******************************************************************
**************************	hタグ		*******************
******************************************************************/
h2.headline1 {
    color: #000;
    font-size: 1.4em;
    /*
    margin-left: -40px;
    margin-right: -40px;
    padding: 1% 40%;
    */
    text-align: center;
    border-bottom: solid 3px #cecece;
    border-top: solid 3px #cecece;
}




.ranknum {
  margin: 28px 0px 28px 15px;
  width: 18%;
  font-size: 18px;
}


span.rank-title-text {
    align-self: center;
}


/******************************************************************
**************************	ランキング部分	*******************
******************************************************************/
/*ランキング内上部の位置割り振り*/
/* .ranking-item-info {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,50%);
    grid-gap: 3% 0;
    grid-template-areas:
    "img info"
    "point info";
} */

/*画像*/
.ranking-item-img {
    grid-area: img;
    display: block;
    margin: 0 auto;
}

.ranking-item-img img{
    width: 70%;
    height: 70%;
    display: block;
    margin: auto;
}

/* 特徴 */



.item-info-title {
    font-size: 1.4em;
    background: #dbfcee;
    padding: 5px 15px;
    margin: 0;
}

.item-info-text ul {
    margin: 20px 0px 15px 5px;
    list-style: disc !important;
    line-height: 2 !important;
    font-size: 1.2em;
    font-weight: bold;
}

.item-info-text li {
    padding: 6px;
    border-bottom: 2px dotted #95D7EF;
}

.item-info-text span {
    padding-right: 10px;
}


/*バッジ*/
.item-point {
    grid-area: point;
    width: 100%;
    height: 100%;
}
.badge-area {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 50%);
}

span.badge {
    background-color: #efecec;
    width: 65%;
    margin: 5px 3px;
    padding: 1px 17px;
    border: 1px solid #ff6b9f;
    color: #ff6b9f;
    font-weight: bold;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
}

/*主要成分、販売事業者*/
table.item-info-2-table tr:first-child {
    border: none;
}
table.item-info-2-table tr {
    border-top: 1px solid #ddd;
}

/*リンクボタン*/
.link-btn-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin: 5% 0;
}
p.site-link {
    width: 40%;
    text-align: center;
    margin: 0!important;
}
p.site-link a {
    background: #2ca559;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
    padding: 10%;
    display: block;
    border-bottom: 6px solid #00662d;
    border-radius: 10px;
    text-align: center;
}
p.info-link {
    width: 40%;
    text-align: center;
    margin: 0!important;
}
p.info-link a {
    background: #fff;
    color:#000;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
    padding: 10%;
    display: block;
    border-radius: 10px;
    -moz-box-shadow: 0 0px 1px rgba(000,000,000,.5),inset 0 0 1px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0px 1px rgba(000,000,000,.5), inset 0 0 1px rgba(255,255,255,.5);
    box-shadow: 0 0px 1px rgba(000,000,000,.5), inset 0 0 1px rgba(255,255,255,.5);
}


.review-taiken-img {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    /* background: #ededed; */
    margin:0 0 15px;
}

.review-taiken-img img {
    max-width: 300px;
    height: auto;
    border-radius: 40px;
    padding: 5px;
}

.review-imp p {
    font-size: 1.1em;
    margin: 0;
}
.review-box {
    border: 3px #ff6666 dashed;
    padding: 0 20px 20px;
    margin-bottom: 20px;
}

.review-box span{
    color: #757676;
    font-size: 12px;
}

p.review-star {
    font-size: x-large;
    color: #f9ea4a;
    margin: 0;
}
span.nostar {
    color: #bbb;
    font-size: 24px;
}
p.review-author {
    display: none;
}

span.kuchikomi_number {
    background-position: -100% 0.5em;
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
    background-repeat: repeat-x;
    background-size: 200% 0.8em;
    transition: all 2s ease;
    font-weight: bold;
    font-size: 18px;
    /* color: #ff0000;
    font-weight: bold; */
}

.comment-like {
    color: #757676;
    margin: 10px 0 10px 0;
}

.comment-like_button {
    margin: 10px 0 10px 0;
}

span.like-counts {
    color: #ff0000;
}

.comment-date {
    text-align: right;
}
/*ここがおすすめ*/
.recommend-wrap {
    border: 3px solid #22a4c6;
    border-radius: 5px;
    margin: 5% 0;
}
.recommend-wrap-title {
    background: #efecec;
    color: #ff6b9f;
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    padding: 1% 0;
}
/**/
.recommend-wrap-content {
    padding: 4%;
}

/* .recommend-wrap-content-box-title-warp{
    
} */

span.recommend-wrap-content-box-title {
    border: 2px solid #ff6b9f;
    background-color: #ff6b9f;
    position: relative;
    border-radius: 3px;
    padding: 0.5% 1%;
    display: inline-block;
    font-weight: bold;
    font-size: 1rem;
    margin: 0 0 1em 0;
    width: 25%;
    color:#fff;
}

/* span.recommend-wrap-content-box-title:after {
position: absolute;
content: '';
z-index: 1;
top: 0;
right: -2px;
width: 0px;
height: 0px;
border-width: 16px 16px 16px 0px;
border-color: transparent #fff transparent transparent;
border-style: solid;
} */

.recommend-wrap-content-box p {
    font-size: 1.1em;
    line-height: 1.6em;
}
.recommend-wrap-content-box.mb0 p {
    margin: 0;
}
/*ここが残念*/
.demerit-wrap {
    border: 3px solid #ccc;
    border-radius: 5px;
}
.demerit-wrap-title {
    background: #ccc;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    padding: 1% 0;
}
.demerit-wrap-content {
    padding: 4%;
    font-size: 1.1em;
}
.demerit-wrap-content p {
    margin: 0;
}
/******************************************************************
**************************	サイドバー	*******************
******************************************************************/
.textwidget img {
    display: block;
    margin: 0 auto;
}
/*スクロールに追従*/
div#custom_html-3 {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    display: block;
}
div#custom_html-2 {
    position: sticky;
    top: 0;
}
div#custom_html-4 {
    position: sticky;
    top: 0;
}
/*.side_widget {
position: sticky;
top: 0;
}
*/
/**/
/* .side_headline {
    font-size: 20px;
    margin: 0 0 20px;
    color: #000!important;
    font-weight: bold!important;
    padding: 3% 1%!important;
    border-bottom: solid 4px #bcffe2;
    border-top: solid 4px #bcffe2;
} */
/******************************************************************
**********************	ライティング関連	*******************
******************************************************************/
/*マーカー*/
.marker-animation.active{
    background-position: -100% .5em;
}
.marker-animation {
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
}
.marker-yellow{
background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
}
.marker-blue {
background-image: -webkit-linear-gradient(left, transparent 50%, rgba(100,149,237,.5) 50%);
background-image: -moz-linear-gradient(left, transparent 50%, rgba(100,149,237,.5) 50%);
background-image: -ms-linear-gradient(left, transparent 50%, rgba(100,149,237,.5) 50%);
background-image: -o-linear-gradient(left, transparent 50%, rgba(100,149,237,.5) 50%);
background-image: linear-gradient(left, transparent 50%, rgba(100,149,237,.5) 50%);
}
.marker-pink {
background-image: -webkit-linear-gradient(left, transparent 50%, rgba(255, 230, 238) 50%);
background-image: -moz-linear-gradient(left, transparent 50%, rgba(255, 230, 238) 50%);
background-image: -ms-linear-gradient(left, transparent 50%, rgba(255, 230, 238) 50%);
background-image: -o-linear-gradient(left, transparent 50%,rgba(255, 230, 238) 50%);
background-image: linear-gradient(left, transparent 50%, rgba(255, 230, 238) 50%);
}
/*
#rank-number-1:before {
content: '';
background-image: url(images/gold.png);
background-repeat: no-repeat;
display: inline-block;
width: 100px;
height: 100px;
background-size: contain;
vertical-align: middle;
color: #000;
position: absolute;
top: -25px;
left: 0px;
}
#rank-number-2:before {
content: '';
background-image: url(images/shilver.png);
background-repeat: no-repeat;
display: inline-block;
width: 100px;
height: 100px;
background-size: contain;
vertical-align: middle;
color: #000;
position: absolute;
top: -25px;
left: 0px;
}
#rank-number-3:before {
content: '';
background-image: url(images/bronze.png);
background-repeat: no-repeat;
display: inline-block;
width: 100px;
height: 100px;
background-size: contain;
vertical-align: middle;
color: #000;
position: absolute;
top: -25px;
left: 0px;
}
*/
/******************************************************************
検索まわり
****************************************************************/
.serch-wrap {
margin: 0 0 5% 0;
}
/*チェックボックスの部分*/
.search-box-checkbox dl {
padding: 14px 28px 12px;
border-bottom: 1px solid #c8c8c8;
}
.search-box-checkbox dt {
width: 140px;
font-weight: bold;
display: table-cell;
}
dd.checker {
display: table-cell;
}
dd.checker:before {
content: "";
display: table;
}
dd.checker:after {
content: "";
display: table;
clear: both;
}
.search-box-checkbox dd div {
display: inline-block;
}

/*検索ボタン*/
#search-ranking-post div.submit button {
background-color: #BAE9F1;
border: medium none;
border-radius: 5px;
color: #fff;
font-size: 1.5em;
padding: 10px 0;
width: 30%;
cursor: pointer;
font-weight: bold;
display: block;
margin: 3% auto;
}

#search-ranking-post div.submit button:hover {
background-color: #000000;
}

#search-ranking-post div.submit img {
margin-right: 5px;
vertical-align: unset;
}





/*セレクトの部分*/
.search-box-select {
font-weight: bold;
padding: 13px 28px 16px;
border-bottom: 1px solid #c8c8c8;
display: flex;
justify-content: space-between;
}
.top-label{
width: 50%;
text-align: left;
min-width:420px
}
.search-box-select:before {
content: "";
display: table;
}
.search-box-select:after {
content: "";
display: table;
clear: both;
}
label.selecter {
display: inline-block;
vertical-align: middle;
position: relative;
cursor: pointer;
}
label.selecter:before {
width: 38px;
content: "";
height: 100%;
border-left: 1px solid #003894;
-webkit-border-radius: 3px;
border-radius: 3px;
top: 0;
right: 0px;
position: absolute;
background-image: -moz-linear-gradient(90deg, #003894 50%, #0044b4 50%);
background-image: -webkit-linear-gradient(90deg, #003894 50%, #0044b4 50%);
background-image: -ms-linear-gradient(90deg, #003894 50%, #0044b4 50%);
pointer-events: none;
z-index: 2;
}
label.selecter:after {
content: "";
background: unset;
height: 100%;
width: 24px;
position: absolute;
top: 1px;
right: 4px;
-webkit-border-radius: 3px;
border-radius: 3px;
pointer-events: none;
z-index: 3;
}
select {
width: 150px;
padding: 6px 8px 7px 12px;
font-size: 14px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #003894;
position: relative;
z-index: 1;
font-family: inherit;
font-weight: inherit;
}
/*コメント投稿欄*/
div#comments {
border: 1px solid #ccc;
padding: 4%;
border-radius: 5px;
margin: 5% 0;
}
.comment-form-select {
display: flex;
justify-content: space-between;
}
p.form-submit {
text-align: center;
margin: 0;
}
input#submit {
background: #999999;
color: #fff;
font-weight: bold;
padding: 1% 5%;
border-radius: 5px;
}
select#star {
color: darkorange;
}
/*価格表*/
.price-table-wrap {
margin: 5% 0;
}
.price-table-title {
    background: #ff6666;
    padding: 20px 5px;
    border-radius: 5px;
    font-weight: bold;
    padding-left: 5%;
    margin-bottom: 20px;
    color: #fff;
}
.price-table-title span {
    margin-left: -20px;
    margin-right: 10px;
}

table.price-comparison {
text-align: center;
margin: 2% 0;
table-layout: fixed;
font-size: 14px;
}
table.price-comparison th {
font-size: 1.5em;
}
table.price-comparison td {
border-top: 1px solid #ccc;
padding: 2% 0;
}
table.price-comparison td:first-child {
}
table.price-comparison a {
background: #F44C70;
color: #fff;
text-decoration: none;
padding: 3% 10%;
border-radius: 5px;
border-bottom: 3px solid #610038;
font-weight: bold;
}
/*詳細ページコンテンツ*/
.out-title-wrap {
border: 3px solid #181b39;
border-radius: 5px;
margin: 7% 0 5%;
position: relative;
}
.color-black {
color: #181b39;
}
.out-title-wrap-title.color-black {
background: #181b39;
color: #fff;
font-weight: bold;
font-size: 1.2em;
padding: 1% 3%;
border-radius: 5px;
position: absolute;
top: -40px;
left: 15px;
}
.out-title-content {
padding: 4%;
}
.out-title-content p {
font-size: 14px;
line-height: 32px;
margin: 0;
color: black;
}
h2.out-title-h2 {
border-bottom: 2px dotted #666;
color: #666;
}
.in-title-wrap.color-orange {
border: 3px solid #f08300;
border-radius: 5px;
}
.in-title-wrap-title.color-orange {
background: #f08300;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 1.2em;
padding: 1%;
}
.in-title-content {
padding: 4%;
}
.in-title-content p {
font-size: 18px;
line-height: 32px;
margin: 0;
}
/********************************************
fontawesome系
*********************************************/
.fa:after{
font-family: 'Font Awesome 5 free' ;
margin-left: 10px ;
}
.fa-arrow:after{
/* content: '\f138';
font-weight: bold;
font-size: 20px; */
}

.fb:before{
font-family: 'Font Awesome 5 free' ;
margin-right: 10px ;
}
/* .fb-comment:before{
content: '\f4ad';
font-weight: bold;
font-size: 1.2em;
margin:0;
} */
.fb-paper:before{
/* content: '\f249';
font-weight: bold;
font-size: 1.2em;
margin:0; */
}
.fb-check:before{
content: '\f058';
font-weight: bold;
font-size: 1.2em;
margin:0;
}
.fb-bad:before{
content: '\f165';
font-weight: bold;
font-size: 1.2em;
margin:0;
}
.fb-cart:before{
content: '\f218';
font-weight: bold;
font-size: 20px;
}
.fb-money:before{
/* content: '\f3d1';
font-weight: bold;
font-size: 1.2em; */
}
.fb-file:before{
content: '\f15c';
font-weight: bold;
font-size: 20px;
}
/**/
div#footer-right {
    width: 14%;
    font-size: 1.3em;
    margin: auto;
}
span.info-box-title {
font-size: 1.4em;
color: #2d83da;
}
/**********************
20200521カスタム
**********************/
.rating-star p {
    color: #ffe56b;
    font-size: 1.6em;
    margin: 0;
    height: 45px;
}
/*検索結果*/
.result-item {
border-top: 1px solid #ccc;
padding: 2% 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.result-item:first-child {
border-top: none;
}
.result-item-info {
width: 80%;
display: flex;
}
.result-item-image {
width: 25%;
}
.result-item-text {
width: 75%;
}
.result-item-list {
border: 1px solid #ededee;
width: 99%;
color: #393d3e;
}
.search_result table th {
background-color: #f9f9f9;
border: 1px solid #ededee;
height: 35px;
}
.search_result table td.td_price {
min-width: 120px;
padding: 0;
text-align: center;
}
.search_result table td {
border: 1px solid #ededee;
}
.search_result table .td_discount {
text-align: center;
}
.result-item-name a {
text-decoration: none;
font-size: 22px;
font-weight: bold;
}
.result-item-link {
width: 20%;
}
.result-item-link a {
text-decoration: none;
display: block;
text-align: center;
background: #df0082;
padding: 5%;
margin: 5%;
color: #fff!important;
border-radius: 3px;
font-weight: bold;
}

/*サイドバー　管理人プロフィール*/
.author_prf {
background: #f9f9f9;
}
img.author_img {
margin: 0;
width: 100%!important;
}
.author_name {
font-weight: bold;
font-size: 1.2em;
margin: 2% 0;
padding: 0 2%;
}
.author_itd {
padding: 2%;
padding-top: 0;
}

/**/
.marker-big {
font-size: x-large;
font-weight: bold;
margin: 0px 1%;
color: #22a4c6;
border-top: 3px solid #efecec;
border-bottom: 3px solid #efecec;
padding: 10px 0;
}




/**/
.add_content_wrap {
margin: -1% 0;
font-size: 15px;
}

.original-content p {
margin: 15px auto;
width:90%;
font-size: 18px;
}

.leadh2 img {
display: block;
width: 720px;
height: 100%;
margin: 0 auto ;
margin-bottom: 30px;
}

.leadimg img {
display: block;
width: 540px;
height: auto;
border-radius: 237px;
margin: 0 auto;
}

/**/
h2.imgh2 {
margin: 0;
}
h2.imgh2 img {
margin-left: -40px;
}
/**/
span.rate_number {
color: #000;
font-size: small;
}
/**/
.reviewer-info {
display: flex;
flex-direction: row;
margin-bottom: 12px;
align-items: center;
padding: 20px!important;
}
p.review-age {
margin: 0;
margin-left: 2%;
}
p.review-sex {
margin: 0;
margin-left: 2%;
}
/**/
.footer_attention {
width: 1165px;
margin: 0 auto;
text-align: center;
font-weight: bold;
/* border-bottom: 5px solid #2d83da; */
}
.footer_attention p {
display: none;
}



/*-- コラムリスト --*/

.column_wrap {
    margin: 0px auto 80px;
}

.column-list {
    width: 100%;
}

.column-title {
    color: #000;
    font-size: 2em;
    padding: 1% 2%;
    border-top: solid 4px #cecece;
    border-bottom: solid 4px #cecece;
    background: #eee;
    margin-bottom: -3px;
}
  
.column-list li {
    display: flex;
    align-items: center;
    border-bottom: rgb(153, 151, 151) 2px solid;
}
  
.column-img img{
    display: block;
    max-width: 130px;
    height: auto;
    margin-left: 10px;
}
  
.column-list li a {
    display: block;
    text-decoration: none;
    margin-left: 30px;
    font-size: 20px;
    font-weight: bold;
}

.ranking_top_title {
    text-align: center;
}


/*-- page.php デザイン --*/

.post h1 {
    color: #fff;
    font-size: 1.5em;
    background: #f47799;
    padding: 25px 10px;  
}

.post h2 {
    position: relative;
    border-bottom: 7px double #ff6666;
    border-top: 7px double #ff6666;
    background: #fbfbef;
    padding: 25px 10px;
}

.post h3 {
    padding: 20px 10px;
    background-color: #fbfbef;
    position: relative;
    border-left: 10px solid #ff6666;
}

.pust-ul {
    border: 1px solid;
    padding: 2% 5%;
}


/* 2022_09　 oralbiyou.com用　追記css*/

.wp-block-table {
    font-size: 14px;
}


.side_headline {
    font-size: 20px;
    margin: 0 0 20px;
    /* background: #cecece!important; */
    color: #000!important;
    font-weight: bold!important;
    padding: 3% 1%!important;
    border-bottom: solid 4px #bcffe2;
    border-top: solid 4px #bcffe2;
}


/*検索部分のCSS*/
/*全体を囲う枠*/

div#search-ranking-post {
    border: 3px solid #2d83da;
    margin: 0;
}
    
#search-ranking-post {
    display: none;
}


.comparison_title {
    text-align: center;
    margin-top: 0 !important;
}

.comparison_title img {
    display: block;
    width: 90%;
    margin: auto;
}

.searchform_title {
    padding: 20px;
    border: none !important;
    width: 80%;
    margin: 0 auto 20px;
    background: #2d83da;
    color: #fff !important;
    cursor: pointer;
    border-radius: 50px;
    box-shadow: 0px 4px 1px #333;
}

.searchform_title:hover {
    opacity: 0.8;
}

.searchform_title:active {
    position: relative;
    top: 2px;
    box-shadow: 0px 0px 1px #333;
}
    
    
/******************************************************************
**************************	比較表		*******************
******************************************************************/
.comparison_table {
    position: relative;
}

.comparison_table_wrap {
    overflow-x: scroll;
}

.allt_scroll_icon {
    padding: 20px 10px 10px;
    display: inline-block;
    text-align: center;
    background: #636262;
    color: #fff;
    position: absolute;
    top: calc(50% - 155px);
    left: calc(50% - 45px);
    opacity: .8;
} 

.scroll_icon {
    font-size: 2.5em;
    margin-top: -20px;
}

.scroll_text {
    font-size: 0.7em;
}


table#all {
    table-layout: fixed;
    font-size: 12px;
    width: 110%;
}

table#all tr {
    border: 1px solid #e3e3e3;
}


table#all tr.allt_item_name {
    background: #f47799;
    color: #fff;
    font-size: 1.2em;
    height: 50px;
}

table#all th {
    border: 1px solid #e3e3e3;
}

table#all th img {
    width: 70%;
    display: block;
    margin: 0 auto;
}

table#all td {
    border: 1px solid #e3e3e3;
    text-align: center;
    font-weight: bold;
    padding: 3px;
}

.allt-rank-img th:nth-of-type(5),
.allt-rank-img th:nth-of-type(6) {
    font-size: 19px;
}


table#all th.allt-title{
    font-size: 1.2em;
    width: 90px;
}

.td-text{
    font-size: 11px;
    font-weight: 200;
}

table#all tbody :nth-of-type(5) td .td-text,
table#all tbody :nth-of-type(10) td .td-text {
    font-size: 1.2em;
}

table#all tbody :nth-of-type(10) td .td-text {
    font-weight: bold;
}

table#all td img {
    width: 45%;
    display: block;
    margin: 0 auto;
}

.comparison {
    margin: 0 0 5% 0;
}

img.comparisonImg {
    width: 70%;
    display: block;
    margin: 0 auto;
}
.comparison p {
    text-align: center;
}

/*original-content*/
.original-content {
    margin: 0 0 5% 0;

}

a.comparison-official {
    padding: 7px;
    text-decoration: none;
    background: #39CD73;
    color: #FFF!important;
    /* border-bottom: solid 5px #1eae59; */
    border-radius: 3px;
    font-size: 1em;
    font-weight: lighter;
    letter-spacing: 0px;
    box-shadow: none;
    text-align: center;
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-top: 10px;
}





/* リード文 */

.add_content_wrap h2 {
    border-bottom: 7px double #ff6666;
    border-top: 7px double #ff6666;
    background: #fbfbef;
    padding: 25px 10px;
    font-size: 2em;
}


.add_content_wrap h3 {
    padding: 20px 10px;
    background-color: #fbfbef;
    position: relative;
    border-left: 10px solid #ff6666;
    font-size: 1.8em;
}




.add_content_wrap ul {
    margin: 15px auto;
    width: 90%;
    background: #eee;
    padding: 10px;
    border: 2px solid #2d83da;
    font-size: 1.1em;
    font-weight: bold;

}

.add_content_wrap li {
    margin-top: 15px;
}

.add_content_wrap li:last-child {
    margin-bottom: 10px;
}


.add_content_wrap img {
    width: 90%;
    height: auto;
    display: block;
    margin: auto;
}

.marker-big-title img {
    width: 70%;
    margin: auto;
    display: block;
}

.kotira {
    text-align: center;
    font-size: 1.5em !important;
    font-weight: bold;
}



/* 記事LP部分 */

.kiji_lp_wrap h2,
.item_review_wrap h2 {
    font-size: 1.4em;
    padding: 25px 10px;
    background-color: #fbfbef;
    position: relative;
    border-left: 10px #ff6666 solid;
}


.kiji_lp_wrap h3,
.item_review_wrap h3 {
    background: #fbfbef;
    padding: 20px 10px;
    border-bottom: 3px dotted #ff6666;
}


.kiji_lp_wrap p,
.item_review_wrap p {
    font-size: 1em;
    line-height: 2.5;
    margin: 0 auto !important;
    width: 90%;
}


.kiji_lp_wrap img {
    display: block;
    width: 90%;
    margin: auto;
}

.item_review_wrap img {
    display: block;
    margin: auto;
    width: 90%;
}

.item_review_wrap a {
    text-decoration: none;
}

.lp_btn {
    width: 50%;
    margin: auto;
    background: #2ca559;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
    display: block;
    padding: 5%;
    border-bottom: 6px solid #00662d;
    border-radius: 10px;
    text-align: center;
}

.lp_btn:hover {
    opacity: 0.8;
}

.lp_btn span {

    font-weight: bold;
    margin-right: 10px;
    font-size: 1.2em;
}

.quote {
    font-size: 0.9em!important;
}


/* Ranking部分h3等 */


h3.ranking-title {
    color: #fff;
    font-size: 1.5em;
    background: #f47799;
    padding: 25px 10px;
    display: flex;
}


.ranknum {
    margin: 28px 0px 28px 15px;
    width: 18%;
    font-size: 18px;
}


h3.ranking-title img {
    width: 12%;
    height: auto;
    margin-bottom: 0px;
}

span.rank-title-text {
    align-self: center;
}


.ranking-item-info {
    width: 100%;
    /* display: grid;
    grid-template-columns: repeat(2,50%);
    grid-gap: 3% 0;
    grid-template-areas:
    "img info"
    "point info"; */ 
}


/*画像*/
.ranking-item-img {
    grid-area: img;
    display: block;
    margin: 0 auto;
}

.ranking-item-img img{
    width: 70%;
    height: 70%;
    display: block;
    margin: auto;
}

/* 特徴 */

.item-info-warp {
    border: 7px double #BAE9F1;
}

.item-info-title {
    font-size: 1.4em;
    background: #BAE9F1;
    padding: 5px 15px;
    margin: 0;
}

.item-info-text ul {
    margin: 20px 0px 15px 5px;
    list-style: disc !important;
    line-height: 2 !important;
    font-size: 1.2em;
    font-weight: bold;
}

.item-info-text li {
    padding: 6px;
    border-bottom: 2px dotted #95D7EF;
}

.item-info-text span {
    padding-right: 10px;
}




/* 　評価　星 */

.evaluation-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 95%;
    margin: 50px auto -30px;
    height: 50px;
    padding: 8px;
    outline: double 10px #BAE9F1;
}

.evaluation-star {
    display: flex;
    align-items: baseline;
}

.evaluation {
    font-size: 2em;
    padding-left: 5px;
    color: #F44C70;
}

.evaluation-star p {
    font-size: 2.8em !important;
}

.evaluation-star-number span {
    padding-left: 10px;
}

.evaluation-star-number {
    font-size: 1.4em;
}

/* singleページ 商品名*/

.single-rank-title {
    /* padding: 1% 1% !important; */
}



/*ランキングのテーブル*/
.item-info {
    grid-area: info;
}

table#item-info-table {
    border: 1px solid #f6f6f6;
    width: 100%;
    margin-top: 50px;
    text-align: center;
}

table#item-info-table tr {
    border: 1px solid #f6f6f6;
}

table#item-info-table tr:first-child {
    order: none;
    border: none;
}

/* table#item-info-table td {
    border-right: 1px solid #f6f6f6;
} */

td.list-name {
    font-size: 14px;
    width: 30%;
    padding: 15px 1%;
}

td.list-content {
    font-size: 16px;
    padding: 0% 6px;
}

td.list-content.rating-star p {
    font-size: 2.3em;
    line-height: 20px;
}

.point {
    color: #f54971;
    font-weight: bold;
}

.point_comment {
    background: #eee;
    display: block;
    padding: 20px;
    font-size: 0.9em;
    border: 2px dotted #BAE9F1;
}


.effect-s {
    font-size: 0.8em;
    color: #000;
    font-weight: 100;
}

.rating-star-single p{
    color: #ffe56b;
    font-size: 30px;
    margin: 0;
}



/*口コミ*/
.review-wrap {
    margin: 5% 0;
}
.review-wrap-title {
    background: #ff6666;
    padding: 20px 5px;
    border-radius: 5px;
    font-weight: bold;
    padding-left: 1%;
    margin-bottom: 20px;
    color: #fff;
    font-size: 1.2em;
}

.review-wrap-title span {
    padding: 10px;
}

.review-imp-wrap {
    margin: 7% 0 5%;
    /* border: 3px solid #313131; */
    position: relative;
    border-radius: 5px;

}


.component_per_day_title {
    margin: 0px 0 5px!important;
    font-size: 18px;
}

.component_per_day {
    padding: 10px;
    background: #fbfbef;
}

.component_per_day p {
    font-size: 14px;
}



.single_detail,
.demerit {
    padding: 5px 10px;
    box-shadow: 0px 1px 3px #333;
    position: relative;
}

.demerit {
    margin-top: 30px;
}

.maste-tape{
    position: absolute;
    top: -0.75em;
    left: -20px;
    background-color: rgb(175 175 175 / 30%);
    border-left: 4px solid #ff6666;
    padding: 0.25em 2em;
    color: #454545;
    transform: rotate(-8deg);
  }
.maste-tape.tape2  {
    border-left: 4px solid #b8b8b8;
}

.single_detail h2 {
    background: #fbfbef;
    padding: 20px 10px;
    border-bottom: 3px dotted #ff6666;
}

.single_detail p {
    background-color: #fff;
    background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), /* 点線1の色 */ linear-gradient(180deg, #ff6666 1px, transparent 1px);
    background-size: 8px 100%, /* 点線1のサイズ */ 100% 2.5em;
    line-height: 2.5em;
    padding-bottom: 1px;
}



.demerit h2 {
    border-bottom: 3px dotted #fff;
    background: #eee;
    padding: 10px 15px;
}

.demerit p {
    background-color: #fff;
    background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), /* 点線1の色 */ linear-gradient(180deg, #b8b8b8  1px, transparent 1px);
    background-size: 8px 100%, /* 点線1のサイズ */ 100% 2.5em;
    line-height: 2.5em;
    padding-bottom: 1px;
}



/* 検索結果ページ */

.search_result {
    background: #fff;
    width: 800px;
    margin: auto;
    padding: 50px;
}



/* 吹き出し */
 
.balloon-simple {
 width: 100%;
 margin: 20px 0;
 overflow: hidden;　
}
 
.balloon-simple .icon-right img,
.balloon-simple .icon-left img{
 width: 100%;
 border-radius: 50%;
 background-size:cover;
}
 
.icon-right p,
.icon-left p{
 text-align: center;
 top: -10px;
 position: relative;
}
 
.balloon-simple .balloon {
 width: 100%; 
}
 
.serif-right,
.serif-left {
 position: relative;
 padding: 20px 30px 20px 15px;
 border-radius: 10px;
}

 
.serif-right:after,
.serif-left:after {
 content: "";
 position: absolute;
 top: 15px;
 border-top: 10px solid transparent;
 border-bottom: 5px solid transparent;
 border-left: 5px solid transparent;
}
 
.serif-right p,
.serif-left p  {
 margin: 0;
 padding: 0;
 color: #fff;
 width:100%;
}
 
/* 共通 end */
 
/* 右の吹き出し */
 
.balloon-simple .icon-right {
 float: right;
 width: 100px;
 margin-right: 10px;
}
 
.balloon-simple .icon-right img{
 border: solid 4px #967552;
}
 
.serif-right {
 margin: 40px 40px 0 0px;
 background: #967552;
 float: right;   
}
 
.serif-right:after {
 transform: scale(-1, 1);
 right: -22px;
 border-right: 20px solid #967552;
}

 
.balloon-simple .icon-left {
 float: left;
 width: 100px;
 margin-left: 10px;
}
 
.balloon-simple .icon-left img{
 border: solid 4px #da9e5b;
}
 
.serif-left{
 display: inline-block;
 margin: 40px 0 0 45px;
 background: #da9e5b;
}
 
.serif-left:after{
 left: -22px;
 border-right: 20px solid #da9e5b;
}
 
/* 左の吹き出し end */ 

/* ぷるぷる動作 */
.purupuru {
  animation: purupuru 1.5s linear infinite;
}
@keyframes purupuru {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  20%  { transform: scale(1.0, 1.06) translate(-5%, -4%) skew(6deg, 0deg); }
  50%  { transform: scale(1.0, 0.94) translate(5%, 4%) skew(-6deg, 0deg); }
  65%  { transform: scale(1.0, 1.03) translate(2%, -2%) skew(-3deg, 0deg); }
  80%  { transform: scale(1.0, 0.97) translate(-2%, 2%) skew(3deg, 0deg); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}