@charset "utf-8";
/* ------------------------------------------------------------

style.css

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


/* reset
------------------------------------------------------------ */

#kpc {
	overflow:hidden;
}
#kpc img {
	width: 100%;
	height: auto;
	vertical-align:top;
	line-height:1;
}
#kpc img[src$=".svg"] {
	width: 100%;
	height: auto;
	vertical-align:top;
	line-height:1;
}


/* margin top
------------------------------------------------------------ */
.mt0 { margin-top:0px!important; }
.mt5 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt35 { margin-top:35px!important; }
.mt40 { margin-top:40px!important; }
.mt45 { margin-top:45px!important; }
.mt50 { margin-top:50px!important; }
.mt55 { margin-top:55px!important; }
.mt60 { margin-top:60px!important; }
.mt65 { margin-top:65px!important; }
.mt70 { margin-top:70px!important; }
.mt75 { margin-top:75px!important; }
.mt80 { margin-top:80px!important; }
.mt85 { margin-top:85px!important; }
.mt90 { margin-top:90px!important; }
.mt95 { margin-top:95px!important; }
.mt100 { margin-top:100px!important; }

.mt0_5em { margin-top:0.5em; }
.mt1_0em { margin-top:1.0em; }
.mt1_5em { margin-top:1.5em; }
.mt2_0em { margin-top:2.0em; }
.mt2_5em { margin-top:2.5em; }
.mt3_0em { margin-top:3.0em; }

@media screen and (max-width:767px) {
	.mt0sp { margin-top:0px!important; }
	.mt5sp { margin-top:5px!important; }
	.mt10sp { margin-top:10px!important; }
	.mt15sp { margin-top:15px!important; }
	.mt20sp { margin-top:20px!important; }
	.mt25sp { margin-top:25px!important; }
	.mt30sp { margin-top:30px!important; }
	.mt35sp { margin-top:35px!important; }
	.mt40sp { margin-top:40px!important; }
	.mt45sp { margin-top:45px!important; }
	.mt50sp { margin-top:50px!important; }
	.mt55sp { margin-top:55px!important; }
	.mt60sp { margin-top:60px!important; }
	.mt65sp { margin-top:65px!important; }
	.mt70sp { margin-top:70px!important; }
	.mt75sp { margin-top:75px!important; }
	.mt80sp { margin-top:80px!important; }
	.mt85sp { margin-top:85px!important; }
	.mt90sp { margin-top:90px!important; }
	.mt95sp { margin-top:95px!important; }
	.mt100sp { margin-top:100px!important; }
}

@media print, screen and (min-width:768px) {
	.mt0pc { margin-top:0px!important; }
	.mt5pc { margin-top:5px!important; }
	.mt10pc { margin-top:10px!important; }
	.mt15pc { margin-top:15px!important; }
	.mt20pc { margin-top:20px!important; }
	.mt25pc { margin-top:25px!important; }
	.mt30pc { margin-top:30px!important; }
	.mt35pc { margin-top:35px!important; }
	.mt40pc { margin-top:40px!important; }
	.mt45pc { margin-top:45px!important; }
	.mt50pc { margin-top:50px!important; }
	.mt55pc { margin-top:55px!important; }
	.mt60pc { margin-top:60px!important; }
	.mt65pc { margin-top:65px!important; }
	.mt70pc { margin-top:70px!important; }
	.mt75pc { margin-top:75px!important; }
	.mt80pc { margin-top:80px!important; }
	.mt85pc { margin-top:85px!important; }
	.mt90pc { margin-top:90px!important; }
	.mt95pc { margin-top:95px!important; }
	.mt100pc { margin-top:100px!important; }
}


/* margin bottom
------------------------------------------------------------ */
.mb0 { margin-bottom:0px!important; }
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb45 { margin-bottom:45px!important; }
.mb50 { margin-bottom:50px!important; }
.mb55 { margin-bottom:55px!important; }
.mb60 { margin-bottom:60px!important; }
.mb65 { margin-bottom:65px!important; }
.mb70 { margin-bottom:70px!important; }
.mb75 { margin-bottom:75px!important; }
.mb80 { margin-bottom:80px!important; }
.mb85 { margin-bottom:85px!important; }
.mb90 { margin-bottom:90px!important; }
.mb95 { margin-bottom:95px!important; }
.mb100 { margin-bottom:100px!important; }

.mb0_5em { margin-bottom:0.5em; }
.mb1_0em { margin-bottom:1.0em; }
.mb1_5em { margin-bottom:1.5em; }
.mb2_0em { margin-bottom:2.0em; }
.mb2_5em { margin-bottom:2.5em; }
.mb3_0em { margin-bottom:3.0em; }

