@charset 'utf-8';
@import 'magnific-popup.css';

/* =========================================================
■Reset of Default Style
========================================================= */

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin : 0;
	padding : 0;
	border : none;
	font-size : 12px;
	font-style : normal;
	line-height : 1em; 
	text-align : left;
}

textarea { font-size : 90%; }
img { vertical-align : bottom; 
		border : none;}
ul {list-style-type : none; }

/*hr  { display : none; }*/

/*リンク文字は保留*/
a { text-decoration: none;color: #d63c7f; cursor: pointer}

/* 青色修正 */
a:hover { color: #00f;text-decoration: underline; }

/* リンクフォーカスを無効 */
a:focus, *:focus { outline:none; }


/* リンク全般フォーカスのボーダーを無効 */
a {
	border:none;
	outline:none;
}

/* =========================================================
■body
========================================================= */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
 body { display: none; }
}
*/
body {
	margin : 0; auto;
	padding : 0;
	background : #fff;
	text-align : center;
	color : #d63c7f;
	/* WindowsとMacOSとiPhoneとAndroidに対応させゆ　*/
 	font-family: Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', sans-serif;  */
	font-size : 14px;
	/* iPhone対策*/
	-webkit-text-size-adjust: 100%;
	/*行の高さ*/
	line-height : 1em; 
/*
 	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
*/
}


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-moz-document url-prefix() {
	body {
		line-height : 1em; 
	}
}

/*注意書き*/
.nts{
	width : 50%;
	margin-left : auto;
	margin-right : auto;
	font-size : xx-small;
	color : #ff0000;
}

/* =========================================================
■basebg setting
========================================================= */

#setting_basebg {
	position : relative;
/*	background : #000; */
	background-attachment: fixed;
	background-image: url('../image/al_bg.jpg');
	background-repeat: repeat;
	background-position: right bottom;
}

#setting_basebg2 {
	background : #fff;
}

/* =========================================================
■container メイン内容基本仕様
========================================================= */

#container {
	width : 1024px;
	margin : 0 auto;
	border-top-width : 0;
	border-bottom-width : 0;
	border-left-width : 1;
	border-right-width : 1;
	background-color : #fdf5f5;
}


/* =========================================================
■TOP固定箇所
========================================================= */

#top_pic {
	display:block;
	width:1024px;
	height:576px;
}


#top_text {
	width:1024px;
	height:300px;
	margin : 0 auto;
}

/* =========================================================
■サムネイル表示位置
========================================================= */

#pic_thumb {
	display:block;
	width:1025px;
	height:100%;
	margin-left:0px;

}

#pic_thumb li{
	float:left;
	width:200px;
	height:200px;
	margin:0 2px 5px 2.5px;
}


/* =========================================================
■モーダル
========================================================= */

#modal_contents {
	position:relative;
	width  : 900px;
	height : 840px;
	margin : 0px auto 0px auto;
	background-color : #fdf5f5;
	padding: 20px; 

}

.modal_image {
	width  : 800px;
	height : 600px;
	margin : 0px auto 0px auto;
	background-color : #fdf5f5;
	padding: 20px; 
}


.modal_box {
	display:block;
	overflow: auto;
	width: 600px;
	height: 290px;
	margin-left :20px;;
	overflow-x:hidden;
	padding:20px;
 	font-family: '小塚ゴシックPr6N R', Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', sans-serif;  */
}

.modal_box dl{
	width: 700px
}

.modal_box dt{
	position:relative;
	display:block;
	clear:left;
	float:left;
	width:60px;
	min-height:1em; 
	height:auto !important; 
	height:1em;
	margin: 0;
	text-align: justify;
	text-justify: inter-ideograph;
	color: #d63c7f;
}

.modal_box dd{
	position:relative;
	display:block;
	float:left;
	width:600px;
	min-height:1em; 
	height:auto !important; 
	height:1em; 
	margin: 0px 0px 10px 10px;
	color: #d63c7f;
}

.modal_box a:hover{
	opacity:0.8;
}


#modal_close {
	position:absolute;
	display:block;
	width  : 40px;
	height : 16px;
	top  : 56px;
	left :832px;
}

#modal_close a {
	display:block;
	width  : 40px;
	height : 16px;
	color:#d63c7f;
	font-size:40px;
	font-weight:900;
	text-decoration: none;
	text-shadow: 3px 0px 0px #ffffff, 0px 3px 0px #ffffff, -3px 0px 0px #ffffff, 0px -3px 0px #ffffff;
/*	background:url(../image/modal_close_button.png)no-repeat;
	border-radius: 5px;*/
}


#modal_close a:hover {
    filter:alpha(opacity=5);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.still0 img{
	width: 198px;
	height:198px;
	border: 1px #d63c7f solid;
}

/* =========================================================
■フッターと著作権表記
========================================================= */
#footer {
	display:block;
	width:1024px;
	background-color : #fdf5f5;
	margin: 0px auto 0px auto;

}
#footer img{
	width:1024px;
}