@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/



/*--------------------------------------
  見出しh2
--------------------------------------*/

td span.points, th span.points, tr span.points {
  margin-top: 3px;
}


/*
.entry-content h2{
	  position: relative;
	background-color:#fffee4;
	border:3px solid #ddd;
	font-size:20px;
	  padding: 17px ;
	vertical-align:middle

}*/

.entry-content h2 {
  padding: 0.8em 0.6em;
		  margin: 65px 0 20px 0;
  /*文字の上下 左右の余白*/
  background: #fffaf4;
  /*背景色*/
  border-left: solid 6px #ffaf58;
  /*左線（実線 太さ 色）*/
  border-bottom: solid 3px #d7d7d7;
  /*下線*/
  border-top: solid 1px #d7d7d7;
  /*下線*/
  border-right: solid 1px #d7d7d7;
}


/*.entry-content h2:before {
 content: '';
  display: block;
  width: 68px;
  height: 68px;
  background-image: url(https://photobook.ikuji-park.com/wp-content/uploads/2019/01/photobookmania_icon.png);
  background-size: contain;
	 position: absolute;
  left : 10px; 
	top:50%;
	margin-top:-34px;

}*/


/*--------------------------------------
  見出しh3
--------------------------------------*/


.entry-content h3 {
  position: relative;
  padding: 0.6em;
  background: #e0edff;
  font-size: 18px;
	  margin: 65px 0 20px 0;
	border:none
}

.entry-content h3:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
}


.mblist_cp h3 {
  background: none
}


.mblist_cp h3:after  {
	display:none;
}


/*--------------------------------------
  見出しh4
--------------------------------------*/

.entry-content h4 {}

.imagelist img {
  width: 130px;
  min-width: 130px;
  height: auto
}

.imagelist td {
  font-size: 12px;
  font-weight: bold
}

span.s_hyouka {
  color: orange
}

span.k_hyouka {
  color: #00bfff
}

td p, th p, tr p {
  padding: 0!important;
  margin: 0!important;
}

.top_oshirase {
  background-color: #f5a30c;
  padding: 2px 10px;
  margin: 0 10px 0 0;
  display: inline-block;
  border: 1px solid #fff
}

.box_qu {
  position: relative;
  margin: 20px 0;
  padding: 15px 15px 15px 48px;
  min-width: 120px;
  max-width: 100%;
  font-size: 15px;
  background: #f9f9ff;
  box-sizing: border-box;
}

.box_qu:before {
  font-family: "Font Awesome 5 Free";
  content: "\f059";
  font-size: 30px;
  color: #bcddff;
  position: absolute;
  left: 10px;
  /*左端からのアイコンまでの距離*/
  top: 0
}

.box_an {
  position: relative;
  margin: 20px 0;
  padding: 15px 15px 15px 48px;
  min-width: 120px;
  max-width: 100%;
  font-size: 15px;
  background: #f9f9ff;
  box-sizing: border-box;
}

.box_an:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0a4";
  font-size: 30px;
  color: #82B1FF;
  position: absolute;
  left: 10px;
  /*左端からのアイコンまでの距離*/
  top: 0
}

.box_fukidashi {
  position: relative;
  display: inline-block;
  margin: 0 0 -20px 0;
  padding: 15px 15px;
  min-width: 120px;
  max-width: 100%;
  font-size: 15px;
  background: #fffff0;
  border: solid 3px #ddd;
  box-sizing: border-box;
  border-radius: 20px;
}

.box_fukidashi :before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #fffff0;
  z-index: 2;
}

.box_fukidashi :after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #ddd;
  z-index: 1;
}

.box_fukidashi p {
  margin: 0;
  padding: 0;
}

.osusume {
  background-color: #ef9a9a;
  border-radius: 15px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  position: relative;
  margin-right: 10px;
  text-align: center;
line-height:220%;
}

.sc {
  margin-bottom: 20px;
}

.top_sp {
  font-weight: bold;
  font-size: 13px;
  font-weight: bold;
  color: #3984d3;
  text-align: center;
  margin: -15px 0 0 0!important;
  padding: 0!important;
}

.topranking {
  background-color: #fff;
  margin-top: 0px !important;
  margin-bottom: 40px !important;
  padding-top: 40px !important;
  padding-bottom: 30px !important;
}

.top_main {
  text-align: center;
  margin: 0 auto;
}

.topttl {
  font-size: 18px!important;
  margin-top: 25px !important;
  margin-bottom: -20px !important;
}

.topttl p {
  font-size: 18px!important;
}

.top_hyouka i {
  color: orange!important;
  font-size: 9px
}

.topttl i {
  color: orange
}

.toplist_img {
  width: 100px;
  min-width: 100px;
}

table.toplist {
  padding: 0 3px 20px 3px;
  margin: 0 0 0 0;
  width: 100%!important;
  float: none!important;
  font-size: 12px;
  border-collapse: separate!important;
  border-spacing: 0px;
  border: none!important;
  line-height: 140%!important
}

table.toplist th {
  background: #f7f7f7
}

.top_more {
  font-weight: bold;
  color: #3984d3;
  text-align: center;
  font-size: 18px;
}

.top_more2 {
  font-weight: bold;
  color: #555;
  font-size: 16px;
  padding:20px 20px 15px 20px;
  background-color:#fffaf4
}

.top_more2 a {
display:inline-block;
margin:20px 0 10px 0 ;
}

.hd {
  padding-bottom: 20px;
  margin-top: -10px!important
}

tr.top_rank td {
  position: relative
}

tr.top_rank span.top_rank_no {
  margin: 0 3px 0 0;
}