@media screen and (max-width:767px) {
	.mb0sp { margin-bottom:0px!important; }
	.mb5sp { margin-bottom:5px!important; }
	.mb10sp { margin-bottom:10px!important; }
	.mb15sp { margin-bottom:15px!important; }
	.mb20sp { margin-bottom:20px!important; }
	.mb25sp { margin-bottom:25px!important; }
	.mb30sp { margin-bottom:30px!important; }
	.mb35sp { margin-bottom:35px!important; }
	.mb40sp { margin-bottom:40px!important; }
	.mb45sp { margin-bottom:45px!important; }
	.mb50sp { margin-bottom:50px!important; }
	.mb55sp { margin-bottom:55px!important; }
	.mb60sp { margin-bottom:60px!important; }
	.mb65sp { margin-bottom:65px!important; }
	.mb70sp { margin-bottom:70px!important; }
	.mb75sp { margin-bottom:75px!important; }
	.mb80sp { margin-bottom:80px!important; }
	.mb85sp { margin-bottom:85px!important; }
	.mb90sp { margin-bottom:90px!important; }
	.mb95sp { margin-bottom:95px!important; }
	.mb100sp { margin-bottom:100px!important; }
}
@media print, screen and (min-width:768px) {
	.mb0pc { margin-bottom:0px!important; }
	.mb5pc { margin-bottom:5px!important; }
	.mb10pc { margin-bottom:10px!important; }
	.mb15pc { margin-bottom:15px!important; }
	.mb20pc { margin-bottom:20px!important; }
	.mb25pc { margin-bottom:25px!important; }
	.mb30pc { margin-bottom:30px!important; }
	.mb35pc { margin-bottom:35px!important; }
	.mb40pc { margin-bottom:40px!important; }
	.mb45pc { margin-bottom:45px!important; }
	.mb50pc { margin-bottom:50px!important; }
	.mb55pc { margin-bottom:55px!important; }
	.mb60pc { margin-bottom:60px!important; }
	.mb65pc { margin-bottom:65px!important; }
	.mb70pc { margin-bottom:70px!important; }
	.mb75pc { margin-bottom:75px!important; }
	.mb80pc { margin-bottom:80px!important; }
	.mb85pc { margin-bottom:85px!important; }
	.mb90pc { margin-bottom:90px!important; }
	.mb95pc { margin-bottom:95px!important; }
	.mb100pc { margin-bottom:100px!important; }
}


