body {
	font-family: 'Noto Serif JP', serif;
	font-size: 15px;
	line-height: 1.8;
}

#teaser {
	background: url(images/cochedury/main_bg.jpg) no-repeat;
	background-size: cover;
	background-position: top;
	padding: 80px 0;
}

#teaser .copy {
	width: 660px;
	max-width: 90%;
}

.section-reason {
	background: url(images/cochedury/bg1.jpg) repeat-y;
	background-size: 100%;
	padding: 80px 0;
	color: #fff;
}

.section-reason h2 {
	color: #e4bf5f;
	font-weight: 600;
	margin-bottom: 60px;
}

.section-reason .head {
	font-size: 1.2em;
	margin-bottom: 25px;
	line-height: 1.6;
}

.section-reason .head .color {
	color: #e4bf5f;
	font-size: 1.4em;
	font-weight: 600;
}

.section-reason .point {
	width: 794px;
	max-width: 100%;
	margin: 0 auto;
}

.section-oldwine {
	background: url(images/cochedury/bg2.jpg) no-repeat;
	background-size: cover;
	padding: 80px 0;
	color: #fff;
}

.section-oldwine .section-title {
	color: #e4bf5f;
	margin-bottom: 60px;
}

.section-oldwine .section-title h2 {
	font-family: 'Libre Baskerville', serif;
	font-size: 2.8em;
	color: #e4bf5f;
	font-weight: 400;
}

.section-oldwine p {
	margin-bottom: 2em;
}

.section-words {
	background: url(images/cochedury/bg1.jpg) repeat-y;
	background-size: 100%;
	padding: 80px 0;
	color: #fff;
}

.section-words .words-list>div {
	width: 50%;
	padding: 0 80px 0 0;
	margin: 0 0 40px;
}

.section-words .words-list>div .img {
	width: 100px;
	flex-shrink: 0;
}

.section-words .words-list>div .img img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
}

.section-words .words-list>div .text {
	width: calc(100% - 100px);
	padding: 20px 0 0 20px;
	font-size: 1.2em;
}

.section-words .words-list>div .text .name {
	font-size: .7em;
	color: #e4bf5f;
	text-align: right;
}

.section-words .point {
	width: 698px;
	max-width: 100%;
	margin: 70px auto 0;
}

.section-lineup {
	padding: 80px 0;
	background: #efede1;
}

.section-lineup .section-title {
	color: #cb9738;
	margin-bottom: 60px;
}

.section-lineup .section-title h2 {
	font-family: 'Libre Baskerville', serif;
	font-size: 2.8em;
	color: #cb9738;
	font-weight: 400;
}

.section-lineup .section-title small {
	color: #555;
}

.lineup-list {
	font-size: .9em;
	line-height: 1.6;
}

.lineup-list p {
	margin-bottom: .5em;
}

.lineup-list .month {
	background: #cb9738;
	color: #fff;
	font-size: .9em;
	border-radius: 50px;
	padding: .4em 2em;
	line-height: 1;
	display: inline-block;
	margin: 10px auto;
}

.lineup-list .price {
	color: #555;
}

.lineup-list img {
	width: 50%;
}

.section-lineup .img-price {
	width: 1020px;
	max-width: 100%;
	margin: 60px auto 0;
}

.section-voice {
	background: url(images/cochedury/bg1.jpg) repeat-y;
	background-size: 100%;
	padding: 80px 0;
	color: #fff;
}

.section-voice h2 {
	color: #fff;
	margin-bottom: 50px;
}

.section-voice .inner {
	background: rgba(255,255,255,.05);
	padding: 25px;
	margin: 15px;
}

.section-form {
	padding: 80px 0;
	background: #fff;
}