.top_rank_no {
  border-radius: 50%;
  top: 0;
  /*画像の左上に配置*/
  left: 0;
  margin: 0;
  /*余計な隙間を除く*/
  color: white;
  /*文字を白に*/
  background: #bbb;
  /*背景色*/
  font-size: 11px;
  line-height: 1;
  /*行高は1に*/
  padding: 3px 6px;
  /*文字周りの余白*/
  font-weight: bold
}


span.no1 {
  background: #EFAF00!important
}

span.no2 {
  background: #EFAF00!important
}

span.no3 {
  background: #EFAF00!important
}


/*--------------------------------------
  オリジナルメニュー
--------------------------------------*/

.widget .my-widget li a:hover {
  background: #f3f3f3;
  color: #000;
}

ul.side_menu {
  padding-bottom: 20px;
}

ul.side_menu li a {
  display: block;
  margin: 0;
  padding-right: 30px!important;
  position: relative;
  border-bottom: 1px dotted #ddd
}

ul.side_menu li a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  /*アイコンのユニコード*/
  position: absolute;
  /*絶対位置*/
  font-size: 1em;
  /*サイズ*/
  right: 10px;
  /*アイコンの位置*/
  top: 15px;
  /*アイコンの位置*/
  color: #13b3d3;
  /*アイコン色*/
}

.my-widget li a .side_menu_image {
  width: 50px;
  height: 50px;
  padding: 0 5px 0 0;
}

h4.side_menu_ttl {
  padding: 10px 20px 10px 20px;
  color: #fff;
  margin: 0;
  background-color: #ed7b82
}

h4.side_menu_ttl i {
  font-size: 19px;
  margin-right: 5px;
}


/*--------------------------------------
  サイトバーの目次
--------------------------------------*/

.toc_widget .widgettitle.ef {
  margin-bottom: 0px;
  border: none!important;
  border-radius: 0;
}

.toc_widget ul {
  background: white;
  padding: 15px 15px 25px 15px;
  line-height: 1.4em;
  overflow-y: scroll;
  font-size: 15px;

}

.toc_widget ul li {}

.toc_widget ul li ul {
  border: none;
  padding: 2px 0px 2px 10px;
}

.toc_widget ul li ul li {}

.toc_widget a {
  font-weight: bold!important
}

.toc_widget a:hover {
  color: #424242;
  opacity: .7;
}

.toc_widget .widgettitle.ef:before {
  display: block;
  width: 25%;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .sidebar_style4 .widget:last-child {
    margin: 0px 0 -15px;
  }
}


/* トップページの幅 */

@media only screen and (min-width: 1230px) {
  .wrap {
    width: 1180px;
  }
  .d-5of7 {
    width: 70%;
    /*メインコンテンツ幅*/
  }
  .d-2of7 {
    width: 30%;
    /*サイドバー幅*/
  }
}

.sidelong__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.type_c .rlmg img {
  width: 100%;
  height: 90px;
  object-fit: cover;
}

#new-entry {
  margin-top: -25px!important
}


/*リストタイトル*/

dl.listttl {
  position: relative;
  margin: 0 0 40px 0;
}

dl.listttl dt {
  top: -.5em;
  line-height: 1.8;
  margin-left: 2em;
  font-weight: bold;
  color: #FF7373;
  font-size: 1.1em;
  background: white;
  padding: 0 .5em;
  position: absolute;
}


/*リストタイトル*/

@media only screen and (max-width: 640px) {
  dl.listttl {
    position: relative;
    margin: 0 0 0 0;
  }
  dl.listttl dt {
    top: 0;
    line-height: 1.8;
    margin-left: 0;
    text-align: center;
    font-weight: bold;
    color: #FF7373;
    font-size: 1.1em;
    background: white;
    padding: 0 .5em;
    position: static;
  }
}


/*リスト*/

ul.c_list {
  border: 2px solid #FF7373;
  padding: 20px 30px;
  margin: 20px 0px
}

ul.c_list li {
  font-weight: bold;
  list-style-type: none !important;
  list-style-image: none !important;
  margin: 0px !important;
  position: relative;
  padding-left: 20px;
  line-height: 1.8;
}