/* margin right
------------------------------------------------------------ */
.mr0 { margin-right:0px!important; }
.mr5 { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr40 { margin-right:40px!important; }
.mr45 { margin-right:45px!important; }
.mr50 { margin-right:50px!important; }
.mr55 { margin-right:55px!important; }
.mr60 { margin-right:60px!important; }
.mr65 { margin-right:65px!important; }
.mr70 { margin-right:70px!important; }
.mr75 { margin-right:75px!important; }
.mr80 { margin-right:80px!important; }
.mr85 { margin-right:85px!important; }
.mr90 { margin-right:90px!important; }
.mr95 { margin-right:95px!important; }
.mr100 { margin-right:100px!important; }

@media screen and (max-width:767px) {
	.mr0sp { margin-right:0px!important; }
	.mr5sp { margin-right:5px!important; }
	.mr10sp { margin-right:10px!important; }
	.mr15sp { margin-right:15px!important; }
	.mr20sp { margin-right:20px!important; }
	.mr25sp { margin-right:25px!important; }
	.mr30sp { margin-right:30px!important; }
	.mr35sp { margin-right:35px!important; }
	.mr40sp { margin-right:40px!important; }
	.mr45sp { margin-right:45px!important; }
	.mr50sp { margin-right:50px!important; }
}
@media print, screen and (min-width:768px) {
	.mr0pc { margin-right:0px!important; }
	.mr5pc { margin-right:5px!important; }
	.mr10pc { margin-right:10px!important; }
	.mr15pc { margin-right:15px!important; }
	.mr20pc { margin-right:20px!important; }
	.mr25pc { margin-right:25px!important; }
	.mr30pc { margin-right:30px!important; }
	.mr35pc { margin-right:35px!important; }
	.mr40pc { margin-right:40px!important; }
	.mr45pc { margin-right:45px!important; }
	.mr50pc { margin-right:50px!important; }
}


/* margin left
------------------------------------------------------------ */
.ml0 { margin-left:0px!important; }
.ml5 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml25 { margin-left:25px!important; }
.ml30 { margin-left:30px!important; }
.ml35 { margin-left:35px!important; }
.ml40 { margin-left:40px!important; }
.ml45 { margin-left:45px!important; }
.ml50 { margin-left:50px!important; }
.ml55 { margin-left:55px!important; }
.ml60 { margin-left:60px!important; }
.ml65 { margin-left:65px!important; }
.ml70 { margin-left:70px!important; }
.ml75 { margin-left:75px!important; }
.ml80 { margin-left:80px!important; }
.ml85 { margin-left:85px!important; }
.ml90 { margin-left:90px!important; }
.ml95 { margin-left:95px!important; }
.ml100 { margin-left:100px!important; }

@media screen and (max-width:767px) {
	.ml0sp { margin-left:0px!important; }
	.ml5sp { margin-left:5px!important; }
	.ml10sp { margin-left:10px!important; }
	.ml15sp { margin-left:15px!important; }
	.ml20sp { margin-left:20px!important; }
	.ml25sp { margin-left:25px!important; }
	.ml30sp { margin-left:30px!important; }
	.ml35sp { margin-left:35px!important; }
	.ml40sp { margin-left:40px!important; }
	.ml45sp { margin-left:45px!important; }
	.ml50sp { margin-left:50px!important; }
}
@media print, screen and (min-width:768px) {
	.ml0pc { margin-left:0px!important; }
	.ml5pc { margin-left:5px!important; }
	.ml10pc { margin-left:10px!important; }
	.ml15pc { margin-left:15px!important; }
	.ml20pc { margin-left:20px!important; }
	.ml25pc { margin-left:25px!important; }
	.ml30pc { margin-left:30px!important; }
	.ml35pc { margin-left:35px!important; }
	.ml40pc { margin-left:40px!important; }
	.ml45pc { margin-left:45px!important; }
	.ml50pc { margin-left:50px!important; }
}



/* padding top
------------------------------------------------------------ */
.pt0 { padding-top:0px!important; }
.pt5 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt25 { padding-top:25px!important; }
.pt30 { padding-top:30px!important; }
.pt35 { padding-top:35px!important; }
.pt40 { padding-top:40px!important; }
.pt45 { padding-top:45px!important; }
.pt50 { padding-top:50px!important; }
.pt55 { padding-top:55px!important; }
.pt60 { padding-top:60px!important; }
.pt65 { padding-top:65px!important; }
.pt70 { padding-top:70px!important; }
.pt75 { padding-top:75px!important; }
.pt80 { padding-top:80px!important; }
.pt85 { padding-top:85px!important; }
.pt90 { padding-top:90px!important; }
.pt95 { padding-top:95px!important; }
.pt100 { padding-top:100px!important; }

@media screen and (max-width:767px) {
	.pt10sp { padding-top:10px!important; }
	.pt15sp { padding-top:15px!important; }
	.pt20sp { padding-top:20px!important; }
	.pt25sp { padding-top:25px!important; }
	.pt30sp { padding-top:30px!important; }
	.pt35sp { padding-top:35px!important; }
	.pt40sp { padding-top:40px!important; }
	.pt45sp { padding-top:45px!important; }
	.pt50sp { padding-top:50px!important; }
}
@media print, screen and (min-width:768px) {
	.pt5pc { padding-top:5px!important; }
	.pt10pc { padding-top:10px!important; }
	.pt15pc { padding-top:15px!important; }
	.pt20pc { padding-top:20px!important; }
	.pt25pc { padding-top:25px!important; }
	.pt30pc { padding-top:30px!important; }
	.pt35pc { padding-top:35px!important; }
	.pt40pc { padding-top:40px!important; }
	.pt45pc { padding-top:45px!important; }
	.pt50pc { padding-top:50px!important; }
}


/* padding bottom
------------------------------------------------------------ */
.pb0 { padding-bottom:0px!important; }
.pb5 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb25 { padding-bottom:25px!important; }
.pb30 { padding-bottom:30px!important; }
.pb35 { padding-bottom:35px!important; }
.pb40 { padding-bottom:40px!important; }
.pb45 { padding-bottom:45px!important; }
.pb50 { padding-bottom:50px!important; }
.pb55 { padding-bottom:55px!important; }
.pb60 { padding-bottom:60px!important; }
.pb65 { padding-bottom:65px!important; }
.pb70 { padding-bottom:70px!important; }
.pb75 { padding-bottom:75px!important; }
.pb80 { padding-bottom:80px!important; }
.pb85 { padding-bottom:85px!important; }
.pb90 { padding-bottom:90px!important; }
.pb95 { padding-bottom:95px!important; }
.pb100 { padding-bottom:100px!important; }

@media screen and (max-width:767px) {
	.pb5sp  { padding-bottom:5px!important; }
	.pb10sp { padding-bottom:10px!important; }
	.pb15sp { padding-bottom:15px!important; }
	.pb20sp { padding-bottom:20px!important; }
	.pb25sp { padding-bottom:25px!important; }
	.pb30sp { padding-bottom:30px!important; }
	.pb40sp { padding-bottom:40px!important; }
	.pb50sp { padding-bottom:50px!important; }
}
@media print, screen and (min-width:768px) {
	.pb5pc  { padding-bottom:5px!important; }
	.pb10pc { padding-bottom:10px!important; }
	.pb15pc { padding-bottom:15px!important; }
	.pb20pc { padding-bottom:20px!important; }
	.pb25pc { padding-bottom:25px!important; }
	.pb30pc { padding-bottom:30px!important; }
	.pb40pc { padding-bottom:40px!important; }
	.pb50pc { padding-bottom:50px!important; }
}


/* padding right
------------------------------------------------------------ */
.pr0 { padding-right:0px!important; }
.pr5 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr25 { padding-right:25px!important; }
.pr30 { padding-right:30px!important; }
.pr35 { padding-right:35px!important; }
.pr40 { padding-right:40px!important; }
.pr45 { padding-right:45px!important; }
.pr50 { padding-right:50px!important; }
.pr55 { padding-right:55px!important; }
.pr60 { padding-right:60px!important; }
.pr65 { padding-right:65px!important; }
.pr70 { padding-right:70px!important; }
.pr75 { padding-right:75px!important; }
.pr80 { padding-right:80px!important; }
.pr85 { padding-right:85px!important; }
.pr90 { padding-right:90px!important; }
.pr95 { padding-right:95px!important; }
.pr100 { padding-right:100px!important; }

@media screen and (max-width:767px) {
	.pr10sp { padding-right:10px!important; }
	.pr20sp { padding-right:20px!important; }
	.pr30sp { padding-right:30px!important; }
	.pr40sp { padding-right:40px!important; }
	.pr50sp { padding-right:50px!important; }
}
@media print, screen and (min-width:768px) {
	.pr10pc { padding-right:10px!important; }
	.pr20pc { padding-right:20px!important; }
	.pr30pc { padding-right:30px!important; }
	.pr40pc { padding-right:40px!important; }
	.pr50pc { padding-right:50px!important; }
}



/* padding left
------------------------------------------------------------ */
.pl0 { padding-left:0px!important; }
.pl5 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl25 { padding-left:25px!important; }
.pl30 { padding-left:30px!important; }
.pl35 { padding-left:35px!important; }
.pl40 { padding-left:40px!important; }
.pl45 { padding-left:45px!important; }
.pl50 { padding-left:50px!important; }
.pl55 { padding-left:55px!important; }
.pl60 { padding-left:60px!important; }
.pl65 { padding-left:65px!important; }
.pl70 { padding-left:70px!important; }
.pl75 { padding-left:75px!important; }
.pl80 { padding-left:80px!important; }
.pl85 { padding-left:85px!important; }
.pl90 { padding-left:90px!important; }
.pl95 { padding-left:95px!important; }
.pl100 { padding-left:100px!important; }

@media screen and (max-width:767px) {
	.pl10sp { padding-left:10px!important; }
	.pl20sp { padding-left:20px!important; }
	.pl30sp { padding-left:30px!important; }
	.pl40sp { padding-left:40px!important; }
	.pl50sp { padding-left:50px!important; }
}
@media print, screen and (min-width:768px) {
	.pl10pc { padding-left:10px!important; }
	.pl20pc { padding-left:20px!important; }
	.pl30pc { padding-left:30px!important; }
	.pl40pc { padding-left:40px!important; }
	.pl50pc { padding-left:50px!important; }
}



/* layout style
------------------------------------------------------------ */
.alignL { text-align: left!important; }
.alignC { text-align: center!important; }
.alignR { text-align: right!important; }

@media screen and (max-width:767px) {
	.alignLsp { text-align: left!important; }
	.alignCsp { text-align: center!important; }
	.alignRsp { text-align: right!important; }
}
@media print, screen and (min-width:768px) {
	.alignLpc { text-align: left!important; }
	.alignCpc { text-align: center!important; }
	.alignRpc { text-align: right!important; }
}



/* font style
------------------------------------------------------------ */
.fsU1 { font-size:1.12em;}
.fsU2 { font-size:1.24em;}
.fsU3 { font-size:1.36em;}
.fsU4 { font-size:1.48em;}

.fsD1 { font-size:0.88em;}
.fsD2 { font-size:0.76em; }
.fsD3 { font-size:0.64em; }
.fsD4 { font-size:0.52em; }

.fs10 { font-size:1.0rem; }
.fs12 { font-size:1.2rem; }

.bold { font-weight: bold; }

.lh12 { line-height:1.2; }
.lh16 { line-height:1.6; }

.fcWhite { color:#ffffff!important; }
.fcBlack { color:#000000!important; }
.fcRed   { color:#c01125!important; }
.fcOrenge  { color:#ffa200!important; }
.fcGold  { color:#a7956e!important; }
.fcPurple  { color:#601886!important; }

.ff_m1 {
	font-family: 'M PLUS 1p', sans-serif;
}

/* block
------------------------------------------------------------ */

.displayI { display:inline!important; }
.displayIB { display:inline-block!important; }
.displayB { display:block!important; }

.viewSp,
.viewTab,
.viewPc { display:none; }

@media screen and (max-width:559px) {
	.viewSp { display:inline; }
}
@media screen and (min-width:560px) and (max-width:767px) {
	.viewTab { display:inline; }
}
@media print, screen and (min-width:768px) {
	.viewPc { display:inline; }
}



/* br
------------------------------------------------------------ */

.br320,
.brSp,
.brTab,
.brPc,
.br1000 {
	display: none;
}
@media screen and (max-width:559px){
	.brSp{display: block;}
}
@media screen and (max-width:320px){
	.br320{display: block;}
}
@media screen and (min-width:560px) and (max-width:767px) {
	.brTab{display: block;}
}
@media print, screen and (min-width:768px) {
	.brPc{display: block;}
}
@media print, screen and (min-width:1000px) {
	.br1000{display: block;}
}



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

	flexBox
	
-----------------------------------------------------------------*/

.flex {
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}
.flex.wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
.flex.bw {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

@media screen and (max-width: 559px){
	.flex.sp {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
}

@media screen and (min-width:560px) and (max-width:768px) {
	.flex.tab {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
}

@media print, screen and (min-width: 769px) {
	.flex.pc {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
}


.list li {
	padding-left:1em;
	text-indent:-1em;
}

.btn {
	display:inline-block;
	padding:6px 0.75em;
	text-decoration:none;
	color:#fff!important;
	background:#551878;
	border-radius:6px;
	transition:background 0.5s ease;
}
.btn:hover {
	color:#fff;
	background:#370554;
}



/* layout
------------------------------------------------------------ */

#kpc {
	padding-bottom:60px;
	background:#eab1b0;
}
.inner {
	padding:25px 10px;
}


/* mainimg
------------------------------------------------------------ */

#mainimg {
	width:100%;
	background:url(/-/media/hotel/dh/dhtokyo/contents/kids_painting_contest/img/2026/main_bg.png) no-repeat 50% 50%;
	background-size:cover;
	position:relative;
}
#mainimg::after {
	display:block;
	content:"";
	width:100%;
	height:100%;
	background:url(/-/media/hotel/dh/dhtokyo/contents/kids_painting_contest/img/2026/main_bg_bottom.png) no-repeat bottom 0% left 0%;
	background-size:100% auto;
	position:absolute;
	bottom:-1px;
	left:0;
	z-index:2;
}
#mainimg .pageTTL{
	display:block;
	width:100%;
	max-width:990px;
	margin:0 auto;
	overflow:hidden;
}
#mainimg .pageTTL img{
	width:100%;
	height:auto;
}

@media screen and (max-width: 768px){
	#mainimg {
		width:100%;
		padding: 0;
		height:auto;
	}
	#mainimg .pageTTL{
		display:block;
		width:120%;
		max-width:990px;
		margin:0 -10%;
	}
	.w-fix-large .parts-Html {
		padding:0;
	}
}

@media print, screen and (min-width: 769px) {

}



/* picBox
------------------------------------------------------------ */

.picBox {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width:100%;
	padding:0 10px 15px;
	position:relative;
	top:-10px;
	z-index:3;
}
.picBox > p {
	width:30.33%;
	max-width:260px;
	margin:0 1.5%;
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
	border-radius:12px;
	overflow:hidden;
}
.picBox > p:nth-child(1) {
	transform:rotate(-8deg);
}
.picBox > p:nth-child(2) {
	transform:rotate(8deg);
}
.picBox > p:nth-child(3) {
	transform:rotate(-10.5deg);
}
.picBox img{
	width:100%;
	height:auto;
}

@media screen and (max-width: 768px){
	.picBox > p {
		width:47%;
		margin:0;
	}
	.picBox > p:first-child {
		margin-right:6%;
	}
	.picBox > p:nth-child(3) {
		display:none;
	}
}



/* theme
------------------------------------------------------------ */
.leadTxt {
	line-height:1.8;
}

#theme {
	margin:0 auto;
	padding:60px 0;
}
.theme {
	line-height:1.2;
	text-align:center;
	color:#77c551;
}

#theme #scBox {
	background:#fff;
	border-radius:12px;
	max-width:1050px;
	margin:0 auto;
	overflow:hidden;
}
#theme #scBox h2 {
	margin:0;
	padding:5px 0;
	color:#fff;
	letter-spacing:0.05em;
	text-align:center;
	background:#77c551;
}

@media screen and (max-width: 768px){
	.leadTxt {
		padding:0.5em 15px 1em;
	}
	#theme {
		padding:30px 0 0;
	}
	.theme {
		padding:0 5px;
		font-size:2.2rem;
	}
	#theme #scBox {
		padding:0;
	}
	#theme #scBox h2 {
		margin-bottom:20px;
		font-size:20px;
	}
}

