@charset "UTF-8";

body {
	width: 100%;
	max-width: 1200px;
	height: 100%;
	min-height: 100%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fffff2;
	-webkit-text-size-adjust: none;
	font-size: 13px;
	line-height: 24px;
	color: #555555;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a:link {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #C00;
	text-decoration: none;
}

a:active {
	color: #000;
	text-decoration: none;
}

/* img {
  pointer-events: none;
} */

.txt_alin {
	text-align: center;
}

.ylw_line {
	background: linear-gradient(transparent 50%, #ffff99 50%);
}

.f_left, .f_right {
	float: left;
}

.f_left2, .f_right2 {
	float: right;
}

.ft_bg {
	font-size: calc(0.8em + 1.4vw );
	font-weight: bold;
	line-height: 1em;
}

header {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 60px;
	background-color: #fff;
  border-bottom: #519cd7 solid 2px;
  position:relative;
}

.logo {
	position: absolute;
	top: 0;
	left: 20px;
	padding: 10px 0;
}

.pankuzu {
	width: 100%;
	height: 55px;
}

.pankuzu p {
	position: absolute;
	top: 30px;
	right: 20px;
}

.Pgrh1, .Pgrh5 {
  width: 100%;
  height: auto;
  padding: 0 0 50px;
  background-image: url(images/bg3.png);
  background-repeat: repeat;
}

#intro1_bx1 {
	background-image: -moz-linear-gradient(#ffffcc 50%, #fff 50%, #fff);
	background-image: -o-linear-gradient#ffffcc 50%, #fff 50%, #fff);
	background-image: linear-gradient(#ffffcc 50%, #fff 50%, #fff);
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	overflow: hidden;
}

.flt_bx {
	float: right;
	width: 40%;
}

.intro {
	width: 100%;
	font-size: calc(2.2em);
	font-weight: bold;
	color: #1e90ff;
	text-align: center;
	line-height: 50px;
	padding-top: 50px;
	padding-left: 5%;
}

span.rd {
	color: #ff6347;
}

h1 {
	width: 100%;
	font-size: calc(3em);
	font-weight: bold;
	color: #f76a90;
	text-shadow: 3px 3px 0 #FFF, -3px 3px 0 #FFF, 3px -3px 0 #FFF, -3px -3px 0 #FFF;
	margin-top: 100px;
	display: inline-block;
	text-align: center;
	padding-left: 5%;
}

.main_img {
	width: 60%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 30px;
	float: right;
}

.main_img img {
	display: block;
	width: 90%;
	height: auto;
	margin: 0 auto;
}

.intro2 {
	clear: both;
	width: 90%;
  margin: -4vw auto 50px;
}

.intro3, .intro4, .intro5 {
	clear: both;
	width: 90%;
	margin: 30px auto 50px;
}

.intro6 {
	width: 88%;
	padding: 5px 1%;
	background-color: #ff7269;
	border: solid 2px #fff;
	border-radius: 18px;
	margin: 0 auto;
	box-shadow: 2px 2px 4px gray;
}

#intro2_bx1, #intro3_bx1 {
	width: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
}

#intro4_bx1 {
	width: 100%;
	margin-bottom: 1vw;
	text-align: center;
}

#intro2_bx1 .f_left {
	width: 10%;
}

#intro3_bx1 .f_left {
	width: 40%;
}

#intro2_bx1 .f_left img {
	width: 90%;
	margin-left: 10%;
	margin-bottom: -10px;
}

#intro3_bx1 .f_left img {
	width: 100%;
	margin-bottom: -10px;
}

#intro2_bx1 .f_right {
	width: 90%;
	padding-left: 2%;
	padding-top: 3%;
}

#intro3_bx1 .f_right {
	width: 60%;
	padding-left: 2%;
}

#intro2_bx2 {
	width: 100%;
	border: solid 3px #519cd7;
	border-radius: 20px;
	background-color: #ffffed;
	overflow: hidden;
	clear: both;
}

#intro3_bx2 {
	width: 100%;
	border: solid 3px #519cd7;
	border-radius: 20px;
	background-color: #f3fff3;
	overflow: hidden;
	clear: both;
}

#intro4_bx2 {
	width: 100%;
	padding: 20px 0;
	border: solid 3px #519cd7;
	border-radius: 20px;
	background-color: #fffcff;
	overflow: hidden;
}

