/*
Theme Name: 2020-child
Template: twentytwenty
*/

a { outline:none; }
a:focus{ outline:none; }
*{ box-sizing:border-box; margin:0; padding:0; border:0; }

html { -webkit-text-size-adjust: 100%; font-size: 62.5%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }
body, html { min-height: 100%; position: relative; height: auto; width: 100%; }

body { font-size: 16px; font-size: 1.6rem; line-height:1.9em; color:#333; background: #fff; }

#loader-bg { 
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-image: url("https://ariacompany.net/images/loading_bg.jpg"); background-size: cover; background-position: center;
  z-index: 19999;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 100px;
  margin-top: -50px;
  margin-left: -100px;
  text-align: center;
  color:#25bbf0;
  z-index: 20000;
}

.loader { font-size: 0.8em;
  display: inline-block; margin-bottom: 1.5em;}
  
@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px); }
  .ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  .ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  .ball-scale-multiple > div {
    background-color: #25bbf0;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: -30px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
            animation: ball-scale-multiple 1s 0s linear infinite; }

#wrapper { position: relative; width: 1200px; height: auto; min-height:100%; margin: 0 auto; padding-bottom:150px;  background:#fff; }



.container{ width:auto; max-width: 1200px; margin: 0 auto; padding: 0; height: auto; background: #fff; }

header { margin:0; padding:0; }
header img {width:100%;}

#mainarea { position: relative; background: #fff; width: auto; padding: 0em 4em 4em ; display: block; margin:0; line-height:1.9em; height:auto; }

#mainarea h2 { margin: 0 0 1.5em; display:block; }
#mainarea h2 img { width: 100%;  }
#mainarea h3 { margin: 0 0 1.1em; border-radius: 20px; display: block; color:#fff; font-size:1.2em; font-weight: bold; line-height: 1.3em; padding: 0.4em 1em; background-image: url("https://ariacompany.net/images/goods_tbg.jpg"); background-repeat: no-repeat; background-size: 100% auto; background-position: bottom right; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:500; }
#mainarea h3.bub { background-image: url("https://ariacompany.net/images/goods_tbg.jpg"); background-repeat: no-repeat; background-size: 100% auto; background-position: bottom right; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:500; }
#mainarea .catch { margin: 0 0 1em;  }
#mainarea h4 { margin: 0 0 1.1em; background: #7fd8fd; border-radius: 5px; display: block; color:#333; font-size:1.1em; font-weight: bold; line-height: 1.3em; padding: 0.3em 0.8em; font-family: 'M PLUS Rounded 1c', sans-serif; font-weight:500;}
#mainarea .catch { margin: 0 0 1em;  }

.text-area {}
.text-area p { margin:0 0 1em;}

.topbg { background-image: url("https://ariacompany.net/img/topbg.jpg"); background-position: top center; background-repeat: repeat-x; background-size: 100% 100%;  }

.t_quest { margin-bottom:2.5em;}

h1.page-title { margin-bottom:2em; display:block; text-align:left;}
h2.page-title2 { margin-bottom:2em; display:block; text-align:center; }
h2.page-title2 img { width:100%; max-width:700px;  }


@media screen and (max-width: 767px) {
	
html { -webkit-text-size-adjust: 100%; font-size: 100%; }
#wrapper { width: 100%; height: auto; margin: 0;}
.container{ width:auto; margin: 0 auto; padding: 0; }
	
.pconly { display:none !important; }
.tabnews a img { height:57px; width: 400px;}
.tabnews a { display: block; width:100%; padding: 0 0; margin:0 0 10px; background-size: 57px 100%; background-image: url("https://ariacompany.net/images/newstab_bg.png"); height:57px; }
	
#main { padding: 0 10px 0 10px; display: block;  margin-left: 0; }
#main h2 img { width: 600px;  }
#mainarea { display: block; min-width: inherit; padding: 1em; }
	
}


#mainarea { display: flex; min-width:1000px; }
.leftside { width:320px; min-width:320px; height: auto; padding: 10px; }
.mainv { flex: 1; width: auto; max-width:1200px; min-width:600px; height: auto; position: relative; }
.mainv img { width: 100%; }

@media screen and (max-width: 767px) {
#mainarea { display: block; min-width: inherit; }
.leftside { display: none; }
.mainv {  width: 100%; max-width:1200px; height: auto; position: relative; }
}


img.bg {
  position: relative;
  margin: 0 auto;
  width:100%;
display:block;
}


footer { background-image: url(https://ariacompany.net/images/aria_a_footer.jpg); background-repeat:no-repeat; background-position:bottom; background-size: cover; text-align: center; font-size: 0.7em; line-height: 1.4em; min-height:140px; padding: 80px 0 0; position: absolute; bottom: 0; width: 100%; }

.left{
    text-align: left;
}
.center{
    text-align: center;
}
.right{
    text-align: right;
}


a.opa:hover  { opacity: 0.7; }

/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display:block;
}
#page-top a {
	text-decoration: none;
	width: 80px;
	height:auto;
	padding: 0;
	text-align: center;
	display: block;
	
}



/* =======================================
	ClearFixElements
======================================= */
.clearfix:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	overflow: hidden;
}

