﻿@charset "utf-8";
/* ▼固定 -------------------------------------------------------------------- */

#main_content {
	float:none;
	width:100%;
}
section h1 {
	clear:both;
	margin:7px 2px 10px 2px;
	font-size: 1.3rem;
	color: #364e96;
	padding: 0.5em 0;
	border-top: solid 3px #364e96;
	border-bottom: solid 3px #364e96;
}

section h2 {
    font-size: 1.1rem;
    padding: 1em 1em 1em 1.7em !important;
    margin: 40px 0px 10px !important;
    color: rgb(12, 24, 104) !important;
    background: #6cb4e426 !important;
    border-left: solid 10px #ffaf58 !important;
    border: none !important;
}
section h2:before{
	content:'Q.' !important;
	left: 0em;
}
.btn-bl {
    background-color: #30C;
    color: #fff !important;
    width: 90%;
    padding: 10px 8px;
    margin: 1.5em auto;
    display: block;
    text-align: center;
    text-decoration: none;
	}
.btn-bl a {
    text-decoration: none;
    color: #fff !important;
    display: block;
    text-align: center;
}
.btn-pk {
	background-color: #FCF;
	color: #000 !important;
	width: 90%;
	padding: 10px 8px;
	margin: 1.5em auto;
	display: block;
	text-align:center;
	text-decoration: none;
}
.btn-pk a {
	text-decoration: none;
	color: #000 !important;
	display: block;
	text-align:center
}


#main_content p {
	margin-bottom: 20px;
	font-size: 1rem;
}
#main_content h2 {
	position: relative;
	color:6cb4e4;
	line-height: 1.4;
	padding: 0.5em 0.5em 0.5em 1.8em;
	clear:both;
	color: #6cb4e4;
	border:solid 2px #6cb4e4;
}
#main_content h2:before {
	font-family: "Font Awesome 5 Free";
	content: "\f072";
	position: absolute;
	left : 0.5em;
}
#main_content h3 {
	clear:both;
	color: #6cb4e4;
	padding: 0.25em;
	border: solid 1px #6cb4e4;
	background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
/* SNS */
#share-btn {
	clear:both;
	padding-top:10px;
}

#share-btn ul {
	display:flex;
	justify-content:flex-end;
}
#share-btn ul li {
	margin-left:5px;
	vertical-align:middle;
}
#share-btn ul li:nth-child(1) {
	margin-top:-3px;
}
#main_content .table {
	width:100%;
	margin:10px 0;
}
#main_content .table tr th,
#main_content .table tr td {
	border:solid 1px #ccc;
	font-weight:normal;
	padding:5px;
}
#main_content .blue tr th {
	background-color:#ecf5fc;
}
#main_content .orange tr th {
	background-color:#fcf6df;
}
.voice-block {
    margin: 2px 8px;
    padding: 15px 15px 0;
    background: #fff;
    border: 1px #ccc solid;
    box-shadow: 0 2px 3px 0 #ddd;
    -moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 0 2px 3px 0 #ddd;
}
div.star-wrap {
	display:table;
	margin: 10px 0 10px .5em;
}
.star-rating {
  position: relative;
  width: 80px;
  height: 1em;
  font-size: 25px;
	margin: 10px 0 10px .5em;
	display: table-cell;

}
.star-rating-front {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  color: #ffcc33;
	font-size: 25px;
}
.star-rating-back {
  color: #ccc;
	font-size: 25px;
}
p.star-score{
	display:table-cell;
	padding-left:.8em;
	font-weight: bold;
}
@media screen and (max-width:600px){
#share-btn ul {
	flex-wrap: wrap;
	justify-content:flex-start;
	margin-top:15px;
}
}
/* ▲固定 -------------------------------------------------------------------- */

.textc {
	clear:both;
	padding-top:25px;
	text-align:center;
}
.imgc {
	clear:both;
	float:right;
	margin:0 0 10px 10px;
}
.top-img {
	text-align: center;
	margin: 10px 0;
}
.ad-banner {
	text-align: center;
	margin-top: 10px;
}


/*=====関連リンク=======*/
@media screen and (min-width:920px){
#related {
	width: 720px;
	margin: 0 auto;
}
}
#related ul li{
	float: left;
	width: 45%;
	margin: .3rem;
}

#related dl{
	width: 95%;
	margin : .5em !important;
}
#related dt{
	float: left;
	clear: left;
	width: 30%;
	background-color: transparent !important;
	margin: .5em !important;
}
#related img{
	max-width: 100%;
}
#related dd{
	float: left;
	width: 65%;
	font-size: 1rem;
	font-weight:bold;
}
.clear{
	clear:both;
}
.clear hr{
	display:none;
}
/*=====基礎情報リンク２=======*/
#related2 ul li{
	float: left;
	width: 45%;
	margin: .3rem;
}

