@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.t {
    position: relative;
    color: #fbfdfe;
    background: #25ab76;
    font-size: 26pt ;
    border: 5px solid #1b7d56;
    margin: 10px 10px 25px 10px;
    padding: 10px 5px 10px 10px;
    border-radius: 3px;
    box-shadow:1px 3px 7px 0px  #666666 ;
}
.t:after, .t:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
}
.t:after {
    left: 40px;
    border: 10px solid transparent;
    border-top: 10px solid #25ab76;
}
.t:before {
    left: 35px; 
    border: 15px solid transparent;
    border-top: 15px solid #1b7d56;
}


.article h2 {
  font-size:26px;
  background: #004488;
  color: #fff;
  padding: 12px 0px 12px 14px ;
  border-left: none;
  box-shadow: 0 2px 5px #999;
}

.article h3 {
  border: none;
  position: relative;
  background: #f1f8ff;
  padding: 10px 5px 10px 10px;
  font-size:25px;
  border: solid 1px #5c9ee7;
  border-left: solid 2em #5c9ee7;
}



.article h3:before {
  font-family: "Font Awesome 5 Free";
  content: "\f303";
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: 900;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

h3.trophy {
	  border:none;
  padding: 1rem 2rem;
  color: #fff;
  background: #306087;
  -webkit-box-shadow: 5px 5px 0 #00245e;
  box-shadow: 5px 5px 0 #00245e;
}


h3.kancolle{
  border:none;
  position: relative;
  background: #f1f8ff;
  padding: 0.25em 0.5em;
  border-left: solid 2em #5c9ee7;
  border-bottom: solid 3px #5c9ee7;/*下線*/
}

h3.kancolle:before {
  font-family: "Font Awesome 5 Free";
  content: "\f13d";
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: 900;
  left: -1.57em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}


.article h4 {
font-size:24px;
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #141414;
   border-bottom: 1px dashed #141414;
border-top: solid 2px #6cb4e4;
background: #eaf3ff;
}




.article h5{
	padding: .75em 1em .75em 1.5em;
	border: 2px solid #969696;
	background-color: #f6f6f6;
	border-left: 8px #777 solid;
	font-size: 18px;
	font-weight: bold;
	margin: 30px 0 15px 0;
	padding: 5px 0 5px 10px;
}

.line {
 ? ? ? ? ?border-bottom: 1px solid #000000;
}


h4.trophy{
  border:none;
  background:#6da0b8;
  font-weight:bold;
  text-shadow: 1px 1px 1px #000000;
  color:#ffffff;
}

h4.trophy:before {
  font-family: "Font Awesome 5 Free";
  content: "\f091";
font-size: 1em;/*サイズ*/
left: 10;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
padding-right : 15px;/*文字との隙間*/
padding-left:0em;
color: #ffffff; /*アイコン色*/
}


h4.kancolle{
  border:none;
  position: relative;
  background: #f1f8ff;
  padding: 0.25em 0.5em;
  border-left: solid 2em #5c9ee7;
  border-bottom: solid 3px #5c9ee7;/*下線*/
}

h4.kancolle:before {
  font-family: "Font Awesome 5 Free";
  content: "\f13d";
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: 900;
  left: -1.57em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}



h4.hl{
	border:none;
    position: relative;
    color: #111;
font-size:22px;
    font-weight: bold;
    margin: 0 0 1.5em;
padding-right : 15px;/*文字との隙間*/
	background: #ffffff;
    border-bottom: 3px solid #2E6AA4;
}







.gameguide {
 padding:10px;
 margin:10px;
 background-color:#eeeeee;
 border:2px dotted #3c3c46;
 border-radius:10px;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
}

.gameinfo {
 padding:5px;
 margin:5px;
 background-color:#fafcff;
 border:1px solid #020606;
}


.information,
.question{
  background-color: #F4F3EB;
  padding: 20px 20px 20px 72px;
  border-radius: 4px;
  position: relative;
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
}
 
.information::before,
.question::before{
  font-family: "FontAwesome";
  font-size: 50px;
  position: absolute;
  top: 20px;
  left: 13px;
  color: #EAE3B4;
}
 
.information::before{
  content: '\f05a';
}
 
.question::before{
  content: '\f059';
}

.ps3, .ps4,.vita,.ps5,.collection{
  padding: 3px 6px;
  margin-right: 8px;
  margin-left: 1px;
  font-size: 85%;
  color: white;
  background-color: #B22222; /*赤*/
  border-radius: 6px;
  box-shadow: 0 0 3px #ddd;
  white-space: nowrap;
}
 
.ps4 {
  background-color: #58ACFA; /*青*/
}

.vita{
  background-color: #696969; 
}

.ps5{
  background-color: #1f60aa; 
}

.collection{
  background-color: #ff910e; 
}

.ds{
    padding: 3px 6px;
    margin-right: 8px;
    margin-left: 1px;
    font-size: 75%;
    color: white;
    background-color: #04B404;
    border-radius: 6px;
    box-shadow: 0 0 3px #ddd;
    white-space: nowrap;
}

.wii{
    padding: 3px 6px;
    margin-right: 8px;
    margin-left: 1px;
    font-size: 75%;
    color: white;
    background-color: #199089;
    border-radius: 6px;
    box-shadow: 0 0 3px #ddd;
    white-space: nowrap;
}

.xbox{
    padding: 3px 6px;
    margin-right: 8px;
    margin-left: 1px;
    font-size: 75%;
    color: white;
    background-color: #198e20;
    border-radius: 6px;
    box-shadow: 0 0 3px #ddd;
    white-space: nowrap;
}

.switch{
    padding: 3px 6px;
    margin-right: 8px;
    margin-left: 1px;
    font-size: 75%;
    color: white;
    background-color: #e23c3e;
    border-radius: 6px;
    box-shadow: 0 0 3px #ddd;
    white-space: nowrap;
}


.switch2{
    padding: 3px 6px;
    margin-right: 8px;
    margin-left: 1px;
    font-size: 75%;
    color: white;
    background-color: #FD6B6F;
    border-radius: 6px;
    box-shadow: 0 0 3px #ddd;
    white-space: nowrap;
}

/*table{
    border-collapse: separate;
    border-spacing: 10px 0px;  
}*/





@media screen and (max-width:440px){
  .information,
  .question{
    padding: 20px 20px 20px 72px;
  }
  .information::before,
  .question::before{
    display: inline;
  }
}

.textlink a {
display:block;
width:100%;
background-color:snow;
}

.textlink a:hover {
 background-color: #555;
 color: #fff;
}

.recipelink a {
display:block;
width:100%;
background-color:#F0F8FF;
}

.recipelink a:hover {
 background-color: #555;
 color: #fff;
}

div.page-link span{
  padding: 5px 25px;
}





/* 記事を読むボタンの装飾 */
#breadcrumb span.sp {
    display:none;
}

