@charset "UTF-8";
/* CSS Document */

/*------------------

#e83a38：赤
#e6558d：薄ピンク
#d52976：濃ピンク
#ecb048：オレンジ
#fff974：黄
#6a3906：茶
#87d0ec：水色
#28a5bf：青
#b09313：金

------------------*/


/*================= 文字スタイル =================*/
.txt-bold {
  font-weight: bold !important;
}

.txt-center {
  text-align: center !important;
}

.txt-right {
  text-align: right !important;
}



/*================= 文字色 =================*/
.txt-red {
  color: #e83a38; /* 赤 */
}

.txt-pink01 {
  color: #e6558d; /* 薄ピンク */
}

.txt-pink02 {
  color: #d52976; /* 濃ピンク */
}

.txt-orange {
  color: #ecb048; /* オレンジ */
}

.txt-brown {
  color: #6a3906; /* 茶 */
}

.txt-gold {
  color: #b09313; /* 金 */
}

.txt-blue01 {
  color: #87d0ec; /* 水色 */
}

.txt-blue02 {
  color: #28a5bf; /* 青 */
}



/*================= 背景色 =================*/
.bg-red {
  background-color: #e83a38 !important; /* 赤 */
}

.bg-pink01 {
  background-color: #e6558d !important; /* 薄ピンク */
}

.bg-pink02 {
  background-color: #d52976 !important; /* 濃ピンク */
}

.bg-yellow {
  background-color: #fff974 !important; /* 黄 */
}

.bg-orange {
  background-color: #ecb048 !important; /* オレンジ */
}

.bg-gold {
  background-color: #b09313 !important; /* 金 */
}

.bg-blue {
  background-color: #87d0ec !important; /* 水色 */
}

.bg-blue02 {
  background-color: #28a5bf !important; /* 青 */
}



/*================= 線の色 =================*/
.bd-red {
  border-color: #e83a38 !important; /* 赤 */
}

.bd-pink01 {
  border-color: #e6558d !important; /* 薄ピンク */
}

.bd-pink02 {
  border-color: #d52976 !important; /* 濃ピンク */
}

.bd-yellow {
  border-color: #fff974 !important; /* 黄 */
}

.bd-orange {
  border-color: #ecb048 !important; /* オレンジ */
}

.bd-blue {
  border-color: #87d0ec !important; /* 水色 */
}

.bd-blue02 {
  border-color: #28a5bf !important; /* 青 */
}

.bd-gold {
  border-color: #b09313 !important; /* 金 */
}



/*========================================
 ページ全体
========================================*/
/*==== 全体の背景色 ====*/
body {
    background-color: #3cbecc !important;
    background-image: none !important;
}


/*==== 見出し ====*/
.event .main .cont-wrap .cont-box .cont .h2-ttl {
  color: #fff506; /* 文字色 */
  background-color: #1d0960; /* 背景色 */
}

.event .main .cont-wrap .cont-box .cont .h2-ttl:after {
  content: "";
  border-top-color: #1d0960; /* 逆三角形の色 */
}



/*==== 見出し02 ====*/
.event .main .cont-wrap .cont-box .cont .h2-ttl02 {
  color: #b09313; /* 文字色 */
  border-color: #b09313; /* 線の色 */
}



/*==== 見出し03 ====*/
.event .main .cont-wrap .cont-box .cont .h2-ttl03 {
  color: #fff; /* 文字色 */
}

.event .main .cont-wrap .cont-box .cont .h2-ttl03,
.event .main .cont-wrap .cont-box .cont .h2-ttl03:after,
.event .main .cont-wrap .cont-box .cont .h2-ttl03:before {
  background: #e83a38; /* 背景色 */
}



/*==== 見出し04 ====*/
.event .main .cont-wrap .cont-box .cont .h2-ttl04:before {
  background-color: #b09313; /* 文字色 */
}

.event .main .cont-wrap .cont-box .cont .h2-ttl04 span {
  color: #b09313; /* 線の色 */
}



/*==== ボタン ====*/
.event .main .cont-wrap .cont-box .cont .btn a {
  color: #fff; /* 文字色 */
  background-color: #c7052a; /* 背景色 */
}



/*==== 大見出しリボン ====*/
.event .content-wrap .main .ribon-box-l .ribon,
.event .content-wrap .main .ribon-box-l .ribon-ttl {
  color: #fff001; /* 文字色 */
  background-color: #fe4b4e; /* 背景色 */
}

.event .content-wrap .main .ribon-box-l .ribon:before,
.event .content-wrap .main .ribon-box-l .ribon:after {
  border-color: #df3c3e; /* リボンの端の色 */
}

.event .content-wrap .main .ribon-box-l .ribon-ttl:before,
.event .content-wrap .main .ribon-box-l .ribon-ttl:after {
  border-top-color: #c30306 !important; /* 影の色 */
}



/*==== 中見出しリボン ====*/
.event .content-wrap .main .ribon-box-s {
  color: #fff; /* 文字色 */
  background-color: #eb6ea5; /* 背景色 */
}



/*==== コンテンツトップへ戻るボタン ====*/
.event .main .cont-wrap .back-box .back-btn a {
  color: #fff; /* 文字色 */
}

