@charset "UTF-8";
#top-header-wrap,
#top-header-wrap02 { display: none;}
#free-page {width: 85%;}
#contents ul img { box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.3);}
#contents h1 { font-size: 230%; font-weight:700; background: linear-gradient(transparent 60%, #DBEEF5 60%);}
#contents h2 { font-size: 230%; color: #ff0000; font-weight: 600; text-shadow: 1px 1px #8A8A8A, 2px 2px #999, 3px 3px #888, 4px 4px #777, 5px 5px #666, 6px 6px #555, 7px 7px 4px #000;}
#contents h3 { font-size: 200%; color: #EDCE65; font-weight: 600; text-shadow: 1px 1px #8A8A8A, 2px 2px #999, 3px 3px #888, 4px 4px #777, 5px 5px #666, 6px 6px #555, 7px 7px 4px #000; background-color: #DBEEF5; border-radius: 10px 10px 0 0;}
.text-eria {border: 3px solid #ff0000;	border-radius: 10px;	padding: 1rem;}.text-eria p {font-size: 120%;}
#hosyou {padding-top: 5rem;	margin-bottom: 5rem;	background-color: #FCFAF6;}
#hosyou img {border-radius: 10px;}
#omakase-text {border: 2px solid #DBEEF5;	border-radius: 0 0 10px 10px;	padding: 1rem}
#top-voice-bg {background-image: url("../img/bg_voice.jpg");	background-size: cover;	background-position: center center;	background-repeat: no-repeat;	position: relative;}#top-voice-bg:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.7);	z-index: 5;}#top-voice-bg > div {position: relative;	z-index: 10;}#top-voice header {background-image: url("../img/bg-voice-tit.jpg");	background-size: cover;	background-position: center center;	background-repeat: no-repeat;	position: relative;	padding: 5rem 0;}#top-voice header:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.5);	z-index: 5;}#top-voice h1,
#top-voice p {position: relative;	z-index: 10;}
#top-voice i {color: #ffd000;}
#top-voice .under-bar {border-bottom: 2px solid #5aa1e3;}
#top-voice li i {font-size: 250%;	color: #5aa1e3;}
#top-voice figure {position: relative; margin: 0 0 0;}#top-voice .before-after {position: absolute; top: 0;	left: 0;}#top-voice .before-after p {font-size: 180%;	color: #fff;	font-weight: bold;	transform: rotate(-7deg);	text-shadow: 1px 1px 10px #333;}#top-voice figcaption {font-size: 80%;}
#top-voice figure {display: inline-block;	position: relative;	overflow: hidden;	padding: 10px; /* 6px だけは写真からはみ出す */	transform: rotate(-3deg);}#top-voice figure img {box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);}#top-voice figure:before,#top-voice figure:after {content: "";	position: absolute;	z-index: 1;	width: 97px;	height: 50px;	background: #DCF7FF;	transform: rotate(-30deg);}/* 左上 */
#top-voice figure:before {box-shadow: 0 10px 8px -12px rgba(0, 0, 0, 0.8);	top: -24px;	bottom: auto;	right: auto;	left: -26px;}/* 右下 */
#top-voice figure:after {box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.7);	top: auto;	bottom: -22px;	right: -25px;	left: auto;}
@media (min-width: 1300px){ #contents { font-size: 1.1rem; }}@media (max-width: 767px){#free-page {width: 100%;}}
@media (max-width: 575px){#contents h1 { font-size: 180%;
}
#contents h2 { font-size: 180%;}#contents h3 { font-size: 120%;}#painting-top > div {padding: .5rem;}#painting-top p {line-height: 1.6;}
#contents dl {padding: 2rem 1rem;}
#contents dt {padding-bottom: 1rem;}#top-voice li i {font-size: 400%;}#top-voice figcaption {font-size: 100%;}#top-voice .before-after {position: absolute; top: 0;	left: 2rem;}#top-voice .before-after p { font-size: 230%;}}