/*
Theme Name: Twenty Twelve
Description: Home css.
*/
.box50p{line-height:150%;display:block;position:relative;}
.bottom40{
	margin-bottom:40px;
}
.bottom60{
	margin-bottom:60px;
	padding-bottom:60px;
}
.in50box{
		width:100%;
		max-width:500px;
		height:100%;
		margin:0 auto;
		text-align:center;
}
.dashedonlyb{border-bottom:1px dashed #ccc;display:block;overflow:hidden;padding:20px 0;}
.fb_iframe_widget {width: auto !important;display: inline-block !important;}
.fb-container {width: 100%;max-width: 500px;}
.twitter-container{max-width: 500px;height:502px;box-sizing:border-box;display:block;border:1px solid #eee;margin: 0 auto;}
.SandboxRoot .env-bp-820 .timeline-Tweet-text {font-size: 10.5px!important;}
/*斜め表示*/
.naname_start{
	position: relative;
	padding-bottom:10%;
}
.naname_start::before{
	content:"";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 100px 100vw ;
	border-color: transparent transparent #fff transparent;
}
.naname_end {
	position: relative;
	z-index: 0;
	padding-bottom:10%;
}
.naname_end::after{
	content: '';
	position: absolute;
	left:0;
	top: 0;
	/*四角形を傾けます*/
	transform: skewY(-5deg);
	transform-origin: bottom left;
	z-index: -1;
	width:100%;
	height:100%;
	background: #ffffff;
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #fcf7ef 31%, #f2f8f9 68%, #d7ecf2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#fcf7ef 31%,#f2f8f9 68%,#d7ecf2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #ffffff 0%,#fcf7ef 31%,#f2f8f9 68%,#d7ecf2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*コンテンツバックグラウンド*/
.parallax1 {
	position: relative;
	height: 100%;
	padding:10% 0;
	background-size:cover;
	background-repeat: no-repeat;
	box-sizing:border-box;
}
.topkotei{
	width:100vw;
	display:block;
	padding-top:90px;
	position:relative;
}
.topkotei img{
	width:100%;
	display:block;
	overflow:hidden;
}
.topabboxin{
	width:100%;
	max-width:870px;
	margin:0;
	display:block;
	overflow:hidden;
	border-radius:7px;
	border:1px solid #2fc2a7;
}
.topabboxhead{
	background:#2fc2a7;
	color:#fff;
	padding:15px;
	text-align:center;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.topabboxcomout{
	padding:5px;
	background:#fff;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	display:block;
	overflow:hidden;
}
.dottein {
	color:#fff100;
	-webkit-text-emphasis: filled circle #fff100;
	text-emphasis: filled circle circle #fff100;
}
.tottein {
	color:#fff100;
	font-weight:bold;
	-webkit-text-emphasis: filled circle #fff100;
	text-emphasis: filled circle #fff100;
}
.dondake{
	display:block;
	margin:0 auto;
	text-align:center;
	padding:20px 10px;
}
.dondake img{
	width:90%;
	max-width:400px;
	margin:0 auto;
}
.zubox{
	width:100%;
	display:block;
	margin:0 auto;
	text-align:center;
	padding:0 10px 20px 10px;
}
.zufloat30{
	width:30%;
	float:left;
	border:1px solid #2fc2a7;
	border-radius:3px;
}
.zufloat5{
	width:5%;
	float:left;
	color:#2fc2a7;
	font-size:15px;
	font-weight:bold;
	padding-top:5%;
}
.otodoke img{
	width:90%;
	max-width:400px;
	margin:0 auto;
	padding-top:20px;
}
.allbox{
	width:100%;
	margin:0;
	padding:0 20px;
	display:block;
	box-sizing: border-box;
}
.allboxout{
	width:100%;
	margin:0;
	padding:0;
	display:block;
	box-sizing: border-box;
	position:relative;
}
.nanametitle{
	width:100vw;
	margin-top:60px;
	margin-bottom:20px;
	margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:10px;
	transform: skewY(-2deg);
	transform-origin: bottom left;
	background:#ff0000;
	background: -moz-linear-gradient(-45deg, #ff0000 0%, #cc0000 31%, #aa0000 68%, #ee0000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #ff0000 0%,#cc0000 31%,#aa0000 68%,#ee0000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #ff0000 0%,#cc0000 31%,#aa0000 68%,#ee0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.gentei img{
	width:100%;
	max-width:400px;
	margin:0 auto;
	display:block;
}
.right50b img{
	display:block;
	width:100%;
}

.point_img_text {
    letter-spacing: 0.035em;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    margin: 20px auto 50px auto;
	padding-top:60px;
}
.text-yellow {
    color: #fffdbb;
}
.pointimg img{
	width:100%;
	max-width:585px;
	margin:0 auto;
}
.point_ttlArea {
	width:100vw;
	margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    background: #ffffff;
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #fcf7ef 31%, #f2f8f9 68%, #d7ecf2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#fcf7ef 31%,#f2f8f9 68%,#d7ecf2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #ffffff 0%,#fcf7ef 31%,#f2f8f9 68%,#d7ecf2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 80px 0 60px;
	margin-bottom:40px;
}
.point_ttlArea:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #f2f8f9;
}

.text01 {
    letter-spacing: 0.038em;
    line-height: 1;
    font-weight: 600;
    display: inline-block;
    color: #fff;
}
.fontblue2{
	color: #6ac2aa;
}
.fontblue3{
	color: #00bcec;
}
.fontpurple{
	color: #c1355a;
}
.fontorange{
	color: #f08200;
}
.text-yellow2 {
    color: #00b1ea;
    letter-spacing: 0.038em;
    line-height: 1;
    font-weight: 600;
    display: inline-block;
}
.text02 {
    color: #fff;
    display: block;
    margin-top: 30px;
    letter-spacing: 0.08em;
    line-height: 1;
    font-weight: 500;
}
img.iconimage{max-width:35px; margin-right:15px;}
.text03 {
    letter-spacing: 0.08em;
    font-weight: 400;
	margin-left:0px;
	color:#000;
	text-align:left;
}
.text-orange {
    letter-spacing: 0.08em;
	line-height:100%;
    font-weight: 600;
    color: #ff5900;
    margin-left: 5px;
	text-align:left;
}

.water img{
	max-width:25px;
	margin:60px auto 22px auto;
}
.sec_ttl {
    position: relative;
    padding-top: 20px;
	padding-bottom: 60px;
    letter-spacing: 0.05em;
    line-height: 1;
    font-weight: bold;
    text-align: center;
}
.feature_ttl {
    color: #0cb394;
}
.sec_subttl01_text {
    letter-spacing: 0.05em;
    line-height: 1.5;
    font-weight: 500;
    color: #333;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
}
.sec_subttl01_sub {
    letter-spacing: 0.05em;
    line-height: 1;
    font-weight: 600;
    color: #fe7228;
    padding-bottom: 12px;
    border-bottom: 4px solid #fe7228;
    display: inline-block;
	margin-top:20px;
	margin-bottom:40px;
}
.line-yellow {
    display: inline;
    background: #fdf781;
}
.available_water_img img{
	width:100vw;
	height:100%;
	margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    margin-top: 35px;
	display:block;
	overflow:hidden;
}
.available_button_img {
	max-width:980px;
    position: relative;
    margin: 40px auto 8px auto;
    width: 100%;
}
.available_button_img img{
	width: 100%;
	margin:0 auto;
}
.available_grayback{
	background:#edf1f0;
}
.available_fixedAmount{
	max-width:950px;
	margin:0 auto;
	padding: 95px 0 80px;
    background-color: #edf1f0;
    background-image: url(../../../uploads/text_available_fixedAmount_add.png);
    background-size: cover;
    background-position: center 45px;
    background-repeat: no-repeat;
}
.text-fuki {
    letter-spacing: 0.06em;
    line-height: 1;
    font-weight: 600;
    color: #2fc2a7;
    background: #fff;
    border-radius: 6px;
    padding: 5px 10px;
    position: relative;
    margin-bottom: 17px;
    display: inline-block;
}
.text-fuki:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fff;
}
.text-fuki2 {
    letter-spacing: 0.06em;
    line-height: 1;
    font-weight: 600;
    color: #fff;
    background: #2fc2a7;
    border-radius: 6px;
    padding: 5px 10px;
    position: relative;
    margin-bottom: 17px;
    display: inline-block;
}
.text-fuki2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #2fc2a7;
}
.text-green {
    letter-spacing: 0.06em;
    line-height: 1;
    font-weight: 600;
    color: #2fc2a7;
}
.text-orange {
    letter-spacing: 0.06em;
    line-height: 1;
    font-weight: 600;
    color: #ff5900;
}
.back-green{
	background:#5cbeb7;
}
.imagebox{
	margin:0 auto;
	display:block;
	overflow:hidden;
}
.image890box{
	max-width:980px;
	margin:0 auto;
	padding:0 20px;
	display:block;
	overflow:hidden;
}
.imagebox img{
	width:100%;
	margin:0 auto;
}
.image890box img{
	width:100%;
}
.max372{
	max-width:372px;
}
.max725{
	max-width:725px;
}
.popupbox{
	width:100%;
	display:block;
	overflow:hidden;
	margin:0 auto;
}
.popupphoto{
	width:50%;
	height:auto;
	padding:2%;
	float:left;
	display:block;
	overflow:hidden;
}
.popupphoto img{
	width:100%;
}
.popupphoto:hover{
	opacity:0.8;
}
.tishbox{
	margin:0 auto;
	display:block;
	overflow:hidden;
	position:relative;
}
.tishbox img{
	width:100%;
	max-width:580px;
	margin:40px auto;
}

.safety_filterback{
	width:100%;
	background: url(../../../uploads/img_safety_bgr.jpg) repeat-x left bottom;
	display:block;
	overflow:hidden;
	position:relative;
}
.safety_filter {
	width:100%;
    background:  url(../../../uploads/img_safety_bg.jpg) no-repeat center bottom;
	display:block;
	overflow:hidden;
	position:relative;
}
.jyousuibox{
	margin:0 auto 20px auto;
	padding:40px 20px 20px 20px;
	display:block;
	overflow:hidden;
}
.jyousuibox img{
	width:100%;
	max-width:427px;
	margin:0 auto;
}
.padingbox{
	padding:20px;
}
.safety_filter_table {
	width:100%;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    padding-bottom: 35px;
    margin: 56px auto 56px auto;
	max-width:960px;
}
.safety_filter_ttl {
    background: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0 10px;
    letter-spacing: 0.05em;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    margin-bottom: 42px;
}
.safety_filter_boxs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.safety_filter_listTtl {
    height: 35px;
    border: 2px solid #0cb394;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4vw;
    letter-spacing: 0.05em;
    line-height: 1;
    font-weight: 600;
    color: #0cb394;
}
.safety_filter_sttl {
    font-size: 2rem;
    letter-spacing: 0.05em;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    margin-top: 0;
}
.safety_filterTbl {
    border-collapse: collapse;
    margin: 20px 55px 0 0;
    border-top: 1px solid #cccccc;
	width:100%;
}
.safety_filterTbl tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.safety_filterTbl tr{
	border-bottom: 1px solid #cccccc;
}
.safety_filterTbl th {
    width: 50%;
    text-align: left;
    background-color: #c6f1e8;
    padding: 15px 15px;
    font-size: 1rem;
    letter-spacing: 0.08em;
    line-height: 1;
    font-weight: 400;
}
.safety_filterTbl td {
    background-color: #fff;
    padding: 15px 15px;
    font-size: 1rem;
    letter-spacing: 0.08em;
    line-height: 1;
    font-weight: 400;
}
.p20box{
	padding:20px;
	display:block;
	overflow:hidden;
}
.marginauto{
	width:100%;
	margin:0 auto;
	display:block;
	overflow:hidden;
	text-align:center;
}
.available_kitchenware_img {
    position: relative;
    margin-top: 40px;
    margin-bottom: 50px;
    line-height: 0;
    height: 340px;
    background: url(../../../uploads/img_available_kitchenware.jpg) no-repeat center center;
    background-size: cover;
}
.available_kitchenware_img2 {
    position: relative;
    margin-top: 40px;
    margin-bottom: 50px;
    line-height: 0;
    height: 340px;
    background: url(../../../uploads/img_available_energy.jpg) no-repeat center center;
    background-size: cover;
}
.available_kitchenware_img_baloon {
    position: absolute;
    top: -25px;
    left: calc(50% + 110px);
}
.img_baloon {
    position: absolute;
    -webkit-filter: drop-shadow(2px 2px 0 rgba(0, 0, 0, 0.15));
    filter: drop-shadow(2px 2px 0 rgba(0, 0, 0, 0.15));
    z-index: 20;
}
.left50c{
	width:50%;
	display:block;
	overflow:hidden;
	float:left;
}
.right50c{
	width:50%;
	display:block;
	overflow:hidden;
	float:right;
}
img[data-src].is-loaded {
    opacity: 1;
}
img[data-src] {
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0;
}

/*TOP波*/
.flexbottom { /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: bottom;
  text-align: center;
	bottom:0;
}
.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}
.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
@media screen and (max-width: 768px) and (min-width: 480px) {
iframe .twitter-timeline-rendered{
	width: 490px !important;
	}
}
@media screen and (max-width: 480px) {
	iframe.twitter-timeline-rendered {
		width: 450px !important;
		margin:0 auto;/*これを入れないとめっちゃ細く200pxくらいで表示されます。以下イメージあり！*/
	}
}
div.timeline-Widget {
	max-width: 300px!important;
	width:200px !important;
}
.max920box{
	max-width: 920px;
	display:block;
	overflow:hidden;
	margin:0 auto;
	
}
.minusmargin{
	margin-bottom:-20px;
}
.bluegrad{
	width:100%;
	background: url(../../../uploads/bluegrad.png) repeat-x left top;
}
.yellowgrad{
	width:100%;
	background: url(../../../uploads/yellowgrad.png) repeat-x left top;
	position:relative;
}
.gradminusmargin{
	margin-top:-30px;
	padding-top:30px;
}
.left20{
	width:20%;
	display:inline-block;
	vertical-align:middle;
}
.right80{
	width:76%;
	display:inline-block;
	vertical-align:middle;
	padding:2%;
}
.left20 img{
	width:100%;
}
.left21{
	width:20%;
	display:inline-block;
	vertical-align:middle;
}
.right79{
	width:76%;
	display:inline-block;
	vertical-align:middle;
	padding:2%;
}
.left21 img{
	max-width:96px;
}
.img50{
	width:48%;
	padding:1%;
}
.padding10p{padding:10px;}
.top10{display:block;}
.bottom90{display:block;overflow:hidden;}
.uetsuki{vertical-align: top;top:-10px;}
/*波型*/

.wavebox {
  height:200px;
  margin:10px;
  position:relative;
}
.wavebox:before,
.wavebox:after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:100%;
  background: linear-gradient(to bottom right, #ad3, #add);
}
.wavebox:after {
  -webkit-mask:
    radial-gradient(var(--r1,100%) var(--r2,80%) at top   ,white 79.5%,transparent 80%) left,
    radial-gradient(var(--r1,100%) var(--r2,80%) at bottom,transparent 79.5%,white 80%) right;
  mask:
    radial-gradient(var(--r1,100%) var(--r2,80%) at top   ,white 79.5%,transparent 80%) left,
    radial-gradient(var(--r1,100%) var(--r2,80%) at bottom,transparent 79.5%,white 80%) right;
  -webkit-mask-size:50.1% 100%;
  -webkit-mask-repeat:no-repeat;
  mask-size:50.1% 100%;
  mask-repeat:no-repeat;
  background:linear-gradient(to bottom right, #de350b, #0065ff);
}

.boxtop,
.boxbottom{
	height:200px;
	margin:0 auto;
	position:relative;
}
.boxtop:before,
.boxtop:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:100%;
	background: linear-gradient(to bottom right, #c1fefd, #c5fefd);
	z-index:51;
}
.boxtop:after {
	-webkit-mask:
		radial-gradient(var(--r1,100%) var(--r2,80%) at top   ,white 79.5%,transparent 80%) left,
		radial-gradient(var(--r1,100%) var(--r2,80%) at bottom,transparent 79.5%,white 80%) right;
	mask:
		radial-gradient(var(--r1,100%) var(--r2,80%) at top   ,white 79.5%,transparent 80%) left,
		radial-gradient(var(--r1,100%) var(--r2,80%) at bottom,transparent 79.5%,white 80%) right;
	-webkit-mask-size:50.1% 100%;
	-webkit-mask-repeat:no-repeat;
	mask-size:50.1% 100%;
	mask-repeat:no-repeat;
	background:linear-gradient(to bottom right, #ffffff, #ffffff);
}
.boxbottom:before,
.boxbottom:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:100%;
	background:linear-gradient(to bottom right, #fbfdeb, #fbfdeb);
	z-index:51;
}
.boxbottom:after {
	-webkit-mask:
		radial-gradient(var(--r1,100%) var(--r2,80%) at top   ,white 79.5%,transparent 80%) left,
		radial-gradient(var(--r1,100%) var(--r2,80%) at bottom,transparent 79.5%,white 80%) right;
	mask:
		radial-gradient(var(--r1,100%) var(--r2,80%) at top   ,white 79.5%,transparent 80%) left,
		radial-gradient(var(--r1,100%) var(--r2,80%) at bottom,transparent 79.5%,white 80%) right;
	-webkit-mask-size:50.1% 100%;
	-webkit-mask-repeat:no-repeat;
	mask-size:50.1% 100%;
	mask-repeat:no-repeat;
	background: linear-gradient(to bottom right, #c1fefd, #c5fefd);
}
.boxmiddle{
	width:100%;
	background:#c1fefd;
	display:block;
	overflow:hidden;
	position:relative;
	z-index:50;
}
.marginauto{width:100%;text-align:center;margin:0 auto;}
.marginauto img{margin:0 auto;text-align:center;}
/*入れ替えBOX*/
.irekaebox{
	max-width:890px;
	margin:0 auto;
	display:-webkit-box;
  	display: -webkit-flex;
  	display:-ms-flexbox;
  	display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.borderbottom{
	border-bottom:1px dashed #888;
	margin-top:20px;
	margin-bottom:10px;
}
.left50ex{
	width:46%;
	float:left;
	display:block;
	padding:2%;
}
.left50ex img,.width400 img,.left33ex img,.left25ex img{width:100%;}
.left33ex{
	width:33.33333%;
	float:left;
	display:block;
	overflow:hidden;
}
.left25ex{
	width:25%;
	float:left;
	display:block;
	overflow:hidden;
}
.displayblock{display:block;overflow:hidden;}
.width750{max-width:750px;margin:0 auto;}
.width850{max-width:850px;margin:0 auto;}
.width400{width:400px;margin:20px auto;display:block;overflow:hidden;}
.left300dottebox{width:280px;display:inline-block;vertical-align:bottom;border:1px dotted #555;padding:5px;}
.right100box{width:100px;display:inline-block;vertical-align:bottom;}
.left40inimg{width:80%;display:block;margin:0 auto;}
.font10ex{font-size:10px;}
.font15ex{font-size:15px;}
.font25ex{font-size:25px;}
.font30ex{font-size:30px;}
.font40ex{font-size:70px;}

/*テーブル*/
table.blue,table.purple,table.orange {
	color: #757575;
	line-height: 1.3;
	margin: 0 0 24px;
	width: 100%;
	font-size:12px;

}
table.blue td,table.purple td,table.orange td {
	padding: 0.5%;
	height:150%;
	color:#333;
	vertical-align:middle;
	margin:-1px 0 -1px 0;
	box-sizing:border-box;
	text-align:center;
}
table.blue td:first-child:before,table.purple td:first-child:before,table.orange td:first-child:before {
  display: block;
  float: left;
  height: 500px; /* この値は適宜書き換える */
  content: "";
}
table.blue {
	border-top: 2px solid #00bcec;
	border-bottom: 2px solid #00bcec;
	border-right: 1px dotted #00bcec;
}
table.blue td {
	border-top: 1px dotted #00bcec;
	border-left: 1px dotted #00bcec;
}
table.purple {
	border-top: 2px solid #c1355a;
	border-bottom: 2px solid #c1355a;
	border-right: 1px dotted #c1355a;
}
table.purple td {
	border-top: 1px dotted #c1355a;
	border-left: 1px dotted #c1355a;
}
table.orange {
	border-top: 2px solid #f08200;
	border-bottom: 2px solid #f08200;
	border-right: 1px dotted #f08200;
}
table.orange td {
	border-top: 1px dotted #f08200;
	border-left: 1px dotted #f08200;
}
.tableleft50{
	width:50%;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	margin:0 0 0 -1px;
}
.font0{
	font-size:0;
}
/*タイトル*/
.title-fuji{
	width:100%;
	padding:20px;
	display:block;
	overflow:hidden;
	background: url(../../../uploads/logo-fuji.png) no-repeat left bottom;
	border-bottom:1px solid #00bcec;
}
.title-kanagi{
	width:100%;
	padding:20px;
	display:block;
	overflow:hidden;
	background: url(../../../uploads/logo-kanagi.png) no-repeat left bottom;
	border-bottom:1px solid #c1355a;
}
.title-aso{
	width:100%;
	padding:20px;
	display:block;
	overflow:hidden;
	background: url(../../../uploads/logo-aso.png) no-repeat left bottom;
	border-bottom:1px solid #f08200;
}
.mincho{
	font-family: serif;
}
/*モバイル表示*/
@media screen and (max-width: 779px) {
	.top50par{
		width:100%;
		background: url(../../../uploads/top50par.png) top center/ cover no-repeat;
	}
	.floatleft60{
		width:100%;
		float:left;
		display:block;
		overflow:hidden;
		margin:0 auto;
	}
	.floatleft40{
		width:100%;
		float:left;
		display:block;
		overflow:hidden;
		margin:0 auto;
	}
	.topabbox2{
		width:100%;
		margin:0;
		position:relative;
		display:block;
		padding:0;
		box-sizing: border-box;
	}
	.zufloat30 img{
		width:100%;
		text-align:center;
	}
	.zufloat5{padding-top:25%;}
	.borderdouble{
		width:100%;
		border:5px dotted #ff0000;
		border-radius: 8px;
		display:block;
		margin:0 auto;
		padding:10px;
	}
	.left50b{
		width:100%;
		display:block;
		overflow:hidden;
	}
	.right50b{
		width:100%;
		display:block;
		overflow:hidden;
	}
	
	.available_kitchenware_img_baloon {
    position: absolute;
    top: -15px;
    left: calc(50% + 0px);
	}
	.pconlycenter{
		text-align:left;
		line-height:130%;
	}
	.mobonlycenter{
		text-align:center;
	}
	.safety_filter_table{
		border:1px solid #666;	
	}
	.bluebox{
		margin-top:-20px;
	}
	.left20,.right80{
		vertical-align:top;
	}
	.left30{
		width:100%;
		display:block;
		overflow:hidden;
		padding:0;
		margin:0 auto;
	}
	.left30 img{
		width:100%;
		max-width:434px;
		margin:20px auto 10px auto;
	}
	.left35{
		width:100%;
		order:0;
	}
	.left35 img{
		width:100%;
		max-width:334px;
		margin:20px auto;
	}
	.left65{
		width:100%;
		max-width:500px;
		order:1;
		margin:0 auto;
	}
	.left65 img{
		width:100%;
	}
	.pointcom{
		text-align:center;
	}
	.width400{width:100%;max-width:400px;}
	.left300dottebox{width:65%;}
	.right100box{width:30%;}
	.pcleft{text-align:center;}
	.pcleft img{margin:0 auto;}
	.font30b{font-size:15px;font-weight:bold;}
	.font15ex{font-size:10px;}
	.font25ex{font-size:20px;}
	.font30ex{font-size:20px;}
	.font40ex{font-size:50px;}
	.title-fuji,.title-kanagi,.title-aso{
		background: none;
	}
	.tableleft50{
		width:100%;
		float:left;
		display:block;
		overflow:hidden;
		margin:0;
	}
}
/*PC表示*/
@media screen and (min-width: 780px) {
	.box50p{
		width:50%;
		float:left;
		padding:1%;	
		box-sizing:border-box;
	}
	.floatleft60{
		width:57.3%;
		float:left;
		display:block;
		overflow:hidden;
	}
	.floatleft40{
		width:42.7%;
		float:left;
		display:block;
		overflow:hidden;
	}
	.topabbox{
		width:100%;
		margin:auto;
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		display:block;
		z-index:1;
	}
	.topabbox2{
		display:none!important;
	}
	.borderdouble{
		border:8px dotted #ff0000;
		border-radius: 8px;
		display:block;
		overflow:hidden;
		margin:0 auto;
		padding:10px;
		width:100%;
		max-width:870px;
		position:relative;
	}
	.left50b{
		width:50%;
		float:left;
		display:block;
		overflow:hidden;
	}
	.right50b{
		width:50%;
		float:right;
		display:block;
		overflow:hidden;
	}
	.popupphoto{
		width:25%;
		height:400px;
		padding:2%;
	}
	.popupphoto2{
		width:16.66666%;
		height:400px;
		padding:1%;
	}
	.pconlycenter{
		text-align:center;
	}
	.mobonlycenter{
		text-align:left;
	}
	.left30{
		width:33.33333%;
		float:left;
		display:block;
		overflow:hidden;
		padding:2%;
	}
	.left30 img{
		width:100%;
		margin-bottom:15px;
	}
	.left35{
		width:34%;
		display:inline-block;
		vertical-align:middle;
		order:1;
	}
	.left35 img{
		width:100%;
		max-width:300px;
	}
	.left65{
		width:65%;
		display:inline-block;
		vertical-align:middle;
		order:0;
	}
	.font30b{font-size:25px;font-weight:bold;line-height:120%;margin-bottom:10px;}
	.pcleft{text-align:left;}
}
@media screen and (max-width: 1450px) {
	
	table.blue,table.purple,table.orange{
		margin:0;
	}
}
@media screen and (min-width: 780px) and (max-width: 1450px) {
	
}

/*遅延表示*/
.sa {opacity: 0;transition: all .5s ease;}
.sa.show {opacity: 1;transform: none;}
.sa--lr {transform: translate(-100px, 0);}
.sa--rl {transform: translate(100px, 0);}
.sa--up {transform: translate(0, 100px);}
.sa--down {transform: translate(0, -100px);}
.sa--scaleUp {transform: scale(.5);}
.sa--scaleDown {transform: scale(1.5);}
.sa--rotateL {transform: rotate(180deg);}
.sa--rotateR {transform: rotate(-180deg);}