#related2 dl{
	width: 95%;
	margin : .5em !important;
}
#related2 dt{
	float: left;
	clear: left;
	width: 30%;
	background-color: transparent !important;
	margin: .5em !important;
}
#related2 img{
	max-width: 100%;
}
#related2 dd{
	float: left;
	width: 65%;
	font-size: 1rem;
	font-weight:bold;
}

/* 黄色ハイライト赤字 */
.hl_ylw {
	background: linear-gradient(transparent 40%, #ffff66 40%) !important;
	color: #ff0000 !important;
}
/* 黄色ハイライトのみ */
.hl {
	background: linear-gradient(transparent 40%, #ffff66 40%) !important;
}
/* 強調 */
.blackb {
	font-weight:bold;
	font-size: 1rem;
	color:#000;
}
.redb {
	font-weight:bold;
	font-size: 1rem;
	color: #F00;
}
.blueb {
	font-weight:bold;
	font-size: 1rem;
	color:#009;
}
.blueb a{
	text-decoration: none;
}
/*note*/
.note {
	background-color:#e3fcff;
	border-style: solid;
	border-color: #009;
	border-radius: 5px;
	margin: 1rem 1.4rem;
	padding: .5em .5em;
}
.note p{
	font-weight:bold;
}

/* ピンク背景 */
.pink-haikei {
	background-color: #FCF;
	margin: 1rem;
	padding: 1rem;
	border-radius: 5px;
        line-height: 1.4rem;
}

blockquote {
	margin: 1.5rem 1rem;
	padding: 1rem;
	background-color: #BAF8FE;
	border-radius: 5px;
	font-style: italic;
}
/*赤太文字*/
.large-r {
	font-size: 1.3rem;
	color: #F00;
	font-weight:bold;
}

div.otoiawse {
	text-align:center;
	margin-bottom: -15px;
}
/*id=Ichiranの一覧表示*/
#ichiran {
	width: 100%;
}
#ichiran p {
	font-size: 1.2rem;
	font-weight: bold;
	margin: 5px 0;
}
#ichiran ul {
	border: 2px dashed rgb(51, 71, 242);
	padding: 1rem 0 1rem 1.2rem;
	box-sizing: border-box;
	background-color: rgb(240, 254, 255);
	margin: 0 .5em 20px 0;
	width: 100%;
	border-radius: 15px;
	display: table;
}
#ichiran ul>li:nth-child(2n+1) {
	clear: both;
}
#ichiran ul li {
	border-bottom: 1px;
	font-size: 1rem;
	display: table-cell;
	float: left;
	width: 50%;
}
#ichiran ul li::before {
	font-family: "Font Awesome 5 Free";
	content: '\f152';
	margin-right: 5px;
}
/*class=datesのテーブル*/
.dates table {
	width: 100%
	box-sizing: border-box;
	border-collapse: collapse;
	border: none;
	margin: 1rem 0 1rem 1rem;
}
.dates table th {
	width: 25%;
	padding: 3px;
	border: none;
	vertical-align: top;
}
.dates table th::before {
	content: '■';
	margin-right: 5px;
}
.dates table td {
	width: 75%;
	padding: 3px;
	border: none;
	vertical-align: top;
}

#p1 ul, #p2 ul, #p3 ul, #p4 ul {
	box-sizing: border-box;
	margin: 10px 3rem 20px 3rem;
}
#p1 ul li, #p2 ul li, #p3 ul li,#p4 ul li {
	margin-bottom: 5px;
	list-style: disc;
}

/*大文字青*/
.large-b {
	font-weight: bold;
	color: #03C;
}
div.sankou-waku i {
  color: rgb(96, 96, 96);
  font-size: 120%;
	margin-left: 3rem;
}

