﻿@charset "utf-8";
/* 色変更時用CSS */

/* 菱形 */
.diamond {
	color:#6BDCEF;
}

/* 小見出し */
.tips {
    border-color: #FFFA7F;
	font-size: 17px!important;
}

.tips::before {
    color: #1099CB;
}

/**title**/
.heading {
    width: 100%;
    height: auto;
    margin: 1em 0 0.5em 0!important;
    font-family: 'Times New Roman', 'Yu Mincho Medium', '游明朝 Medium', 'Yu Mincho', '游明朝', 'YuMincho', '游明朝体', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', serif;
    font-weight: bold;
    font-size: 1.375em;
    line-height: 1.2;
    font-feature-settings: "palt";
    position: relative;
    text-align: left;
}

.heading .item_box .text_box{
    padding-left: 11%;
}
.heading .item_box{
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    padding: 0.2em 0em 0.3em 0em;
}


.heading .item_box {
    background: url(../../../uploads/2024/2024summer_participation_cp2_rusas/midashi_bg.png) no-repeat bottom/100% auto;
}

.heading .item_box::before {
    height: 53px;
    position: absolute;
    top: 45%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.heading .item_box::before {
    content: url(../../../uploads/2024/2024summer_participation_cp2_rusas/midashi_icon.png);
}


.heading .hd_text {
  text-shadow: 0 0 1px;
  color: #02A3BD;
}

/*********filter*******/

.filter{
	background-color: #747474;
	display:block;
}

.cp_txt{
    position: absolute;
	z-index: 10;
    top: 3px;
    left: 10px;
    font-size: 20px;
    color: white;
    padding: 0;
    margin: 0;
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
.opc{
	opacity: 0.2;
}

/****************/

.cp_txt_2{
    position: absolute;
	z-index: 10;
    top: 17px;
    left: 10px;
    font-size: 20px;
    color: white;
    padding: 0;
    margin: 0;
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;	
}

.opc_02{
	opacity: 0.2;
}


.pdd_regulation_2 table tr td {
    padding: 5px;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #666666;
}

.midashi_top{
	margin-top: -1.5em !important;
}

/* 概念礼装一覧 */
.attention_02 {
	padding: 0.5em;
	border: solid 1.5px #1cbfff;
}

div.color2 {
	margin: -9px -9px 10px -9px; 
	padding: 15px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	text-shadow: #2a2f79 0 0 3px, #2a2f79 0 0 3px, #2a2f79 0 0 3px;
	background-image: linear-gradient(180deg, rgba(3,37,91,1) 0%, rgba(25,131,179,1) 45%, rgba(0,212,255,1) 100%);
}

#news_color .article div.color2 p,
div.color2 p{
	margin: 0;
	text-align: center;
}

/* accordion */
dl.accordion p{
	font-size: 1em;
	letter-spacing: 0;
}

.list_gainen_ttl_pu{
	color: #096DC0;
    font-size: 1.1em;
	font-weight: bold;
	display: inline-block;
    vertical-align: middle;	
}

.gainen_ttl_pu:after{
    content: "▼";
	margin-left: 5px;
    color: #096DC0;
    font-size: 1.2em;
	display: inline-block;
    vertical-align: middle;

}

.gainen_ttl_pu.open:after{
    content: "▲";
	margin-left: 5px;
    color: #096DC0;
    font-size: 1.2em;
    display: inline-block;
    vertical-align: middle;
}

/* アコーディオン */
dl.accordion {
	width:100%;
	margin:0;
	padding:0;
}

dl.accordion dt {
	background:none;
	height:auto;
	font-size:100%;
	text-indent:0;
	line-height:20px;
	color:#000;
	border: none;
	font-weight: unset;
}

dl.accordion dt.open {
	background:none;
}

dl.accordion dd {
	display:none;
	margin:0;
}

dl.accordion dd.open{
    display:none;
}

.notice_title{
	color: #fff893;
    font-weight: bold;
}


/* キャンペーン＿アコーディオン */

dl.accordion_02 {
	width:100%;
	margin:0 0 30px 0;
	padding:0;
}
dl.accordion_02 dt {
	background:url(../../../uploads/2024/2024summer_participation_cp2_02_qoike/arrow_open.png) 97% center no-repeat #013c61;
	background-size:20px 20px;
	border-bottom:1px solid #EEE;
	height:40px;
	font-size:100%;
	text-indent:10px;
	line-height:40px;
	color:#fff;
	font-weight:bold;
}
dl.accordion_02 dt.open {
	background:url(../../../uploads/2024/2024summer_participation_cp2_02_qoike/arrow_close.png) 97% center no-repeat #013c61;
	background-size:20px 20px;
}
dl.accordion_02 dd {
	display:none;
	margin:0 0 10px;
}
dl.accordion_02 dd.open{
    display:none;
}

._cp a {
    width: 70%;
}