#intro5_bx1 {
	width: 100%;
	padding: 20px 0;
	border: solid 3px #519cd7;
	border-radius: 20px;
	background-color: #f1ffff;
	overflow: hidden;
}

#intro2_bx2 .f_left{
	width: 48%;
}

#intro3_bx2 .f_right2 {
	width: 50%;
}

#intro3_bx2 .f_left2 {
	width: 50%;
	padding-top: 2%;
}

#intro4_bx2 .f_left{
	width: 40%;
	padding-top: 2%;
}

#intro2_bx2 .f_left img, #intro3_bx2 .f_right2 img {
	width: 90%;
	height: auto;
	padding: 5%;
}

#intro4_bx2 .f_left img {
	width: 90%;
	height: auto;
	padding: 15%;
}

#intro2_bx2 .f_right {
	width: 52%;
	padding-top: 2%;
}

#intro4_bx2 .f_right {
	width: 60%;
	padding-top: 2%;
}

.intro4_exp {
	width: 80%;
	text-align: left;
	margin: 0 auto;
}

.slash_lft {
	width: 5%;
	height: 5%;
	background-image: linear-gradient(45deg, transparent 48%, #ff7269 48%, #ff7269 52%, transparent 52%, transparent); /* 右下がりの斜線 */
	display: inline-block;
	color: transparent;
}

.slash_rgt {
	width: 5%;
	height: 5%;
	background-image: linear-gradient(-45deg, transparent 48%, #ff7269 48%, #ff7269 52%, transparent 52%, transparent); /* 右下がりの斜線 */
	display: inline-block;
	color: transparent;
}

#intro5_bx1 .f_left {
	width: 55%;
	padding-top: 2%;
}

#intro5_bx1 .f_right {
	width: 45%;
	padding-top: 2%;
}

#intro2_bx2 .f_right p , #intro3_bx2 .f_left2 p, #intro4_bx2 {
	font-size: calc(1em + 1vw );
	font-weight: bold;
	line-height: 2em;
	text-align: center;
}

#intro2_bx2 .f_right img, #intro4_bx2 .f_right img {
	display: block;
	width: 90%;
	margin: 0 auto;
}

#intro5_bx1 .f_left img{
	display: block;
	margin: 0 auto;
	width: 90%;
}

#intro5_bx1 .f_right img {
	display: block;
	margin: 0 auto;
	width: 70%;
}

#intro3_bx2 .f_left2 img {
	display: block;
	width: 70%;
	margin: 0 auto;
}

.intro6 a {
	display: block;
	width: 90%;
	margin: 0 auto;
}

.intro6 img {
	display: inline-block;
	width: 10%;
	vertical-align: middle;
}

.intro6 p{
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	vertical-align: middle;
	color: #fff;
	padding-left: 3%;
}

.Pgrh2 {
  width: 100%;
  height: auto;
	padding: 50px 0;
  background-color: #fff76e;
	position: relative;
}

.Pgrh2_outer {
	width: 94%;
	height: auto;
	margin: 0 auto;
	padding: 1% 0;
	background-color: #fffeee;
}

.Pgrh2_inner {
	width: 98%;
	height: auto;
	margin: 0 auto;
	background-color: #fffeee;
	border: dashed 2px #fff76e;
}

.Pgrh2_tp {
	width: 100%;
	overflow: hidden;
}

.Pgrh2_tp .img img {
	position: absolute;
	width: 25%;
	top: 10px;
	right: 10px;
}

.Pgrh2_tp .f_left {
	width: 35%;
	padding: 7% 1% 2%;
}

.Pgrh2_tp h2 {
	width: 100%;
}

.Pgrh2_tp h2 img{
	width: 100%;
	height: auto;
}

.Pgrh2_tp .f_right {
	width: 63%;
}

.Pgrh2_tp .f_right table {
	font-size: calc(0.9em + 0.7vw );
	line-height: 1.5em;
	margin-top: 30%;
}

.prc_ttl {
	padding-top: 10px;
  padding-right: 20px;
}

.prc_old {
	text-decoration: line-through;
}

.prc_special {
	color: red;
	font-weight: bold;
}

.prc_normal {
	color: red;
	font-weight: bold;
}

