/* Css for Coupon */
/* SMART PHONE */
@media screen and (max-width:1023px) {
.container {
	width:320px;
}
.logo {
	height:100px;
}
.buttons {
	display: block;
	margin-top:30px;
}
.button {

}
.frm {
	text-align: center;
}
.clear {
	clear:both;
}
.mailaddr {
	width:250px;
}

.selectfield {
	width:270px;
}
.textfield {
	width:270px;
}
.namefield {
	font-size:large;
	width:150px;
}
.soshikifield {
	font-size:large;
	width:250px;
}
.textarea {
	width:270px;
	height:5em;
}

.buildlink_img {
	width:130px;
}
.yoko {
	font-size:small;
}

.koshi_img {
	width:100px;
	height:100px;
	overflow: hidden;
}
.koshi_img img {
	width:100px;
}
.koshi_list .koshi_title {
}
.koshi_item {
	margin-bottom:10px;
}
.koshi_list .koshi_name {
	margin-bottom:20px;
}
.koshi_profile {
}
.field_title {
	font-size:xx-small;
	 color:#888;
}
.schdeule_img {
	width:300px;
}


} /* Smart Phone */

/* WIDE SCREEN */
@media screen and (min-width:1024px) {
.container {
	width:1024px;
}
.logo {
	height:300px;
}
.buttons {

}
.button {
	margin-left:20px;
}
.mailaddr {
	width:300px;
}
.selectfield {
	width:300px;
}
.textfield {
	width:400px;
}
.namefield {
	width:150px;
}
.soshikifield {
	width:250px;
}
.textarea {
	width:400px;
	height:5em;
}

.buildlink_img {
	width:150px;
	margin-right:10px;
}
.yoko {
	margin-left:20px;
}

.koshi_img {
	float:left;
	width:140px;
}
.koshi_img img {
	width:100px;
}
.koshi_list .koshi_title {
	padding-left:140px;
}
.koshi_item {
	margin-bottom:10px;
}
.koshi_list .koshi_name {
	margin-bottom:20px;
	padding-left:140px;
}
.koshi_profile {
	padding-left:140px;
}
.field_title {
	padding-left:140px;
	font-size:xx-small;
	 color:#888;
}


} /* Wide Screen */

/* MAIN */
body {
	margin:0px;
	padding:0px;

font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;

    background-color: #fff;
}
a {
	color:blue;
}
.container {
	background-color: #fff;
	margin-left:auto;
	margin-right:auto;
	padding-top:1px;
	margin-top:0px;
}
.logo {
	background-image: url("../img/main-min.png");
	background-size:cover;
	margin-bottom:10px;
	margin-top: -1px;
}
h1 {
	font-size:x-large;
	margin-left:20px;
	margin-top:5px;
}
h2 {
	font-size: medium;
	margin-left:20px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight: normal;
}
.desc {
	margin-left:20px;
	margin-right:20px;
}
.frm {
	margin-left:20px;
	margin-right:20px;
	margin-top:30px;
	margin-bottom:30px;
}
.mailaddr {
	font-size:large;
}
.button {
	font-size:large;
}
.footer {
	height:200px;
}
.info {
	margin-left:20px;
	color:blue;
	font-size:large;
	margin-bottom:10px;
}

.errmsg {
	margin-left:20px;
	color:red;
	font-size:large;
	margin-bottom:10px;
}
.frmitem {
	margin-bottom:20px;
}
.frmtitle {
	color:#888;
	font-size:small;
	text-align: left;
}
.frmtitleq {
	color:#222;
	font-size:small;
	text-align: left;
}
.frmtitledesc {
	color:#822;
}

.frmfield {
	font-size:large;
	text-align: left;
}
.fielddesc {
	font-size:small;
	color:#822;
}
.yoko pre {
	white-space: pre-wrap;
}
.kijun {
	border:solid 1px #888;
	border-radius: 5px;
	padding:5px 5px 20px 10px;
}
.cntletter {
	font-size:xx-small;
	color:#555;
}
.menseki {
	font-size:small;
	height:400px;
	overflow:scroll;
	border:solid 1px #888;
	padding:10px;
	box-sizing: border-box;
	margin-bottom:20px;
	text-align: left;
}
.reqmsg {
	font-size:large;
	margin-top:5px;
	margin-bottom:5px;
	color:red;
}
.required {
	font-size:medium;
	color:red;
}

.upload_btn {
	font-size:xx-small;
	color:blue;
}
.buildlink {
	margin-bottom:30px;
	margin-left:20px;
	margin-right:20px;
}


.nittei_list {

}
.nittei_item {
	margin-bottom:20px;
	padding-bottom: 10px;
	border-bottom:dashed 1px #888;
}
.nittei_date {
	margin-bottom:10px;
	padding-left: 140px;
}
.nittei_shurui {
	font-size:small;
	color:#444;
	padding-left: 140px;
}
.nittei_theme {
	margin-bottom:10px;
	padding-left: 140px
}
.koshi_list {
	margin-top:30px;
}
.koshi_list .koshi_item {
	margin-bottom:20px;
	padding-bottom: 10px;
	border-bottom:dashed 1px #888;
}
.koshi_title {
	font-size:small;
	color:#444;
}

.selectfield {
	font-size:large;
	font-family: monospace;
}
.textfield {
	font-size:large;
	font-family: monospace;
}
.namefield {
	font-size:large;
	font-family: monospace;
}
.soshikifield {
	font-size:large;
	font-family: monospace;
}
.textarea {
	font-size:large;
	font-family: monospace;
}
.em {
	text-decoration: underline;
	font-weight: bold;
}