/* CSS Document */
body{background:#3a1f0c;}
#limited {width:100%;background: url(img/bg500.jpg); background-repeat:repeat; padding:20px 0;}


#limited .limited_contents {width:760px; padding:20px 30px; margin:0px auto; line-height:180%;color:#3a1f0c; background: rgba(255,255,255,0.95); }

#limited2 {width:100%; background: url(img/limited_bg.jpg) no-repeat center center #fff;background-size: cover; padding:20px 0; margin:0 auto; text-align:center;}
#limited2 .limited_contents2 {width:760px; padding:20px; line-height:170%; background: rgba(255,255,255,0.80); text-align:center; margin:50px auto;}

a img:hover{opacity: 0.72;}

.r11{font-size:11px;}
.r12{font-size:12px;}
.r16{font-size:16px;}
.r18{font-size:18px;}
.r22{font-size:22px;}

.f130{ font-size:130%;}
.f150{ font-size:150%;}

.fl{ float:left;}
.fr{ float:right;}
.tal{ text-align:left;}
.tac{ text-align:center;}
.b{font-weight:bold;}

img{margin:0; padding:0;}

.limited-con{ text-align:center;font-family:"メイリオ", Meiryo, "游ゴシック", Yu Gothic, sans-serif; margin:10px 0 20px 0;font-size:20px; font-weight:500;
line-height:200%;}

h1,h2{ text-align:center;}
.int_title{ width:85%;}
.int_title2{ width:85%;}

.red{ font-size:85%; color:#DC292C; line-height:160%; margin-top:50px;}
.red2{ font-size:110%; color:#DC292C; margin:10px 0; font-weight:bold;}
.info{ margin:30px auto 10px auto; padding:10px 10px; color:#35af6d; font-weight:bold; letter-spacing:0.05em; text-align:center;}


input[type="text"]{ font-size:22px;
	color: #666;
	border: 1px solid #ebebeb;
	border-radius: 3px;
	font-weight: 400;}

input[type="text"]:focus {
	color: #111;}

input[type="text"]{
	padding: 13px;}

input[type="button"]{font-size: 16px;
	padding: 15px 20px;margin-top:20px;
	border: 0;
	font-weight: 700;
	color: #35af6d;
	border: 1px solid #35af6d;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	text-transform: uppercase;
	background-color: transparent;
}
.button {
	-webkit-appearance: none;
}

input[type="submit"] {
	margin-top: 5px;
}
button:hover,
.button:hover,
input[type="button"]:hover {
	background-color: #35af6d;
	color: #fff;
	text-decoration: none; 
}

button:focus,
input[type="button"]:focus,
button:active,
input[type="button"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

#genga{width:100%; text-align:center;font-family:"メイリオ", Meiryo, "游ゴシック", Yu Gothic, sans-serif; margin:0 auto; font-size:22px; padding:40px 0; font-weight:bold; color:#3a1f0c; letter-spacing:0.05em;background: url(img/bg500.jpg); background-repeat:repeat;}

.genga_title{margin:10px auto; font-size:120%; font-weight:bold;}
.genga1{margin:0 auto; padding:0;}
.gmini{margin:0 auto; padding:0; width:450px;}
.yajirushi{margin:0 auto; padding:0;}

.comment{ background-color:#DEF7CF; color:#3a1f0c; text-align:left; padding:20px; font-size:16px; font-weight:normal; width:70%; margin:10px auto 20px;;
border-radius:10px 10px 10px 10px ;-moz-border-radius:10px 10px 10px 10px ;-webkit-border-radius:10px 10px 10px 10px; max-width:900px;}

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

@media print {div#no_print{display:none;}}


@media screen and (max-width: 1000px) {
.comment{width:80%;}

.gmini{ width:400px;}
}

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

.int_title{ width:95%;}
.int_title2{ width:95%;}

#limited { padding:0;}
#limited2 {width:100%; background: url(img/limited_bg_mp.jpg) no-repeat center center;background-size: cover;}
#limited .limited_contents {width:100%; padding:20px 0px; margin:0; background: rgba(255,255,255,1); }
.limited-con{text-align:left; margin:0px; padding:10px 25px; font-size:18px; font-weight:bold;}
#limited2 .limited_contents2 {width:100%; padding:20px 0; }


#genga{width:100%; margin:0 auto 5px auto; padding:20px 0 10px 0; }
.genga_title{}
.genga1, .yajirushi{width:95%;}
.gmini{ width:350px;}

.comment{width:85%;}

.mp{display:inline;}
.pc{ display:none;}


}

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

h2{font-size:23px;}
.int_title{ width:100%;}
.int_title2{ width:100%;}

#limited { padding:0;}
#limited .limited_contents {width:100%;padding:20px 0; line-height:150%; }

.limited-con{text-align:left; margin:0px; padding:10px 25px; font-size:14px; font-weight:bold;}
#limited2 .limited_contents2 {width:88%; padding:10px; line-height:150%;}

#genga{width:98%; padding:40px 1% 0; }
.genga_title{font-size:20px;}

.genga1, .yajirushi{width:95%;}
.gmini{ width:55%;}

.info{ font-size:120%;}
.sp{ display: inline;}
input[type="text"]{ width:90%;}

}