@media print, screen and (min-width: 769px) {
	.leadTxt {
		padding:1em 0 0;
		font-size:2.0rem;
	}
	#theme {
		padding:40px 0 0;
	}
	.theme {
		font-size:4.8rem;
	}
	#theme #scBox {
		padding:0 0 40px;
	}
	#theme #scBox h2 {
		margin-bottom:30px;
		font-size:28px;
	}
}



/* gaiyo
------------------------------------------------------------ */

#gaiyo #scBox {
	background:#fff;
	border-radius:12px;
	max-width:1050px;
	margin:0 auto;
	overflow:hidden;
}
#gaiyo #scBox h2 {
	margin:0;
	padding:5px 0;
	color:#fff;
	letter-spacing:0.05em;
	text-align:center;
	background:#e8682e;
}
#gaiyo #scBox dl {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
	width:100%;
	max-width:950px;
	margin:0 auto;
}
#gaiyo #scBox dl dt {
	text-align:center;
	color:#fff;
	background:#e8682e;
	border-radius:8px;
}
#gaiyo #scBox dl dt p {
	margin:0;
}

@media screen and (max-width: 768px){
	#gaiyo {
		padding:30px 0 0;
	}
	#gaiyo #scBox {
		padding:0;
	}
	#gaiyo #scBox h2 {
		margin-bottom:20px;
		font-size:20px;
	}
	#gaiyo #scBox dl {
		padding:0 15px;
	}
	#gaiyo #scBox dl dt {
		width:100%;
		margin:0 0 10px;
		padding:5px 5px;
		font-size:1.6rem;
	}
	#gaiyo #scBox dl dd {
		margin-bottom:20px;
		padding:5px 5px;
		text-align:left!important;
	}
	#gaiyo #scBox dl dd,
	#gaiyo #scBox dl dd span {
		width: 100%;
		text-align:center;
	}
}