.section-form .container {
	border-top: solid 1px #e4bf5f;
	border-bottom: solid 1px #e4bf5f;
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-form h2 {
	color: #e4bf5f;
	margin-bottom: 20px;
}

.mw_wp_form table {
	width: 900px;
	max-width: 100%;
	margin: 50px auto 20px;
	border-top: solid 1px #555;
}

.mw_wp_form table th {
	padding: 1.5em;
	background: #555;
	width: 35%;
	position: relative;
	border-bottom: solid 1px rgba(255,255,255,.2);
	color: #fff;
}

.mw_wp_form table th .rq {
	background: #a32430;
	color: #fff;
	font-size: .8em;
	padding: 0 0.5em;
	margin: 0 0 0 5px;
}

.mw_wp_form table tr:last-child th {
	border-bottom: solid 1px #555;
}

.mw_wp_form table td {
	padding: 1.5em;
	border-bottom: solid 1px #555;
}

.mw_wp_form input,
.mw_wp_form input:focus,
.mw_wp_form input:active,
.mw_wp_form input:active:focus,
.mw_wp_form select,
.mw_wp_form textarea {
	border: solid 1px #ddd!important;
	margin: 0!important;
	max-width: 90%;
	color: #333;
	max-width: 90%;
	padding: 5px 10px;
	height: auto;
}

input[type="text"],
input[type="email"]{
		-webkit-appearance: none;
}

.ui-datepicker .ui-datepicker-title {
	display: flex;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: .9em;
	color: #555;
}

.mw_wp_form .zip-button {
	background: #555;
	margin: 0 0 0 10px;
	font-size: .9em;
}

.mw_wp_form .doui {
	background: #eee;
	font-size: .8em;
	padding: 20px;
	width: 800px;
	margin: 10px auto 40px;
	height: 180px;
    overflow: scroll;
    max-width: 100%;
}

.mw_wp_form input[type="submit"],
.mw_wp_form input[type="submit"]:hover,
.mw_wp_form input[type="submit"]:focus,
.mw_wp_form input[type="submit"]:active,
.mw_wp_form input[type="submit"]:active:focus{
	background: #e4bf5f;
	border: none!important;
	color: #fff;
	font-weight: bold;
	padding: 15px;
	width: 280px;
	max-width: 70%;
}

.mw_wp_form_confirm .attention-text,
.mw_wp_form_confirm .zip-button,
.mw_wp_form_confirm .doui {
	display: none;
}

.mw_wp_form input[type="submit"].back {
	width: 180px;
	background: #ccc;
}


@media (min-width: 768px) {
	.pcnon,
	br.sp {
		display: none;
	}
}


@media (max-width: 767px) {
	.spnon {
		display: none;
	}
	br.pc {
		display: none;
	}
	body {
		font-size: 14px;
	}
	#teaser .copy {
		margin: 0 auto;
	}
	#teaser {
		background: url(images/cochedury/sp_bg.jpg) no-repeat;
    background-size: cover;
    background-position: top;
    padding: 30px 0;
	}
	.section-reason {
		padding: 40px 0;
	}
	.section-reason h2 {
		font-size: 1.2em;
		margin-bottom: 20px;
	}
	.section-reason .head {
    font-size: 1.1em;
    margin-bottom: 10px;
	}
	.section-oldwine {
		padding: 40px 0;
	}
	.section-oldwine p {
		margin-bottom: 1em;
	}
	.section-oldwine .section-title,
	.section-lineup .section-title {
		margin-bottom: 10px;
	}
	.section-oldwine .section-title h2,
	.section-lineup .section-title h2{
		font-size: 2em;
	}
	.section-voice h2 {
		font-size: 1.4em;
		margin-bottom: 20px;
	}
	.section-words,
	.section-lineup,
	.section-voice {
		padding: 40px 0;
	}
	.section-words .words-list>div {
		width: 100%;
		padding: 0;
		margin: 0 0 20px;
	}
	.section-words .words-list>div .img {
		width: 60px;
	}
	.section-words .words-list>div .img img {
		width: 60px;
		height: 60px;
	}
	.section-words .words-list>div .text {
		width: calc(100% - 60px);
		padding: 10px 0 0 10px;
		font-size: .9em;
	}
	.section-words .words-list>div .text p {
		margin-bottom: .5em;
	}
	.section-words .point {
		margin: 50px auto 0;
	}
	.lineup-list img {
		width: 80%;
	}

	.lineup-list {
    font-size: .8em;
	}

	.section-lineup .img-price {
		margin: 20px auto 0;
	}
	.section-voice .inner {
		margin-bottom: 10px;
		font-size: .9em;
		padding: 15px;
	}

	.section-form {
		padding: 0;
	}
	.section-form .container {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.mw_wp_form table {
		margin: 25px auto;
	}
	.mw_wp_form table th,
	.mw_wp_form table td {
		display: block;
		width: 100%;
		padding: 10px;
		border: none;
	}
	.mw_wp_form input, .mw_wp_form input:focus, .mw_wp_form input:active, .mw_wp_form input:active:focus, .mw_wp_form select, .mw_wp_form textarea {
		max-width: 100%;
		width: 100%;
	}
	.attention-text {
		font-size: .85em;
	}
	.sp-left {
		text-align: left!important;
	}
	.mw_wp_form table {
		width: 100%;
	}
}
