@charset "utf-8";
/*! smart.css | スマートフォン・タブレット、印刷用デザインcss */

/* 画面の横幅がXXXXpxまで（タブレット用）
/* ブレイクポイント：600/640/768/800/960
   ========================================================================== */
@media screen and (max-width:666px){
	img{
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
	
	body {
		margin: 0;
		background-color: #ffffff;
	}
	
	#wrapper {
		width: 100%;
		height: auto;
	}
	
	/* ヘッダー		----------------------*/
	#header{
	}
	
	#site-logo {
	}
	
	#site-logo h1 {
		padding: 0;
	}
	
	/* コンテンツ【全体】	----------------------*/
	#contents {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0 0.4em;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	
	/* コンテンツ【main】	----------------------*/
	#main {
		display: block;
		width: 100%;
		padding: 1.6em 0.4em;
	}
	
	.figure-right,
	.figure-left {
		float: none;
		margin: 0;
	}
	
	.gallery h1 {
		font-size: 1.224em;
	}
	
	/* フッター		----------------------*/
	#footer {
		margin: 0;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	
	#pagetop {
		position: static;
		text-align: center;
	
	}
	
	#pagetop ul{
		margin: 0 auto;
	}
	
	#copyright{
	}
}



/* 画面の横幅が768pxまで（スマホ用）
/* ブレイクポイント：480/600/640/768
   ========================================================================== */
@media screen and (max-width: 479px){
	.photo dl {
		-moz-box-sizing:    border-box;
		-webkit-box-sizing: border-box;
		box-sizing:         border-box;
	}
	.gold dl {
		width: 90%;
	}
	
	.silver dl {
		width: 75%;
	}
	
	.bronze dl {
		width: 60%;
	}
	
	.prize dl {
		width: 50%;
	}
	.gold dl dt img,
	.silver dl dt img,
	.bronze dl dt img,
	.prize dl dt img {
		max-width: 100%;
		height: auto;
		width /***/:auto;
		-moz-box-sizing:    border-box;
		-webkit-box-sizing: border-box;
		box-sizing:         border-box;
	}
}



/* 印刷用
   ========================================================================== */
@media print{
	body {
		font-size: 12pt;
		-webkit-print-color-adjust: exact;
		overflow: visible !important;
	}
	
	a {
		text-decoration: underline;
	}
	
	.pagetop {
		display: none;
	}
}