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

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSansCJKjp-Regular_subset.woff2) format('woff2'),
        url(../fonts/NotoSansCJKjp-Regular_subset.woff) format('woff'),
        url(../fonts/NotoSansCJKjp-Regular_subset.ttf) format('truetype');
}

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSansCJKjp-Bold_subset.woff2) format('woff2'),
        url(../fonts/NotoSansCJKjp-Bold_subset.woff) format('woff'),
        url(../fonts/NotoSansCJKjp-Bold_subset.ttf) format('truetype');
}

@font-face {
  font-family: 'Hannari';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/hannarimincho-webfont.woff2) format('woff2'),
       url(../fonts/hannarimincho-webfont.woff) format('woff'),
       url(../fonts/hannarimincho-webfont.ttf) format('truetype');
}

.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }
.wf-hannari { font-family: "Hannari"; }

html {
	font-size: 62.5%;
}

html, body {
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body, input, textarea {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Meiryo,  Arial, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.8em;
	color: #333;
	-webkit-text-size-adjust: 100%;
}

a {
	color: #069;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

ul li { list-style: none; }

.clear {
	clear: both;
}

.clearboth {
	clear: both;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.img_center {
    display: block;
    margin-left: auto;
	margin-right: auto;
}

.center {
    text-align: center;
}

.w95pc {
    width: 95%;
}

.opacity {
	transition: all 0.2s;
}

.opacity:hover {
	opacity:0.7;
	-moz-opacity:0.7;
	filter: alpha(opacity=70);
	cursor: pointer;
	text-decoration: none;
}

.opacity:hover a {
	text-decoration: none;
}

.sp { display:none; }

.br_pc:after {
	content: "\A";
	white-space: pre;
}

#wrapper {
	width: 100%;
	overflow: hidden;
	clear: both;
	background: url(../../../img/pages/photocontest9/bg_top.png) center top / 968px 21px repeat-x,
		url(../../../img/pages/photocontest9/garland_top.png) center top 28px / 921px 14px repeat-x,
		url(../../../img/pages/photocontest9/img_bg2.jpg) center top;
	padding: 45px 0 0;
}

h1 {
	text-indent: -9999px;
	overflow: hidden;
}

/*===========================================================
	ヘッダー
===========================================================*/

#header {
	height:22px;
	max-width: 842px;
	position:relative;
	margin:0 auto 35px;
	z-index: 100;
}

* html #header {
	height: 1%;
}

.title_logo{
	position:absolute;
	top: -45px;
	left: 20px;
}

/*========== header button ==========*/

#hd_navi01 ul {
	height: 20px;
	float: right;
	margin: 17px 0 0 0;
}
#hd_navi01 ul li {
	float: left;
	display: block;
	list-style: none;
	margin-right: 20px;
}

#hd_navi01 ul li #searchform1{
	width:200px;
	height:24px;
	background:url(http://www.kanko-aizu.com/cmn/img/img_searchform1.png) left top no-repeat;
	display:block;
	position:relative;
	margin:0 10px 0 0;
}

#hd_navi01 ul li #keywords1{
	width:11em;
	position:absolute;
	left:12px;
	top:2px;
	border:none;
	background:none;
}

#hd_navi01 ul li #search_btn2{
	position:absolute;
	top:5px;
	right:12px;
}

a.overwhite2:hover img {
	cursor: pointer;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity: 0.6;                /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
	opacity: 0.6;
	zoom: 1;
}

/*===========================================================
	メインコンテンツ
===========================================================*/

main {
	max-width: 842px;
	margin: 0 auto 20px;
	padding: 20px 40px 40px;
	background-color: #FFF;
}

main img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

main section {
	margin-bottom: 20px;
}

h1 {
	width: 100%;
	max-width: 841px;
	position: relative;
	margin: 0 auto 50px;
}

h1:before {
    content:"";
    display: block;
    padding-top: 56.2%;
}

h1 .inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../../../img/pages/photocontest9/logo.png) center / contain no-repeat;
}