.dsin_drctn img {
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.dsin_drctn span {
	vertical-align: middle;
	font-size: calc(0.7em + 0.8vw );
}

.Pgrh2_btm {
	text-align: center;
	padding-top: 20px;
}

.dsny_list {
	width: 100%;
	overflow: hidden;
	margin-left: 0.5%;
}

.dsny_list .f_left {
	width: 27%;
	height: auto;
	margin: 30px 3%;
}

.dsny_list p {
  font-size: calc(0.7em + 0.7vw );
}

.dsny_ttl {
	font-weight: bold;
}

.dsny_list .f_left li img {
	width: 100%;
	box-shadow: 2px 2px 4px gray;
}

.btn_noname, .btn_name {
	width: 95%;
	margin: 5% 0;
	padding: 2%;
	color: #fff;
	border: solid 1px #fff76e;
	border-radius: 20px;
	background-color: #ff7269;
	box-shadow: 2px 2px 4px gray;
}

.Pgrh3 {
	width: 100%;
	height: auto;
	padding-bottom: 100px;
  background-image: url(images/bg2.gif);
  background-repeat: repeat;
	position: relative;
}

.Pgrh3 h2 {
	width: 80%;
	margin: 0 auto;
	padding: 20px 0;
}

.Pgrh3 h2 img {
	width: 100%;
	height: auto;
}

.Pgrh3 .txt_alin {
	font-size: calc(0.9em + 0.7vw );
}

.bln_container {
	width: 80%;
	margin: 30px auto;
}

.rv_ttl {
	font-size: calc(1em + 1vw);
	color: #fd7a6e;
	text-align: left;
}

.rv_cmnt {
	font-size: calc(1em + 0.3vw);
	padding: 10px 0;
}

.rv_cmnt p {
	line-height: 2em;
}

.usr_name {
	font-size: calc(1em + 0.7vw);
	color: #fd7a6e;
	text-align: right;
}

.bln_lt {
	margin: 30px 0;
	text-align: left;
}

.bln_rt {
	margin: 30px 0;
	text-align: right;
}

.bln_rt p{
 text-align: left;
}

.bln_lt .rv, .bln_rt .rv {
	display: inline-block;
	width: 60%;
	height: auto;
	padding: 20px;
	background-color: #f7efe3;
	border-radius: 12px;
	position: relative;
}

.bln_lt .rv:after {
	content:"";
	border-top: solid 70px #f7efe3;
	border-right: solid 20px transparent;
	border-left: solid 20px transparent;
	position: absolute;
	left: 20%;
}

.bln_rt .rv:after {
	content:"";
	border-top: solid 70px #f7efe3;
	border-right: solid 20px transparent;
	border-left: solid 20px transparent;
	position: absolute;
	left: 80%;
}

.Pgrh3 #btm_img {
	position: absolute;
	bottom: 0;
	right: 15%;
	width: 25%;
	margin-bottom: -10px;
}

.Pgrh3 #btm_img img {
	width: 100%;
	height: auto;
}

.Pgrh4 {
  width: 100%;
  height: auto;
	padding: 50px 0;
  background-color: #ff938c;
	position: relative;
}

.Pgrh4_outer {
	width: 94%;
	height: auto;
	margin: 0 auto;
	padding: 1% 0;
	background-color: #fff9f9;
}

.Pgrh4_inner {
	width: 98%;
	height: auto;
	margin: 0 auto;
	background-color: #fff9f9;
	border: dashed 2px #ff938c;
}

.Pgrh4_tp {
	width: 100%;
}

.Pgrh4 h2 {
	width: 80%;
	margin: 0 auto;
	padding: 50px 0 0;
}

.Pgrh4 h2 img {
	width: 100%;
	height: auto;
}

.Pgrh4_btm {
	text-align: center;
	padding-top: 20px;
}

.othr_list {
	width: 98%;
	margin: 20px auto 0;
	overflow: hidden;
}

.othr_list .ib {
	width: 47%;
	height: auto;
	margin: 20px 1%;
	display: inline-block;
	vertical-align: top;
}

.othr_ttl {
	line-height: 3em;
	font-size: calc(1em + 0.5vw);
	font-weight: bold;
}

.othr_img {
 width: 94%;
 margin: 0 auto;
}

.othr_img img {
	width: 100%;
	height: auto;
}

