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


/* 第20回どまつり開催情報
-------------------------------------------------------------------*/
.enjoy_page.common_page .common_visual {
    background-image:url(../images/main.jpg);
}











/* 第20回どまつり開催情報 チーム情報
-------------------------------------------------------------------*/
.box{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	display:table;
	box-sizing: border-box;
}
.box:after{
	display:none;
}
.title{
	margin-bottom:30px;
}
.title dt{
	background-color:#222222;
	padding:20px 10px;
	color:#fff;
	font-weight:bold;
	position:relative;
	font-size:130%;
	cursor:pointer;
}
.title dt:after{
	position: absolute;
	top: 0;
	bottom: 0;
	right:20px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 15px;
	height: 15px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	z-index:2;
	transition:all 0.5s;
}
.title dt.opened:after{
	bottom: -6px;
	right:20px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index:2;
}	

.title dd{
	background-color:#fff;
	font-size:15px;
}
.title dd:nth-child(even){
	background-color:#eeeeee;
}
.title dd.thead{
	background:#ddd;
	font-weight:bold;
	font-size:105%;
}
.top{
	display:table-cell;
	width: 830px;
	vertical-align:middle;
}
.bottom{
	display:table-cell;
	width: 270px;
	vertical-align:middle;
}
.top p{
	display:table-cell;
	vertical-align:middle;
	padding:25px 10px;
	border-right:1px solid #ccc;
	box-sizing: border-box;
	width: 310px;
}
.top p:first-child{
	font-size:110%;
	font-weight:bold;
	width: 520px;
}
.bottom p:first-child{
	display:table-cell;
	width:80px;
	text-align:center;
	padding: 25px 5px;
	border-right:1px solid #ccc;
	vertical-align:middle;
	box-sizing: border-box;
}
.bottom p:last-child{
	display:table-cell;
	width: 170px;
	padding:10px;
	/* text-align:center; */
	vertical-align:middle;
}


.bottom img{
	width: 50px;
}
.bottom span{
	margin-right:5px;
	display:inline-block;
}
.bottom span:last-child{
	margin-right:0;
}
.bottom span a{
	display:block;
	transition:all 0.5s;
}
.bottom span a:hover{
	opacity:0.7;
}