.headingh2{
	font-family: "Hannari";
	position: relative;
	margin: 1.5em 0 20px;
	padding: 7px 10px;
	color: #E96357;
	font-size: 2.3rem;
	background: #FFF;
	border: solid 1px #E96357;
	box-sizing: border-box;
	text-align: center;
	font-weight: 400;
	border-radius: 5px;
}

.headingh2:before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -6px;
    border: 3px solid transparent;
    border-top: 9px solid #FFF;
    z-index: 2;
}

.headingh2:after {
    content: "";
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -8px;
    border: 5px solid transparent;
    border-top: 12px solid #E96357;
    z-index: 1;
}

.headingh3 {
	font-family: "Hannari";
	font-weight: 400;
	font-size: 2rem;
	color: #FFF;
	text-align: center;
	background-color: #E96357;
	border-radius: 5px;
	margin-bottom: 1.2rem;
	padding: 6px;
}

/*========== 賞金 ==========*/

ul.prize {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

ul.prize li {
	width: 100%;
	box-sizing: border-box;
    margin-bottom: 50px;
}

ul.prize li:nth-child(odd) {
	text-align: left;
	padding-right: 13px;
}

ul.prize li:nth-child(even) {
	text-align: right;
	padding-left: 13px;
}

ul.prize.single {
	display: block;
	margin-bottom: 20px;
}

ul.prize.single li:nth-child(odd),
ul.prize.single li:nth-child(even){
	text-align: center;
	padding-right: 0;
	width: auto;
}

/*========== 写真 ==========*/

ul.photo li {
	margin-bottom: 30px;
}

/*========== テーブル ==========*/

.table1 {
	width: 100%;
	margin-bottom: 45px;
	font-size: 1.6rem;
	border-collapse: collapse;
	border-spacing: 0;
}

.table1 th,
.table1 td {
	width: 33.333%;
	font-weight: normal;
	border: 1px solid #333;
	text-align: center;
	padding: 5px 10px;
	vertical-align: middle;
}

.table1 th {
	color: #FFF;
}

.table1 th h2 {
	font-size: 1.25em;
}

.table1 thead th {
	background-color: #000;
}

.table1 tbody th {
	font-family: "Hannari";
	font-weight: 400;
	font-size: 2rem;
	line-height: 1.2em;
}

.table1 tbody th strong {
	font-size: 2em;
	font-weight: 400;
	line-height: 1.2em;
}

.table1 th.matsuri {
	background-color: #F2AF44;
}

.table1 th.hana {
	background-color: #E96357;
}

.table1 th.genfuukei {
	background-color: #7FC542;
}

/*========== テーマ ==========*/

#theme dl {
	letter-spacing: -0.2em;
	margin-bottom: 13px;
}

#theme dt,
#theme dd {
	display: inline-block;
	letter-spacing: normal;
	box-sizing: border-box;
	vertical-align: middle;
}

#theme dt {
	width: 188px;
	color: #FFF;
	border-radius: 5px;
	background-color: #F2AF44;
	text-align: center;
	font-family: "Hannari";
	font-size: 1.8rem;
	padding: 6px;
}

#theme dd {
	font-family: "Noto Sans Japanese";
	font-weight: 700;
	font-size: 2.1rem;
	line-height: 1.4em;
	width: calc(100% - 190px);
	padding-left: 15px;
	float: right;
	text-align: left !important;
}

#theme dd p {
	text-align: center;
	font-size: 1.4rem;
	padding-left: 8rem;
}

#theme dd p .br_sp {
	margin: 0 2.3rem;
}

#theme dl:last-of-type dt,
#theme dl:last-of-type dd {
	vertical-align: top;
}

.theme_left{
	float: left;
	width: 180px;
	color: #FFF;
	border-radius: 5px;
	background-color: #F2AF44;
	text-align: center;
	font-family: "Hannari";
	font-size: 1.8rem;
	padding: 6px;
	margin: 6px 10px 6px 0;
}

.theme_right{
	float: left;
	width: 640px;
	font-size: 1.90rem;
	font-weight: bold;
	padding: 12px 0 0 0;
}

/*========== 規定 ==========*/

#provision {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#provision .pink {
	color: #E96357;
}

#provision .container {
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

