@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;}
figure img {border-radius: 10px;}
.talk { display: inline-block; position: relative; padding: 2rem 1.5rem; border-radius: 12px; background: #d7ebfe;}
.talk:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #d7ebfe;}
#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}
@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%;}
}