@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 共通設定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴシック Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	background-color: #fff;
}
a:hover, a{
	color: #555555;
	text-decoration:none;
}
a:hover, a:hover {
	text-decoration:underline;
}

/* clearfix */
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/*マウスオーバー設定*/
a:hover img.hoverimg {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

ul{
	list-style: none;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

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

/*SP*/
	body {
		padding-top:61px;
	}

	.mv {
        position:relative;
		width:100%;
        background: url("../image/mv_sp.jpg") center top no-repeat;
		background-size: cover;
		height:76VH;
	}
	.mv .mv_img01 {
        position:absolute;
        top:16VW;
        left:0px;
        right:0px;
        margin:auto;
		width:84%;
	}
	.mv .mv_img02 {
        position:absolute;
        top:2VW;
        left:2%;
		width:50%;
	}
	.mv .mv_img03 {
        position:absolute;
        top:2VW;
        right:2%;
		width:20%;
	}
	


/* body part */
#body{
	background:#FFF;
}

.main {
	width:100%;
	height:245px;
	background: url("../image/main2410.gif") center top no-repeat;
	background-size:104%;
}

.main img{
	display:none;	
	/*width:100%;
	height:auto;*/
}

.present01 {
	width:100%;
	margin:0px auto 10px;
}

.present01 img{
	width:100%;
	height:auto;
}

.present01 p{
	width:100%;
	text-align:center;
	font-size:11px;
}

.present {
	width:100%;
	height:470px;
	margin:0 auto;
	padding:20px 0 0 0;
	background: url(../image/bg.gif) no-repeat;
}

.present p{
	width:100%;
	margin:0 auto 10px;
	font-size:14px;
	line-height:18px;
}

.text {
	text-align:center;	
	width:100%;
}

.text01 {
	width:100%;
	height:36px;
	margin:15px auto 20px;
	padding:10px 0;
	background-color:#FF0000;
	font-size:15px;
	line-height:19px;
	font-weight:bold;
	color:#FFF;
}

.text01 span{
	font-size:11px;
	font-weight:normal;
}

#sample_map {
	width:100%;
	font-size:14px;
	font-weight:bold;
	text-align:center;	
}

#leftmap {
	width:80%;
	margin:15px auto 15px;
}

#leftmap img {
		width:100%;
		height:auto;
}

#rightbtn {
	width:300px;
	padding:2px;
	background-color:#ccc;
	margin:0 auto 0;
}

#rightbtn li{
	width:300px;
	height:54px;
	padding:0px;
	margin:0;
}

.text02 {
	width:92%;
	font-size:12px;
	line-height:16px;
	margin:15px auto 25px;
	text-align:left;
}

.present {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:20px 0 10px 0;
	background: url(../image/bg.gif) no-repeat;
	border-bottom:4px solid #b6254d;
}

.present ul.photo {
	width:92%;
	margin:0 auto 10px;
}
.present ul.photo li{
	margin-bottom:5px;
}
.present ul.photo li:last-child{
	margin-bottom:0px;
}
.present img {
	width:100%;
	height:auto;
}

.present p{
	width:92%;
	margin:0 auto 10px;
	font-size:14px;
	line-height:18px;
}