ul.c_list li:after, ul.c_list li:before {
  content: '';
  display: block;
  position: absolute;
  top: 11px;
  left: 8px;
  height: 11px;
  width: 4px;
  background: #FF7373;
  border-radius: 10px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

ul.c_list li:before {
  top: 15px;
  left: 3px;
  height: 8px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}


/*強調枠*/

.waku {
  border: 2px solid #FF7373;
  background: #F0FFF0;
  padding: 30px;
  margin: 20px 0;
  line-height: 2;
}


/*リスト番号*/

ol.n_list {
  counter-reset: list;
  list-style-type: none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding: 30px;
  margin: 30px 0 20px 0;
  border: 2px solid #FF7373;
}

ol.n_list li {
  position: relative;
  padding: 7px 5px 7px 40px;
  margin: 7px 0 10px 0px;
  font-weight: bold;
  font-size: 14px;
  border-bottom: dashed 1px #FF7373;
}

ol.n_list li:before {
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: 0px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  background: #FF7373;
  border-radius: 50%;
  top: 20px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


/*strong{color:red!important;}*/

.linkbtn {
  text-align: center;
  display: block;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  -webkit-box-shadow: 0px 1px 0px #666666;
  -moz-box-shadow: 0px 1px 0px #666666;
  box-shadow: 0px 1px 0px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  background: #ffa500;
  padding: 10px 20px 10px 20px;
  text-decoration: none!important;
  font-weight: bold;
  margin: 20px 20px
}

.linkbtn:before {
  content: "\f35d";
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  padding-right: 5px;
}

.linkbtn.ranbtn:before {
  content: "\f0ab";
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  padding-right: 5px;
}

.linkbtn_no {
  text-align: center;
  display: block;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  -webkit-box-shadow: 0px 1px 0px #666666;
  -moz-box-shadow: 0px 1px 0px #666666;
  box-shadow: 0px 1px 0px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  background: #e67c7c;
  padding: 10px 20px 10px 20px;
  text-decoration: none!important;
  font-weight: bold;
  margin: 20px 20px
}

a.linkbtn {
  color: #fff!important;
}

.linkbtn:hover {
  background: #ffb200;
  text-decoration: none;
}

a.linkbtn_no {
  color: #fff!important;
}

.linkbtn_no:hover {
  background: #ff7f7f;
  text-decoration: none;
}

#toc_container {
  margin-bottom: 30px
}

h2.related_post_title {
  padding: 20px
}

.maru2 {
  color: red;
  font-weight: bold;
  font-size: 24px;
}

.maru {
  color: #ccc;
  font-weight: bold;
  font-size: 20px;
}

.batsu {
  color: #ccc;
  font-weight: bold;
  font-size: 20px;
}

.sankaku {
  color: #ccc;
  font-weight: bold;
  font-size: 20px;
}

.ml {
  display: inline-block;
  margin: 0 10px 0 0;
  color: red;
  font-weight: bold;
  font-size: 15px;
}

.dm {
  display: inline-block;
  margin: 0 10px 0 0;
  color: #ccc;
  font-weight: bold;
  font-size: 20px;
}

img.osusume {
  width: 100px;
}

.none {
  display: none
}

.mblist_cp {
  border: 2px solid #FF7373;
  padding: 0 0 20px 0!important;
  margin: 20px 0
}

.mblist_cp h3 {
  font-size: 11px;
  border: none;
  margin: 0!important;
  padding: 0!important;
}

.mblist, .mblist-2maru, .mblist-maru, .mblist-batu, .mblist-sankaku {
  padding: 15px!important;
  margin: 0!important;
  list-style-position: inside;
  padding-left: 30px;
  text-indent: -30px;
  border: none!important
}

.mblist li, .mblist-2maru li, .mblist-maru li, .mblist-batu li, .mblist-sankaku li {
  position: relative;
  padding: 0;
  list-style-type: none !important;
  list-style-image: none !important;
  margin: 0 10px 0 40px !important;
  line-height: 200%!important;
  font-weight: bold;
}

ul.mblist-2maru li:before {
  content: '◎';
  color: #ff0000;
  vertical-align: middle;
  padding: 0px 12px 0 0;
  font-size: 20px;
  font-weight: bold;
}

ul.mblist-maru li:before {
  content: '◯';
  color: #ff0000;
  vertical-align: middle;
  padding: 0px 12px 0 0;
  font-size: 20px;
  font-weight: bold;
}

ul.mblist-sankaku li:before {
  content: '△';
  color: #4169E1;
  vertical-align: middle;
  padding: 0px 12px 0 0;
  font-size: 20px;
  font-weight: bold;
}

ul.mblist-batu li:before {
  content: '×';
  color: #4169E1;
  vertical-align: middle;
  padding: 0px 12px 0 0;
  font-size: 30px;
}

li.mblist-2maru:before {
  content: '◎';
  color: #ff0000;
  vertical-align: middle;
  padding: 0px;
  font-size: 20px;
  font-weight: bold;
}

li.mblist-maru:before {
  content: '◯';
  color: #ff0000;
  vertical-align: middle;
  padding: 0px;
  font-size: 20px;
  font-weight: bold;
}

li.mblist-sankaku:before {
  content: '△';
  color: #4169E1;
  vertical-align: middle;
  padding: 0px;
  font-size: 20px;
  font-weight: bold;
}

li.mblist-batu:before {
  content: '×';
  color: #4169E1;
  vertical-align: middle;
  padding: 0px;
  font-size: 30px;
}

img.osusumept, img.zannenpt {
  width: 130px;
  padding: 20px 0 0 20px
}

ul.main_photobooklist {
  font-size: 11px;
  font-weight: bold;
  margin: 20px 0;
  border: none;
  padding: 0;
  width: 100%
}

ul.main_photobooklist img {
  width: 100%;
  padding: 1%
}

ul.main_photobooklist li {
  display: block;
  float: left;
  width: 33%;
  vertical-align: top;
  padding: 0
}

ul.hensyuulist {
  margin: 0!important;
  padding: 0!important;
  border: none
}

ul.hensyuulist li {
  margin: 0 0 0 30px!important;
  padding: 0!important;
}

.cc_link h3 {
  font-size: 12px;
  margin: 0;
  border: none;
  padding: 5px 0;
}

.one-column #main {
  max-width: 1200px;
}

.entry-content td, .entry-content th {
  border: 1px solid #dddddd!important
}

.photolist {
  min-width: 700px!important;
}

.min400 {
  width: 100% !important;
  min-width: 400px!important;
}

.tablepress-id-6, .tablepress-id-9, .tablepress-id-20 {
  width: 100% !important;
  min-width: 980px !important;
}

.spimage_inline {
  display: none
}

.spimage {
  display: none
}

.waribiki {
  margin-top: -30px;
}

h3.ranking_ttl {
  text-align: center;
  float: none;
  clear: both;
  margin-top: 40px!important;
  display: block!important;
  font-family: "Quicksand", "Arial", sans-serif;
  color: #3984d3;
  padding: 16px 0!important;
  border-top: 5px solid #79b7f9!important;
  border-bottom: 5px solid #79b7f9!important;
  background-color: #f0f8ff!important;
}

.memo {
  clear: both;
  float: none;
}

.tokutyou {
  clear: both;
  float: none;
  position: relative!important;
  text-align: center!important;
  font-weight: bold;
  color: #3984d3;
  margin: 20px 0 20px 0!important;
  padding-top: 0
}

.tokutyou span {
  position: relative!important;
  z-index: 2!important;
  display: inline-block!important;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff!important;
  text-align: left;
}