@media print, screen and (min-width: 769px) {
	#gaiyo {
		padding:40px 0 0;
	}
	#gaiyo #scBox {
		padding:0 0 40px;
	}
	#gaiyo #scBox h2 {
		margin-bottom:30px;
		font-size:28px;
	}
	#gaiyo #scBox dl dt {
		width:130px;
		margin:3px 0;
		padding:10px 10px;
		font-size:1.8rem;
		position:relative;
	}
	#gaiyo #scBox dl dt p {
		width:100%;
		position:absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
	}
	#gaiyo #scBox dl dd {
		width: calc(100% - 150px);
		margin:3px 0;
		padding:10px 0;
	}
	#gaiyo #scBox dl dd,
	#gaiyo #scBox dl dd span {
		font-size:1.8rem;
	}
}



/* prize
------------------------------------------------------------ */

#prize {
	max-width:1050px;
	margin:0 auto;
	padding:0;
	background:#38241a;
	color:#fff;
	border-radius:12px;
	overflow:hidden;
}
#prize h2 {
	margin:0 0 0;
	padding:5px 0;
	color:#fff;
	letter-spacing:0.05em;
	text-align:center;
	background:#1d0e06;
}
#prize .inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
}
#prize .box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#prize .box.textOnly {
	width:100%;
	text-align:center;
	background:#fff;
	border-radius:8px;
}
#prize .box.textOnly .zName{
	width:100%;
	padding:5px;
	text-align:center;
	color:#000;
}
@media screen and (max-width: 768px){
	#prize {
		margin-top:40px;
	}
	#prize h2 {
		font-size:20px;
	}
	#prize .inner {
		padding:0 15px 15px;
	}
	#prize .box{
		margin-bottom:20px;
	}
	#prize .box:last-child{
		margin-bottom:0;
	}
	#prize .box .photo{
		width:100%;
		text-align:center;
	}
	#prize .box .txt{
		width:100%;
		margin-top:15px;
		text-align:center;
	}
	#prize .box .txt .sName{
		font-size:2.0rem;
	}
	#prize .box .txt .pName{
		font-size:1.6rem;
		margin-top:5px;
	}
	#prize .box.textOnly .zName{
		font-size:2.0rem;
	}
}

