@charset "UTF-8";

.hd_wrap{
    background: no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 833px;
    position: relative;
}
.hd_photocon {
	margin: 0 auto;
	max-width: 832px;
	padding-top: 55px;
	position: relative;
}
img.hd_ok{
	position: absolute;
	top: 40px;
	left: -50px;
}
.hd_slow {
	margin: 0 auto;
	max-width: 580px;
	position: relative;
	top: -100px;
}
img.hd_osusume{
	position: absolute;
	top: 100px;
	right: -280px;
}

.bg_wave1{
	position: absolute;
	left: 0;
	bottom: 0;
	background: url('./img/bg_wave01.png') center center repeat-x;
	width: 100%;
	height: 30px;
	z-index: 10;
}

@media (max-width: 767px){
	.hd_wrap{
		/*height: 410px;*/
		height: 0;
		padding-top: 100%;
		position: relative;
	}
	.bg_wave1{
		/*background: url('./img/bg_wave01b.png') center center repeat-x;
		width: 100%;
		height: 15px;*/
		background-position: center bottom;
		background-size: auto 50%;
	}
	.hd_photocon , .hd_slow{
		margin-left: 10px;
		margin-right: 10px;
		text-align: center;
		position: absolute;
		top: 10px;
		left: 0;
	}
	.hd_slow{
		/*top: -10%;*/
		top: 28%;
	}
	.hd_photocon img{
		width: 100%;
	}
	.hd_slow img{
		width: 70%;
	}
	img.hd_ok{
		width: 100px;
		top: 8%;
		left: -2%;
	}
	img.hd_osusume{
		width: 100px;
		top: -41%;
		right: 0;
	}
}
/*@media (max-width: 320px){
	.hd_wrap{
		height: 370px;
	}
}*/

/*-------------------------------------------
	岡山を撮りに行こう
--------------------------------------------*/
.oka_wrap {
	background: url('./img/tori_bg.jpg') center center repeat;
	padding: 35px 0;
}
.oka_inn {
	margin: 0 auto;
	max-width: 648px;
	position: relative;
}
img.tori_pt1{
	position: absolute;
	top: 30px;
	left: -350px;
}
img.tori_pt2{
	position: absolute;
	top: 40px;
	left: 560px;
}
img.tori_pt3{
	margin-top: 50px;
	position: relative;
	left: -50px;
}


@media (max-width: 767px){
	.oka_wrap{
		padding: 45px 0 20px;
	}
	.oka_inn{
		margin-left: 10px;
		margin-right: 10px;
		text-align: center;
	}
	.oka_inn img{
		width: 100%;
	}
	img.tori_pt3{
		margin-top: 20px;
		left: 0;
		width: 80%;
	}

	img.tori_pt1_sp{
		position: absolute;
		top: -30px;
		left: -5px;
		width: 40%;
	}
	img.tori_pt2_sp{
		position: absolute;
		top: -32px;
		right: -5px;
		width: 40%;
	}
	img.tori_pt3_sp{
		margin-top: 15px;
	}
}

/*-------------------------------------------
	応募方法
--------------------------------------------*/
/* summer Ver. */
/*
.obo_wrap {
	background: url('./img/oubo_bg.jpg') center center repeat;
	padding: 100px 0 50px;
	position: relative;
}
*/
.obo_wrap {
	background: url('./img/oubo_bg.jpg') center center no-repeat;
  background-size: cover;
	padding: 100px 0 50px;
	position: relative;
}
.bg_wave2{
	position: absolute;
	left: 0;
	top: 0;
	background: url('./img/bg_wave02.png') center center repeat-x;
	width: 100%;
	height: 40px;
	z-index: 10;
}
.bg_wave3{
	position: absolute;
	bottom: 0;
	left: 0;
	background: url('./img/bg_wave03.png') center center repeat-x;
	width: 100%;
	height: 22px;
	z-index: 10;
}
.obo_inn {
	margin: 0 auto;
	max-width: 1040px;
	text-align: center;
}
img.oubo_mds{
	margin-bottom: 60px;
}
.obo_ul{

}
.obo_ul li{
	float: left;
	width: 30%;
	margin-bottom: 2%;
}
.obo_ul li:nth-child(3n+2){
	margin-left: 5%;
	margin-right: 5%;
}
.obo_ul li img.oubo_step{
	width: 100%;
}
.obo_ttl{
	font-size: 18px;
	color: #7b5724;
	font-weight: bold;
	margin: 20px 0;
}
.obo_ul li:not(:first-child) .obo_ttl{
	margin-top: 35px;
}
.obo_bun{
	font-size: 14px;
	color: #7b5724;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
}
.obo_ul li:not(:first-child) .obo_bun{
	margin-top: 30px;
}
.obo_bun a{
	color: #7b5724;
	font-weight: bold;
	text-decoration: underline;
}

@media (max-width: 767px){
	.obo_wrap{
		padding: 50px 0 40px;
	}
	.obo_inn{
		margin-left: 10px;
		margin-right: 10px;
	}
	.bg_wave2{
		/*background: url('./img/bg_wave02b.png') center center repeat-x;
		height: 20px;*/
		background-position: center top;
		background-size: auto 50%;
	}
	.bg_wave3{
		/*background: url('./img/bg_wave03b.png') center center repeat-x;
		height: 11px;*/
		background-position: center bottom;
		background-size: auto 50%;
	}
	.oubo_mds{
		width: 90%;
	}
	img.oubo_mds{
		margin-bottom: 30px;
	}

	.obo_ul li{
		width: 100%;
	}
	.obo_ul li:nth-child(3n+2){
		margin: 30px 0;
	}
	.obo_ul li img.oubo_step{
		width: 70%;
	}
	.obo_ul li:not(:first-child) .obo_ttl{
		margin-top: 20px;
	}
	.obo_ul li:not(:first-child) .obo_bun{
		margin-top: 0;
	}
}