.tokutyou::before {
  position: absolute!important;
  top: 50%;
  z-index: 1!important;
  content: '';
  display: block!important;
  width: 100%;
  height: 2px;
  background-color: #79b7f9
}

.tokutyou span::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
  padding-right: 5px;
}

.ranking_btn_box {
  padding-bottom: 20px
}

.ranking_main {
  width: 100%;
}

.ranking_box {
  width: 100%;
}

.ranking_main .fas {
  color: #ffbf00
}

.ranking_box_img {
  padding: 3px;
  margin: 0;
  width: 100%;
  float: left;
  background-color: #f0f8ff
}

span.bookname {
  display: block;
  z-index: 1;
  padding: 3px 0;
  font-size: 11px;
  background-color: #f0f8ff;
  font-weight: bold;
  text-align: center
}

table.ranking_box_txt {
  padding: 0;
  margin: 0;
  width: 100%!important;
  font-size: 13px;
  border-collapse: separate!important;
  border-spacing: 0px;
  border: none!important;
}

.fa-gift_txt {
  font-size: 12px!important
}

table.ranking_box_txt th {
  background-color: #bddfff;
  line-height: 140%
}

table.ranking_box_txt th, table.ranking_box_txt td {
  border: 1px solid #fff!important
}



table.ranking_box_txt th:nth-of-type(1){
 position:sticky;
	top:0;
	left:0;
	z-index:1
}

table.ranking_box_txt tr:nth-child(odd) td {
  background-color: #f0f8ff;
}

table.ranking_box_txt tr:nth-child(even) td {
  background-color: #f0f8ff;
}

.hyouka {
  font-size: 14px;
  padding-left: 10px;
  font-weight: bold;
  width: 50%;
  float: left
}

.small_m {
  font-size: 15px;
}

.tokutyou_txt {
  font-size: 15px;
  padding: 0 0 20px 0
}

.m0 {
  margin-top: -20px!important;
}

.sonohoka {
  padding: 10px 0 0 0;
  font-size: 12px;
  display: block;
  float: none;
  clear: both;
  text-align: center
}

.ranking_box_item {
  display: block;
  font-size: 14px;
  padding: 10px;
}

.ranking_box_ttl {
  display: block;
  font-weight: bold;
  padding: 20px 0 0 0;
  font-size: 15px;
  text-align: center;
}

a.linkbtn.syousai {
  background-color: #3984d3!important
}

a.linkbtn.syousai.indexbtn {
  font-size: 10px!important;
  margin: 0;
  padding: 5px;
}

a.linkbtn.syousai:hover {
  background-color: #3998fe!important
}

a.linkbtn.w50 {
  font-size: 15px!important;
  width: 48%;
  margin: 1%;
  float: left
}


  img.ranking_box_100 {
    width: 33.33333%;
    padding: 1%
  }
  img.ranking_box_50 {
    width: 33.33333%;
    padding: 1%
  }

.w50 {
  width: 48%;
  float: left;
  margin: 1%
}

.memo hr.dotted {
  margin: 0 auto;
  padding: 8px;
  width: 40%;
}

ul.mainlist {
  margin: 0!important;
  padding: 0!important
}

ul.mainlist li {
  list-style-type: none;
  width: 50%;
  border-bottom: 1px solid #ddd;
  float: left;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  margin: 0!important;
  padding: 0!important;
  height: 120px;
}

ul.mainlist li.mainlist_line {
  border-left: 1px solid #ddd;
}

ul.mainlist li.mainlist_last {
  border-bottom: none
}

ul.mainlist li img {
  height: 100px;
  width: auto;
  float: left;
  padding-right: 10px;
}

ul.mainlist li a {
  display: block;
  width: 100%;
  padding: 10px;
  z-index: 1;
  position: relative
}

ul.mainlist li:hover {
  background-color: #f0f8ff;
}

ul.mainlist li span {
  font-size: 12px;
  font-weight: none;
  display: block
}

ul.mainlist li::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free" !important;
  font-size: 20px;
  line-height: 0;
  top: 50%;
  margin-top: 0;
  right: 30px;
  color: #ccc;
  position: absolute;
  z-index: 0
}

ul.mainlist li i.fas {
  color: #ecc800;
  font-size: 12px
}

.balloon1-top {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #e0edff;
}

.balloon1-top p {
  margin: 0;
  padding: 0;
}

.koushin_ttl {
  background-color: white;
  padding: 5px;
  z-index: 2;
  position: relative;
  font-size: 13px;
  margin-left: 20px!important;
  width: 200px;
  text-align: center
}

ul.koushin {
  padding-top: 25px;
  margin-top: -38px;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-left: none;
  border-right: none;
  border-radius: 0px
}

ul.koushin li {
  padding: 3px;
  margin: 0;
  font-size: 13px;
}

table.printphoto img {
  width: 250px!important;
  min-width: 250px!important;
  max-width: 250px!important;
  height: auto;
}