ul.btnBodyBottom00{
	list-style-type:none;
	text-align:right;
	line-height:1px;
	/*margin-top:50px;*/
}
ul.btnBodyBottom00 li{
}
ul.btnBodyBottom00 li a{
	display:block;
	padding:10px 10px;
	background:#feab1a;
	height:24px;
	text-align:left;
	border-bottom:1px solid #FFF;
}
	
	.present03 {
		width:92%;
		margin:0 auto 30px;
	}
	
	.present03 img{
		width:100%;
		height:auto;
	}
	
	.present03 p {
		margin:3px 0 0;
		font-size:14px;
		line-height:18px;
	}
	
	.term {
		width:92%;
		border-top:2px solid #666;
		border-bottom:2px solid #666;
		padding:6px 0;
		text-align:center;
		margin:10px auto;
	}
	
	.term img{
		width:100%;
		height:auto;
	}
	
	.ancate {
		text-align:center;
		color:#FF0000;
		font-weight:bold;
		font-size:16px !important;
		line-height:22px !important;
	}
	
	#contact {
		width:84%;
		margin:40px auto 0px;
	}
	
	#contact p{
		width:92%;
		margin:0 auto 15px;
		padding:8px 4%;
		background-color:#126fb4;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		color:#FFF;
		font-size:12px;
		line-height:18px;
		text-align:center;
	}
	
	#contact p span{
		font-size:16px;
		font-weight:bold;
	}
	
	#contact ul {
		width:100%;
		margin:0 auto 0px;
	}
	
	#contact ul  li{
		width:48%;
		float:left;
		margin:0 4% 15px 0;
	}
	
	#contact ul  li:nth-child(2n){
		margin:0 0px 0 0;
	}
	
	#contact ul  li img {
		width:100%;
		height:auto;
	}
	
	#contact ul:after {
		content: "."; 
		display: block; 
		height: 0; 
		font-size:0;	
		clear: both; 
		visibility:hidden;
	}
	
	
	/*当選発表*/
	#tousen-pre {
		clear:both;
		width:92%;
		margin:30px auto 0;
		border:1px solid #F00;
		padding:10px;
    	box-sizing:border-box;/*ボーダー内側*/
		font-size:14px;
	}
	#tousen {
		clear:both;
		width:100%;
		margin:30px auto;
		padding-bottom:10px;
		background-color:#ffebe1;
	}
	#tousen p{
		font-size:16px;
		line-height:28px;
	}
	#tousen h3 {
		width:100%;
		height:80px;
		color:#FFF;
		background: url(../image/tousen.png) no-repeat center 40px;
		background-color:#e60012;
		line-height:45px;
		text-align:center;
		font-weight:normal;
	}
	#tousen-body {
		width:92%;
		margin:20px auto 15px;
		text-align:center;
	}
	#prize01,
	#prize02,
	#prize03 {
		margin:35px 0 10px;
		padding-bottom:20px;
		border-bottom:2px solid #ff9999;
	}
	#tousen h4 {
		width:100%;
		height:auto;
		margin-bottom:25px;
		background-color:#FFF;
		border-radius: 10px;		/* CSS3草案 */
		-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 10px;	/* Firefox用 */
		font-size:20px;
		font-weight:bold;
		line-height:36px;
	}
	#tousen h4 span {
		font-size:16px;
		font-weight:normal;
	}
	#tousen ul li{
		width:100%;
		font-size:20px;
		font-weight:bold;
		line-height:40px;
		text-align:center;
	}
	#tousen .ex{
		text-align:left;
		font-size:12px;
		line-height:18px;
	}
	#tousen ul:after {
		content: "."; 
		display: block; 
		height: 0; 
		font-size:0;	
		clear: both; 
		visibility:hidden;
	}
	/*当選発表ここまで*/
	
	
	/*終了ここから*/
	.end {
		margin-top:40px;
		width: 92%;
	}
	.end h2{
		margin-bottom:15px;
		padding:5px 0;
		background-color:#F00;
		color:#FFF;
		text-align:center;
		line-height:28px;
		font-weight:bold;
		font-size:20px;
	}
	.end p{
		margin-bottom:45px;
		font-size:16px;
		line-height:24px;
		text-align:center;
	}
	/*終了ここまで*/
    
    .alert {
        width:92%;
        border:1px solid #000;
        text-align:center;
        margin:30px auto 20px;
        padding:20px 0;
        font-size:11px;
        line-height:16px;
    }
    .alert h3{
        padding:0px 0 20px;
        font-size:14px;
        line-height:14px;
        font-weight:normal;
    }
	
.present .clova {
	margin-bottom: 24px;
}
.present .clova p{
	margin:0 auto 4px;
	font-size:11px;
	line-height:14px;
	text-indent:-1em;
	padding-left:1em;
}


.pc {
	display:none;	
}

}