@media print, screen and (min-width: 769px) {
	#prize {
		margin-top:60px;
	}
	#prize h2 {
		font-size:28px;
	}
	#prize .inner {
		padding:40px;
	}
	#prize .box {
		width:50%;
		margin-top:25px;
	}
	#prize .box:nth-child(1),
	#prize .box:nth-child(2) {
		margin-top:0;
	}
	#prize .box .photo{
		width:200px;
	}
	#prize .box .txt{
		width: calc(100% - 200px);
		padding:0 0 0 20px;
	}
	#prize .box .txt .sName{
		font-size:2.4rem;
	}
	#prize .box .txt .pName{
		font-size:1.6rem;
		margin-top:5px;
	}
	#prize .box.textOnly .zName{
		font-size:2.4rem;
	}
}



/* coution
------------------------------------------------------------ */

#coution {
	max-width:1050px;
	margin:0 auto;
	padding:0;
	background:#fff;
	border-radius:12px;
	overflow:hidden;
}
#coution h2 {
	margin:0 0 0.5em;
	letter-spacing:0.05em;
}
#coution .inner {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
}

@media screen and (max-width: 768px){
	#coution {
		margin-top:40px;
	}
	#coution h2 {
		font-size:20px;
	}
	#coution .inner {
		padding:15px;
	}
}

@media print, screen and (min-width: 769px) {
	#coution {
		margin-top:60px;
	}
	#coution h2 {
		font-size:28px;
	}
	#coution .inner {
		padding:40px;
	}
}



/* data
------------------------------------------------------------ */

#data {
	max-width:680px;
	margin:60px auto;
	padding:0;
	border-bottom:1px dotted #666;
}
#data dl {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
	border-top:1px dotted #666;
}
#data dl dt {
	width:200px;
	padding:8px 0 8px 5%;
	font-size:1.8rem;
}
#data dl dd {
	width: calc(100% - 200px);
	padding:8px 5% 8px 0;
	font-size:1.8rem;
}

@media screen and (max-width: 768px){
	#data dl {
		padding:0 8px;
	}
	#data dl dt {
		width:100%;
		padding:8px 0 0;
		font-size:1.5rem;
	}
	#data dl dd {
		width: 100%;
		padding:0 0 8px ;
		font-size:1.5rem;
	}
}

@media print, screen and (min-width: 769px) {
	#data dl dt {
		width:200px;
		padding:8px 0 8px 5%;
		font-size:1.8rem;
	}
	#data dl dd {
		width: calc(100% - 200px);
		padding:8px 5% 8px 0;
		font-size:1.8rem;
	}
}


#contact {
	margin:0 auto 0;
	padding:0;
	text-align:center;
}
#contact h2{
	width:200px;
	margin:0 auto 15px;
	padding:0;
	color:#fff;
	text-align:center;
	background:#000;
}
#contact .number a{
	padding:3px 0;
	text-decoration:none;
	font-family:arial;
	font-weight:bold;
	line-height:1;
	color:#000;
	letter-spacing:0.05em;
}
@media screen and (max-width: 768px){
	#contact h2{
		font-size:2.0rem;
	}
	#contact .txt1{
		font-size:1.6rem;
	}
	#contact .txt2{
		font-size:1.4rem;
	}
	#contact .number a{
		font-size:4.0rem;
	}
}

@media print, screen and (min-width: 769px) {
	#contact h2{
		font-size:2.4rem;
	}
	#contact .txt1{
		font-size:1.8rem;
	}
	#contact .txt2{
		font-size:1.6rem;
	}
	#contact .number a{
		font-size:5.2rem;
	}
}


#project {
	width:100%;
	max-width:800px;
	margin:30px auto 0;
	padding:15px;
	background:#fff;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
	overflow:hidden;
	border-radius:16px;
}
#project .logo {
	width:100%;
	max-width:180px;
	margin:0 auto;
}
#project .textBox .title{
	line-height:1.5;
}
#project .textBox .text{
	margin-top:1em;
}

@media screen and (max-width: 768px){
	#project .textBox {
		width: 100%;
		text-align:center;
	}
	#project .textBox .title{
		font-size:2.0rem;
	}
	#project .textBox .text{
		font-size:1.4rem;
	}
}

