@charset "UTF-8";
.h3Ptn01 {text-indent: 0 !important;padding-left: 0 !important;}

/* eventXmas */
#xmas .kv {margin-top:20px;}
#illumination_photo .kv {text-align:center; background-image: url(../../event/img/illumination_photo_2023/img_event_illuminationph_kv_bg.jpg); background-position: center; background-size: cover; background-color:#000;}
#illumination_photo .kv img {width:100%;}
#insta{padding:30px 0; /*background-color:#a81f5e;*/ text-align:center;
background: rgb(255,222,134);
background: -moz-linear-gradient(45deg, rgba(255,222,134,1) 0%, rgba(247,116,47,1) 25%, rgba(208,49,119,1) 50%, rgba(154,53,169,1) 75%, rgba(65,104,220,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(255,222,134,1) 0%, rgba(247,116,47,1) 25%, rgba(208,49,119,1) 50%, rgba(154,53,169,1) 75%, rgba(65,104,220,1) 100%);
background: linear-gradient(45deg, rgba(255,222,134,1) 0%, rgba(247,116,47,1) 25%, rgba(208,49,119,1) 50%, rgba(154,53,169,1) 75%, rgba(65,104,220,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffde86",endColorstr="#4168dc",GradientType=1);}
.kvIl{background:#000; text-align:center;}
.kvIl img{margin:auto;}
.infoFlex.clm3 > .flxBox{max-width:300px; margin:auto;}
.eventBox05 .boxR{margin-top:20px;}
.main_catch {color:#fff; padding:2em; background: url(../../event/img/illumination_photo_2024/catch_bg.jpg) center center #091e54; background-size: cover;}
.main_catch .caption {font-size:1.5em; font-weight:bold; text-align:center; margin-bottom:0.8em;}

.letter_body {line-height:1.8;}
.tablePtn02.ill_detail th, .tablePtn02.ill_detail td {display:block; border-collapse: collapse; border-bottom: none;}
.tablePtn02.ill_detail {border-bottom: 1px solid #d8d8d8;}
.tablePtn02.ill_detail .attention{font-size:0.85em;}

.info_area {margin-bottom:3em; text-align: center;}
.info_area .walker img {margin-bottom: 1em;}
.info_area .walker img, .info_area .chibakanko img {width:90%;}
.contest_box {display: flex; flex-wrap: wrap;gap: 50px;}
#container .contentBlock01 {padding:1em;}
.h3Ptn01 .inner {display:block;}
.contentBox03 {padding:1em;}
.GoldenTitle {font-size:1.3em; color:#9b7e40; text-align:center; margin-bottom:1em;}

#gallery {margin-bottom:2em;}
#anker {margin-bottom:3em;;}
#anker a {background-color: #050061; padding: 15px; text-align: center; color: #fff; border-radius: 10px; font-size: 1.2em;
    font-weight: bold; text-decoration: none !important; width:90%; margin: 0 auto 0.5em; display: block;}
#anker a.xmas {background-color: #004720;}

.frame {text-align:center;}
.frame img.third {width:75%; margin:0 auto;}


/* ===== TB Size > 768px ===== */
@media print, screen and (min-width:768px) {
	/* eventxmas */
	.kvIl img {width:100%;}
	#illumination_photo .kv {background: url(../../event/img/illumination_photo_2023/img_event_illuminationph_kv_bg.jpg) center no-repeat #171715;}
	#illumination_photo .kv img {width:960px; margin:auto;}
	.eventBox05.resize .boxL{width:650px;}
	.eventBox05.resize .boxR{width:288px;}
	.frame{display: -webkit-box; display: -ms-flexbox; display:flex; align-items:center; background-color:#eee;padding: 20px;max-width: 425px;}
	.frame img{width:100%;}
	.eventBox05 .boxR{margin-top:0;}
	.infoFlex.jc-cn{justify-content:center;}
	.infoFlex.clm3 > .flxBox{width:460px; max-width:none; margin:0;}
	.infoFlex.clm3 > .flxBox~.flxBox{padding-left:40px;}
	.main_catch {margin-bottom:0; padding:3em;}
	.main_catch .caption, .main_catch .letter_body {text-align: center;}
	.letter_body {font-size:1.2em;}
	.tablePtn02.ill_detail th, .tablePtn02.ill_detail td {display:table-cell;}
	.tablePtn02.ill_detail th {width:15%;}
	.tablePtn02.ill_detail td {width:85%;}
	.info_area {display: flex; margin-bottom:4em;}
	.info_area .walker {width:239px; margin-right:1em;}
	.info_area .walker img, .info_area .chibakanko img {width:100%;}
	.contest_box {gap: 30px;}
	.contest_box .boxL {width:460px; margin-right:70px; text-align: center;}
	.contest_box .boxR {width:460px; text-align: center;}
	.contest_box .boxL img {height:460px; width:306px !important; margin:0 auto;}
	.contest_box .boxR img {max-width:460px;}
	#gallery ul {display:flex;}
	#anker {display:flex;}
	#anker a {width: 29% !important;}
	#anker a:hover {background-color:#160ea3; transition: 0.3s;}
	#anker a.xmas:hover {background-color: #006b30; transition: 0.3s;}
}