@charset "Shift_JIS";



/***********************************************
　body設定
***********************************************/
*{
	margin:0;
	padding:0;
}
body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, table, th, td, embed, object{
	margin:0;
	padding:0;
	font-weight:normal;
}
main, article, aside, header, canvas, details, figcaption, figure, footer, nav, section, summary{
	display:block;
}
body{
	font-family:"Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
}
img{
	max-width:100%;
	height:auto;
	margin:0px;
	border:none;
	vertical-align:middle;
	-ms-interpolation-mode:bicubic;
}
.switch{
	visibility:hidden;
}
ul, li{
	list-style:none;
}



/***********************************************
　clearfix
***********************************************/
.clearfix:after{ 
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
	min-height:1%;
}
* html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}



/***********************************************
　画像マウスオーバーで透過
***********************************************/
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	filter: progid: DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}



/***********************************************
　ページトップへのボタン
***********************************************/
#PageTop{
	position:fixed;
	bottom:20px;
	right:20px;
}
#PageTop a{
	z-index:9999;
	display:block;
	text-decoration:none;
	text-align:center;
	background-color:#cc0033;
	border-radius:30px;
	width:60px;
	height:50px;
	padding-top:10px;
	font-size:15px;
	line-height:18px;
	color:#ffffff;
	opacity:0.8;
	filter: alpha(opacity=80);
	filter: progid: DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}



/***********************************************
　モーダルウィンドウ
***********************************************/
#modal{
	display:none;
}
#confirm_modal{
	width:500px;
	height:650px;
	padding:1%;
	text-align:center;
	background:#cc0033;
}
#confirm_modal dl{
	padding:1%;
}
#confirm_modal dl dt{
	padding:0 0 3%;
}
#confirm_modal dl dt img{
	width:80%;
}
#confirm_modal dl dd{
	padding:0 0 2%;
}
#confirm_modal dl #txt{
	font-size:14px;
	line-height:20px;
	color:#ffffff;
}
#confirm_modal dl #txt a{
	color:#cccccc;
}
#confirm_modal dl dd img{
	width:100%;
}
#confirm_modal dl #enterbtn img{
	width:50%;
	margin:3% auto;
}
@media screen and (max-width:768px){
	#confirm_modal{
		width:90%;
		max-width:500px;
		min-width:300px;
		height:auto;
		min-height:122vw;
	}
	#confirm_modal dl #txt{
		font-size:13px;
		line-height:16px;
	}
	#confirm_modal dl dd img{
		width:100%;
	}
	#confirm_modal dl #enterbtn img{
		width:80%;
	}
}/* width設定 end */