#provision .container:nth-child(odd) {
	padding-right: 1.5em;
	/*border-right: 1px dotted #333;*/
}

#provision .container:nth-child(even) {
	padding-left: 1.5em;
}

#provision li {
	padding-left: 1em;
	padding-top: 10px;
	padding-bottom: 10px;
	text-indent: -1em;
	border-bottom: 1px dashed #999;
}

#provision .photo {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -171px;
}

#provision img {
	margin: 0 25% !important;
}

/*========== 応募作品の著作権・使用権 ==========*/

dl.copyright {
	background-color: #FFFAC5;
	border-radius: 5px;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 10px;
	margin-bottom: 20px;
}

dl.copyright dt,
dl.copyright dd {
	box-sizing: border-box;
}

dl.copyright dt {
	padding: 0 2em;
	text-align: center;
}

dl.copyright dd {
	border-left: 1px dotted #333;
	padding-left: 1.5em;
}

dl.copyright ul li {
	padding-left: 1em;
	text-indent: -1em;
}

/*========== 応募方法・応募先 ==========*/

#entry {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background: url(../../../img/pages/photocontest9/garland_fotter_top.png) center top / 841px no-repeat,
		url(../../../img/pages/photocontest9/garland_footer_bottom.png) center bottom / 841px no-repeat;
	padding: 20px 0 20px 20px;
}

#entry .title {
	font-family: "Hannari";
	font-size: 1.8rem;
	background-color: #7FC542;
	border-radius: 8px;
	color: #FFF;
	text-align: center;
	padding: 15px 20px;
}

#entry .body {
	padding-left: 20px;
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

#entry .body p {
	/*font-size: 1.15rem;*/
	margin-bottom: 0.5rem;
}

#entry .body .text {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	-ms-flex-align: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

#entry .body .text .address {
	font-size: 1.4rem;
	padding-right: 1em;
}

#entry .body .text .tel {
	font-family: "Noto Sans Japanese";
	font-weight: 700;
	font-size: 3rem;
	padding-bottom: 3px;
}

#entry .body .text .tel small {
	font-size: 2rem;
}

#entry span.green {
	color: #7FC542;
}

#syusai {
	text-align: center;
}

#syusai img {
	margin: 0 auto;
}

/*===========================================================
	フッター
===========================================================*/

#footerbg{
	height:568px;
	width:auto;
	background: url(http://www.kanko-aizu.com/cmn/img/img_footer_bg.jpg) bottom left repeat-x;
	/*display: block;*/
}

#footer_body{
	width:100%;
	min-width:960px;
	margin:0 auto;
	position:relative;
	/*display:block;*/
}

#footer {
	height: 568px;
	overflow: hidden;
	background: url(http://www.kanko-aizu.com/cmn/img/img_footer_base.png) bottom center no-repeat;
	display: block;
}

#footer p {
	line-height: 1.5em;
	color: #666;
}

* html #footer {
	height: 1%;
}

#footer a {
	color: #000;
}

#footer a:hover {
	color: #58d2e2;
}

/* フッター内のグリッド(4カラム) */

#footer .grid {
	color: #fff;
	border: 0;
	background: transparent;
}

#footer p {
	font-size: 1.08rem;
}

#footer .footerbl {
	height: 190px;
	position: relative;
}

#footer .footerbl p span {
	font-size: 11px;
	position: absolute;
	bottom: 0;
}

#footer .footerbl a {
	text-decoration: none;
}

#footer .footcontA {
	background: url(http://www.kanko-aizu.com/cmn/img/icon03.png) left center no-repeat;
	padding: 0 0 0 12px;
	margin: 0 0 0 8px;
	line-height: 2.2em;
}

/* その他 */

.inner1 {
	margin: 220px auto 0;
	width: 960px;
	text-align: left;
	position:relative;
}

.listF a:link{
	color:#000;
	text-decoration:none;
}
.listF a:visited{
	color:#000;
	text-decoration:none;
}
.listF a:hover{
	color:#58d2e2;
	text-decoration:underline;
}
.listF a:active{
	color:#58d2e2;
	text-decoration:underline;
}