div.voice-note {
    margin: 3rem 1rem;
    background-color: rgba(251, 219, 231, 0.84);
    padding: 20px 1rem .5px 1rem;
    border-radius: 5px;
}
div.voice-note p {
    font-size: .8em !important;
    font-weight: bold;
}
div.sankou-li{margin-bottom:15px}div.sankou-li ul{margin-left:1em !important}div.sankou-li ul li{list-style: none !important;color:rgb(105, 127, 179) !important;font-size: 1rem;font-weight: bold;text-indent: -1.3em;margin-left: 1em;}div.sankou-li ul li a{color:rgb(105, 127, 179) !important;text-decoration:none}div.sankou-li ul li::before{content: "\f101";font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: 5px;color:rgb(105, 127, 179)}
.Bnr_img_inner {height: 100px;box-sizing: border-box;padding: 2px 0 10px 0;background-color: rgba(129,208,203,0.35);text-align: center}.Bnr_img_inner ol {display: flex;width: 90%;margin: 10px auto}
.Bnr_img_inner ol li {margin: 0 3%;width: 44%;text-align: center;border-radius: 8px;font-weight: bold;position: relative;font-size: 1.3em}.Bnr_img_inner a {display: block}.Bnr_img_inner ol li a {padding: 15px;display: block;text-decoration: none;color: #fff}
.button_green {background: linear-gradient(to bottom, #00B900, #00B900);background-image: -moz-linear-gradient( top, #00B900 0%, #00B900 40%, #00B900 52%, #00B900);background-image: -webkit-gradient( linear,left top,left bottom, from(#00B900), color-stop(0.49,#00B900), color-stop(0.52,#00B900), to(#00B900))}
#share-btn-original{clear: both}#share-btn-original ul{display: flex;flex-wrap: wrap;justify-content: flex-start;margin-bottom: 10px}#share-btn-original ul li{margin-left: 8px;vertical-align: middle}.b-facebook{background: #3b5998}.b-twitter{background: #55acee}.b-line{background: #00B900}.sns-box{-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out;display: table-cell;backface-visibility: hidden;width: 30%;border-radius: 5px}.sns-box a {display: block;color: #fff;padding: .3em 0 .2em;text-align: center;font-size: 1em;text-decoration: none}#share-btn-original ul li a{color: white !important}

#share-btn-original2{clear: both}#share-btn-original2 ul{display: flex;flex-wrap: wrap;justify-content: flex-start;margin-bottom: 10px}#share-btn-original2 ul li {margin-left: 8px;vertical-align: middle}#share-btn-original2 ul li a {color: white !important}#share-btn-original2 ul li i{color: white;font-style: normal;margin-right:.3em}#share-btn-original2 ul li.b-facebook i:before{font-family: "Font Awesome 5 Brands";content:"\f082";text-decoration: none;font-size: 1em;font-weight:900}#share-btn-original2 ul li.b-twitter i:before{font-family: "Font Awesome 5 Brands";content:"\f081";text-decoration: none;font-size: 1em;font-weight:900}#share-btn-original2 ul li.b-line i:before{font-family: "Font Awesome 5 Brands";content:"\f3c0";text-decoration: none;font-size: 1em;font-weight:900}

.author_com{max-width: 100%;margin-top: 40px;position: relative;border: 1px solid #b3b3b3;background-color: #f9f9f9;padding: 32px 24px;margin-bottom: 50px}
.author_com::before{position: absolute;content: " 運営者情報 ";top: -20px;left: 24px;color: rgb(255, 255, 255);background-image:url(/img/author_back.png);background-size: 100%;padding: 5px 32px 30px;background-repeat: no-repeat}
.author_inner {display: flex}.author_com .author_img {flex-shrink: 0;flex-basis: 80px;}.author_com .author_img img {width: 80px;height: 80px;border-radius: 50%;}.author_com .author_mini {padding-left: 24px;width: 100%;}.author_com .author_name {color: #323232;font-size: 14px;font-weight: 700;line-height: 18px;margin-bottom: 3px}.author_com .disc {color: #323232;font-size: 12px;font-weight: 500;line-height:20px;margin-bottom: 0}
.related dl {width: 95%;margin: .5em !important;overflow: hidden}.related dt {float: left;clear: left;width: 30%;background-color: transparent !important;margin:0  .5em !important}.related img {max-width: 100%;height: auto}.related dd {float: left;width: 65%;font-size:.7rem;font-weight: normal}.related dd a{text-decoration:none;color:rgb(133, 133, 133)}
.related dd.sname {font-size: .8em;color:rgb(133, 133, 133);font-weight: bold}
#footermenu{margin: 25px 0;padding: 15px;background-color: #FBF7F7}#footermenu p{font-weight: bold;border-bottom: solid 1px #ccc;padding-bottom: 2px;margin-bottom: 7px;color: #471e1e}#footermenu ol li {float: left;margin: 5px 10px}#footermenu ol li a {color: #471e1e;text-decoration:none}
div.related h2::before {content: '：' !important;line-height: 1}
@media screen and (max-width:600px){
.Bnr_img_inner {height: 100px}.Bnr_img_inner ol li {line-height: 1.1;margin: 10px auto;width: 31%;font-size: 0.8em}.Bnr_img_inner ol li a {padding: 15px 2px}.br-sp{display: block;font-size:.9em;margin-top: 2px;}
}
@media screen and (min-width:800px){
.related dl{width:85%;margin-left:40px !important}.related dt{width:15%}.related dd{font-size:1em;width:75%}
.related img {max-width: 100%;height: auto}
}
