@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');
/* Scss Document */
* {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
body, h1, h2, h3, h4, h5, h6, p, ul, li, th, td, dt, dd, img, a, a:link, a:visited, a:active, a:hover, a:focus {
  margin: 0;
  padding: 0;
  color: #000;
}
p, li, th, td, dt, dd, a {
  line-height: 1.8;
  font-size: 0.8rem;
}
body {
  width: 100%;
}
li {
  list-style: none;
}
a, a:link, a:visited, a:active, a:hover, a:focus {
  color: #000 !important;
  text-decoration: none;
}
a, a img {
  opacity: 1;
  transition: opacity 0.8s;
}
a:hover, a:focus, a:hover img, a:focus img {
  opacity: 0.7;
  transition: opacity 0.8s;
}
img {
  max-width: 100%;
}

.sp{
display:block;
}
.pc{
display:none;
}

header h1 {
  width: 300px;
  margin: 20px auto;
}
header h1 img {
  width: 300px;
}

.section{}
.section .visual{
	width:100%;
	height:260px;
	position:relative;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}
.section .visual > img{
	display:block;
	position:absolute;
	top:30px;
}
.section > h2{
	margin:5% auto 1.5%;
	font-size:1.0rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
	text-align:center;
}
.section > p{
	width:90%;
	max-width:630px;
	margin:0 auto;
}
.section > p > span{
	margin-bottom: 20px;
	display: block;
}

.section#main .visual{
	background-image:url(../images/main/img_main.jpg);
}
.section#main .visual > img{
	right:15%;
	height:200px;
	width: auto;
}
.section#main > p{
	margin:0 auto 5%;
}
.section#everyday .visual{
	background-image:url(../images/everyday/img_everyday.jpg);
}
.section#everyday .visual > img{
	left:15%;
	height:175px;
	width: auto;
}
.section#butsudan .visual{
	background-image:url(../images/butsudan/img_butsudan.jpg);
}
.section#butsudan .visual > img{
	right:15%;
	height:150px;
	width: auto;
}
.section#bunke .visual{
	background-image:url(../images/bunke/img_bunke.jpg);
}
.section#bunke .visual > img{
	right:15%;
	height:200px;
	width: auto;
}


.items_title{
	background-color:#f4f4f4;
	padding:5% 0;
}
.items_title > img{
	display:block;
	width:60%;
	margin:0 auto 10px;
}
.items_title > h3{
	margin:0 auto 20px;
	font-size:1.2rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
	text-align:center;
}
.items_title > p{
	width:90%;
	max-width:630px;
	margin:0 auto;
	text-align:left;
}

.items_text{
padding-top: 30px;
}
.items_text_img{
width:70%;
margin:0 auto;
}
.items_text_lead{
margin-bottom: 20px;
}
.items_text_name{
margin:0px 0 10px;
padding:0 0 5px;
border-bottom:1px solid #000000;
display:flex;
flex-flow:row wrap;
align-items:baseline;
justify-content:space-between;
}
.items_text_name > span:nth-child(1){
font-size:1.2rem;
font-weight:bold;
letter-spacing:0.1em;
}
.items_text_name > span:nth-child(2){
font-weight:normal;
}
.items_text_exp{
margin:0 0 20px 0;
}
.items_text_price{
margin:0 0 20px 0;
text-align:center;
font-size:0.7rem;
color:#E60012;
}
.items_text_price strong{
font-family: 'Roboto Condensed', sans-serif;
font-weight:700;
font-size:1.2rem;
letter-spacing:0.1em;
}

.items_text_bt_link{
margin:0 auto 5%;
padding:0 0 50px 0;
}
.items_text_bt_link a{
display:block;
width:134px;
height: 32px;
margin: 0 auto;
background: url(../images/common/btn_more.png) no-repeat;
background-size: contain;
}

.footer_text {
width:90%;
max-width:800px;
  padding: 30px;
  margin: 5% auto;
  box-sizing:border-box;
  border: double 5px #614350;
}
.footer_text p {
font-size:1.2rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", serif;
  color: #614350;
}
footer {
  background: #B7D5E2;
  margin: 0 auto;
  padding: 3% 0;
}
footer p {
  width: 196px;
  margin: 20px auto;
}
footer p img {
  width: 196px;
}
@media (min-width: 768px) {
  .sp{
display:none;
}
.pc{
display:block;
}

.items_text_img{
width:50%;
margin:0 0;
}
.items_title > img{
	width:309px;
	height:70px;
	margin:0 auto 30px;
}


}

@media (min-width: 1024px) {
  p, li, th, td, dt, dd, a {
    line-height: 1.8;
    font-size: 16px;
  }
  .sp{
display:none;
}
.pc{
display:block;
}
  
.section .visual{
	height:450px;
	background-size:contain;
}

.section > h2{
	font-size:22px;
}
.section#main .visual{
	height:600px;
}
.section#main .visual > img{
    height:338px;
	right:30%;
}

.section#everyday .visual > img{
	height:294px;
	left:30%;
}

.section#butsudan .visual > img{
	height:251px;
	right:30%;
}

.section#bunke .visual > img{
	height:335px;
	right:30%;
}

.items_title > img{
	width:309px;
	height:70px;
	margin:0 auto 30px;
}
.items_title > h3{
	margin:0 auto 30px;
	font-size:22px;
}
.items_title > p{
	width:100%;
	max-width:630px;
}
.items_text{
padding-top: 50px;
}
.items_text_img{
width:50%;
margin:0 0;
}
.items_text_lead{
margin-bottom: 20px;
}
.items_text_name{
padding:0 0 5px;
}
.items_text_name > span:nth-child(1){
font-size:22px;
}
.items_text_exp{
margin:0 0 30px 0;
}
.items_text_price{
margin:0 0 20px 0;
font-size:14px;
}
.items_text_price strong{

font-size:26px;
}

}