@media print, screen and (min-width: 769px) {
	#project .textBox {
		width: calc(100% - 180px);
		padding-left:40px;
	}
	#project .textBox .title{
		font-size:2.4rem;
	}
	#project .textBox .text{
		font-size:1.6rem;
	}
}




#scBox2 {
	background:#fff;
	border-radius:12px;
	max-width:700px;
	margin:0 auto;
}
#scBox2 dl {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
	width:100%;
	max-width:600px;
	margin:0 auto;
}
#scBox2 dl dt {
	text-align:center;
	color:#fff;
	background:#e26333;
}

@media screen and (max-width: 768px){
	#scBox2 {
		margin-top:30px;
		padding:15px;
	}
	#scBox2 dl dt {
		width:100%;
		margin:0 0 15px;
		padding:5px 5px;
		font-size:1.6rem;
	}
	#scBox2 dl dd,
	#scBox2 dl dd span {
		width: 100%;
		font-size:1.6rem;
		text-align:center;
	}
}

@media print, screen and (min-width: 769px) {
	#scBox2 {
		margin-top:30px;
		padding:20px;
	}
	#scBox2 dl dt {
		width:130px;
		margin:3px 0;
		padding:15px 10px;
		font-size:1.8rem;
	}
	#scBox2 dl dd {
		width: calc(100% - 150px);
	}
	#scBox2 dl dd,
	#scBox2 dl dd span {
		font-size:1.8rem;
	}
}



#Award {
	max-width:1200px;
	margin:0 auto 0;
	padding:0;
	background:#fff;
	border-radius:12px;
	overflow:hidden;
}
#Award h2 {
	margin:0;
	padding:5px 0;
	color:#fff;
	text-align:center;
	background:#e26333;
}
#Award dl:first-child {
	padding-top:0;
	border-top:none;
}
#Award dl:last-child {
	padding-bottom:0;
}

#Award dl dt p {
	display:block;
	text-align:center;
	font-family: 'M PLUS 1p', sans-serif;
	background:#ffe000;
}
#Award dl dd {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
#Award dl dd p {
	font-family: 'M PLUS 1p', sans-serif;
}

@media screen and (max-width: 768px){
	#Award {
		margin-top:40px;
	}
	#Award h2 {
		font-size:20px;
	}
	#Award .inner {
		padding:20px 15px;
	}
	#Award dl {
		padding:15px 0;
	}
	#Award dl dt {
		margin-bottom:15px;
	}
	#Award dl dt p {
		width:100%;
	}
	#Award dl dt p {
		width:100%;
		font-size:1.8rem;
	}
	#Award dl dd {
		width:100%;
		margin-bottom:0;
	}
	#Award dl dd p {
		width:48%;
		margin:0 1%;
		font-size:1.6rem;
	}
	#Award dl dd p .san{
		font-size:1.4rem;
	}
}

@media print, screen and (min-width: 769px) {
	#Award {
		margin-top:60px;
	}
	#Award h2 {
		font-size:30px;
	}
	#Award .inner {
		padding:40px;
	}
	#Award dl {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: space-between;
		-ms-flex-pack: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-pack: wrap;
		flex-wrap: wrap;
		padding:15px 5%;
		border-top:1px dotted #666;
	}
	#Award dl dt p {
		width:140px;
	}
	#Award dl dd {
		width: calc(100% - 180px);
	}
	#Award dl dt p {
		font-size:2.0rem;
	}
	#Award dl dd p {
		width:31.33%;
		margin:0 1%;
		font-size:2.0rem;
	}
	#Award dl dd p .san{
		font-size:1.6rem;
	}
}



#work {
	max-width:1200px;
	margin:0 auto 0;
	padding:30px 0 0;
}
#work h2 {
	margin:0;
	padding:5px 0;
	color:#fff;
	text-align:center;
	background:#e26333;
	border-radius:12px;
}
#work .rankBox {
	padding:0 0 84px;
	background:url(../img/2026/line.png) no-repeat bottom 0% left 50%;
	background-size:100% auto;
}
#work .rankBox:last-child {
	background:none;
}
#work h3.rank {
	letter-spacing:0.05em;
	text-align:center;
	background:url(../img/subttl_bg.png) no-repeat 50% 50%;
	background-size:295px auto;
	border:none;
}

#work .workList {
	width:100%;
	margin:0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
#work #rank1 .workList {
	max-width:840px;
}
#work #rank2 .workList,
#work #rank3 .workList,
#work #rank4 .workList {
	max-width:1200px;
}

#work .workList .workBox {
	margin:20px 0;
}


#work .workBox .picture {
	background:url(../img/work_bg.png) repeat 50% 50%;
}
#work .workBox .data {
	margin-top:1em;
	line-height:1.5;
	text-align:center;
	font-family: 'M PLUS 1p', sans-serif;
}
#work #rank1 .workBox .data {
	font-size:2.0rem;
}
#work #rank2 .workBox .data,
#work #rank3 .workBox .data {
	font-size:1.6rem;
}
#work #rank4 .workBox .data {
	font-size:1.4rem;
}
#work .workBox .data .title {
	font-size:1.12em;
}
#work .workBox .data .name {
	margin:0.2em 0;
}