.FormUnit .FormAction {
text-align: center;
margin:2em 0 5em;
}

.FormUnit .FormAction input {
border-style: none;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
cursor: pointer;
}


.kaito-title { margin:3em 0; font-size:1.2em; text-align:center; border:2px solid #059fe7; width:100%; padding:0.6em 0; line-height:1em; border-radius:10px; }

/* 基本スタイル・サイズ設定 */
.BtnS {
display: inline-block;
font-size: 93%;
line-height: 1.0em;
text-align: center;
}

.BtnM {
display: inline-block;
font-size: 105%;
line-height: 1.0em;
text-align: center;
}

.BtnL {
display: inline-block;
font-size: 115%;
line-height: 1.0em;
text-align: center;
}


.BtnFwd,
.BtnNext {
position: relative;
color: #357cbf;
}

.BtnFwd:link,
.BtnFwd:active,
.BtnFwd:visited,
.BtnFwd:hover,
.BtnNext:link,
.BtnNext:active,
.BtnNext:visited,
.BtnNext:hover {
color: #357cbf;
text-decoration: none !important;
}

.BtnFwd:after,
.BtnNext:after {
position: absolute;
content: '';
display: block;
width: 10px;
height: 10px;
border-top: solid 2px #357cbf;
border-right: solid 2px #357cbf;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/* 確定系（送信・申し込み・購入など） */
.BtnSend {
position: relative;
color: #fff !important;
background: #059fe7;
padding:0.8em 1.5em; margin:0.5em;
}

.BtnSend:link,
.BtnSend:active,
.BtnSend:visited,
.BtnSend:hover {
color: #fff !important;
text-decoration: none !important;
background:#00ccff;
}

.BtnSend:after {
position: absolute;
content: '';
display: block;
width: 10px;
height: 10px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.t_right { text-align:right !important; }
.t_center { text-align:center !important; }

.FormUnit { line-height:1.6em; }

.FormUnit  input[type=text],
.FormUnit  input[type=email],
.FormUnit  input[type=tel],
.FormUnit  input[type=password],
.FormUnit  textarea { border: 1px solid #ccc !important; padding:0.5em; line-height:1.5em; font-size:1.0em; }

.FormUnit .w100 input[type=text],
.FormUnit .w100 input[type=email],
.FormUnit .w100 input[type=tel],
.FormUnit .w100 input[type=password],
.FormUnit .w100 textarea { border: 1px solid #ccc; width:100%; padding:0.5em; line-height:1.5em; font-size:1.0em;}

.mb2 { margin:0 0 2.5em; }
.setsu { color:#435c81; font-weight:bold; margin:0 0 1em; }

.mw_wp_form_preview .waku2 { border: 1px solid #e5e5e5; border-left:none; border-right:none;  width:100%; padding:0.5em; line-height:1.5em; font-size:1.0em; min-height:2em !important;}

.thanks { color:#059fe7; text-align:center; padding:0 0 3em; font-size:1.4em;}