.othr_prc, .othr_prc_old, .othr_prc_special, .othr_prc_normal, .othr_info {
  display: inline-block;
	text-align: left;
	font-size: calc(0.9em + 0.4vw);
	font-weight: bold;
  width: 90%;
}

.othr_info {
	padding: 10px;
}

.othr_prc_old {
	text-decoration: line-through;
}

.othr_prc_special {
	color: #ff0000;
	margin-bottom: 20px;
}

.othr_prc_normal {
	color: #ff0000;
	padding-left: 10%;
	margin-bottom: 20px;
}

.othr_list .btn_noname, .othr_list .btn_name {
	width: 80%;
	font-size: calc(0.9em + 0.6vw);
	border: solid 1px #fff;
	margin: 20px auto;
}

#kuma_bx {
	background-color: #ffff00;
	border-radius: 12px;
}

#kuma_bx .othr_info {
	background-color: #ffffd0;
	border-radius: 12px;
	font-weight: normal;
}

#gl_bx {
	background-color: #04afe7;
	border-radius: 12px;
}

#gl_bx .othr_info {
	background-color: #bde6fc;
	border-radius: 12px;
	font-weight: normal;
}

#pr_bx {
	background-color: #fcbb49;
	border-radius: 12px;
}

#pr_bx .othr_info {
	background-color: #f5e8db;
	border-radius: 12px;
	font-weight: normal;
}

#org_bx {
	background-color: #c2f65f;
	border-radius: 12px;
}

#org_bx .othr_info {
	background-color: #e1f7e0;
	border-radius: 12px;
	font-weight: normal;
}

.Pgrh5 img {
	width: 100%;
	height: auto;
}

.Pgrh5_tp {
	width: 70%;
	margin: -50px auto 0;
}

.Pgrh5_tp h3 {
	font-size: 40px;
	line-height: 2em;
	font-weight: bold;
	color: #ff6347;
	text-shadow: 3px 3px 0 #FFF, -3px 3px 0 #FFF, 3px -3px 0 #FFF, -3px -3px 0 #FFF;
	margin: 20px auto;
	text-align: center;
}

.Pgrh5_tp h2 img {
	width: 100%;
	height: auto;
}

.Pgrh5_btm {
	width: 100%;
	height: auto;
}

.Pgrh5_btm .img_bx {
	width: 85%;
	height: auto;
	margin: 0 auto;
	background-color: #fff;
	border: dashed 3px #43a4ce;
	border-radius: 18px;
}

.Pgrh5_btm .img_bx img {
	width: 95%;
	height: auto;
	display: block;
	margin: 10px auto 10px;
}

.Pgrh5_btm .Pgrh5_info_bx {
	width: 85%;
	overflow: hidden;
}

.Pgrh5_btm #Pgrh5_info_bx0 {
	margin: 40px auto 10px;
}

#Pgrh5_info_bx0 .f_left {
	width: 65%;
}

#Pgrh5_info_bx0  .f_left p {
	font-size: calc(0.85em + 0.7vw );
	line-height: 2em;
}

#Pgrh5_info_bx0 .f_right {
	width: 35%;
}

.Pgrh5_btm #Pgrh5_info_bx1, .Pgrh5_btm #Pgrh5_info_bx2 {
	margin: 0 auto;
}

#Pgrh5_info_bx1 .f_left, #Pgrh5_info_bx1 .f_right, #Pgrh5_info_bx2 .f_left, #Pgrh5_info_bx2 .f_right {
	width: 50%;
}

#Pgrh5_info_bx1 .prc_ttl, #Pgrh5_info_bx1 .prc_old, #Pgrh5_info_bx1 .prc_special, #Pgrh5_info_bx1 .prc_normal {
	font-size: 23px;
	line-height: 1.5em;
}

.Pgrh5_info_bx .btn_noname, .Pgrh5_info_bx .btn_name {
	text-align: center;
	font-size: calc(0.8em + 0.8vw);
	border: solid 1px #fff;
	width: 80%;
	margin: 30px auto 10px;
}