@media only screen and (max-width: 640px) {
  .pcimage {
    display:none
  }
  .spimage {
    display: block
  }
  .pcimage_inline {
    display: none
  }
  .spimage_inline {
    display: inline
  }
  .ranking_box_img {
    padding: 1%;
    margin: 0;
    width: 100%;
    float: left
  }
  .m0 {
    margin-top: -30px!important;
  }
  ul.mainlist li {
    width: 100%;
    margin: 0!important;
    padding: 0!important;
    height: 70px;
    font-size: 12px;
  }
  ul.mainlist li span {
    font-size: 10px;
  }
  .hyouka {
    width: 100%;
  }
  ul.mainlist li a {
    display: block;
    width: 100%;
    padding: 5px;
  }
  ul.mainlist li img {
    height: 60px;
    width: auto;
    float: left;
    padding-right: 10px;
  }
  ul.mainlist li.mainlist_line {
    border-left: none;
  }

  table.ranking_box_txt {
    margin: 0;
    width: 100%!important;
    float: none;
    font-size: 12px;
  }
  .linkbtn {
    font-size: 15px;
    padding: 10px 20px 10px 20px;
    margin: 20px 10px
  }
  .linkbtn_no {
    font-size: 15px;
    padding: 10px 20px 10px 20px;
    margin: 20px 10px
  }
  .tokutyou {
    font-size: 13px!important;
  }
  .ranking_btn_box {
    padding-bottom: 10px
  }
  h3.ranking_ttl {
    font-size: 16px;
  }
  .topttl {
    font-size: 14px!important;
  }
  .hd {
    font-size: 13px;
    margin-top: -20px!important;
  }
  a.linkbtn.w50 {
    font-size: 13px!important;
    padding: 5px 4px;
  }
  .imagelist img {
    width: 100px!important;
    min-width: 100px!important;
    height: auto
  }
}


/*--------------------------------------
動画デンタリング
--------------------------------------*/

.wp-video {
  text-align: center;
  margin: 0 auto;
}


/*--------------------------------------
  関連記事(横長)
  リンクカード pz-linkcard
--------------------------------------*/

.linkcard {
  /*全体*/
  position: relative;
  /*疑似要素の基準に*/
  max-width: 100%;
  /*最大の横幅*/
  transition: all 0.5s ease 0s;
  padding: 0;
  	line-height:0
}

/*link-card*/
.lkc-thumbnail-img {
 width:100px;!important;
	height:100px!important;
	border:none!important;
	box-shadow:none!important;
	padding:5px!important
}

.linkto figure {
    width: 110px;
    padding-right: 3px;
	    display: table-cell!important;
    vertical-align: middle!important;
}
.lkc-title-text{
	padding:0 75px 0 0!important;
	line-height:180%;

}
.lkc-content{
	display:table
}
.lkc-title{
		    display: table-cell!important;
    vertical-align: middle!important;
		padding-bottom:10px
}

.lkc-title::before {
    content: "あわせて読みたい";
    color: white;
    letter-spacing: 1px;
	background-color:#fca19f;
    border-radius: 2px;
  font-size: 11px;
	line-height:200%;
	z-index:1;
	width:auto;
	padding:0 10px;
	display:inline-block;
	margin:0px 0 5px 0;
}

@media screen and (max-width: 600px) {
.lkc-title-text{
	padding:0 0px 0 0!important;


}

}

.linkcard:after {
  /*疑似要素（後）*/
  position: absolute;
  /*基準を元に*/
  display: flex;
  /*中の要素を動かせるように*/
  height: 100%;
  /*背景の高さ*/
  padding: 0px 15px;
  /*内側の余白（左右15px）*/
  content: "\f138";
  /*アイコン*/
  font-family: "Font Awesome 5 Free";
  /*アイコンを表示できるように*/
  top: 0px;
  /*上からの位置*/
  right: 0px;
  /*右からの位置*/
  font-size: 2.8em;
  /*フォントサイズ*/
  color: #fff;
  /*文字色*/
  background: #eaedf2;
  /*背景色*/
  align-items: center;
  /*中央揃え*/
}

.linkcard .lkc-title-text {
  /*テキスト部分*/
  padding: 35px 75px 0px 0px;
  /*内側の余白（上右下左）*/
  vertical-align: top;
  /*上揃えに*/
  font-size: .95em;
  /*文字の大きさ*/
}

.lkc-thumbnail-img {
  border: none;
  width: 150px;
  /*横幅*/
  height: 150px;
  /*縦幅*/
}

@media screen and (max-width: 600px) {
  .linkcard:after {
    display: none
  }
  .lkc-title {
    font-size: 13px;
    line-height: 160%;
  }
  .lkc-excerpt {
    font-size: 10px;
  }
  .lkc-thumbnail {
    max-width: 100px;
  }
  .lkc-thumbnail-img {
    max-width: 100px;
  }
  .linkcard .lkc-title-text {
    /*テキスト部分*/
    padding: 30px 0 0 0;
    /*内側の余白（上右下左）*/
  }
}

@media screen and (max-width: 480px) {
  .lkc-title {
    font-size: 13px;
    line-height: 160%;
  }
  .lkc-excerpt {
    font-size: 8px;
  }
  .lkc-thumbnail {
    max-width: 100px;
  }
  .lkc-thumbnail-img {
    max-width: 100px;
  }
}

@media screen and (max-width: 320px) {
  .lkc-title {
    font-size: 12px;
    line-height: 160%;
  }
  .lkc-excerpt {
    font-size: 6px;
  }
  .lkc-thumbnail {
    max-width: 100px;
  }
  .lkc-thumbnail-img {
    max-width: 100px;
  }
}


/*画面サイズが大きくなったときに表のスクロールを解除しない*/

.entry-content table.tb-responsive {
  display: block;
  overflow-x: scroll;
  width: 100%;
  border: 0;
  white-space: nowrap;
}

	
.entry-content table.tb-responsive th {
  width: 5%!important;
	
}



.gallery-columns-1 .gallery-item {
  width: 100%;
  padding-right: 0;
  margin: 0
}

.gallery-columns-2 .gallery-item {
  width: 49%;
  padding-right: 1%;
  margin: 0
}

.gallery-columns-3 .gallery-item {
  width: 32%;
  padding-right: 1%;
  margin: 0
}

.gallery-columns-4 .gallery-item {
  width: 24%;
  padding-right: 1%;
  margin: 0
}

.gallery-columns-5 .gallery-item {
  width: 19%;
  padding-right: 1%;
  margin: 0
}