/*-------------------------------------------
	特産品プレゼント
--------------------------------------------*/
.pre_wrap {
	padding: 50px 0 40px;
}
.pre_inn {
	margin: 0 auto;
	max-width: 822px;
	/*padding: 50px 0;*/
}
.pre_mcenter{
	text-align: center;
}
.pre_sub{
	font-size: 18px;
	color: #7b5724;
	margin: 20px 0;
}
.pre_sub strong{
	font-weight: bold;
}

.pre_inn2 {
	margin: 0 auto;
	max-width: 1050px;
	margin-top: -30px;
}
.pre_l {
	width: 51%;
}
.pre_r {
	width: 44%;
}
.pre_l img , .pre_r img{
	width: 100%;
}

@media (max-width: 767px){
	.pre_inn , .pre_inn2{
		margin-left: 10px;
		margin-right: 10px;
	}
	.pre_inn2{
		margin-top: 10px;
	}
	.pre_mcenter img{
		width: 100%;
	}
	.pre_sub{
		font-size: 14px;
	}
	.pre_item1{
		width: 100%;
	}
	.pre_l , .pre_r{
		width: 100%;
		text-align: center;
	}
	.pre_l img , .pre_r img{
		width: 80%;
	}
}


/*-------------------------------------------
	応募要項
--------------------------------------------*/
.yok_wrap {
	background: url('./img/yok_bg.jpg') center center repeat;
	padding: 50px 0;
	position: relative;
}
.bg_wave4{
	position: absolute;
	top: 0;
	left: 0;
	background: url('./img/bg_wave04.png') center center repeat-x;
	width: 100%;
	height: 22px;
	z-index: 10;
}
.yok_inn {
	margin: 0 auto;
	max-width: 840px;
}
.yok_mds {
	font-size: 32px;
	color: #7b5724;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}
.yok_sub {
	color: #7b5724;
	font-size: 16px;
	margin: 30px 0 40px;
	line-height: 1.9;
}
.yok_block {
	margin-bottom: 55px;
}
.yok_block h3{
	font-size: 21px;
	font-weight: bold;
	border-bottom: 2px solid #7b5724;
	display: inline-block;
	color: #7b5724;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
.yok_bun {
	font-size: 17px;
	color: #7b5724;
	line-height: 1.8;
}
.yok_bun strong{
	font-weight: bold;
}
.yok_ul li{
	font-size: 17px;
	color: #7b5724;
	line-height: 1.8;
	padding-left:1.1em;
	text-indent:-1.1em;
	margin-bottom: 5px;
}

.yok_bun span{
	padding-left: 3em;
}
.yok_bun a{
/*	color: #4fafa3;*/
    color: #df671d;
}
.yok_bun a:hover{
	text-decoration: underline;
}

@media (max-width: 767px){
	.yok_inn{
		margin-left: 10px;
		margin-right: 10px;
	}
	.bg_wave4{
		/*background: url('./img/bg_wave04b.png') center center repeat-x;
		height: 11px;*/
		background-position: center top;
		background-size: auto 50%;
	}
	.yok_mds{
		font-size: 28px;
	}
	.yok_sub{
		font-size: 14px;
		margin: 20px 0 30px;
	}
	.yok_bun{
		font-size: 15px;
	}
	.yok_block{
		margin-bottom: 35px;
	}
	.yok_block h3{
		font-size: 18px;
	}
	.yok_ul li{
		font-size: 14px;
	}
	.yok_bun span{
		padding-left: 0;
	}
}

/*-------------------------------------------
	footer
--------------------------------------------*/
.ft_wrap {
	background: url('./img/ft_bg.jpg') center center repeat;
	padding: 55px 0 30px;
	position: relative;
}
.bg_wave5{
	position: absolute;
	top: 0;
	left: 0;
	background: url('./img/bg_wave05.png') center center repeat-x;
	width: 100%;
	height: 22px;
	z-index: 10;
}
.ft_wrap p{
	font-size: 12px;
	text-align: center;
  color: #fff;
/*	color: #4c3310; summer Ver. */
}
.ft_wrap p span{
	padding-left: 1em;
}

@media (max-width: 767px){
	.yok_wrap{
		padding: 40px 0 10px;
	}
	.ft_wrap{
		padding: 30px 0 20px;
	}
	.bg_wave5{
		/*background: url('./img/bg_wave05b.png') center center repeat-x;
		height: 11px;*/
		background-position: center top;
		background-size: auto 50%;
	}
	.ft_wrap p{
		letter-spacing: -0.3px;
	}
	.ft_wrap p span{
		display: block;
		padding-left: 0;
	}
}

/*-------------------------------------------
	insta
--------------------------------------------*/
.icon_insta{
	position: fixed;
	top: 15px;
	right: 15px;
	z-index: 500;
}
.icon_insta a:hover img{
	opacity: .8;
}

.icon_insta_sp{
	position: fixed;
	bottom: 5px;
	right: 5px;
	z-index: 500;
}
.icon_insta_sp img{
	width: 45px;
}