@media(max-width: 1000px){
.intro {
	font-size: calc(1em + 1.4vw );
	line-height: calc(1em + 1.7vw );
}

h1 {
  font-size: 3.8vw;
  margin-top: 10vw;
}

.intro6 a {
	width: 100%;
}

.intro6 p{
	font-size: 3vw;
}

.Pgrh4 h2 img {
	height: 6em;
}

.Pgrh5_tp h3 {
    font-size: 4vw;
}

#Pgrh5_info_bx1 .prc_ttl, #Pgrh5_info_bx1 .prc_old, #Pgrh5_info_bx1 .prc_special, #Pgrh5_info_bx1 .prc_normal {
	font-size: calc(0.7em + 1vw);
	line-height: 2em;
}

}

@media(max-width: 700px){
.intro {
  font-size: 3.1vw;
  line-height: calc(1em + 2vw );
  padding-top: 5vw;
}

h1 {
  font-size: 3.8vw;
}

.ft_bg {
  font-size: 2.9vw;
}

.intro2{
	margin: -4vw auto 4vw;
}

.intro3, .intro4, .intro5 {
  margin: 4vw auto;
}

#intro1_bx1 {
  -webkit-background-size: 10px 10px;
  -moz-background-size: 10px 10px;
  background-size: 10px 10px;
}

#intro2_bx2, #intro3_bx2, #intro4_bx2, #intro5_bx1 {
	border-width: 2px;
}

#intro2_bx2 .f_right p , #intro3_bx2 .f_left2 p, #intro4_bx2 {
  font-size: 2.9vw;
  line-height: 1.5em;
}

.Pgrh2_tp .img img {
  width: 30%;
  top: -20px;
}

.Pgrh2_tp .f_left {
	float: none;
	width: 60%;
	margin: 15vw auto 2vw;
	padding: 0;
}

.Pgrh2_tp .f_right {
	width: 90%;
	padding: 0% 5% 0% 5%;
}

.Pgrh2_tp .f_right table {
  font-size: calc(0.9em + 0.7vw );
  line-height: 1.5em;
  padding: 10% 10% 2% 10%;
  margin-top: 0%;
  width: 100%;
}

.prc_ttl {
  font-size: calc(0.5em + 1.3vw);
  padding-right: 10px;
}

.prc_old {
  font-size: calc(0.5em + 1.3vw);
}

.prc_special, .prc_normal {
  font-size: calc(0.5em + 1.3vw);
}

.dsin_drctn img {
	width: 3vw;
	height: 3vw;
}

.dsin_drctn span {
	font-size: 2.8vw;
}

.dsny_list .f_left {
	width: 44%;
	margin: 10px 3%;
}

.dsny_list p {
  font-size: 2.8vw;
}

.Pgrh3 {
	padding-bottom: 30px;
}

.Pgrh3 h2 {
	width: 90%;
	padding: 20px 0;
}

.bln_lt .rv, .bln_rt .rv {
	width: 60%;
	padding: 2vw;
}

.bln_lt .rv:after {
	border-top: solid 50px #f7efe3;
	border-right: solid 20px transparent;
	border-left: solid 20px transparent;
	left: 20%;
}

.bln_rt .rv:after {
	border-top: solid 50px #f7efe3;
	border-right: solid 20px transparent;
	border-left: solid 20px transparent;
	left: 70%;
}

.bln_container {
	width: 90%;
	margin: 30px auto;
}

.rv_ttl {
	font-size: calc(0.4em + 2.3vw);
}

.rv_cmnt {
	font-size: calc(0.25em + 2vw);
	padding: 1.5vw 0;
}

.rv_cmnt p {
	line-height: 4vw;
}

.usr_name {
	font-size: calc(0.4em + 2.3vw);
}

.Pgrh4 h2 {
	padding: 30px 0 0;
}

.Pgrh4 h2 img {
	height: 3em;
}

.Pgrh4_btm {
	padding-top: 2vw;
}

.othr_info {
    width: 85%;
}

.othr_list .ib {
    margin: 5px 1%;
}

.Pgrh5_tp {
	width: 80%;
	margin: -8vw auto 0;
}

.Pgrh5_tp h3 {
	font-size: 4.5vw;
	line-height: 2em;
	margin: 3vw auto 2vw;
}

.Pgrh5_btm #Pgrh5_info_bx0 {
  margin: 4vw auto 0;
}

#Pgrh5_info_bx0 .f_left {
	float: none;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#Pgrh5_info_bx0 .f_right {
	float: none;
	width: 70%;
	margin: 3.5vw auto 1vw;
}

#Pgrh5_info_bx0 .f_left p {
	font-size: 3vw;
	line-height: 2em;
}