.gallery-columns-6 .gallery-item {
  width: 15%;
  padding-right: 1.5%;
  margin: 0
}

.gallery-item .gallery-caption {
  color: #000;
  font-size: 13px;
  font-weight: bold;
  margin: 5px 0;
  text-align: center;
}


/*テーブル内文字サイズ調整*/

table {
  font-size: 13px;
}


/*small調整*/

span.small {
  line-height: 200%;
  display: inline-block;
  font-size: 12px
}

table span.small {
  line-height: 190%;
  display: inline-block;
}

table.toplist {
  line-height: 180%!important;
  font-size: 12px!important;
}

table.toplist span.small {
  line-height: 190%;
  display: inline;
  font-size: 11px!important;
}

.toplist_img {
  width: 88px;
  min-width: 88px;
}

@media only screen and (max-width: 768px) {
  table tr {
    font-size: 11px!important;
    line-height: 180%!important;
  }
  table tr td {
    font-size: 11px!important;
    line-height: 180%!important;
  }
}


/*添付ファイルのページ調整*/

.dl_image a {
  pointer-events: none;
}

.dl_image a:before {
  display: none
}

.dl_image_txt {
  padding: 20px;
  font-weight: bold;
  color: #2b899c
}


/*rlギャラリー*/

div.rl-gallery-item a {
  filter: drop-shadow(0px 3px 3px rgb(189 189 189 / 60%));
  border-radius: 5px;
  margin: 4%!important;
  padding: 0px 0 0 0;
  box-sizing: border-box!important;
  border: 0px solid #ddd;
  background-color: #fbfcef;
  position: relative!important;
}

.rl-gallery-item a:hover {
  background-color: #ccc;
  text-decoration: none
}

.rl-gallery-item img {
  max-height: 360px;
  width: auto;
}

.rl-gallery-caption {
  position: relative!important;
  background-color: #fff!important;
  display: block!important;
  color: #097e94!important;
  margin: 0!important;
  padding: 10px 5px!important;
}

.rl-gallery-item-title {
  font-size: 15px!important;
  color: #0c7e94!important;
  font-weight: 700;
  text-align: center;
  line-height: 180%;
  vertical-align: middle;
  margin: 0!important;
  padding: 0!important;
}


/*記事を分割した場合のページング*/

.rl-pagination {
  text-align: center
}

.rl-pagination .page-numbers {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 10px 3px;
  border-radius: 50%;
  background: #f5f5f5;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  line-height: 30px;
}

.rl-pagination a.page-numbers {
  background: #ddd;
}

.rl-pagination a.page-numbers:hover {
  background: #f8f8f8;
}

.rl-pagination .page-links a span:hover {
  opacity: 0.8;
}

.rl-pagination .page-links a span:hover {
  opacity: 0.8;
}

.rl-pagination .prev.page-numbers, .rl-pagination .next.page-numbers {
  width: auto;
  background: transparent;
}

.rl-pagination .prev.page-numbers:hover, .rl-pagination .next.page-numbers:hover {
  background: transparent !important;
  opacity: 0.7;
}

.is-form-style input.is-search-input {
  font-weight: 600;
  background: #fff;
  background-image: none!important;
  color: #333;
  padding: 0 12px;
  margin: 0;
  outline: 0!important;
  font-size: 16px!important;
  height: 36px;
  min-height: 0;
  line-height: 1;
  border-radius: 5px;
  border: solid 1px #ccc!important;
  font-family: arial;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

@media screen and (max-width: 480px) {
  .rl-gallery-item img {
    max-height: 160px;
    width: auto;
  }
  .rl-gallery-item-title {
    font-size: 13px!important;
  }
}


/*広告*/

.pr_ca_wp {
  display: block;
  margin: 0 0 25px 0;
  padding: 0;
}

.pr_ca_wp p {
  margin: 0;
  padding: 0;
}

.pr_ca p {
  margin: 0;
  padding: 0;
}

.pr_ca {
  background-color: rgb(255, 241, 205);
  border-radius: 5px;
  padding: 10px;
  font-weight: bold;
  line-height: 170%;
  position: relative;
  transition: all 0.5s ease 0s;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
  margin-bottom: 0px;
}

.pr_ca img {
  background-color: rgb(255, 241, 205);
  border-radius: 5px;
  float: left;
  width: 26%;
  display: block;
  margin: 0;
  padding: 0;
}

.pr_ca_txt {
  background-color: rgb(255, 241, 205);
  border-radius: 5px;
  float: left;
  width: 74%;
  padding: 0 3% 0 5%;
  margin: 0;
}

.pr_ca_txt span {
  font-size: 110%;
  display: block
}

.pr_ca_p {
  background-color: rgb(70, 177, 201);
  border-radius: 15px;
  color: #fff;
  padding: 0px 10px;
  font-size: 12px;
  margin: 0 0 5px -5%;
  display: inline-block;
}

.pr_ca::before {
  content: "";
  top: 0;
  left: 0;
  border-bottom: 4em solid transparent;
  border-left: 4em solid rgb(254, 172, 10);
  position: absolute;
  z-index: 1;
}

.pr_ca_txt::after {
  font-size: 11px!important;
  line-height: 0;
  content: '\f005';
  display: block;
  top: 16px;
  /* transform: rotate(-45deg);　斜め*/
  color: #fff;
  left: 12px;
  position: absolute;
  z-index: 101;
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
}

.gallery {
  margin-bottom: 15px!important
}


/*楽天*/

.r-rank-td, .r-rank-td td, .r-rank-td tr, .r-rank-td th {
  border: none!important
}


/*ボックス内H3タイトル*/

.sng-box h3 {
  margin: 0;
  padding: 0;
  border: none
}

.sng-box h3:after {
display:none
}

.entry-content a:link {
  text-decoration: underline
}

#toc_container a:link {
  text-decoration: none
}

