@charset "utf-8";
/* CSS Document */

.pc-only {
	display: block;
}

.sp-only {
	display: none;
}
	
body {
  width: 100%;
	margin: 0 auto;
	font-family: Helvetica Neue, Helvetica, YuGothic, Yu Gothic, 'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳＰゴシック", sans-serif;
	color: #555;
	font-size: 10px;
  line-height: 1.9;
}

header, main {
	width: 1000px;
	margin: 0 auto;
}

footer {
	width: 80%;
	padding: 50px 10%;
	background: #ffd21a;
	text-align: center;
}

h3,p,ul,address,small {
	font-family: 'GenJyuuGothic-Normal';
	font-size: 160%;
	line-height: 3;
}

footer div {
	margin: 10px 0 50px;
}

footer ul ,
footer p {
	line-height: 2;
}
footer ul {
	margin: 0 0 20px;	
}

li {
	list-style: none;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

a {
	color: #555;
	text-decoration: none;
}

a:hover {
	opacity: 0.5;
}

nav {
	margin: 50px 0 100px;
}

nav ul {
	display: flex;
	justify-content: center;
}

nav a {
	cursor: pointer;
}

h2 img {
	width: 100%;
}

.profile-box {
	margin: 0 0 150px;
	text-align: center;
}

.profile-box h2,
.profile-box div {
	margin: 0 auto 50px;
}

/*.profile-box.pc-only h2 picture img {*/
.profile-box h2 picture img {
	width: 60%;
}

.profile-box-text p {
}

.profile-box-copy {
	width: 60%;
}

.strong_font {
	font-size: 190%;
	line-height: 1.6;
	ont-weight: 700;
}

#one-box,
#two-box,
#three-box {
	margin: 0 0 150px;
}

#one-box div {
	margin: 50px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#one-box div img {
	width: 400px;
}

#two-box p {
	text-align: center;
	line-height: 2;
}

#two-box h2,
#two-box h3,
#three-box h2 {
	margin: 0 0 50px;
}

.two-box-images {
	margin: 50px 0;
}

.two-box-images {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 50px 0 100px;
}

.two-box-images div {
	width: 300px;
	margin: 30px 50px;
}

.two-box-images img {
	margin: 0 0 20px;
}

.shop-item-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.shop-item-box div {
	width: 350px;
	margin: 0 0 50px;
}

.akafuku-bnr-box {
	text-align: center;
	margin: 0 0 50px;
}

.pagetop {
  height: 50px;
  width: 50px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  background: #fff;
  border: solid 2px #000;
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 2;
  cursor: pointer;
}

.sns-box-text {
  position: relative;
  width: 380px;
  margin: 0 auto;
  line-height: 2;
	text-align: center;
}

.sns-box-text::before {
  content: "";
  position: absolute;
  top: -22px;
  left: -80px;
  display: block;
  width: 77px;
  height: 110px;
  background: url("../images/sns-okageinu-left.png") no-repeat top left;
  background-size: 100%;
}

.sns-box-text::after {
  content: "";
  position: absolute;
  top: -11px;
  right: -93px;
  display: block;
  width: 90px;
  height: 89px;
  background: url("../images/sns-okageinu-right.png") no-repeat top right;
  background-size: 100%;
}

.sns-box-okageinu {
  width: 73px;
  margin: 50px auto;
}

.sns-box-green,
.sns-box-red {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 450px;
  margin: 50px auto;
  padding: 20px;
  background-color: rgba(62,90,78,0.30);
  /*border: 3px solid #3e5a4e;*/
  border-radius: 35px;
  text-align: center;
}

.sns-box-red {
  background-color: rgba(226,20,18,0.30); 
  /*border: 3px solid #e21412;*/  
}

.sns-box-green li,
.sns-box-red li {
  margin: 0 20px;
}

.sns-box-green img,
.sns-box-red img {
  width: auto;
  height: 50px;
}

.sns-box-green .logo img,
.sns-box-red .logo img {
  width: auto;
  height: 70px;
}

/*1000px以下*/
@media (max-width: 1000px) {
	header, main {
		width: 100%;
	}
	
	main {
		width: 90%;
		margin: 0 auto;
	}
}

/*768px以下*/
@media (max-width: 768px) {
	.pc-only {
		display: none;
	}

	.sp-only {
		display: block;
	}
	
	body {
		font-size: 8px;
	}
	
	h3,p,ul,address,small {
		line-height: 2;
	}

	nav {
		margin: 20px 0 50px;
	}
	
	.profile-box {
		text-align: left;
	}
	
	.profile-box h2 picture img {
		width: 100%;
	}
	
	.strong_font {
		font-size: 100%;
	}
	
	.profile-box-copy {
		width: 100%;		
	}
	
	.profile-box,
	#one-box,
	#two-box,
	#three-box {
		margin: 0 0 50px;
	}

	#one-box div {
		width: 80%;
		margin: 20px auto;
	}	

	#one-box div picture {
		margin: 20px auto;
	}
	
	.two-box-images {
		margin: 50px auto;
	}
	
	.two-box-images picture {
		display: block;
		width: 200px;
		margin: 0 auto;
	}
	
	#two-box h3 {
		border-bottom: 4px solid #f8d219;
	}
  
  .sns-box-text {
    width: 316px;
  }
  
  .sns-box-text::before,
  .sns-box-text::after {
    display: none;
  }
  
  /*.sns-box-okageinu {
    position: relative;    
  }
  
  .sns-box-okageinu::before {
    content: "";
    position: absolute;
    top: -9px;
    left: -80px;
    display: block;
    width: 77px;
    height: 110px;
    background: url("../images/sns-okageinu-left.png") no-repeat top left;
    background-size: 80%;
  }

  .sns-box-okageinu::after {
    content: "";
    position: absolute;
    top: 4px;
    right: -90px;
    display: block;
    width: 90px;
    height: 89px;
    background: url("../images/sns-okageinu-right.png") no-repeat top right;
    background-size: 80%;
  }*/
  
  .sns-box-green, .sns-box-red {
    justify-content: space-around;
    width: 80%;
    padding: 20px 5%;
  }

  .sns-box-green li, .sns-box-red li {
    margin: 0;
  }  

}

/*428px以下*/
@media (max-width: 428px) {  
  .sns-box-green, .sns-box-red {
    flex-wrap: wrap;
	width: 60%;
  }  

  .sns-box-green li, .sns-box-red li {
    width: 27%;
  }  

  .sns-box-green li.logo, .sns-box-red li.logo {
    width: 100%;
  }  

  .sns-box-green img,
  .sns-box-red img {
    width: auto;
    height: 45px;
    margin: 20px auto;
  }
  
  .sns-box-green .logo img,
  .sns-box-red .logo img {
    height: 80px;
  }
}