/*画像横並び3つ*/
.event .main .cont-wrap .cont-box .cont .detail-box.one-column .img-box.three-box .img {
    width: 310px;
}

.img-box.three-box .img img {
    width: 250px;
}

.event .main .cont-wrap .cont-box .cont .detail-box.one-column .img-box.three-box .img p.sub.txt-bold{
    text-align-last: left;
    font-size: 1.5rem!important;
}

.event .main .cont-wrap .cont-box .cont .detail-box.one-column .img-box.three-box {
    width: 940px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 6rem;
}

.img.img_middle {
    margin: 55px 0px 0px;
}

.event .main .cont-wrap .cont-box .cont .detail-box.one-column .img-box.three-box2 .img {
    width: 313px;
}

.img-box.three-box2 .img img {
    width: 250px;
}

.event .main .cont-wrap .cont-box .cont .detail-box.one-column .img-box.three-box2 .img p.sub.txt-bold{
    text-align-last: left;
    font-size: 1.5rem!important;
}

.event .main .cont-wrap .cont-box .cont .detail-box.one-column .img-box.three-box2 {
    width: 940px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 6rem;
}

/*スマホcssここから*/
@media screen and (max-width: 480px){   
.event .main .cont-wrap .cont-box .cont .detail-box.one-column .img-box.three-box .img {
    width: 100%;
}
	
.event .main .cont-wrap .cont-box .cont .detail-box.one-column .img-box.three-box .img img{
    display: block;
    margin: auto;
}
	
.event .main .cont-wrap .cont-box .cont .detail-box.one-column .img-box.three-box {
    width: 100%;
}

.event .content-wrap .main .ribon-box-l .ribon, .event .content-wrap .main .ribon-box-l .ribon-ttl{
  line-height: 1.3em;
  font-size: 1.2em;
}
	
.event .main .cont-wrap .cont-box .cont .detail-box.one-column .img-box.three-box .img p.sub.txt-bold {
    text-align-last: center;
    font-size: 1.5rem!important;
}
	
.event .main .cont-wrap .cont-box .cont .detail-box.one-column .img-box.three-box2 .img {
    width: 100%;
}
	
.event .main .cont-wrap .cont-box .cont .detail-box.one-column .img-box.three-box2 .img img{
    display: block;
    margin: auto;
}
	
.event .main .cont-wrap .cont-box .cont .detail-box.one-column .img-box.three-box2 {
    width: 100%;
    margin-top: 2rem;

}

.event .main .cont-wrap .cont-box .cont .detail-box.one-column .img-box.three-box2 .img p.sub.txt-bold {
    text-align-last: center;
    font-size: 1.5rem!important;
}
	
.thumbnail a{
	display: block;
	height:200px;
}

.thumbnail img:hover{
	opacity: 0.7 ;
}
	
.app_bnrarea {
    margin-top: 30px!important;
    text-align: center;
}

.dl_bnr {
    display: block;
    margin: 12px;
}
	
.app_bnrarea img:hover{
    opacity: 0.7 ;
}

.app_icon img {
    margin: 0 0 12px;
}

.fs12 {
    font-size: 1.2rem !important;
}

.pc { display:none; }
.sp { display:block; }
}
/*スマホcssここまで*/

@media screen and (min-width: 480px){   
  .pc { display:block; }
  .sp { display:none; }
}

.fs12 {
  font-size: 1.2rem!important;
}

.fs15 {
  font-size: 1.5rem!important;
}

.fs15_2 {
  font-size: 1.5rem!important;
}

/*動画リンク部分*/
.thumbnail a{
	display: block;
	height:224px;
}

.thumbnail img:hover{
	opacity: 0.7 ;
}

/*アプリバナー*/
.app_bnrarea img {
    width: 180px;
}

.event .main .cont-wrap .cont-box .cont .detail-box .app_bnrarea img {
    border: 0;
}

.app_bnrarea img {
    margin: 0 8px;
}

.app_bnrarea img:hover{
    opacity: 0.7 ;
}

.app_bnrarea a.external-link {
    display: inline-block;
    height: 100%;
}

.app_bnrarea {
    margin-top: 80px;
    text-align: center;
}

.app {
    display: inline-block;
    vertical-align: middle;
}

.app_bnrarea2 img {
    width: 180px;
}

.event .main .cont-wrap .cont-box .cont .detail-box .app_bnrarea2 img {
    border: 0;
}

.app_bnrarea2 img {
    margin: 0 8px;
}

.app_bnrarea2 img:hover{
    opacity: 0.7 ;
}

.app_bnrarea2 a.external-link {
    display: inline-block;
    height: 100%;
}

.app_bnrarea2 {
    width: 313px;
    margin: 0px;
    text-align: center;
}

.app2 {
    /*display: inline-block;*/
    vertical-align: middle;
}

.app_icon2.app img {
    width: 100%;
    height: auto;
}

.app_icon2.app {
    height: 137px;
}

.app_icon img {
    height: 200px;
    width: 200px;
}

.dl_bnr{
	display: block;
	margin:12px;
}