#toc_container a:hover {
  text-decoration: underline
}


/*テーブル列タイトルの幅*/

table.tbsp {
  width: 100%;
}

table.tbsp th {
  white-space: nowrap;
  width: 100px;
}


/*素材用検索結果*/

.cardtype__img.sozai-img {
  background-color: #fdfde26e;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  height: 200px
}

.cardtype__img.sozai-img img {
  border-radius: 2px 2px 0 0;
  width: auto;
  max-height: 184px;
  margin: 0 auto;
  display: block:
}


/*ページ数計算フォーム*/

div.keisan {
  border: 2px solid #ffb341;
  border-radius: 10px;
  background-color: #fff9e37d;
  max-width: 350px;
  margin: 0 auto;
  overflow: hidden;
}

div.keisan table caption {
  font-size: 18px;
  background-color: #ffb341;
  color: #fff;
  padding: 6px 0
}

div.keisan table, div.keisan table td, div.keisan table tr, div.keisan table th {
  border: none!important;
  font-size: 15px!important;
  font-weight: bold;
  color: #555;
}

div.keisan table tr:nth-child(even) {
  background: #fff5e6;
}

div.keisan input {
  display: inline-block;
  width: 90px;
  font-weight: bold;
  margin: 0 5px 0 0;
  font-size: 20px!important;
  border: 2px solid #ccc;
}

div.keisan select {
  display: inline-block;
  width: 50px;
  font-weight: bold;
  margin: 0 5px 0 0;
  font-size: 20px!important;
  border: 2px solid #ccc;
  background: none;
  background-color: #eef1f5;
}

div.keisan table tr, div.keisan table th {
  background-color: transparent;
  padding: 15px 0;
  /* border-bottom:2px solid #ffcc807a!important; */
}

div.keisan table th {
  width: 60%;
  text-align: right
}

div.keisan table td {
  text-align: left;
  width: 40%;
}

div.keisan table tr.kekka {
  border-bottom: none!important;
}

div.keisan table tr.kekka td {
  color: #555;
  text-align: center;
  padding: 15px 0 0 0!important;
}

div.keisan table tr.kekka td output {
  color: #f12a00;
  font-size: 30px!important;
  padding: 5px;
}


/* Chrome */

::-webkit-input-placeholder {
  color: #ccc;
}


/* Firefox */

::-moz-placeholder {
  color: #ccc;
}


/* IE */

:-ms-input-placeholder {
  color: #ccc;
}

@media screen and (max-width: 320px) {
  div.keisan table, div.keisan table td, div.keisan table tr, div.keisan table th {
    border: none!important;
    font-size: 13px!important;
  }
  div.keisan input {
    width: 80px;
  }
}


/*thの幅調整用*/

.thwpx th {
  min-width: 70px!important;
  width: auto!important
}


/*table内のul*/

table ul {
  border: none!important;
  margin: 0!important;
  padding: 0 0 0 25px!important;
}

table ul li {
  margin: 0!important;
  padding: 0!important;
}


/*テンプレートの個別ページ用一覧表示*/

.rpwe-block ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  margin: 0;
  padding: 0;
  border: 0
}

.rpwe-block ul li {
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.22);
  cursor: pointer;
  transition: 0.2s ease-in-out;
  padding: 0;
  margin: 2% 1%;
  width: 48%;
  list-style-type: none
}

div.c2box .rpwe-block ul li {
  width: 48%;
}

div.c3box .rpwe-block ul li {
  width: 31%;
}

.rpwe-block ul li img {
  width: 100%;
}

.rpwe-block ul li a {
  color: #555;
  text-decoration: none!important;
  font-size: 16px;
  display: block;
}



.rpwe-block ul li h3 {
  margin: 0;
  border: none;
  padding: 10px;
  background-color:#fff
}

.rpwe-block ul li h3:after {
display:none
}

.rpwe-block ul li time {
  display: none
}