@media screen and (max-width:768px) {
	.title{
		margin:0 10px 30px;
	}
	.box{
		display:block;
	}
	.top {
	    display:block;
	    width:100%;
	}
	.top p {
		display:block;
		width: auto;
		padding: 10px;
		border-right:none;
		height:auto;
		border-bottom:1px dotted #cfcfcf;
	}
	.title dd.thead{
		display: none !important;
		visibility: hidden;
	}
	.top p:first-child{
		width:auto;
		font-size:100%;
		background: #e9e9e9;
	}
	.top p:first-child:before{
		content:"\30C1\30FC\30E0\540D\FF1A"
	}
	.top p:last-child:before{
		content:"\6D3B\52D5\62E0\70B9\FF1A"
	}
	.title dd:nth-child(n+4){
		margin-top:10px;
		border-top:1px solid #cfcfcf;
	}
	.bottom {
		display:table;
		width:100%;
	}
	.bottom p:first-child {
		width: 9em;
		padding:10px;
		text-align:left;
		border-right:none;
		vertical-align: middle;
	}
	.bottom p:first-child:before{
		content:"\51FA\5834\56DE\6570\FF1A"
	}	
	.bottom p:last-child {
		width:65%;
		padding: 10px;
		vertical-align: middle;
	}
	.bottom img {
		max-width:50px;
	}
}
.common_page.contest .common_visual{
	background-image:url(../images/contest/main.jpg)
}
.common_page.contest .lead_txt{
	font-weight:bold;
	font-size:24px;
	margin-bottom:20px;
}
.common_page.contest .awards{
	font-size:18px;
	font-weight:bold;
}
.common_page.contest .awards .fix{
	margin-bottom:75px;
}
.common_page.contest .awards h2{
	font-size:177%;
	color:#e70000;
	margin-bottom:20px;
	font-weight:bold;
	position:relative;
}
.common_page.contest .awards h2:after{
	content: "";
	display: block;
	height: 1px;
	background: -moz-linear-gradient(to right, #DC0023, transparent);
	background: -webkit-linear-gradient(to right, #DC0023, transparent);
	background: linear-gradient(to right, #DC0023, transparent);
}
.common_page.contest .awards dl{
	margin-bottom: 10px;
}
.common_page.contest .awards dt{
	vertical-align:middle;
	/* margin-left:0.5em; */
	/* text-indent:-1em; */
	font-size: 22px;
	letter-spacing:-0.03em;
	line-height: 1.2;
}

.font_biger{
    font-size:1.2em;
    line-height:2em;
    padding: 0 10px;
}

.syasinten{
    display:flex;
    padding-top: 40px;
}

.syasinten_text{
    padding-left:2%;
    width: 68%;
}

.map_img{
    width:69%;
    margin:0;
}

.map_img img{
    width:100%;
}

.common_page.contest .awards dd{
	vertical-align:middle;
}
.common_page.contest .awards .img_wrap a{
	display:block;
	background:#000;
	width:100%;
	height:0;
	padding-bottom:100%;
	position:relative;
	transition:all 0.5s;
}
.common_page.contest .awards .img_wrap a:hover{
	opacity:0.7;
}
.common_page.contest .awards .img_wrap img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	position:absolute;
	top:50%;
	left:50%;
    margin: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.common_page.contest .awards .fix.col_3-2{
	margin-bottom:50px;
}
.common_page.contest .awards .fix.col_2{
	margin-bottom:130px;
}
.common_page.contest .awards .col_3-2 h2{
	font-size:255%;
	margin-bottom:10px;
}
.common_page.contest .awards .col_3-2 dt{
	font-size:200%;
	/* display:inline-block; */
}
.common_page.contest .awards .col_2 dt{
	font-size:166%;
	display:inline-block;
	margin-right: 0.5em;
}
.common_page.contest .awards .col_3-2 dd,
.common_page.contest .awards .col_2 dd{
	display:inline-block;
}
.common_page.contest .awards .fix.col_3-2 .pht{
	float:left;
	padding:0;
	width:630px;
}
.common_page.contest .awards .fix.col_3-2 .txt{
	float:right;
	position:relative;
	padding:0;	
	width:470px;
}
.common_page.contest .awards .fix.col_3-2 .centring{
	position:absolute;
	top:50%;
	left:50%;
    margin: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 17em;
}
.common_page.contest .awards .col_3-2 .img_wrap a{
	padding-bottom:75%;
}
.common_page.contest .awards .col_2 .img_wrap a{
	padding-bottom:66.6%;
	position:relative;
	background:#fff;
}
.common_page.contest #cboxContent{
	margin-bottom:20px;
}
.common_page.contest #cboxCurrent{
	top:auto;
	bottom:-20px;
}
.grids.grid4 > .grid_child{
	width:23.5%;
	margin-right:2%;
	margin-bottom:20px;
}
.grids.grid4 > .grid_child:nth-child(4n){
	margin-right:0;
}
@media screen and (max-width: 768px) {
    
    .syasinten{
    display:block;
    padding-top:0;
}

.syasinten_text{
    margin:32px auto 0;
    padding-left:0;
    width:95%;
}
    
    .map_img{
    display: block;
    width:95%;
    margin:40px auto 0;
    text-align: center;
}
    
.map_img iframe{
    width:100%;
}
    
    .map_img img{
    width:100%;
}
    
    .font_biger{
    font-size:14px;
}
	.common_page.contest .lead_txt{
		font-size:19px;
		margin:0 10px 15px;
	}
	.common_page.contest .awards{
		font-size:14px;
		margin:0 10px;
	}
	.common_page.contest .awards .fix{
		margin-bottom:40px;
	}
	.common_page.contest .awards h2{
		margin-bottom: 10px;
		font-size: 150%;
	}
	.common_page.contest .awards dl{
		margin-bottom:5px;
	}	
	.common_page.contest .awards .fix.col_3-2{
		margin-bottom:40px;
	}
	.common_page.contest .awards .fix.col_2{
		margin-bottom:40px;
	}
	.common_page.contest .awards .fix.col_2 .col_child{
		margin-bottom:10px;
	}	
	.common_page.contest .awards .fix.col_2 .pht{
		float:left;
		width:50%;
	}
	.common_page.contest .awards .fix.col_2 .txt{
		float:right;
		width:50%;
		box-sizing:border-box;
		padding-left:10px;
	}		
	.common_page.contest .awards .col_2 dt{
		font-size: 110%;
		display:block;
	}
	.common_page.contest .awards .col_3-2 dd,
	.common_page.contest .awards .col_2 dd{
		display:inline-block;
	}
	.common_page.contest .awards .fix.col_3-2 .pht{
		float:none;
		padding:0;
		width:auto;
	}
	.common_page.contest .awards .fix.col_3-2 .txt{
		float:none;
		padding:0;
		width:auto;
	}
	.common_page.contest .awards .col_3-2 .img_wrap a{
		padding-bottom:75%;
	}
	.common_page.contest .awards .col_2 .img_wrap a{
		padding-bottom:66.6%;
		position:relative;
		background:#fff;
	}
	.common_page.contest .awards .fix.col_3-2 .centring{
		position:static;
		top:auto;
		left:auto;
		margin: auto;
		-webkit-transform: none;
		transform: none;
	}
	.grids.grid4 > .grid_child,
	.grids.grid4 > .grid_child:nth-child(4n){
		width:49%;
		margin-right:2%;
		margin-bottom:10px;
		background: #eee;
	}
	.grids.grid4 > .grid_child:nth-child(2n){
		margin-right:0;
	}	
	.common_page.contest .awards .grid_child:after{
		content:"";
		clear:both;
		display:block;
		visibility:hidden;
		height:0;
		width:100%;
	}	
	.common_page.contest .awards .grid_child .pht{
		float:left;
		width:50%;
	}
	.common_page.contest .awards .grid_child .txt{
		float:right;
		width:50%;
		box-sizing:border-box;
		padding: 8px;
		font-size: 12px;
	}
	.common_page.contest .awards .grid_child .txt dt{
		font-size: 13px;
		margin-bottom:5px;
	}
	.common_page.contest .awards .grid_child .txt dd{
		font-weight:normal;
	}	
	@media screen and (max-width: 320px) {
		.common_page.contest .awards .grid_child .txt{
			padding: 5px 5px;
			font-size: 10px;
			font-weight:normal;
		}
		.common_page.contest .awards .grid_child .txt dt{
			font-size: 11px;
			font-weight:bold;
		}
		.common_page.contest #cboxContent{
			margin-top:40px;
		}
		.common_page.contest #cboxTitle{
			text-align:left;
			padding:5px;
			box-sizing:border-box;
			top: -40px;
			float:none;
		}
	}
}