@charset "UTF-8";

/*
Theme Name:tomiton
*/

/************************************************

	top
 
************************************************/
/* hero */
.hero {
	background:#e95386;
	position:relative;
	text-align:center;
}
.hero-image-wrap {
	display:table;
	padding:15px;
	width:100%;
	text-align:center;
}
.hero-image {
	display:table-cell;
	vertical-align:middle;
}
.hero-image img {
	width:100%;
	max-width:480px;
}
.hero-bottom-text {
	margin:0;
	position:absolute;
	bottom:5px;
	width:100%;
	text-align:center;
}
.hero-bottom-text a {
	display:inline-block;
	padding:5px;
	color:#fff;
	font-size:1.2em;
	line-height:1em;
}
.hero-bottom-text a.hover {
	background-color:rgba(0,0,0,0.1);
	border-radius:5px;
}
.hero-bottom-text a i {
	font-size:2rem;
	line-height:1em;
}

/* cm-description */
.cm-image {
	margin:0 0 15px;
	text-align:center;
}
.cm-image img {
	width:100%;
	max-width:460px;
}
.cm-text {
	text-align:center;
}
.cm-text img {
	width:100%;
	max-width:460px;
}

@media (min-width: 768px) {

/* hero */
.hero-inner img {
	max-width:560px;
}
.hero-bottom-text {
	bottom:10px;
}
.hero-bottom-text a {
	font-size:1.6em;
	line-height:1em;
}
.hero-bottom-text a i {
	font-size:2.4rem;
	line-height:1em;
}

}
@media (min-width: 992px) {
.hero-inner img {
	max-width:640px;
}

/* cm-description */
.cm-image {
	margin:0;
}
.cm-text {
	padding:50px 0 0;
}
.cm-text img {
	max-width:100%;
}

}
@media (min-width: 1200px) {
}

/************************************************

	form　レイアウト用

************************************************/

/* form-item */
.form-item {
	padding:20px 0;
	border-top:1px solid #f0f0f0;
}
.form-item.last-item {
	border-bottom:1px solid #f0f0f0
}

/* form-item-name */
.form-item-name {
	margin:0 0 5px;
	font-size:1.6em;
	line-height:1.5em;
}
.form-item-name span {
	margin-left:5px;
	font-size:1.2rem;
	color:#e95386;
}

/* form-item-field */

/* form-item-annotation */
.form-item-annotation {
	margin:10px 0 0;
	font-size:1.2rem;
	line-height:1.5em;
	color:#999;
}

/* agreement */
.agreement-text {
	margin:20px 0;
	padding:10px;
	height:300px;
	border:1px solid #ccc;
	overflow-y:scroll;
	text-align:left !important;
}
.agreement .form-item-field {
	text-align:center;
}

/* form-btn */
.form-btn {
	padding:30px 0;
	text-align:center;
}

@media (min-width: 768px) {

/* form-item */
.form-item {
	padding:30px 0;
}

/* form-item-name */
.form-item-name {
	margin:0 0 5px;
	font-size:2em;
	line-height:1.5em;
}
.form-item-name span {
	font-size:1.2rem;
	color:#e95386;
}

/* agreement */
.agreement .form-item-name {
	text-align:center;
}
.agreement-text {
	margin:20px 0;
	padding:15px;
}
.agreement .form-item-field {
	text-align:center;
}

}
@media (min-width: 992px) {

.section-form .inner {
	margin:0;
}

}
@media (min-width: 1200px) {
}


/************************************************

	form 入力用

************************************************/

/* form style reset */

.form-item input,
.form-item button,
.form-item textarea,
.form-item select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* text,email */
.form-item input[type="text"],
.form-item input[type="email"] {
	padding:0.8em 10px;
	width:100%;
	font-size:1.6em;
	line-height:1.4em;
	color:#333;
	background:#f0f0f0;
	border:1px solid #f0f0f0;
}

/* text,email focus */
.form-item input[type="text"]:focus,
.form-item input[type="email"] :focus {
	background:#fff;
}

/* select */
.form-item select {
	padding:0.3em 1em;
	width:160px;
	font-size:1.6em;
	line-height:1.4em;
	background:#f0f0f0;
	border:1px solid #f0f0f0;
	border-radius:16px;
}
.form-item .select-wrap {
	display:inline-block;
	position:relative;
}
.form-item .select-wrap:after {
	top:0;
	right:10px;
	position:absolute;
	font-family:FontAwesome;
	content: "\f107";
	font-size:1.6em;
	line-height:2em;
	color:#333;
}

/* file */
.form-item input[type="file"] {
	max-width:100%;
	padding:1em;
	font-size:1.2em;
	line-height:1em;
	color:#999;
	border:1px solid #f0f0f0;
	background:#f0f0f0;
}
.mwform-file-delete {
	font-size:2em;
	color:#333;
	padding:2px;
}

/* checkbox */
.form-item.agreement label {
	position: relative;
	display: inline-block;
	padding-left:34px;
	cursor: pointer;
	font-size:1.6rem;
	line-height:24px;
}
.form-item.agreement input[type="checkbox"] {
	display:inline-block;
	margin:0 10px 0 0;
	width:24px;
	height:24px;
	border:1px solid #f0f0f0;
	background:#f0f0f0;
	position:absolute;
	left:0;
}
.form-item.agreement input[type="checkbox"]:checked:after {
	position:absolute;
	font-family:FontAwesome;
	width:100%;
	height:100%;
	content: "\f00c";
	font-size:1rem;
	line-height:24px;
	text-align:center;
}

/* submit */
.form-btn input[type="submit"] {
	display:inline-block;
	margin:5px;
	padding:0 2em;
	font-size:1.6em;
	line-height:3em;
	font-weight:bold;
	color:#e95386;
	background:#fff;
	border:1px solid #e95386;
	border-radius:1.5em;
}
.form-btn input[type="submit"]:hover {
	background:#e95386;
	color:#fff;
}