#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] {
  background: #F3F3F3;
  padding: 4px;
  position:relative;
  margin-right:20px;
}
 
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:after,
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:before
{
  content:'';
  position:absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  background: #F3F3F3;
  transform: skew(-10deg);
}
 
 
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:before{
  left: -.6em;
  border-radius: 5px 0 0 5px;
}
#breadcrumb div[itemtype="http://data-vocabulary.org/Breadcrumb"] a:after{
  right: -.6em;
  border-radius: 0 5px 5px 0;
}

#breadcrumb a {
    color: #4D4D4D;
    font-weight:700;
}

#breadcrumb {
    color: #4D4D4D;
}


.comment-notes,
.comment-form-email,
.comment-form-url{
display:none; }


#main .entry {
    border-bottom: 1px solid #333333;
    padding-bottom: 15px;
}




#menu ul{
margin: 0; 
padding: 0; 
list-style: none;
}

#menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}

#menu li a{
display: block; 
border: 1px solid #666;
background-color: #ccc;
padding: 3px;
text-decoration: none;
color: #333;
width: 100px; 
margin: 1px;
text-align: center;
font-size: 14px;
}
#menu li a:hover{
background-color: #2d56be;
color: #fff;
}

.i3-1bg { backGround-color:#eef4ff; padding:0 8px 8px; }

.i3-2bg { backGround-color:#eaffec; padding:0 8px 8px; }



.message {
    position: relative;
}
.message span.remark {
    display: none;
}
.message a:hover span.remark {
    background: none repeat scroll 0 0 #EEFFEE;
    border: 1px solid #CCCCCC;
    color: #000000;
    display: block;
    line-height: 1.2em;
    margin: 0.8em;
    padding: 0.5em;
    position: absolute;
    top: 10px;
    width: 20em;
    z-index: 2;
}



.top_main_widget {
 background-color:#eee;
 padding:10px;
 margin-bottom:10px;
}


.box{
margin: 0 0 20px 0;
}
.acc {
    display: table;
    border-collapse: collapse;
    width: 100%;
}
.acc .cell {
    display: table-cell;
    background-color: #ebebeb;
    border: 1px solid black;
    padding: 2px;
    vertical-align: middle;
}
.acc .cell:first-child {
    /*固定幅を指定する*/
    width: 65px;
height:65px;
    margin: 0 auto;
}
.acc .cell2 {
    display: table-cell;
    background-color: #fdfdfd;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding: 4px;
    vertical-align: middle;
}




    /*2018年7月追加*/

/************************************
** 2カラムデザイン（レスポンシブ）
************************************/

/* 親要素 */
.collist2 {
	overflow: hidden;
}

/* 左右ボックス */
.collist2 .collist-box {
   float: left;
   width: 48%;
   margin-bottom: 10px;
}



/* ボックス枠 */
.collist2 .waku {
	border: 1px solid #aaa;
	border-radius: 4px;
    margin-left: 5px;
}

.collist2 .waku-new {
	border: 1px solid #aaa;
	border-radius: 4px;
    margin-left: 5px;
	background: #ffddff;
}


/* 左画像 */
.collist2 .collist-thumb {
    float: left;
    width: 100px;
    height: 130px;
    margin-right: 10px;	
	 margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;

}



/* テキスト部分 */
.collist2 .collist-text {
    display: block;
    font-weight: 600;	
    font-size: 16px;
    padding-right: 20px;
    padding-top: 20px;
overflow:auto;
} 

.collist2.boxing{
clear:both;
    margin-left: 5px;
    margin-bottom: 5px;
}

.collist2.newbox{    margin-left: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
clear:both;
}


/* スマホ調整 */
@media screen and (max-width: 767px) {
.collist2 .collist-box {
    float: left;
    width: 98%;
    margin-bottom: 10px;
	
}
}

.PS5tag {
	background: #f5f5f5;
	color: #000000;
	border-radius: 3px;
	font-size: 12px;
	font-weight:bold;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 5px 10px;
	letter-spacing: 0.2em;
	border:1px solid #000;
}

.PS4tag {
	background: #5a9bff;
}

.Vitatag {
	background: #999;
}

.Switchtag {
	background: #f09b99;
}

.Xb1tag {
	background: #83b57b;
}

.XSXtag {
	background: #85b521;
}

.DStag {
	background: #d5ac2d;
}

.PS3tag {
	background: #d582d5;
}

.syusyu {
	background: #ff910e;
}



.PS4tag,
.Switchtag,
.Vitatag,
.Xb1tag,
.DStag,
.PS3tag,
.XSXtag,
.syusyu{
	color: #FFF;
	border-radius: 3px;
	font-size: 12px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 5px 10px;
	letter-spacing: 0.2em;
text-shadow: 1px 1px 1px #999999;
}




/************************************
** CSSでタブ表示
************************************/
/* タブの外枠 */
.tabs {
  margin-top: 12px;
}
 
/* タブのスタイル */
.tabs .tab-label {
  display: inline-block;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: 1px solid #999;
  background-color: #f3f3f3;
  margin-left: 3px;
  margin-right: 3px;
  padding: 3px 30px 3px 30px;
  font-size: 0.9em;
}
 
/* タブにマウスカーソルがのったときフッター */
.tabs .tab-label:hover {
  opacity: 0.7;
}
 
/* ラジオボタンと内容を非表示 */
.tabs input[name="tab-radio"],
.tabs .tab-content {
  display: none;
}
 
/* タブ内容のスタイル */
.tabs .tab-content{
  border: 1px solid #999;
  padding: 10px;
  min-height: 200px;
}
 
/* 選択されているタブのコンテンツのみを表示 */
.tabs #tab-1:checked ~ .tab-1-content,
.tabs #tab-2:checked ~ .tab-2-content,
.tabs #tab-3:checked ~ .tab-3-content,
.tabs #tab-4:checked ~ .tab-4-content,
.tabs #tab-5:checked ~ .tab-5-content,
.tabs #tab-6:checked ~ .tab-6-content {
  display: block;
}
 
/* 選択されているタブのスタイルを変える */
.tabs input[name="tab-radio"]:checked + .tab-label {
  background-color: #fff;
}

/* 選択されているタブのスタイルを変える */
.tabs input[name="tab-radio"]:checked + .tab-label {
  background-color: #fff;
}

.s-tbl {
	border-collapse: collapse;
}
.s-tbl th, .s-tbl td {
	border: 1px solid #000;
}

.s-tbl tr:nth-child(even) {
	background: #f2f2f2;
}


.select-box01 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.select-box01 select {
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
}


a.link1{
	text-decoration:none;
}

a.link1:hover{
	text-decoration:underline;
}

a.amazletlink{
	text-decoration:none;
}

a.amazletlink:hover{
	text-decoration:underline;
}

a.tablelink{
	text-decoration:none;
}

a.tablelink:hover{
	text-decoration:underline;
}


a.tablelink:link{
	color: #000000;
}
a.tablelink:visited { color: #000000; }
a.tablelink:hover { color: #1f1e1e; }
a.tablelink:active { color: #000000; }

a.storelink{
	text-decoration:none;
}

a.storelink:hover{
	text-decoration:underline;
}

a.storelink:link{
	color: #192776;
}
a.storelink:visited { color: #192776; }
a.storelink:hover { color: #1f1e1e; }
a.storelink:active { color: #192776; }




/*?????????????
ヨメレバ・カエレバ（レスポンシブ）
?????????????*/
.booklink-box, .kaerebalink-box{
padding:25px;
margin-bottom: 10px;
border:double #CCC;
overflow: hidden;
font-size:small;
}
.booklink-image, .kaerebalink-image{
margin:0 15px 0 0;
float:left;
min-width: 160px;
text-align: center;
}
.booklink-image img, .kaerebalink-image img{
margin:0 auto;
text-align:center;
}
.booklink-info, .kaerebalink-info{
margin:0;
line-height:120%;
overflow: hidden;
}
.booklink-name, .kaerebalink-name{
margin-bottom:24px;
line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date{
font-size:8px;
margin-top:10px;
font-family:verdana;
line-height:120%;
}
.booklink-detail, .kaerebalink-detail{font-size: 12px;}
.booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-link1 a{
width:30%;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
display:inline-block;
margin:5px 2px 0 0;
padding:10px 1px;
text-align:center;
float:left;
text-decoration:none;
font-weight:800;
text-shadow:1px 1px 1px #dcdcdc;
font-size:12px;
color: #fff !important;
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{opacity: 0.6;}
.booklink-link2 a:active
.kaerebalink-link1 a:active{
position:relative;
top:1px;
}
/*ボタンを変えるときはここから*/
.shoplinkamazon a{color:#FF9901 !important;border: 1px solid #FF9901 !important;}
.shoplinkrakuten a{color:#c20004 !important;border: 1px solid #c20004 !important;}
.shoplinkkindle a{color:#007dcd !important;border: 1px solid #007dcd !important;}
.shoplinkkakakucom a{color:#314995 !important;border: 1px solid #314995;}
.shoplinkyahoo a{color:#7b0099 !important;border: 1px solid #7b0099 !important;}
/*ここまでを変更*/
.shoplinkyahoo img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}@media screen and (max-width: 680px) {
.booklink-box, .kaerebalink-box{padding:15px;}
.booklink-image, .kaerebalink-image{
width: 100px !important;
min-width: initial;
}
.booklink-name > a, .kaerebalink-name > a{
font-size: 15px;
font-weight: bold;
}
.booklink-name, .kaerebalink-name{margin-bottom:12px;}
.booklink-powered-date, .kaerebalink-powered-date{margin-top:5px;}
.booklink-link2 a,
.kaerebalink-link1 a{
width:calc(100% ? 4px);
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin: 2px 0px;
padding:10px 0px;
}
}




.headline2{
border-top: solid 2px #6cb4e4;
background: #eaf3ff;
}


/* シェアボタン
===================================*/
.sns-group-viral ul.snsb li a {
	font-size: 22px;/* ボタン内の文字の大きさ */
	width: 100px;/* ボタンの横幅 */
	margin-top: 7px;/* ボタンから上部分までの距離 */
	margin-bottom: 14px; /* ボタンから下部分までの距離 */
}

.icon-hatena::after, .icon-googleplus::after, .icon-facebook::after, .icon-twitter::after, .icon-pocket::after {
    display: none;/* SNSの名称部分を非表示 */
}



.box-comme {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #0094D6;
}
.box-comme .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #0094D6;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box-comme p {
    margin: 0; 
    padding: 0;
}



.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #ffa47b;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #ffa47b;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}




/************************************
** 2カラムデザイン（レスポンシブ）改
************************************/

/* 親要素 */
.column2 {
	overflow: hidden;
}

/* 左右ボックス */
.column2 .column-box {
   float: left;
   width: 48%;
   margin-bottom: 10px;
}

.column2 .column-box2 {
    float: left;
    width: 98%;
    margin-bottom: 10px;
}



/* ボックス枠 */
.column2 .waku {
	border: 1px solid #aaa;
	border-radius: 4px;
    margin-left: 5px;
}

.column2 .waku-new {
	border: 1px solid #aaa;
	border-radius: 4px;
    margin-left: 5px;
	background: #ffddff;
}


/* 左画像 */
.column2 .column-thumb {
    float: left;
    width: 100px;
    height: 120px;
    margin-right: 10px;	
	 margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;

}



/* テキスト部分 */
.column2 .column-text {
    display: block;
    font-weight: 600;	
    font-size: 16px;
    padding-right: 20px;
    padding-top: 20px;
overflow:auto;
} 

.column2.boxing{
clear:both;
    margin-left: 5px;
    margin-bottom: 5px;
}



/* スマホ調整 */
@media screen and (max-width: 767px) {
.column2 .column-box {
    float: left;
    width: 98%;
    margin-bottom: 10px;
	
}
}


ul.game li {
  padding-top:5px;
  padding-bottom:5px;
  }

ul.list{
  margin-top: 0px;
  padding-left: 25px;
  margin-bottom: 0px;
}

ol.game li {
  padding-top:5px;
  padding-bottom:5px;
  }

ol.list{
  margin-top: 0px;
  padding-left: 25px;
  margin-bottom: 0px;
}


.box1{
float: left;
width: 110px;
height: 110px;
border: 1px solid #aaa;
border-radius: 4px;
margin-right: 10px;
}

.box2{ 
height: 100px;
width:auto;
border: 1px solid #aaa;
border-radius: 4px;
font-weight: 600;
font-size: 16px;
margin-right: 5px;
padding-top: 10px;
}

.box3 {
border: 1px solid #aaa;
border-radius: 4px;
margin-bottom: 10px;
margin-right: 5px;
padding: 10px;
}


/* 2019年1月12日追加 */
@media screen and (max-width: 767px) {
div.yyi-rinker-contents ul.yyi-rinker-links li a {
    text-align: center;/*テキストを横中央揃え*/
}
}




/*Amazon Associates Link Builder*/
.amazon_item {
  font-size: 14px;
  padding: 10px;
  position: relative;
  border:1px solid #ddd;
  display: block;
  color: #333;
}
.amazon_item a {
  color: #e47911;
  text-decoration: none;
}
.amazon_item a:hover {
  color: #996633;
}
.amazon_item * {
  margin: 0;
  padding: 0;
  border: 0;
}
.amazon_item .amazon_image {
  display: block;
  float: left;
  margin-right: 10px;
  width:112px;
  height:160px;
  text-align:center;
}
.amazon_item .amazon_image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height:100%;
}
.amazon_item .amazon_info {
  display: block;
  overflow: hidden;
  margin-left: 122px;
}
.amazon_item amp-img{
  display: inline-block;
  width: 100%;
  height:100%;
}
.amazon_item .amazon_info .amazon_title {
  margin: 0 0 5px;
  padding: 0;
  font-size: 1.2em;
  font-weight: bold;
  clear: none;
  border: none;
}
.amazon_item .amazon_info ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.amazon_item .amazon_info ul li {
  list-style: none;
  line-height: 1.5em;
  font-size: 1em;
  margin: 0;
  padding: 0;
}
.amazon_item .amazon_info ul li b {
  margin-right: .5em;
  color: #555;
  font-weight: normal;
}
.amazon_item .amazon_info .amazon_price {
  color: #900;
}
.amazon_item .amazon_info .amazon_price span {
  color: #666;
  margin-left: .5em;
}
.amazon_item .amazon_info .amazon_prime {
    position: absolute;
}
.amazon_item .amazon_review {
  padding: 0;
  width: 100%;
  height:150px;
}
.amazon_item .amazon_footer {
  clear: both;
}
.amazon_footer {
  margin-bottom: 20px; 
}
.amazon_book .amazon_info ul,
.amazon_music .amazon_info ul {
  margin-top: 0.5em;
}
.amazon_book .amazon_info ul li,
.amazon_music .amazon_info ul li {
  line-height: 1.6em;
}
.amazon_button a{
  background: #f6ce50;
  color: #000;
  font-size: 14px;
  padding: 7px 15px 5px;
  border-radius: 5px;
  border-bottom: 3px solid #e3b628;
  margin-top: 10px;
  width: auto;
  text-align: center;
  display: block;
  font-weight: bold;
}
.amazon_info img{
  margin-bottom: 5px;
  padding: 0;
  border: 0; 
}
@media (max-width: 720px) {
  .amazon_item .amazon_info {
    margin-bottom: 10px;
  }
  .amazon_item .amazon_review {
   display: none;
  }
}
@media (max-width: 480px) {
  .amazon_item img {
    width: 60px;
    max-width: 60px;
  }
  .amazon_item .amazon_info {
    margin-left: 70px;/* !important;*/
  }
  .amazon_item .amazon_info .amazon_title a {
    font-size: 0.9em;
  }
  .amazon_item .amazon_info ul li {
    font-size: 0.9em;
  }
 .amazon_item .amazon_review {
   display: none;
  }
}
.pc-ad-header{
	font-size: 16px;
	font-weight:bolder;
	border-bottom: double 5px #FFC778;
}
.icon-prime-all {
    background: url("https://images-na.ssl-images-amazon.com/images/G/01/AUIClients/AmazonUIBaseCSS-sprite_2x_weblab_AUI_100106_T1-4e9f4ae74b1b576e5f55de370aae7aedaedf390d._V2_.png") no-repeat;
    display: inline-block;
    margin-top: -1px;
    vertical-align: middle;
    background-position: -192px -911px;
    background-size: 560px 938px;
    width: 52px;
    height: 15px;
}




*, *:before, *:after {
	box-sizing: border-box;
}
.col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_4 > div{
	width: 25%;
	padding: 10px;
}
@media screen and (max-width: 720px) {
	.col_4 > div{
		width: 33.33333%;
	}
}
@media screen and (max-width: 480px) {
	.col_4 > div{
		width: 50%;
	}
}




/*要素絞り込み機能（仮）*/
input[name='refine-btn'] {
  position: relative;
  display: none;
}
input[name='refine-btn']:checked + label {
  color: #fff;
  background-color: #db6c34;
}
#refine-1:checked ~ .refine-teims:not(.aa),
#refine-2:checked ~ .refine-teims:not(.bb),
#refine-3:checked ~ .refine-teims:not(.cc),
#refine-4:checked ~ .refine-teims:not(.dd),
#refine-5:checked ~ .refine-teims:not(.ee) {
  display: none;
}

.refine {
}

.refine label {
  display:inline-block;
  box-sizing: border-box;
  margin: 0 4px 10px 4px;
  border-style: solid;
  border-width: 1px;
}

.refine-btn {
  font-size: 14px;
  width: calc(100% - 8px);
  padding: 3px 0;
  text-align: center;
  border-radius: 3px;
  background-color: #fff;
  border-color: #999;
}



.tablesorter tr:nth-child(odd) td {  
  background-color: #FFFFFF;  
}
.tablesorter tr:nth-child(even) td {  
  background-color: #f3f5ff;  
}
.fixed01{
  position: sticky;
  left: 0;
  color: #fff;
  background: #333;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
  }
}

.title-box3{
  margin: 1em 0;
  background-color: #fff;
  border: 2px solid #333;
  letter-spacing: .3px;
}

.title-box3-title{
  color: #fff;
  font-weight: bold;
  background-color: #333;
  padding: 4px 6px;
  text-align: center;
}

.title-box3 p{
  margin: 0;
  padding: 1em;
}

.title-box4{
  margin: 1em 1em;
  background-color: #fff;
  border: 2px solid #333;
  letter-spacing: .3px;
}

.title-box4-title{
  color: #fff;
  font-weight: bold;
  background-color: #6f6f68;
  padding: 4px 6px;
  text-align: center;
}

.title-box4 p{
  margin: 0px;
  padding: 1em;
}




.title-box5{
  margin: 1em 0;
  background-color: #fff;
  border: 2px solid #ff5968;
  letter-spacing: .3px;
}

.title-box5-title{
  color: #fff;
  font-weight: bold;
  background-color: #ff5968;
  padding: 4px 6px;
  text-align: center;
}

.title-box5 p{
  margin: 0;
  padding: 1em;
}




/*タブ機能202003*/
.tab5 {
  width: 100%;/*横幅はここで設定します。100%にすれば可変になります。*/
  min-width: 320px;
  margin: 0 auto;
}
.tab5 .tab-content {
  margin: 0 10px;
}
.tab5 label {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.tab5 label {
  display: inline-block;
  width: 78px;
  padding: 3px 10px;
  cursor: pointer;
  background: #ddd;
  color: #777;
  margin-right: -2px;
}
.tab5 label:hover {
  background: #eee;
}
.tab5 input:checked + label {
  background: #9fb7d4;
  color: white;
  padding: 5px 10px 3px 10px;
}
.tab5 input {
  display: none;
}
.tab5 #tab5-b1,
.tab5 #tab5-b2,
.tab5 #tab5-b3,
.tab5 #tab5-b4 {
  display: none;
  padding: 10px;
}
.tab5 #tab5-1:checked ~ #tab5-b1,
.tab5 #tab5-2:checked ~ #tab5-b2,
.tab5 #tab5-3:checked ~ #tab5-b3,
.tab5 #tab5-4:checked ~ #tab5-b4 {
  display: block;
  border: 1px solid #9fb7d4;
}


/*--------------------------------------
  もしもの簡単リンクのカスタマイズ
--------------------------------------*/
.easyLink-box {
	margin-bottom: 1.5em!important;
}
.easyLink-info-btn {
	display: inline!important;
}
.easyLink-info-btn a{
	margin: 5px 10px 5px 0!important;
	padding: 0 12px!important;
    line-height: 35px!important;
	display: inline-block!important;
	width: 100%!important;
	box-shadow: 0 8px 15px -5px rgba(0, 0, 0, 0.25)!important;
	font-size: 1em!important;
}
.easyLink-info-btn-amazon{
	background:#ffb36b!important;
}
.easyLink-info-btn-rakuten{
	background:#ea7373!important;
}
.easyLink-info-btn-yahoo{
	background:#73c1ea!important;
}
.easyLink-info-btn a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    padding-right: 3px;
}
@media screen and (max-width: 480px){
	div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
		width: 100%!important;
		position: relative;
	}
	.easyLink-info-btn a:before {
		padding-right: 5px;
		right: 5px;
		position: absolute;		
	}
}



/* ==20200520追加============================ */
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}

.tab-wrap2{
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}

.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #00717A;
  display: block;
  order: -1;
}

.tab-wrap2:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #12007a;
  display: block;
  order: -1;
}

.tab-labels {
  color: White;
  background: LightGray;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}
.tab-labels:not(:last-of-type) {
  margin-right: 5px;
}
.tab-contents {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-labels {
  background: #00717A;
}
.tab-switch:checked+.tab-labels+.tab-contents {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}

/* アクティブなタブ2 */
.tab-switch2:checked+.tab-labels {
  background: #12007a;
}
.tab-switch2:checked+.tab-labels+.tab-contents {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
/* ラジオボタン非表示 2*/
.tab-switch2 {
  display: none;
}



/* 縦タブ 2*/







/* 枠　20200620追加 */
.mybox{
	background-color: #fff;	/* 背景色 */
	border: 1px solid #ccc; /* 線の太さ・種類・色 */
	box-shadow:1px 1px 6px 0px #ccc;
	-moz-box-shadow:1px 1px 6px 0px #ccc;
	-webkit-box-shadow:1px 1px 6px 0px #ccc;
	-o-box-shadow:1px 1px 6px 0px #ccc;
	font-size: 1.0em;
	margin: 20px 5px; /* 外側の余白 上下・左右 */
	padding: 30px 20px 10px 20px; /* 内側の余白 上・右・下・左 */
	position: relative;
	z-index: 0;
}
.mybox:after{
	background-color: #a48d6f; /* マステ部分の色1 */
	background-image: linear-gradient(45deg, #b39e82 25%, transparent 25%, transparent 75%, #b39e82 75%, #b39e82), linear-gradient(45deg, #b39e82 25%, transparent 25%, transparent 75%, #b39e82 75%, #b39e82); /* マステ部分の色2 */
	background-position: 0 0, 12px 12px;
	background-size: 24px 24px;
	border-left: 2px dotted rgba(255,255,255,0.9);
	border-right: 2px dotted rgba(255,255,255,0.9);
	box-shadow: 0 0 5px rgba(255,255,255,0.5);
	content: 'POINT';
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 20px;
	color: #fff;  /* マステ部分文字色 */
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: -10px;
	left: 20px;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}

.btn1 {
  display: inline-block;
  padding: 16px 32px;
  background: #0aad87;
  border-bottom: solid 4px #096e56;
  border-radius: 8px;
  color: #ffffff;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  line-heigt: 1.2em;
  -webkit-transition: .100s;
  transition: .100s;
}
.btn1:hover {
  border-bottom: none;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

table.ex_table {
  border: 1;
}

table.ex_table td {
  border: 1;
}

table.ex_table td.ex_border_b {
  border-bottom-width: 1px;
	  border-bottom-color: black;
}





/***フォローボタンラベル部分***/
.follow-label {
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    line-height: 1.5;
}
/***ここからフォローボタンモノクロ***/
.follow-btn-list {
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0 0 1em;
}
.follow-btn-item a {
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 40px;
    margin: .15em;
    padding: .1em;
    color: #fff;
    font-size: 26px;
    line-height: 40px;
    border-radius: 20px;
	border:solid 1px #000;
    box-sizing: border-box;
}

.follow-btn-item i {
    vertical-align: 7%;
}

/*** ツイッター ***/
.follow-btn-item .twitter {
border:solid 1px #55acee;
color:#55acee;
}

.follow-btn-item .twitter:hover {
border:solid 1px #55acee;
background:#55acee;
}

/*** YouTube ***/
.follow-btn-item .youtube {
border:solid 1px #fc0d1c;
color:#fc0d1c;
font-size:28px;	
}

.follow-btn-item .youtube:hover {
border:solid 1px #fc0d1c;
background:#fc0d1c;
}

/*** Wishlist ***/
.follow-btn-item .wishlist {
border:solid 1px #000;
color:#000;
font-size:28px;	
}

.follow-btn-item .wishlist:hover {
border:solid 1px #000;
background:#000;
}

/*** totoneko ***/
.follow-btn-item .totoneko {
border:solid 1px #1be01c;
color:#1be01c;
font-size:26px;	
}

.follow-btn-item .totoneko:hover {
border:solid 1px #1be01c;
background:#1be01c;
}



.follow-btn-item a:hover {
    color: #fff!important;
	　-webkit-transform:translateY(-5px);
　-ms-transform:translateY(-5px);
　transform:translateY(-5px);
}
.follow-btn-item a:not(:hover) {
    background: #fff;
}



/*** box ***/
.trophy_box{
font-size: 1.5em;/* フォントサイズ */
font-weight: bold;/* フォント太さ */
padding-top: .5em;
padding-bottom: .5em;
padding-left: 55px;
margin-bottom: 2em;
position: relative;
color:#bfaa6f;/* フォント色 */
}

.trophy_box:before {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f091";
font-weight: 900;
font-size: 20px;
top: 50%;
left : 0;
width: 40px;
height: 40px;
padding: 0em;
border-radius: 50%;
text-align: center;
line-height: 40px;
background-color: #c0aa6e;
color: #ffffff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.trophy_box:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 35px;
height: 0;
width: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 12px solid #c0aa6e; 
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}


 .scrollable-table th {
  /* ヘッダーを固定する設定 */
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 1;
 }


img.img-in-text {
vertical-align: text-top;
margin: 0px;
padding: 0px;
}



/* リストデザイン */
ol.number{
  counter-reset:list;
  list-style-type:none;
 ?font: 14px/1.6 'arial narrow', sans-serif;
  padding:0;
}
ol.number>li{
  position:relative;
  margin: 7px 0 7px 0px;
  padding-left:40px;
  font-weight: bold;
  font-size:16px;
  line-height: 30px;
  border: 2px solid #524b93;
}
ol.number>li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height:30px;
  background: #524b93;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


/*---------------------------------
アコーディオンボックス
--------------------------------*/
.acbox{
  width: auto;
  font-size:0px; /* ラベルと開く部分を分離する時は数値を入れる */
  margin:0 10px; /* ボックス全体の位置調整 */
}

.acbox label{
  width: auto;
  font-size: 16px; /* ラベルの文字サイズ */
  font-weight: bold;
  text-align: center;
  background: #5a4f96; /* ラベルの背景色 */
  position: relative;
  display: block;
  padding:8px;
  border-radius: 4px; /* ラベルの角の丸み */
  cursor: pointer;
  color: #fff;
}

.acbox label:hover{
  background: #7c66b1; /* ラベルにマウスを乗せた時の背景色 */
}

.acbox input{
  display: none;
}

.acbox label:after{
  color: #fff;
  content:"▼"; /* ラベルのアイコン */
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -14px;
}

.acbox input:checked ~ label::after {
  content:"▲"; /* ラベルをクリックした後のアイコン */
}

.acbox div{
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: 0.15s; /* 開閉スピードの設定 */
}

.acbox input:checked ~ div{
  height: auto;
  padding: 10px; /* 開いた部分の枠内の余白 */
  border-radius: 0px;
  background: #F5F5F5; /* 開いた部分の背景色 */
  opacity: 1;
}

.acbox input:checked ~ label {
  background: #5a4f96; /* クリック後のラベルの背景色 */
}

.acbox-under{
  font-size: 16px; /* 開いた部分の文字サイズ */
  color: #000000; /* 開いた部分の文字色 */
}



.blogcard {
  line-height: 1;
  background-color: #fff;
  word-wrap: break-word;
  margin: 10px 0
}

.blogcard.ex {
  background-color: #f5f5f5;
  border-radius: 5px
}

.blogcard a {
  text-decoration: none;
  opacity: 1;
  transition: all .2s ease
}

.blogcard a:hover {
  opacity: .6
}

.blogcard_thumbnail {
  float: left;
  padding: 20px
}

.blogcard_title {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.4;
  padding: 17px 20px 10px
}

.blogcard_excerpt {
  font-size: .85em;
  line-height: 1.6;
  padding: 0 17px 15px 20px
}

.blogcard_link {
  font-size: .9em;
  padding: 0 17px 15px 20px;
  text-align: left
}

.blogcard_link .favicon {
  margin-bottom: -4px;
  width: 18px;
  height: 18px
}



@media screen and (max-width:768px) {
  .blogcard {
    margin: 10px 0
  }
  .blogcard_thumbnail img {
    width: 90px
  }
  .blogcard_title {
    font-size: .95em;
    padding-bottom: 17px
  }
  .blogcard_excerpt {
    display: none
  }
}



/* 2月28日追加 popup */
.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 30px 10px;
  text-align: center
}

.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 80%;
  max-width: 700px;
  padding: 30px 30px 15px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle
}

.modal-wrapper .modal-window .modal-content {
  max-height: 80vh;
  overflow-y: auto;
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8)
}

.modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  color: #95979c!important;
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0
}

.modal-wrapper .modal-close:hover {
  color: #2b2e38!important
}





/* 3月26日追加 slide */
.example-left {
  white-space: nowrap;
  position: absolute;
  text-transform: uppercase;
}

.example-left {
  -webkit-animation: mymove 8s linear infinite; /* Safari 4.0 - 8.0 */
  white-space: nowrap;
  animation: mymove 8s linear infinite alternate;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
  from {
    left: 0;
  }
  to {
    left: -140px;
  }
}

@keyframes mymove {
  from {
    left: 0;
  }
  to {
    left: -140px;
  }
}


.example-right {
  white-space: nowrap;
  position: absolute;
  top:2em;
  opacity: .4;
  text-transform: uppercase;
}

.example-right {
  -webkit-animation: urmove 8s linear infinite; /* Safari 4.0 - 8.0 */
  white-space: nowrap;
  animation: urmove 8s linear infinite alternate;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes urmove {
  from {
    right: 0;
  }
  to {
    right: -140px;
  }
}

@keyframes urmove {
  from {
    right: 0;
  }
  to {
    right: -140px;
  }
}


@keyframes early 
{ from { opacity:1; } to { opacity:0; } }

.early {
    animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

    animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

    animation-duration:1s;
    animation-delay: 1.5s
}





/* 4月12日追加tab亜種 */
.tab-wrap-alpha {
	background: White;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	padding: 0 0 20px;
}

.tab-label-alpha {
	color: Gray;
	cursor: pointer;
	flex: 1;
	font-weight: bold;
	order: -1;
	padding: 12px 24px;
	position: relative;
	text-align: center;
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s;
	user-select: none;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
}

.tab-label-alpha:hover {
	background: rgba(0, 191, 255,.1);
}

.tab-switch-alpha:checked + .tab-label-alpha {
	color: DeepSkyBlue;
}

.tab-label-alpha::after {
	background: DeepSkyBlue;
	bottom: 0;
	content: '';
	display: block;
	height: 3px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translateX(100%);
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms;
	width: 100%;
	z-index: 1;
}

.tab-switch-alpha:checked ~ .tab-label-alpha::after {
	transform: translateX(-100%);
}

.tab-switch-alpha:checked + .tab-label-alpha::after {
	opacity: 1;
	transform: translateX(0);
}

.tab-content-alpha {
	height:0;
	opacity:0;
	padding: 0 20px;
	pointer-events:none;
	transform: translateX(-30%);
	transition: transform .3s 80ms, opacity .3s 80ms;
	width: 100%;
}

.tab-switch-alpha:checked ~ .tab-content-alpha {
	transform: translateX(30%);
}

.tab-switch-alpha:checked + .tab-label-alpha + .tab-content-alpha {
	height: auto;
	opacity: 1;
	order: 1;
	pointer-events:auto;
	transform: translateX(0);
}

.tab-wrap-alpha::after {
	content: '';
	height: 20px;
	order: -1;
	width: 100%;
}

.tab-switch-alpha {
	display: none;
}




.tablecolor tr:nth-child(odd) td {  
  background-color: #FFFFFF;  
}
.tablecolor tr:nth-child(even) td {  
  background-color: #FFFFFF;  
}

.tablecolor2 tr:nth-child(odd) td {  
  background-color: transparent;  
}
.tablecolor2 tr:nth-child(even) td {  
  background-color: transparent;  
}



.box29 {
    margin: 2em 0;
    background: #F0F0F0;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box29 .box-title {
    font-size: 1.2em;
    background: #464646;
padding:0.5em 1em;
    color: #FFF;
    font-weight: 600;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}




/* 8月22日追加テーブル固定 */
.table-sticky2 {
    overflow-y: auto;
    height: 250px;
}

.table-sticky2__title {
    position: sticky;
    top: 0;
    left: 0;
}
.table-sticky2__title::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #000066;
    box-sizing: initial;
}


/* 2024年3月6日追加FAQ */
.faq {
  display: grid;
  gap: 1.5em;
  padding-block-start: 2em;
  max-inline-size: 60em;
  margin: auto;
}
.faq-title {
  font-size: 2em;
  text-align: center;
}
.faq-title:before {
  content: "- FAQ -";
  display: block;
  font-size: 0.5em;
  font-weight: normal;
  color: #666;
}
/* FAQ content */
.faq-content {
  --accent-color: #3388ff;
  --v-rythm: 1.6em;
  --gap: 1em;
  position: relative;
  background: #eee;
  border-radius: 1em;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.faq-content:after {
  content: "";
  position: absolute;
  inset-block-start: 1.25rem;
  inset-inline-end: 0.75rem;
  display: block;
  inline-size: 1rem;
  aspect-ratio: 1;
  background: #666;
  overflow: hidden;
  rotate: 0deg;
  transition: rotate 0.4s 0s ease;
  clip-path: polygon(25% 10%, 25% 90%, 75% 50%);
}
.faq-content[open]:after {
  rotate: 90deg;
}
.faq-content[open] .faq-q:after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
}
/* Q */
.faq-q {
  font-weight: bold;
  line-height: var(--v-rythm);
  display: flex;
  gap: var(--gap);
  padding: 1rem 2rem 1rem 1.5rem;
}
.faq-q::-webkit-details-marker {
  display: none;
}
.faq-q:hover {
  color: var(--accent-color);
}
.faq-q:before {
  content: "Q.";
  display: block;
  color: var(--accent-color);
  font-size: var(--v-rythm);
}
/* A */
.faq-a {
  margin: 0;
  display: flex;
  gap: var(--gap);
  padding: 0 1.5rem 1rem;
}
.faq-a:before {
  content: "A.";
  font-weight: bold;
  color: var(--accent-color);
  font-size: var(--v-rythm);
}

hr.line1{
  border: none;
  border-top: 1px dashed #999;
}


/* Q&A */
.qa-8 dt {
    margin-bottom: 1em;
    color: #333333;
    font-weight: 600;
}

.qa-8 dt::before,
.qa-8 dd::before {
    margin-right: .4em;
}

.qa-8 dt::before {
    content: "Q.";
}

.qa-8 dd {
    margin: 0 0 2.5em;
    padding: 1em 1.5em;
    background-color: #f2f2f2;
    color: #333333;
}

.qa-8 dd::before {
    content: "A.";
}


.article h6 {
    color: #444d53;
    margin-top: 40px;
    border-bottom: solid 3px #B92A2C;
}


.body .liquid-speech-balloon-text > *{
margin-bottom:0;
}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}