/*  PC向けのスタイル：769px～960px */
@media only screen and (min-width: 481px) {
	/*PC*/
	body {
		padding-top:62px;
	}
	/* body part */
	.mv {
        position:relative;
		width:100%;
        background: url("../image/main2507.jpg?v=2") center top no-repeat;
		height:900px;
	}
	.mv .mv_img01 {
        position:absolute;
        top:25px;
        left:0px;
        right:0px;
        margin:auto;
	}
	.mv .mv_img02 {
        position:absolute;
        top:25px;
        left:15px;
	}
	.mv .mv_img03 {
        position:absolute;
        top:25px;
        right:25px;
	}
	
	#body{
		width:950px;
		margin:0px auto;
		padding:5px;
		background:#FFF;
	}

	.main {
		margin:-5px 0 0 -5px;
	}

	.text {
		text-align:center;	
		width:906px;
	}

	.text01 {
		width:550px;
		height:50px;
		margin:15px auto 20px;
		padding:10px 0;
		background-color:#FF0000;
		font-size:22px;
		line-height:30px;
		font-weight:bold;
		color:#FFF;
	}

	.text01 span{
		font-size:16px;
		font-weight:normal;
	}

	.text02 {
		width:706px;
		font-size:14px;
		line-height:18px;
		margin:15px auto 25px;
		text-align:left;	
		clear:both;
	}

	.present01 {
		width:888px;
		margin:10px auto;
	}

	.present01 p{
		width:100%;
		text-align:right;
		font-size:14px;
	}

	.present {
		width:906px;
		height:500px;
		margin:0 auto;
		padding:20px 0 0px 0;
		background: url(../image/bg.gif) no-repeat top center;
		border-bottom:4px solid #b6254d;
	}

	.present p{
		width:856px;
		margin:0 auto 10px;
		font-size:14px;
		line-height:18px;
	}
	.present {
		width:906px;
		height:500px;
		margin:0 auto;
		padding:20px 0 0px 0;
		background: url(../image/bg.gif) no-repeat top center;
		border-bottom:4px solid #b6254d;
	}

	.present ul.photo{
		width:856px;
		/*height:215px;*/
		margin:10px auto 10px;
	}
	.present ul.photo li{
		float:left;
		width:412px;
		margin-right:32px;
	}
	.present ul.photo li:nth-child(1),
	.present ul.photo li:nth-child(2){
		margin-bottom:25px;
	}
	.present ul.photo li:nth-child(2n){
		margin-right:0px;
	}

	.present p{
		width:856px;
		margin:0 auto 10px;
		font-size:14px;
		line-height:18px;
	}
	.present .clova {
		clear:both;
		margin-bottom: 24px;
	}
	.present .clova p{
		width:412px;
		padding-right:444px;
		margin:0 auto 4px;
		font-size:11px;
		line-height:14px;
		text-indent:-1em;
		padding-left:1em;
	}

	#leftmap {
		width:330px;
		height:407px;
		float:left;
	}

	#rightbtn {
		float:right;
		width:300px;
		padding:2px;
		background-color:#ccc;
	}

	#rightbtn li{
		width:300px;
		height:54px;
		padding:0px;
		margin:0;
	}


	#sample_map {
		width:750px;
		margin:0px auto 30px;
		text-align:center;
	}

	#sample_map:after {
		content: "."; 
		display: block; 
		height: 0; 
		font-size:0;	
		clear: both; 
		visibility:hidden;
	}

	#sample_map p{
		width:750px;
		margin-bottom:25px;
		text-align:center;
	}

	#iryo_map {
		position:relative;
		width:333px;
		height:409px;
		background-image: url(../../images/map_base.png);
		background-repeat: no-repeat;
		background-position: center top;
		margin:0px auto 30px;
		text-align:center;
	}

	#iryo_map a{
		position:absolute;
		top:0px;
		left:0px;
		width:333px;
		height:409px;
	}

	ul.btnBodyBottom00{
		list-style-type:none;
		text-align:right;
		line-height:1px;
		height:66px;
		width:906px;
		margin:35px auto 15px;
		background: url(../image/footer_rogo.gif?v=1) no-repeat left bottom;
	}
	ul.btnBodyBottom00 li{
		display:inline-block;
		width:200px;
		padding-left:10px;
		padding-top: 40px;
	}
	ul.btnBodyBottom00 li a{
		display:block;
		padding:0px 16px;
		background:#feab1a;
		height:24px;
		text-align:left;
		border-radius:8px;
	  -webkit-border-radius:8px;
	  -moz-border-radius:8px;
	}
	
	.present03 {
		width:550px;
		margin:0 auto 40px;
	}
	.present03 img{
		display:block;
		width:460px;
		height:auto;
		margin:0 auto 0;
	}
	
	.present03 p {
		margin:3px 0 0;
		font-size:14px;
		line-height:18px;
	}
	
	.term {
		width:856px;
		border-top:2px solid #666;
		border-bottom:2px solid #666;
		padding:10px 0;
		text-align:center;
		margin:15px auto;
	}
	
	.ancate {
		text-align:center;
		color:#FF0000;
		font-weight:bold;
		font-size:20px !important;
		line-height:24px !important;
	}
	
	#contact {
		width:906px;
		margin:40px auto 8px;
	}
	
	#contact p{
		width:878px;
		margin:0 auto 8px;
		padding:8px 14px;
		background-color:#126fb4;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		color:#FFF;
		font-size:13px;
	}
	
	#contact p span{
		font-size:16px;
		font-weight:bold;
	}
	
	#contact ul {
		width:906px;
		margin:0 auto 0;
	}
	
	#contact ul  li{
		width:116px;
		float:left;
		margin:0 13px 0 0;
	}
	
	#contact ul  li:last-child{
		margin:0 0px 0 0;
	}
	
	#contact ul  li a {
		pointer-events: none;
	}
	
	#contact ul  li img {
		width:116px;
		height:42px;
	}
	
	#contact ul:after {
		content: "."; 
		display: block; 
		height: 0; 
		font-size:0;	
		clear: both; 
		visibility:hidden;
	}
	
	/*当選発表*/
	#tousen-pre {
		clear:both;
		width:906px;
		margin:30px auto 10px;
		border:1px solid #F00;
		padding:10px;
    	box-sizing:border-box;/*ボーダー内側*/
		font-size:14px;
	}
	#tousen {
		clear:both;
		width:906px;
		margin:30px auto;
		padding-bottom:10px;
		background-color:#ffebe1;
	}
	#tousen p{
		font-size:18px;
		line-height:32px;
	}
	#tousen h3 {
		position:relative;
		width:100%;
		/*height:74px;*/
		height:54px;
		color:#FFF;
		background: url(../image/tousen.png) no-repeat center top 12px;
		background-color:#e60012;
		line-height:60px;
		text-align:center;
		font-weight:normal;
	}
	#tousen h3 .kikan{
		position:absolute;
		top:0px;
		left:70px;
		text-align:right;
	}
	#tousen h3 .ex{
		position:absolute;
		bottom:5px;
		right:5px;
		width:100%;
		text-align:right;
	}
	#tousen-body {
		width:856px;
		margin:20px auto 15px;
		text-align:center;
	}
	#prize01,
	#prize02,
	#prize03 {
		margin:35px 0 10px;
		padding-bottom:20px;
		border-bottom:2px solid #ff9999;
	}
	#tousen h4 {
		width:100%;
		height:auto;
		margin-bottom:25px;
		background-color:#FFF;
		border-radius: 10px;		/* CSS3草案 */
		-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 10px;	/* Firefox用 */
		font-size:20px;
		font-weight:bold;
		line-height:36px;
	}
	#tousen h4 span {
		font-size:16px;
		font-weight:normal;
	}
	#tousen ul li{
		width:50%;
		float:left;
		font-size:21px;
		font-weight:bold;
		line-height:40px;
		text-align:center;
	}
	#prize01 ul li {
		float: left;
		width:100%;
		text-align:center;
		font-size:22px;
	}
	#tousen .ex{
		text-align:left;
		font-size:14px;
		line-height:18px;
	}
	#tousen ul:after {
		content: "."; 
		display: block; 
		height: 0; 
		font-size:0;	
		clear: both; 
		visibility:hidden;
	}
	/*当選発表ここまで*/
	
	
	/*終了ここから*/
	.end {
		margin-top:40px;
		width: 856px;
	}
	.end h2{
		margin-bottom:15px;
		background-color:#F00;
		color:#FFF;
		text-align:center;
		height:45px;
		line-height:45px;
		font-weight:bold;
		font-size:22px;
	}
	.end p{
		font-size:16px;
		margin-bottom:45px;
		text-align:center;
	}
	/*終了ここまで*/
    
    .alert {
        width:864px;
        border:1px solid #000;
        text-align:center;
        margin:30px auto;
        padding:20px 0;
        font-size:16px;
        line-height:24px;
    }
    .alert h3{
        padding:0px 0 20px;
        font-size:20px;
        line-height:22px;
        font-weight:normal;
    }
	
	#footer-rogo {
		display:none;	
	}

.sp {
	display:none;	
}

}

@media only screen and (min-width: 1401px) {
	.mv {
		background-size: 100%;
    	height: 64.28VW;
	}
}

ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}