#Pgrh5_info_bx1 .f_left, #Pgrh5_info_bx1 .f_right {
	width: 50%;
}

#Pgrh5_info_bx1 .prc_ttl, #Pgrh5_info_bx1 .prc_old, #Pgrh5_info_bx1 .prc_special, #Pgrh5_info_bx1 .prc_normal {
	font-size: calc(0.5em + 1.3vw);
}

#Pgrh5_info_bx2 .btn_noname, #Pgrh5_info_bx2 .btn_name {
	width: 80%;
	font-size: 2.5vw;
	margin: 4vw auto 2vw;
}

}

@media(max-width: 500px){
header {
  height: 70px;
}

.logo {
	left: 10px;
}

.pankuzu p {
	top: 50px;
	right: 10px;
}

.ft_bg {
	font-size: 4.3vw;
	line-height: 1.5em;
}

.flt_bx {
	float: none;
	width: 100%;
	padding-bottom: 10vw;
}

h1 {
	padding-left: 0;
	font-size: 7vw;
	margin-top: 1vw;
}

.main_img {
	float: none;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 0;
}

.intro2 .f_left, .intro2 .f_right, .intro3 .f_left, .intro3 .f_right, .intro3 .f_left2, .intro3 .f_right2 {
	float: none;
}

.intro {
	font-size: 5vw;
	line-height: 1.5em;
	padding-left: 0;
}

.intro2 {
  margin: -4vw auto 8vw;
}

.intro3, .intro4, .intro5 {
  margin: 5vw auto 8vw;
}

.intro3, .intro4, .intro5 {
  margin: 8vw auto;
}

#intro2_bx2 .f_left, #intro2_bx2 .f_right, #intro3_bx1 .f_right, #intro3_bx2 .f_left2, #intro3_bx2 .f_right2 {
  width: 100%;
}

#intro2_bx2 .f_right p , #intro3_bx2 .f_left2 p, #intro4_bx2 {
  font-size: 4vw;
}

#intro2_bx2 .f_right img {
  margin: 10px auto 0;
}

#intro3_bx1 .f_left img {
  margin-bottom: 0;
}

#intro3_bx2 {
	margin-top: 20px;
}

#intro3_bx2 .f_right2 img {
  padding: 0 5%;
	margin-top: 5%;
}

#intro2_bx1 .f_left {
  width: 20%;
}

#intro3_bx1 {
  display: block;
}

#intro3_bx1 .f_left {
  width: 80%;
    margin: 0 auto;
}

#intro3_bx1 .f_right{
	text-align: center;
	padding-left: 0;
}

#intro3_bx2 .f_left2 img {
	margin: 10px auto 0;
}

#intro4_bx2 .f_left {
	width: 50%;
}

#intro4_bx2 .f_left img {
	padding: 5%;
}

#intro4_bx2 .f_right {
	width: 50%;
}

.Pgrh2_tp .f_left {
	margin-top: 10vw;
}

.prc_normal {
font-size: calc(0.5em + 2vw);
}

.dsny_ttl p {
  font-size: 4vw;
}

.btn_noname, .btn_name, .prc_ttl, .prc_old {
  font-weight: bold;
}

.Pgrh3 h2 {
	padding: 20px 0 0;
}

.Pgrh4 h2 {
  width: 85%;
  padding: 20px 0 0;
}

.othr_list {
	margin: 0 auto;
}

.othr_list .ib {
  width: 96%;
  display: block;
  margin: 2vw auto 30px;
  padding-bottom: 20px;
}

.othr_info {
  width: 84%;
  padding: 3%;
}

.othr_prc, .othr_prc_old, .othr_prc_special, .othr_prc_normal, .othr_info {
	font-size: 4vw;
}

.othr_list .btn_noname, .othr_list .btn_name {
	font-size: 4vw;
}

#Pgrh5_info_bx1 .prc_ttl, #Pgrh5_info_bx1 .prc_old, #Pgrh5_info_bx1 .prc_special , #Pgrh5_info_bx1 .prc_normal {
	font-size: 3vw;
}

}

