@charset "UTF-8";
/* ギガ　コンテンツレイアウト
=================================================================== */
.thm-page-special .gigaindex .detail {
 width: 1000px;
 position: relative;
}
.thm-page-special .gigaindex {
 margin-bottom: 0;
}
.thm-page-special .gigaindex .head {
 border-bottom: none;
 display: none;
}
.youtubebox {
 padding: 15px;
 background: #000;
}
.youtube {
 background: #000;
 position: relative;
 width: 100%;
 padding-top: 56.25%;
}
.youtube iframe {
 position: absolute;
 top: 0;
 right: 0;
 width: 100% !important;
 height: 100% !important;
}
.colorbarLong9, #gigaindexName, .colorbarLong4 {
 z-index: 1;
}
#gigaContents {
 z-index: 2;
 margin-top: -75px;
 width: 1000px;
 position: relative;
 background: #fff;
 color: #222;
}
#gigaContents h2.title-sp {
 position: relative;
 text-align: center;
 background: #C80003;
 color: #fff;
 padding: 10px;
 font-weight: bold;
 font-size: 30px;
 margin-top: 30px;
}
#gigaContents h2 a {
 position: absolute;
 bottom: 20px;
 right: 0;
}
#gigaContents p a:hover {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -ms-filter: "alpha( opacity=70 )";
}
.clearfix:before {
 clear: both;
 display: block;
 content: "";
}
#gigaContents .cre {
 height: 35px;
 text-align: right;
 color: #999;
 font-size: 9px;
 padding: 5px 0;
}
#gigaContents p, #gigaContents .txt {
 font-size: 16px;
 line-height: 1.6;
 color: #333;
}
#gigaContents a.banner {
 display: block;
 margin-bottom: 20px;
}
#gigaContents p.read {
 padding: 20px;
}
#gigaContents table tr th {
 font-weight: bold;
}
/* コンテンツ */
.tabs .is_active {
 color: red;
}
.tab-content {
 display: none;
}
.tab-content.is_show {
 display: block;
}
.main_visual {
 text-align: center;
 padding: 24px 0;
}
.img-guard {
 position: relative;
 overflow: hidden;
}
.img-guard img {
 pointer-events: none;
}
.guard-nopic {
 position: absolute;
 display: block;
 width: 100%;
 height: 100%;
 min-height: 100vh;
 background: url(guard.png);
}
/*============================
#animetamago
============================*/
div#sanku .line {
 height: 1px;
 background: #eee;
 width: 100%;
 border: none;
 margin: 3em 0;
}
div#sanku p {
 color: #333;
}
div#sanku .titles {
 padding: 48px 0 24px;
}
div#sanku .titles img {
 width: 100%;
 height: auto;
}
div#sanku .subtitles {
 text-align: center;
 padding-top: 24px;
}
div#sanku .postlist {
 background: #f7f7f7;
 border-radius: 16px;
 padding: 2em;
}
div#sanku .postlist.stamprally {
 margin-bottom: 30px;
}
div#sanku .postlist.-white {
 padding: 2em 0;
 background: #fff;
}
div#sanku .postlist.-white ul {
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
div#sanku .postlist.-white ul li {
 margin-bottom: 2em;
}
div#sanku .postlist ul {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}
div#sanku .postlist ul li {
 width: 32%;
}
div#sanku .postlist ul li img {
 width: 100%;
 height: auto;
 border-radius: 8px;
 height: 180px;
 -o-object-fit: contain;
 object-fit: contain;
 background: #fff;
}
div#sanku .postlist ul li span {
 display: block;
 font-size: 14px;
 padding-top: 1em;
}
div#sanku .postlist ul li a {
 color: #333;
}
div#sanku .postlist ul li a:hover {
 opacity: 0.75;
}
div#sanku .anckernavi {
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
div#sanku .anckernavi li {
 width: 32%;
}
div#sanku .anckernavi li a, div#sanku .btn {
 display: block;
 background: #43DA88;
 color: #fff;
 border-radius: 8px;
 padding: 1em;
 line-height: 1;
 font-weight: bold;
 text-align: center;
 font-size: 20px;
 cursor: pointer
}
div#sanku .anckernavi li a:hover, div#sanku .btn:hover {
 background: #3cc279;
}
div#sanku .read {
 padding: 32px 0;
}
div#sanku .read p {
 padding: 0 2em;
}
div#sanku .spotlink {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}
div#sanku .spotlink li {
 width: 32%;
 background: #eee;
 overflow: hidden;
 border-radius: 8px;
}
div#sanku .spotlink li:hover {
 background: #43DA88;
}
div#sanku .spotlink li:hover img {
 opacity: 1;
}
div#sanku .spotlink li:hover a {
 color: #fff;
}
div#sanku .spotlink li a {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-flow: column;
 flex-flow: column;
}
div#sanku .spotlink li img {
 width: 100%;
 height: 200px;
 -o-object-fit: cover;
 object-fit: cover;
}
div#sanku .spotlink li .spottitle {
 font-weight: bold;
 font-size: 20px;
}
div#sanku .flex {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 padding: 24px 0;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
div#sanku .flex .-img {
 width: 50%;
}
div#sanku .flex .-img.-w100 {
 width: 100%;
}
div#sanku .flex .-img img {
 width: 100%;
 height: auto;
}
div#sanku .flex .-youtube {
 width: 100%;
 text-align: center;
}
div#sanku .flex .-youtube span {
 display: block;
 font-size: 18px;
 padding: 0.5em;
}
div#sanku .flex .-text {
 width: 50%;
 padding: 1em;
}
div#sanku .flex .-text.-w100 {
 width: 100%;
}
div#sanku .flex .-text p {
 padding: 1em 2em;
}
div#sanku .flex .-text .ttl {
 display: inline-block;
 margin-top: 1em;
 margin-bottom: .5em;
 left: -10px;
 color: #fff;
 font-weight: bold;
 background-color: #157541;
 border-radius: 20px;
 padding: 2px 10px;
 position: relative;
}
div#sanku .flex .-text .ttl::after {
 position: absolute;
 content: '';
 top: 100%;
 left: 20px;
 border: 8px solid transparent;
 border-top: 8px solid #157541;
 width: 0;
 height: 0;
}
div#sanku .postlist.stamprally .flex {
 padding: 0;
 align-items: center;
}
div#sanku .postlist.stamprally .-img {
 width: 53%;
}
div#sanku .postlist.stamprally .-text {
 padding: 0 0 0 2em;
 width: 47%;
}
div#sanku .postlist.stamprally .-text .txt {
 margin-bottom: 1em;
}
.banners {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}
.banners li {
 width: 25%;
}
.banners li.-w1 {
 width: 30%;
}
.banners li.-w2 {
 width: 150px;
}
.banners li a {
 display: block;
 padding: 0.5em;
}
.banners li a img {
 width: 100%;
 height: auto;
}
.spottitle {
 text-align: center;
 padding-bottom: 2em;
 padding-top: 2em;
}
.spottitle strong {
 display: block;
 font-size: 24px;
 color: #000;
}
.spottitle span {
 display: block;
 font-size: 16px;
 color: #979797;
}
.mfp-bg {
 z-index: 3000;
}
.mfp-wrap {
 z-index: 3001;
 padding: 2em;
}
.modal {
 width: 900px;
 max-height: 90vh;
 overflow-y: scroll;
 margin: 0 auto;
 background: #fff;
 border-radius: 16px;
 z-index: 10000;
}
.modal .-text {
 padding: 2em;
 padding-top: 0;
}
.modal .-text a {
 color: #43DA88;
}
.modal .flex {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
.modal .flex img {
 width: 50%;
}
.modal .flex .-w100 {
 width: 100%;
}
.modal .flex .-img {
 width: 50%;
}
.modal .flex .popup-modal-dismiss {
 width: 100%;
}
.modal .popup-modal-dismiss {
 display: block;
 text-align: center;
 background: #eee;
 border-radius: 0 0 16px 16px;
 padding: 1em;
 display: block;
}
.modal .popup-modal-dismiss:hover {
 color: #333;
 opacity: 0.5;
 cursor: pointer;
}
.modal img {
 width: 100%;
 height: auto;
}