@media screen and (max-width: 768px){
	#work {
		margin-top:40px;
	}
	#work h2 {
		font-size:20px;
	}
	#work h3.rank {
		margin:25px 0 0;
		padding:40px 0 10px;
		font-size:32px;
		line-height:32px;
		background:url(../img/subttl_bg.png) no-repeat 50% 50%;
		background-size:240px auto;
	}
	#work .rankBox:last-child {
		padding:0 0 10px;
	}
	#work .workBox .picture {
		padding:6px;
	}
	#work .workBox .picture img {
		border:2px solid #fff;
	}
	#work .workList .workBox.tate .picture {s
		width:75%;
		margin:0 auto;
	}
}

@media print, screen and (min-width: 769px) {
	#work {
		margin-top:40px;
	}
	#work h2 {
		font-size:30px;
	}
	#work h3.rank {
		margin:40px 0 0;
		padding:40px 0 20px;
		font-size:43px;
		line-height:43px;
		background:url(../img/subttl_bg.png) no-repeat 50% 50%;
		background-size:295px auto;
	}
	#work .rankBox:last-child {
		padding:0 0 42px;
	}
	#work #rank2 .workList .workBox,
	#work #rank3 .workList .workBox {
		width:30.33%;
		margin-left:1.5%;
		margin-right:1.5%;
	}
	#work #rank4 .workList .workBox {
		width:23.5%;
		margin-left:0.75%;
		margin-right:0.75%;
	}
	#work .workList .workBox.tate {
		position:relative;
		top:-20px;
	}
	#work .workList .workBox.tate .picture {
		width:75%;
		margin:0 auto;
	}
	#work #rank1 .workBox .picture {
		padding:10px;
	}
	#work #rank2 .workBox .picture,
	#work #rank3 .workBox .picture {
		padding:9px;
	}
	#work #rank4 .workBox .picture {
		padding:7px;
	}
	#work .workBox .picture img {
		border:4px solid #fff;
	}
}

.allBtn a {
	display: block;
	background: #801494;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 60px;
	border-radius: 50vh;
	width: 320px;
	margin: 30px auto 0;
	transition: all 0.5s ease;
	position: relative;
}
.allBtn a::after {
	content: "→";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 2.4rem;
	transition: transform 0.3s ease;
}
.allBtn a:hover {
	background: #4c0459;
}
.allBtn a:hover::after {
	transform: translate(5px, -50%);
}

.returnBtn a {
	display: block;
	background: #801494;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 60px;
	border-radius: 50vh;
	width: 320px;
	margin: 30px auto 0;
	transition: all 0.5s ease;
	position: relative;
}
.returnBtn a::after {
	content: "←";
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 2.4rem;
	transition: transform 0.3s ease;
}
.returnBtn a:hover {
	background: #4c0459;
}
.returnBtn a:hover::after {
	transform: translate(-5px, -50%);
}

@media print, screen and (max-width: 768px) {
.allBtn a,
.returnBtn a {
	font-size: 2.0rem;
	line-height: 50px;
	width: 280px;
	margin: 25px auto 0;
}

}



#tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  gap: 8px;
  max-width:800px;
  margin:0 auto;
  padding:0 0 20px;
}
#tabs li {
	width:2.5em;
	height:2.5em;
	text-align:center;
	line-height:2.5;
	cursor: pointer;
	border-radius: 50vh;
  background: #fff;
}
#tabs li.active {
  background: #db5e36;
  color: #fff;
}

.tab-content {
  display: none;
  margin-top: 20px;
}
.tab-content.active {
  display: block;
}
.item-list {
  display: flex;
  flex-wrap: wrap;
  margin-top:30px;
}

.item {
	width:100%;
	display:-webkit-box;
	display:flex;
	-webkit-box-pack: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	background:#fff;
	border-radius:8px;
	overflow:hidden;
	margin:0;
}
.item .photo {
	text-align:center;
}
.item .photo img.thumb {
  width: 100%!important;
  cursor: pointer;
}
.item.tate .photo img.thumb {
  width: auto!important;
}
.item .data{
	padding:15px;
	line-height:1.4;
}
.item .data .title {
	margin-bottom:5px;
	font-size:1.12em;
	font-weight:bold;
}
.item .data .year {
	font-size:0.86em;
}

@media print, screen and (max-width: 768px) {
	.item {
		width:100%;
		margin:0 0 25px;
	}
	.item {
		width:100%;
		margin:0 0 15px;
	}
	.item .photo {
		width:160px;
	}
	.item.tate .photo img.thumb {
		width: auto!important;
		height:114px!important;
	}
	.item .data{
		width: calc(100% - 160px);
	}
}
@media print, screen and (min-width: 769px) {
	.item {
		width:48%;
		margin:0 1% 25px;
	}
	.item .photo {
		width:200px;
	}
	.item.tate .photo img.thumb {
		width: auto!important;
		height:141px!important;
	}
	.item .data{
		width: calc(100% - 200px);
	}
}



.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0; /* top, right, bottom, left: 0 と同じ */
  background: rgba(0, 0, 0, 0.6);
}

/* モーダル背景クリック領域 */
.modal-bg {
  position: absolute;
  inset: 0;
}

/* モーダル本体 */
.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 中央寄せ */
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  width: 90%;
  max-width: 600px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4);
  text-align: center;
}

/* 閉じるボタン */
.modal-content .close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}

/* 画像 */
#modal-img {
  max-width: 100%;
  height: auto;
  margin-bottom: 15px;
}

/* テキスト部分 */
.modal-text p {
  margin: 5px 0;
}