@charset "UTF-8";/* CSS Document *//*スマホ用デザイン*/@media screen and (max-width:768px){	body {		overflow: hidden;	}	#header-inner {	width:100%;	margin: 0 auto;	padding: 0;	overflow: hidden;}		/*/////////////////////////////      ハンバーガーメニュー////////////////////////////*/nav.globalMenuSp {    position: fixed;    z-index: 2;    top: 0;    left: 0;    background-color:rgba(255,255,255,0.9);    color: #000;    text-align: center;    transform: translateY(-100%);    transition: all 0.6s;    width: 100%;}nav.globalMenuSp ul {    margin: 0 auto;    padding: 0;    width: 100%;}nav.globalMenuSp ul li {		font-size: 1.1em;		list-style-type: none;		margin: 0 auto;		padding: 0;		width: 100%;		border-bottom: 1px dotted #14506C;		overflow: hidden;}/* 最後はラインを描かない */nav.globalMenuSp ul li:last-child {    padding-bottom: 0;    border-bottom: none;}nav.globalMenuSp ul li a {    display: block;    color: #000;    padding: 1em 0px;		margin: 0;}/* このクラスを、jQueryで付与・削除する */nav.globalMenuSp.active {    transform: translateY(0%);}.navToggle {    display: block;    position: fixed;    /* bodyに対しての絶対位置指定 */    right: 13px;    top: 12px;    width: 42px;    height: 51px;    cursor: pointer;    z-index: 3;    background: #0071bc;    text-align: center;}.navToggle span {    display: block;    position: absolute;    /* .navToggleに対して */    width: 30px;    border-bottom: solid 3px #eee;    -webkit-transition: .35s ease-in-out;    -moz-transition: .35s ease-in-out;    transition: .35s ease-in-out;    left: 6px;}.navToggle span:nth-child(1) {    top: 9px;}.navToggle span:nth-child(2) {    top: 18px;}.navToggle span:nth-child(3) {    top: 27px;}.navToggle span:nth-child(4) {    border: none;    color: #eee;    font-size: 9px;    font-weight: bold;    top: 30px;}/* 最初のspanをマイナス45度に */.navToggle.active span:nth-child(1) {    top: 18px;    left: 6px;    -webkit-transform: rotate(-45deg);    -moz-transform: rotate(-45deg);    transform: rotate(-45deg);}/* 2番目と3番目のspanを45度に */.navToggle.active span:nth-child(2),.navToggle.active span:nth-child(3) {    top: 18px;    -webkit-transform: rotate(45deg);    -moz-transform: rotate(45deg);    transform: rotate(45deg);}		#cur {	background-image: none;}     /*////////////////////////////  　 　　トップページ・共通/////////////////////////////*/ #logo {	width: 150px;	margin: 10px 0px 0px 15px;	padding: 0;	float: left;}#logo img {	width: 150px;} header {  width:100%;  height:80px;  margin: 0;  padding: 0;  background-image: url("../images/common/headerWave.png");  background-position: bottom;  background-repeat: repeat-x;  background-size: cover;  position: absolute;  top:0;  z-index: 1000;}/* イントロ */#intro {	width:90%;	margin: 30px auto;	padding: 0;	clear: both;}#intro h1 {	padding: 0px 0px 30px 0px;	font-size: 22px;  line-height: 1.7em;}#intro p {	padding: 30px 0px;}#intro figure:first-of-type,#to-items figure:first-of-type{	width:90%;	float: none;  margin: 0px auto 15px auto;}#intro figure:nth-of-type(2),#to-items figure:nth-of-type(2){	width:90%;	float: none;  margin: 0px auto 15px auto;}  .topics_inner {	width:90%;	margin: 20px auto;}#power {	background-size:40%;  margin-bottom: 10px;  padding-bottom: 10px;}#power-exp {	width: 100%;  margin: 0px 0px 15px 0px;	float: none;}#power-img {	width: 100%;  margin: 0px 0px 15px 0px;	float: none;}  #research {	background-size:40%;}#research-img {	width: 100%;  margin: 0px 0px 15px 0px;	float: none;}#research-exp {	width: 100%;  margin: 0px 0px 15px 0px;	float: none;  }  #news {  width: 90%;	margin: 0 auto;	padding: 15px;	background-color:rgba(255,255,255,0.6);}#news-inner {	width: 95%;	margin: 0 auto;}  #news ul {	padding-left: 0px;}  #news ul li {  margin: 0;	padding: 5px 0px;  word-wrap: break-word;}#news ul li time {	display: block;	font-weight: bold;	text-indent: 0;}#drComment div img {	width: 80%;}  #footer-inner {	width: 90%;}#f-cnt-left {	width:100%;	margin: 0;	padding: 0;	float: none;  text-align: center;}  #footer-info div:first-of-type {	width:150px;	margin: 0px auto;	float: none;}#footer-info div:nth-of-type(2) {	float: none;}  #to-sawamoto div {	width: 75%;  margin: 0 auto;}#f-cnt-right {  display: none;}  .bnr_cnt {  width: 90%;  margin: 20px auto 60px auto;  padding: 0;} /*////////////////////////////  　 　爽ラボとは/////////////////////////////*/ #pagettl_about {	height: 200px;}#pagettl_about h1 {	padding: 100px 0px 0px 0px;	font-size: 30px;}#breadcrumb {	width: 90%;}#policy {	width: 90%;	margin: 30px auto;	padding: 0px 0px 250px 0px;	background-position: bottom;	background-size: 100%;}#policy h2 {	width: 55%;	margin: 0px auto 30px auto;	padding: 0px 0px 30px 0px;}#policy h3 {	font-size: 20px;	line-height: 1.5em;  text-align: center;}#policy p {	margin: 0;	padding: 0px 0px 0px 0px;	width: 100%;	line-height: 1.6em;}#vision {	width: 90%;	margin: 30px auto;	padding: 0px 0px 450px 0px;	background-image: url("../images/about/bg_vision.jpg");	background-position: bottom;	background-size: 100%;}#vision h2 {	width:60%;	margin: 0px auto 20px auto;	padding: 0px 0px 30px 0px;}#vision h3 {  margin: 0px 0px 15px 0;  width: 100%;	font-size: 20px;  padding: 0;	line-height: 1.5em;  text-align: center;}#vision p {	margin: 0;	padding: 0px 0px 0px 0px;	width: 100%;	line-height: 1.6em;}  #to-items {	width: 90%;}#to-items h2 {	width:80%;}/*////////////////////////////////　　商品一覧(products.html)///////////////////////////////*/#pagettl_products {	height: 200px;}#pagettl_products h1 {	padding: 100px 0px 0px 0px;	font-size: 30px;}.prdct_wrapper {	width: 90%;}.prdct_wrapper h2 {	background-size: 38px;	font-size: 20px;}.prdct_wrapper figure {	width: 70%;	margin: 0px auto;	float: none;}  /*////////////////////////////////   天の水ページ(amanomizu.html)///////////////////////////////*/#pagettl_amanomizu {	height: 200px;}#pagettl_amanomizu h1 {	padding: 100px 0px 0px 0px;	font-size: 30px;  line-height: 1.6em;}.indexLink {  width: 90%;  margin: 30px auto;  padding: 20px 0px;}.indexLink ul {  width: 100%;  margin: 0px 15px;  float: none;}.indexLink ul li {  line-height: 1.7em;  font-size: 14px;}  #cnt_1 {  width: 90%;  margin: 20px auto 50px auto;  padding: 0;}  #cnt_2 article,#cnt_5 article,#cnt_7 article{  width: 90%;}  #secret_1 {  padding: 0px 0px 150px 0px;  background-position: center bottom;  background-size: 90%;}#secret_2 {  padding: 0px 0px 100px 0px;  background-position: center bottom;  background-size: 50%;}#secret_3 {  padding: 0px 0px 150px 0px;  background-position: center bottom;  background-size: 90%;}#secret_1 table th,#secret_2 table th,#secret_3 table th {  width:55px;}#secret_1 table h3,#secret_2 table h3,#secret_3 table h3 {  font-size: 24px;  line-height: 1.2em;  font-weight: bold;  padding-left: 20px;}  #secret_1 table h3 br,#secret_2 table h3 br,  #secret_3 table h3 br {    display: none;  }  #secret_1 table p,#secret_2 table p,#secret_3 table p {  font-size:14px;  padding: 20px 0px 0px 20px;}  #secret_1 table p br,#secret_2 table p br,  #secret_3 table p br {    display: none;}  #filter-flow {  width:90%;  margin: 30px auto;  padding: 0px 0px 0px 0px;  background-image: none;  overflow: hidden;}  #filter-flow h3 {  font-size: 20px;}  #filter-flow dl {  width: 100%;  float: none;}#filter-flow dl dt {  color: #00a2d3;  font-size: 18px;  font-weight: bold;}#flow_sp {  display: block;  visibility: visible;}  #flow_sp img {  width:100%;}#aboutStones {  width: 90%;  margin: 3px auto ;  padding: 0px 0px 0px 0px;  background-image: none;}#aboutStones h3 {  width: 80%;}#aboutStones p {  margin: 0px;  padding: 10px 0px;}  #stone_sp {  width: 100%;  margin: 10px auto;  padding: 0;  visibility: visible;  display: block;}#stone_sp img {  width:100%;}  #gallery {  width:100%;  height:300px;  background-image: url("../images/amanomizu/gallery.jpg");  background-position: center;  background-repeat: repeat-x;  background-size: cover;}#gallery div {  width: 90%;  margin: 0 auto;}#gallery div img {  width: 33%;}  #step_1 {  width: 90%;  margin: 20px auto 60px auto;}#step_2 {  width: 90%;  margin: 20px auto 60px auto;}#step_3 {  width: 90%;  margin: 20px auto 60px auto;}.flowNo {  width: 60px;  position: absolute;  top: -20px;  left: 40%;}  #step_1 h3 {  width: 70%;  padding: 50px 0px 20px 0px;}#step_2 h3 {  width: 90%;  padding: 50px 0px 20px 0px;}#step_3 h3 {  width: 90%;  padding: 50px 0px 20px 0px;}  .cnt_step {  width: 90%;  float: none;  margin: 20px auto}.cnt_step div {  width: 15%;  text-align: left;  float: left;}.cnt_step p {  width: 82%;  padding: 0px 0px 10px 0px;  font-size: 14px;  line-height: 1.4em;  float: right;}.cnt_step figure {  width: 80%;  margin: 5px auto;  padding: 0px 0px 20px 0px;  clear: both;}.cnt_step figure img{  width: 100%;}  #caution_ws {  width: 90%;  margin: 30px auto 50px auto;  padding: 0;}  #inspection {  width: 90%;  margin: 30px auto;  padding: 0;  background-image: url("../images/amanomizu/inspection.jpg");  background-position: left top;  background-repeat: no-repeat;  background-size: 100%;}#inspection h4 {  margin: 0px 0px 0px 0px;  padding: 160px 0px 0px 0px;  color: #00a99d;}#inspection p {  margin: 0px 0px 0px 0px;  padding: 5px 0px 0px 0px;  font-size: 14px;}#inspection p span {  font-weight: bold;  margin-top: 5px;}  cnt_6 {  background-size: 80%;}#cnt_6 h2 {  width: 90%;  margin: 0 auto;  padding: 50px 0px;}#cnt_6 h2 img {  width: 70%;  position: relative;  left: 1%;}#cnt_6 ul {  width: 80%;}#cnt_6 div {  width: 90%;}.prdct_img {  width: 70%;  margin: 0 auto;  padding: 0px 0px 20px 0px;  float: none;}.item_exp {  width: 100%;  margin: 0px 0px 0px 0px;  padding: 0;  float: none;}.item_exp h3 {  font-size: 18px;}.item_exp dl {  width: 100%;  margin: 20px 0px 0px 0px;  padding: 0;}.item_exp dl dt {  width: 96%;  padding: 5px 0px;  border: 1px solid #CCC;  text-align: center;  float: none;}.item_exp dl dd {  width: 90%;  margin: 5px auto 20px auto;  float: none;}#cnt_8 h2 img {  width: 70%;  margin: 0 auto;  position: relative;  left: 10%;}#cnt_8 div {  width: 90%;  margin: 0px auto 50px auto;  padding: 0;  background-color:rgba(255,255,255,0.5);}#cnt_8 dl {  width: 85%;  margin: 0px auto;  padding: 40px 0px;}#cnt_8 dl dt {  margin: 0px 0px 5px 0px;  padding: 5px 0px 20px 40px;  background-image: url("../images/amanomizu/q.png");  background-position: left top;  background-repeat: no-repeat;  background-size: 30px;}#cnt_8 dl dd {  margin: 0px 0px 5px 0px;  padding: 5px 0px 40px 40px;  background-image: url("../images/amanomizu/a.png");  background-position: left top;  background-repeat: no-repeat;  background-size: 30px;}	/*////////////////////////////////   健康炭ページ(kenkotan.html)///////////////////////////////*/#pagettl_kenkotan {	height: 200px;}#pagettl_kenkotan h1 {	padding: 100px 0px 0px 0px;	font-size: 30px;  line-height: 1.6em;}	#kkt_1 {  width: 90%;}#kkt_1 div:first-of-type {  width: 100%;}#kkt_1 div:nth-of-type(2) {  background-size: 100%;}#kkt_1 div p {  width: 90%;  margin: 0 auto;  padding: 220px 0px 0px 0px;	font-size: 14px;}#kkt_2 article {  width: 90%;}#kkt_2 article h2,#kkt_5 article h2{  width:100%;  margin: 0;  padding: 30px 0px 0px 0px;}#kkt_2 p {  width: 90%;  margin: 0px auto;  padding: 0px 0px 0px 0px;}#kkt_2 figure {  width: 90%;	margin: 20px auto;}	#kkt_3 {  width: 90%;}#kkt_4 {  width: 100%;}#kkt_5 article {  width: 90%;}#kenkotan_ol {  width: 90%;  margin: 0px auto;  padding: 30px 0px;  overflow: hidden;}#kenkotan_ol table {  width: 100%;  float: none;}#kenkotan_ol ul {  width: 100%;  margin: 20px 0px 0px 0px;  float: none;}#kkt_6 h2 {  width: 100%;  margin: 0 auto;  padding: 50px 0px;}	#kkt_6 h2 img {  width: 70%;  margin: 0 auto;  position: relative;  left: 10%;}	#kkt_6 div {  width: 90%;  margin: -80px auto 50px auto;  padding: 0;}	#kkt_6 dl {  width: 85%;  margin: 0px auto;  padding: 40px 0px;}#kkt_6 dl dt {  margin: 0px 0px 5px 0px;  padding: 5px 0px 20px 40px;  background-image: url("../images/amanomizu/q.png");  background-position: left top;  background-repeat: no-repeat;  background-size: 30px;}#kkt_6 dl dd {  margin: 0px 0px 5px 0px;  padding: 5px 0px 40px 40px;  background-image: url("../images/amanomizu/a.png");  background-position: left top;  background-repeat: no-repeat;  background-size: 30px;}	/*////////////////////////////////   購入方法ページ(howto.html)///////////////////////////////*/#pagettl_howto {	height: 200px;}#pagettl_howto h1 {	padding: 100px 0px 0px 0px;	font-size: 30px;  line-height: 1.6em;}#howto_lead {  width: 90%;  margin: 30px auto;}#howto-flow {  width: 90%;}#howto-flow article h3 {  line-height: 3px;	text-align: center;}#howto-flow article h3 img {	display: block;  width: 65px;	margin: 0 auto;	padding: 0px 0px 20px 0px;}.howto-inner {  width: 90%;  padding: 40px 0px;}#hearing {  width: 92%;	margin: 30px auto;	padding: 30px 0px;}#hearing dt {	margin: 0;  padding: 0px 0px 20px 0px;	text-align: center;}#hearing dd {  padding: 0px 0px 0px 20px;}#hearing dd ul li {	margin-left: 20px;}#contactType_1 {  width: 100%;  float: none;	margin-bottom: 20px;}#contactType_2 {  width: 100%;  float: none;}#contactType_1 h4,#contactType_2 h4{  font-size: 18px;  font-weight: bold;  margin-bottom: 10px;}#howto-caution {  width: 90%;  margin: 50px auto;}		#contactType_2 a {		color: #fff;	}	.shop-list li {	font-size: 14px;	padding: 0px 0px 10px 15px;	list-style-type: disc !important;	list-style-position: outside;}	/*////////////////////////////////   事業者情報ページ(outline.html)///////////////////////////////*/#pagettl_outline {	height: 200px;}#pagettl_outline h1 {	padding: 100px 0px 0px 0px;	font-size: 30px;  line-height: 1.6em;}#greeting {  width: 90%;  margin: 40px auto;  padding: 0;  background-position: bottom center;  background-size: 100%;}	#greeting h2,#outline h2,#dr-info h2{  font-size: 22px;	text-align: center;}#greeting p {  width: 90%;  margin: 0;  padding: 0px 0px 20px 0px;  line-height: 1.7em;}#greeting p:nth-of-type(2) {  padding: 20px 0px 300px 0px;}	#movie_prof {	position: relative;  width: 100%;  padding-top: 56.25%;}#movie_prof iframe {  position: absolute;  top: 0;  right: 0;  width: 100% !important;  height: 100% !important;}#outline {  width: 90%;  margin: 30px;  padding: 0;}#outline table {  width: 100%;}#outline table th {  width: 100px;  padding: 15px;  text-align: center;  color: #0071bc;  font-weight: bold;  border-bottom: 1px dashed #ccc;  border-collapse: collapse;}#outline table td {  padding: 15px;  text-align: left;  border-bottom: 1px dashed #ccc;  border-collapse: collapse;}#dr-info {  width: 90%;  margin: 60px auto;  padding: 0;}#dr-info div {  width: 100%;  margin: 0px auto;  padding: 0px 0px;}  /*//////////////////////////////////////////　　バランスチェックページ(balance.html)/////////////////////////////////////////*/#pagettl_balance {	height: 200px;}#pagettl_balance h1 {	padding: 100px 0px 0px 0px;	font-size: 30px;  line-height: 1.6em;}.balance_cnt {  width: 90%;  margin: 30px auto 40px auto;  padding: 0;}#balance_intro {  width: 100%;  margin: 0px 0px 20px 0px;  padding: 0;}#balance_intro img {  width: 80%;}.balance_cnt h2 {  background-size: 28px;  font-size: 22px;}.balance_wrapper {  width: 100%;}#balance_cnt_1 p {  width: 100%;  float: none;}#balance_cnt_1 div {  width: 100%;  float: none;}#gdv-img {  width: 100%;  float: none;}#gdv-exp {  width: 100%;  float: none;}#calc_howto {  margin: 30px 0px;  padding: 30px;  clear: both;  background-color: #c9e7f4;}#calc_howto h3 {  width: 100%;  float: none;  text-align: center;}#calc_howto ol {  width: 100%;  margin: 30px 0px 0px 20px;  padding: 0;  float: none;}#calc_howto ol li {  list-style-position: outside;  line-height: 1.3em;  padding-bottom: 15px;}#calc_howto div {  width: 100%;  margin: 0;  padding: 0;  float: none;}.balance_wrapper2 {  width: 100%;  margin: 20px auto;  padding: 0;}#balance_cnt_4 table td div {  float: none;}#balance_cnt_4 table td div:first-child {  padding: 10px;  width: 100%;  text-align: center;}#balance_cnt_4 table td div:nth-child(2) {  padding: 10px;  width: 100%;  text-align: center;  color: #c1272d;  font-weight: 700;  transform: rotate(90deg);}#balance_cnt_4 table td div:nth-child(3) {   padding: 10px;  color: #c1272d;  font-weight: 700;  width: 100%;  text-align: center;}#balance_cnt_5 div {  width: 100%;  margin: 40px auto;  padding: 0;}		/*////////////////////////////////　　玄米甘糀(amakouji.html)///////////////////////////////*/#pagettl_amakouji {	height: 200px;}#pagettl_amakouji h1 {	padding: 100px 0px 0px 0px;	font-size: 30px;}	#amkjCnt_1 {	width: 90%;  margin: 30px auto 40px auto;  padding: 0;}#amkjCnt_1 h2 {	margin: 30px 0px 20px 0px;	padding: 0;	text-align: center;	font-size: 24px;	color: #f5911e;	line-height: 1.5em;}.amkjInfo {	width: 90%;  margin: 30px auto 40px auto;  padding: 0;}.amkjInfo div:nth-child(1) {	width: 100%;	float: none;}.amkjInfo div:nth-child(1) img {	width: 30%;}.amkjInfo div:nth-child(2) {	width: 100%;	float: none;}.amkjInfo div:nth-child(2) h3 {	margin: 0px 0px 20px 0px;	padding: 0;	font-size: 24px;	font-weight: bold;	text-align: center;}.amkjInfo div:nth-child(2) table {	width: 80%;	margin: 0;}.amkjDeliv {	width: 100%;	padding: 30px 0px;}.amkjDeliv table {	width: 95%;	margin: 0 auto;	padding: 0;}.amkjDeliv table th {	width: 20%;}	.amkjDeliv table td {	width: 80%;}#amkjCnt_2 {	width: 90%;}#amkjCnt_2 p {	text-align: center;}#amkjCnt_3 {	width: 90%;}#amkjCnt_3 iframe {	width: 100%;	margin: 0 auto;}#amkjCnt_4 {	width: 90%;	margin: 0 auto;	padding: 0;	overflow: hidden;}#amkjCnt_4 div:nth-child(1),#amkjCnt_4 div:nth-child(2),#amkjCnt_4 div:nth-child(3){	width: 22.7%;	margin: 0px 3% 0px 0px;	padding: 0;	float: left;}#amkjCnt_4 div:nth-child(4){	width: 22.7%;	margin: 0;	padding: 0;	float: right;}#amkjCnt_4 div:nth-child(1) img,#amkjCnt_4 div:nth-child(2) img,#amkjCnt_4 div:nth-child(3) img,#amkjCnt_4 div:nth-child(4) img {	width: 100%;}#amkjCnt_4 p {	clear: both;	text-align: center;	padding: 15px 0px;}            }