@media(max-width: 375px){
.logo {
  left: 5px;
}

.pankuzu p {
  right: 5px;
}

.dsin_drctn img {
  display: none;
}

.Pgrh3 .txt_alin {
  font-size: 90%;
}

.bln_container {
  margin: 10px auto;
}

.bln_lt {
  margin: 10px 0;
}

.Pgrh4 h2 {
  width: 90%;
  padding: 10px 0 0;
}

.Pgrh4 h2 img {
	height: 3em;
}

.Pgrh4_btm {
  padding-top: 1vw;
}

.dsin_drctn span {
  font-size: 3vw;
}

#Pgrh5_info_bx0 .f_left p {
	font-size: 4.5vw;
	text-align: left;
}

#Pgrh5_info_bx0 .f_right{
	width: 60%;
}

#Pgrh5_info_bx1 .prc_ttl, #Pgrh5_info_bx1 .prc_old, #Pgrh5_info_bx1 .prc_special, #Pgrh5_info_bx1 .prc_normal {
	font-size: calc(0.5em + 2.8vw);
}

#Pgrh5_info_bx1 .f_left, #Pgrh5_info_bx1 .f_right {
	float: none;
	width: 100%;
}

#Pgrh5_info_bx2 .f_left, #Pgrh5_info_bx2 .f_right {
	float: none;
	width: 100%;
	margin-top: 30px;
}

#Pgrh5_info_bx2 .btn_name, #Pgrh5_info_bx2 .btn_noname {
	font-size: 4.2vw;
}

}

/*以下フッター用 Style*/
.ft_wrap {
	width: 100%;
	background: #fff;
	border-top: #519cd7 solid 2px;
}
.ft_wrap2 {
	width: 90%;
  margin: 3px auto 0;
	padding: 20px 5%;
	border-top: yellow solid 1px;
}
footer{
	background: #fff;
	padding: 20px;
	text-align: center;
	font-size: 15px;
	line-height: 1.3em;
}
.cr_list {
  text-align: left;
  margin-bottom: 10px;
}
footer img {
	max-width: 100%;
}
.footer1{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: row; /* Safari */
	flex-direction: row;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	border-bottom:#9f9c9c solid 3px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.box1{
	width: 30%;
	font-size: 18px;
	line-height: 1.5em;
	text-align: left;
}
.box1 a{
	border:#9f9c9c solid 4px;
	display: block;
}
.box1 a img {
	width: 100%;
}
.box2{
	width: 241px;
	text-align: left;
}
.box2 .facebook,
.box2 .twitter{
	width:100%;
	margin-top:10px;
}
.box2 .facebook img,
.box2 .twitter img{
	float:left;
}
.box2 .facebook a,
.box2 .twitter a{
	float:right;
	display:block;
	width:150px;
}
/* Start clear fix */
.box2:after,
.box2 .facebook:after,
.box2 .twitter:after{
	font-size: 1px;
	color: #FFFFFF;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	}
.box2,
.box2 .facebook,
.box2 .twitter{
	display:inline-block;
	zoom: 1;
	}
/* End clear fix */

.box3{
	width: 30%;
	text-align: left;
}
.box3 h4{
	font-size: 1.1em;
}
.box3 p{
	padding-left: 1.2em;
	word-break: break-all;
}
.box3 span{
	color: #f57200;
}
.box3_1{
	margin-bottom: 1em;
}
.footer2{
	text-align: center;
	line-height: 1.5em;
}
.footer2 ul{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: row; /* Safari */
	flex-direction: row;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}
.footer2 li:after{
	content:" /";
}
.footer2 li.last:after{
	content:"";
}
.footer3{
	display: block;
	line-height: 1.5em;
}
.footer3 a{
	display: block;
}
.footer3 span{
	display: block;
}

@media screen and (max-width: 700px) {

footer{
	padding: 10px;
}
.box1,.box2{
	width: 47%;
	font-size: 13px;
}
.box1 a img {
	width: 100%;
}
.box2 .facebook img, .box2 .twitter img {
    width: 20%;
}
.box2 .facebook a, .box2 .twitter a {
    width: 75%;
}
.box3{
	width: 100%;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: row; /* Safari */
	flex-direction: row;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	font-size: 13px;
	margin-top: 10px;
}
.box3_1,.box3_2{
	width: 48%;
}
.box3_1 p,.box3_2 p{
	padding-left: 0.5em;
}
.footer2 ul{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: row; /* Safari */
	flex-direction: row;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: center; /* Safari */
	justify-content:         center;
}

}