.rpwe-block ul li:hover {
  box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

@media screen and (max-width: 1000px) {
  .rpwe-block ul li {
    width: 48%;
  }
}

@media screen and (max-width: 480px) {
  .rpwe-block ul li a {
    color: #555;
    text-decoration: none!important;
    font-size: 14px!important;
  }
  .rpwe-block ul li {
    width: 100%;
  }
  div.c2box .rpwe-block ul li {
    width: 48%;
  }
  div.c3box .rpwe-block ul li {
    width: 48%;
  }
}

/*「この記事を気に入ったらフォローしよう」のテキストを変える*/
.like_content p {
    display: none;
}
.like_content div:before {
    content: 'ツイッターでクーポン情報など配信中';
    display: block;
    margin: .5em 0;
}

/*記事末のSHAREの文字を消す*/
.sns-btn__title {
	display: none;}


/*引用別スタイル*/
.entry-content blockquote {
  padding: 35px 1.5em;
  border: none;
  background: whitesmoke;
}
.entry-content blockquote:before {
  top: 10px;
  left: 15px;
  color: #dadada!important;
}
.entry-content blockquote:after {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #dadada;
  font-size: 25px;
   line-height: 1;
  font-family: "Font Awesome 5 Free";
font-weight: 900;
  content:'\f10e';
}


/*クーポンボックス*/
.box-co {
  margin: 2em 0;
  border: solid 3px #ddd;
  border-radius: 8px;
  font-size:90%;
}

.box-co ul {
margin:0;
}

.box-co ul li {
margin:0;
padding:2px 0;
}
.box-co .box-title{
  display: inline-block;
  position: relative;
  top: -14px;
  left: 10px;
  padding: 0 9px;
  margin: 0 7px;
  background: #fff;
  color: #333;
  font-size: 110%;
  line-height: 1.4;
}
.box-co .box-content{
  padding: 0 1.5em 20px;
}
.box-co .box-title:before{
  padding-right: 4px;
  font-family: FontAwesome;
  content: "\f3ff";
}

/*videoタグ*/

video{
  width:100%;
  height:auto;
}


/*テーブルのイメージを拡大して表示*/

.img-hikaku td p{
  height:280px!important;
  min-height:280px!important;
  overflow:hidden;
  margin:0!important;
  padding:0!important;
  position:relative;

}
.img-hikaku img{
  width:100%;
  height:800px;
    min-width:100px;
  min-height:800px;
object-fit:cover;
object-position:-320px;
  overflow:none!important;
    position:relative;

  
}

.img-hikaku td p span.labeltext{
position:absolute;
z-index:1;
top:0;
left:0;

}

.img-hikaku img.image2{
object-position:-420px -200px!important;
}


@media screen and (max-width: 480px) {



/*テーブルのイメージを拡大して表示*/

.img-hikaku td p{
  height:160px!important;
  min-height:160px!important;

}
.img-hikaku img{
  width:100%;
  height:500px;
    min-width:100px;
  min-height:500px;
object-fit:cover;
object-position:-230px;  
}

.img-hikaku img.image2{
object-position:-280px -100px!important;
}


}


/*シンプルなボックス*/

.box_simple{
  border:1px solid #ddd;
  background-color:#fdfdfd;
  font-size:90%;
  padding:10px;
  box-sizing:border-box;
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	margin:20px 0;

}
.box_simple p{
  padding:0 0 0 10px;
  margin:0;
   display:block;
	text-align:left
}

.box_simple img{
    padding:0;
  margin:0 10px 0 0;
  width:80px;
  height:auto;
	 display:block
  
}




/*--------------------------------------
  カスタムcss
--------------------------------------*/


/* pz　リンクカードcss修正　2025年2月 */
.lkc-external-wrap, .lkc-internal-wrap, .lkc-this-wrap, .lkc-this-wrap{
max-width:88%;
}

@media (max-width: 768px) {
.lkc-external-wrap, .lkc-internal-wrap, .lkc-this-wrap, .lkc-this-wrap{
	max-width:100%;}
}

.lkc-more{
	display:none
}
.lkc-title::before{
	  margin: 0px 8px 5px 0;
		  display: block;
	width: fit-content; 
text-decoration: none;
}
.lkc-external-wrap {
    background-color: transparent;
}
.lkc-internal-wrap {
    background-color: transparent;
}
/* pz　リンクカードcss修正　2025年2月 */



@media (max-width: 768px) {
	table.ranking_box_txt th {
    font-size: 9px;
	}}
/* オリジナルボタン */
a.original-button {
display: inline-block;

  text-decoration: none!important;
  color: #565656;
  border-radius: 100px;
padding:10px 20px;
  font-weight: bold;
  transition: 0.3s;
  background-color: #ffffff;
	margin:0 10px 10px 0  
}

a.original-button:hover {
  transform: translateY(1px);
  background:#FFE05D
}

a.original-button.gl {
background: #82d9b9;
 color:  #fff;
font-size:12px;
padding:6px 15px;
  border-radius: 5px;
}

a.original-button.gl:hover {
background: #51cc9f;
}
.index-2column img{
width:50%;
display: inline-block;
padding:10px;
}
	
}


.top_more2{
	font-size:14px
}

@media (max-width: 768px) {
	
.top_more2{
	font-size:12px
}
}

.tb-hyouka{ 
	border-collapse: collapse; 
	font-size: 12px; 

			border-color:#fff!important
}
.hyouka-midashi{

	display:block;
	margin:50px auto 10px auto!important;
	font-size:16px!important;
	text-align:center;
	padding:20px 0!important;
background-color:#f0f8ff!important;
	border:2px solid  #fff!important
}

.tb-hyouka th{ 
min-width:155px;
		background-color:#e0edff!important;
	border:none!important

		
}
.tb-hyouka tr{ 
			border-color:#fff!important
}
.tb-hyouka td{ 
background-color:#f0f8ff;
				border-color:#fff!important
}

@media (max-width: 768px) {
	
	.hyouka-midashi{
	font-size:14px!important;

}
	.tb-hyouka th{ 
min-width:115px
}
}

.btn_design_img,.btn_design_img_2 {
  
    transition: 0.2s;
}
  
/* マウスオーバー時 */
.btn_design_img:hover{
   opacity:0.8;
      transform: translateY(-5px);

    }

.btn_design_img_2:hover{
   opacity:0.8;

    }


table.w120px img{
	width:120px!important;
	min-width:120px!important;
}

.td-li{
	border:none!important;
}
.td-li td{
display:block;
	width:100%;
border:none!important;
background:#FFF6EF
}
.td-li tr{
border-bottom:5px solid #fff!important
}
.td-li th{
display:inline-block;
	width:50%;
border:none!important;
background:none
}
.w40{
width:40%;

}

.w50-td td{
width:50%
}



.keihinhyouji{
font-size:11px;
	text-align:center;
	padding-right:5px;
		padding:2px 5px;
		position:relative;
	display:inline-block;
	top:-3px;
	background-color:rgba(0,0,0,0.05);
	width:100vw;
}

.keihinhyouji a{
color:#555;
	opacity:0.7
}
.keihinhyouji:before {
	
padding-right:2px;
font-size:12px;
right:0;
color:#555;
content: "景品表示法に基づく表記：サイト内に広告を利用しています ";

}
@media (max-width: 768px) {

	.keihinhyouji{
		text-align:right;
	background-color:rgba(0,0,0,0.05);
	top:-1px;


	}
.keihinhyouji:before {
	font-size:12px;
color:#777;
content: "サイト内に広告を利用しています";

}
	
}