ul.listF {
  float: left;
}
ul.listF li {
  background: url(http://www.kanko-aizu.com/cmn/img/list_img01.png) left center no-repeat;
  line-height: 1.9em;
  padding-left: 15px;
  margin-right: 60px;
  font-size: 1.2rem;
}

.borderA {
  border-bottom: #787878 1px solid;
  margin: 5px 0;
}

#bannersite{
	background:#EFEFEF;
	padding:25px;
}

.account_name {
	text-align: center;
}

.account_name a {
	display: block;
	margin-bottom: 20px;
	color: #0073b9;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;
}

@media screen and (max-width:920px){

	#theme dd p {
		font-size: 1.2rem;
		padding-left: 0;
	}

	#theme dd p .br_sp {
		margin: 0 1.5rem;
	}

.theme_left{
	float: left;
	width: 97%;
	color: #FFF;
	border-radius: 5px;
	background-color: #F2AF44;
	text-align: center;
	font-family: "Hannari";
	font-size: 1.8rem;
	padding: 1.5%;
	margin: 6px 0 6px 0;
}

.theme_right{
	float: left;
	width: 100%;
	font-size: 1.90rem;
	font-weight: bold;
	padding: 8px 0 12px 0;
}

}

@media screen and (max-width:767px) {

	body, input, textarea {
		font-size: 12px;
		font-size: 1.2rem;
	}

	.pc { display: none; }
	.sp { display: block; }

	.br_pc:after {
		content: "";
		white-space: normal;
	}

	.br_sp:after {
		content: "\A";
		white-space: pre;
	}

	img#img_omatome {
		display: none;
	}

	#wrapper {
		background: url(../../../img/pages/photocontest9/bg_top.png) center top / 484px repeat-x,
			url(../../../img/pages/photocontest9/garland_top.png) center top 14px / 460px repeat-x;
		padding: 30px 0 0;
	}

	/*===========================================================
		ヘッダー
	===========================================================*/

	header {
		margin-bottom: 5px;
	}

	.title_logo{
		top:0;
		left:10px;
	}

	.ui-btn-icon-right {
		padding-right: 10px;
	}

	/*========== グローバルメニュー ==========*/

	.ui-listview > .ui-li-divider {
		font-size: inherit;
	}

	.ui-panel li.menuA {
		font-size: inherit;
		background-position: 20px center;
		padding: 10px 0 10px 60px;
	}

	.ui-panel li.menuB {
		font-size: inherit;
		background-position: 30px center;
		padding: 10px 0 10px 60px;
	}

	/*===========================================================
		メインコンテンツ
	===========================================================*/

	main {
		margin-bottom: 0px;
		padding: 0 10px;
	}

	main section {
		margin-bottom: 15px;
	}

	h1 {
		margin-bottom: 15px;
	}

	h1:before {
		padding-top: 60.2%;
	}

	h1 .inner {
		background-image: url(../../../img/pages/photocontest9/sp/logo.png);
	}

	h2 {
		margin: 0 0 15px;
		padding: 3px 5px;
		font-size: 1.5rem;
	}

	h3 {
		font-size: 1.3rem;
		margin-bottom: 1rem;
		padding: 2px;
	}

	/*========== 賞金 ==========*/

	ul.prize.pc {
		display: none;
	}

	ul.prize.sp {
		margin-bottom: 8px;
	}

	ul.prize li {
		width: 100%;
		margin-bottom: 10px;
	}

	ul.prize li:nth-child(odd) {
		padding-right: 0;
		text-align: center;
	}

	ul.prize li:nth-child(even) {
		padding-left: 0;
		text-align: center;
	}

	ul.prize.single {
		margin-bottom: 10px;
	}

	/*========== 写真 ==========*/

	ul.photo li img {
		width: 100%;
		max-width: 414px;
	}

	ul.photo li {
		margin-bottom: 10px;
		text-align: center;
	}

	/*========== テーブル ==========*/

	.table1 {
		margin-bottom: 15px;
		font-size: inherit;
	}

	.table1 th,
	.table1 td {
		padding: 3px 5px;
	}

	.table1 tbody th {
		font-size: 1.3rem;
		line-height: 1.2em;
	}

	.table1 tbody th strong {
		font-size: 2em;
		line-height: 1.2em;
	}

	/*========== テーマ ==========*/

	#theme dl {
		margin-bottom: 8px;
	}

	#theme dt,
	#theme dd {
		display: block;;
	}

	#theme dt {
		width: auto;
		font-size: 1.3rem;
		padding: 2px;
		margin-bottom: 5px;
	}

	#theme dd {
		font-size: inherit;
		width: auto;
		padding-left: 0;
		text-align: center;
	}

	#theme dd p {
		margin-top: 10px;
		line-height: 2em;
		padding-left: 0;
		font-size: 1.1em;
	}

	#theme dd p .br_sp {
		margin: 0;
	}

	/*========== 規定 ==========*/

	#provision {
		display: block;
	}

	#provision .container {
		width: auto;
		margin-bottom: 10px;
	}

	#provision .container:nth-child(odd) {
		padding-right: 0;
		border-right: none;
	}

	#provision .container:nth-child(even) {
		padding-left: 0;
	}

	#provision .photo {
		width: 200px;
		position: relative;
		bottom: auto;
		left: auto;
		display: block;
		margin: 0 auto;
	}

	#provision img {
		width: 75%;
		margin: 0 15% !important;
	}

	/*========== 応募作品の著作権・使用権 ==========*/

	dl.copyright {
		padding: 8px 5px;
		margin-bottom: 10px;
	}

	dl.copyright dt {
		padding: 0 5px;
	}

	dl.copyright dd {
		border-left: 1px dotted #333;
		padding-left: 8px;
	}

	/*========== 応募方法・応募先 ==========*/

	#entry {
		background-size: 420px, 420px;
		margin: 0 auto;
		padding: 8px 0;
		max-width: 420px;
	}

	#entry .title {
		font-size: 1.2rem;
		border-radius: 5px;
		padding: 8px 8px;
		line-height: 1.6em;
	}

	#entry .body {
		padding-left: 10px;
		-ms-flex: 0 1 auto;
		-webkit-flex: 0 1 auto;
		flex: 0 1 auto;
	}

	#entry .body p {
		font-size: 1.1rem;
		line-height: 1.6em;
	}

	#entry .body .text {
		display: block;
	}

	#entry .body .text .address {
		font-size: 1.2rem;
		padding-right: 1em;
		line-height: 1.6em;
	}

	#entry .body .text .tel {
		font-size: 1.5rem;
		padding-bottom: 3px;
	}

	#entry .body .text .tel small {
		font-size: 1.2rem;
	}

	#syusai {
		margin-top: 10px;
	}

	/*===========================================================
		フッター
	===========================================================*/

	#footer_body{
		width: auto;
		min-width: 0;
	}
	#footer {
		max-width: 414px;
		height:320px;
		overflow: hidden;
		background: url(http://www.kanko-aizu.com/smt/cmn/img/img_footer_base.png) bottom center no-repeat;
		background-size: 414px;
		display: block;
		margin: 0 auto;
		padding: 0 10px;
	}
	#footer p {
		line-height: 1.8em;
	}
	* html #footer {
		height: 1%;
	}

	#footer a {
		color: #000;
	}
	#footer a:hover {
		color: #58d2e2;
	}

	/* フッター内のグリッド(4カラム) */
	#footer .grid {
		color: #fff;
		border: 0;
		background: transparent;
	}
	/*#footer .grid p{padding:0;}*/
	#footer p {
		font-size: 0.9em;
	}
	#footer .footerbl {
		height: 190px;
		position: relative;
	}
	#footer .footerbl p span {
		font-size: 11px;
		position: absolute;
		bottom: 0;
	}
	#footer .footerbl a {
		text-decoration: none;
	}
	#footer .footcontA {
		background: url(http://www.kanko-aizu.com/cmn/img/icon03.png) left center no-repeat;
		padding: 0 0 0 12px;
		margin: 0 0 0 8px;
		line-height: 2.2em;
	}

	.inner1 {
		margin: 165px auto 0;
		width: auto;
		text-align: left;
		position:relative;
	}

	.mt20_sp {
		margin-top: 20px;
	}

}