@charset "utf-8";

/* ======================================================
 * smartphone.css
 * ------------------------------------------------------
 * BASE *************************************************
 * Reset
 * Setting
 * LAYOUT ***********************************************
 * Common
 * Body
 * Header
 * Navigation
 * Contents
 * Footer
 * CONTENTS *********************************************
 * Element
 * Unique
 * - form
 * MEDIA ************************************************
 * Smartphone
 * - width <= 768px
 * ClearFix
====================================================== */

@media screen and (max-width: 768px) {
/********************************************************

  BASE

********************************************************/

/* Reset
------------------------------------------------------ */


/* Setting
------------------------------------------------------ */
/* link */
a:hover  { text-decoration: none; }
a:active { text-decoration: none; }



/********************************************************

  LAYOUT

********************************************************/

/* Common
------------------------------------------------------ */
/* transition */
#hdrUtility .spUtilMenu > li.menuBtn.active > a > span {
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}

.spOnly {	display: inherit;}
.pcOnly {	display: none;}
.br-sp {	display: inherit;}


/* Body
------------------------------------------------------ */


/* Header
------------------------------------------------------ */
#globalHeader {
	min-height: 0;
	height: 50px;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.05);
	   -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.05);
	    -ms-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.05);
	     -o-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.05);
	        box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.05);
}

/*----- headerWrap01 -----*/
.headerWrap01 {
	max-width: 100%;
	padding-right: 0;
	padding-left: 0;
}
/* hdrIdentity */
#hdrIdentity #siteLogo {
	padding: 9px 0 0 15px;
}
#hdrIdentity #siteLogo img {
	width: 81px;
	height: auto;
}
/* hdrUtility */
#hdrUtility {
	padding: 0;
}
#hdrUtility .actionMenu {
	display: none;
}
#hdrUtility .utilMenu {
	display: none;
}
#hdrUtility .spUtilMenu {
	display: block;
}
#hdrUtility .spUtilMenu > li {
	float: right;
}
#hdrUtility .spUtilMenu > li + li {
	margin-right: 6px;
}
#hdrUtility .spUtilMenu > li > a {
	position: relative;
	display: block;
	height: 50px;
	padding: 30px 0 0 0;
	font-size: 0.8rem;
	text-align: center;
}
#hdrUtility .spUtilMenu > li.menuBtn > a {
	width: 50px;
	background-color: #00a0c9;
	color: #fff;
}
#hdrUtility .spUtilMenu > li.menuBtn > a > span {
	position: absolute;
	left: 50%;
	display: block;
	width: 20px;
	height: 2px;
	margin: 0 0 0 -10px;
	background-color: #fff;
}
#hdrUtility .spUtilMenu > li.menuBtn > a > span:nth-child(1) { top: 12px; }
#hdrUtility .spUtilMenu > li.menuBtn > a > span:nth-child(2) { top: 18px; }
#hdrUtility .spUtilMenu > li.menuBtn > a > span:nth-child(3) { top: 24px; }
#hdrUtility .spUtilMenu > li.menuBtn.active > a > span:nth-child(1) {
	top: 22px;
	-webkit-transform: translateY(-6px) rotate(45deg);
	        transform: translateY(-6px) rotate(45deg);
}
#hdrUtility .spUtilMenu > li.menuBtn.active > a > span:nth-child(2) {
	display: none;
}
#hdrUtility .spUtilMenu > li.menuBtn.active > a > span:nth-child(3) {
	top: 22px;
	-webkit-transform: translateY(-6px) rotate(-45deg);
	        transform: translateY(-6px) rotate(-45deg);
}
#hdrUtility .spUtilMenu > li.contactBtn > a {
	width: 60px;
	background-color: #fff;
	background-image: url(/common/images/com_contact_ic23.png);
	background-repeat: no-repeat;
	background-position: 50% 12px;
	background-size: 20px 14px;
	color: #00a0c9;
}


/* Navigation
------------------------------------------------------ */
#globalNavi {
	position: absolute;
	display: none;
	width: 100%;
	min-height: 0;
	z-index: 9999;
}

/*----- navigation -----*/
#navigation {
	position: relative;
	max-width: 100%;
	padding: 0 15px;
	border-top: 3px solid #00a0c9;
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	   -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	    -ms-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	     -o-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	        box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
}
#navigation .commonMenu {
	margin: 0 -15px;
}
#navigation .commonMenu > li {
	float: none;
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #00a0c9;
}
#navigation .commonMenu > li > a {
	display: block;
	height: auto;
	padding: 15px 30px 13px 54px;
	background-color: #d2f0f7;
	color: #333333;	
	font-size: 1.5rem;
}
#navigation .commonMenu > li > a:hover,
#navigation .commonMenu > li.on > a {
	color: #333333;	
}
#navigation .commonMenu > li:nth-child(2n) > a {
	background-color: #fff;
}
#navigation .commonMenu > li:nth-child(2n-1) > a {
	background-color: #d2f0f7;
}

#navigation .commonMenu > li.gNav01 > a { background-image: url(/common/images/navigation_ic21@2x.png) !important; background-position: 15px 50%; background-size: auto 24px }
#navigation .commonMenu > li.gNav02 > a { background-image: url(/common/images/navigation_ic22@2x.png) !important; background-position: 22px 50%; background-size: auto 24px }
#navigation .commonMenu > li.gNav03 > a { background-image: url(/common/images/navigation_ic23@2x.png) !important; background-position: 10px 50%; background-size: auto 22px }
#navigation .commonMenu > li.gNav04 > a { background-image: url(/common/images/navigation_ic24@2x.png) !important; background-position: 13px 50%; background-size: auto 22px }
#navigation .commonMenu > li.gNav05 > a { background-image: url(/common/images/navigation_ic25@2x.png) !important; background-position: 15px 50%; background-size: auto 21px }
#navigation .commonMenu > li.gNav06 > a { background-image: url(/common/images/navigation_ic26@2x.png) !important; background-position: 12px 50%; background-size: auto 21px }
#navigation .commonMenu > li.gNav07 > a { background-image: url(/common/images/navigation_ic27@2x.png) !important; background-position: 15px 50%; background-size: auto 23px }
#navigation .commonMenu > li:not(:last-child) > a:after {
	display: none !important;
}
#navigation .commonMenu > li > a > span {
	text-align: left;
}
#navigation .commonMenu > li > a:hover {
	background-color: #d2f0f7;
	color: inherit;
}
#navigation .commonMenu > li:nth-child(2n) > a:hover {
	background-color: #fff;
	color: inherit;
}
#navigation .commonMenu > li .megaMenu {
	display: none !important;
}
#navigation .actionMenu,
#navigation .utilMenu {
	display: block;
}
#navigation .utilMenu {
	margin: 10px 0 0 0;
}
#navigation .utilMenu > li {
	float: left;
	width: 46.6%;
	margin: 0 0 0 6.8%;
}
#navigation .utilMenu > li:nth-child(2n+1) {
	clear: left;
	margin-left: 0;
}
#navigation .utilMenu > li:nth-child(n+3) {
	margin-top: 0.5em;
}
#navigation .utilMenu > li > a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 10px;
	font-size: 1.2rem;
	line-height: 1.25;
}
#navigation .utilMenu > li > a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.4em;
	display: inline-block;
	width: 5px;
	height: 7px;
	background: url(/common/images/com_link_ic27.png) no-repeat 0 0;
	background-size: 5px 7px;
}
#navigation .actionMenu {
	margin: 10px 0 0 0;
	padding: 0 0 15px 0;
}
#navigation .utilMenu + .actionMenu {
	padding-top: 15px;
	border-top: 1px solid #cccccc;
}
#navigation .actionMenu > li {
	float: left;
	width: 46.6%;
	margin: 0 0 0 6.8%;
}
#navigation .actionMenu > li:nth-child(2n+1) {
	clear: left;
	margin-left: 0;
}
#navigation .actionMenu > li:nth-child(n+3) {
	margin-top: 0.5em;
}
#navigation .actionMenu > li > a {
	position: relative;
	display: table;
	width: 100%;
	padding: 0 15px;
	border-radius: 3px;
	background-color: #00a0c9;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.25;
	text-decoration: none !important;
}
#navigation .actionMenu > li.mypageBtn > a {
	padding-left: 30px;
}
#navigation .actionMenu > li.onlineBtn > a {
	padding-left: 40px;
	background-color: #3f70d5;
}
#navigation .actionMenu > li.mypageBtn > a:before {
	content: "";
	position: absolute;
	left: 9px;
	top: 50%;
	display: inline-block;
	width: 14px;
	height: 18px;
	margin: -9px 0 0 0;
	background: url(/common/images/com_link_ic33.png) no-repeat 0 0;
	background-size: auto 18px;
}
#navigation .actionMenu > li.onlineBtn > a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: -9px 0 0 0;
	background: url(/common/images/com_link_ic34.png) no-repeat 0 0;
	background-size: auto 18px;
}
#navigation .actionMenu > li > a > span {
	display: table-cell;
	width: 100%;
	height: 40px;
	text-align: center;
	vertical-align: middle;
}


/* Contents
------------------------------------------------------ */
#globalContents {
	background: url(/common/images/sp_com_dot_bg01.png) repeat 50% 0;
	background-size: 320px 500px;
}
#contents {
	top: 0;
}

/*----- topicWrap -----*/
.topicWrap {
	display: none;
}

/*----- titleWrap -----*/
.titleWrap {
	max-width: 100%;
	margin: 20px auto 0;
	padding: 0 15px;
}

/*----- contentsWrap -----*/
.contentsWrap {
	max-width: 100%;
	padding: 0 0 40px;
}
.noSide .contentsWrap {
	padding-bottom: 40px;
}

/*** main ***/
#main {
	float: none;
	width: 100%;
	max-width: 100%;
}
[class^="mainWrap"]:first-child {
	margin-top: 15px !important;
}
[class^="mainWrap"]:last-child {
	padding-bottom: 0 !important;
}
.mainWrap01 {
	padding: 25px 15px;
}
.noSide .mainWrap01 {
	max-width: 100%;
	padding: 25px 15px;
}
.mainWrap02 {
	padding: 25px 15px;
}
.noSide .mainWrap02 {
	max-width: 100%;
	padding: 25px 15px;
}
#main [class^="mainWrap"].spaceType4 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.mainLayout {
	max-width: 100%;
	padding: 0 15px;
}

/*** sidebar ***/
#sidebar {
	float: none;
	width: 100%;
	max-width: 100%;
	margin: 30px 0 0 0;
	padding: 0 10px;
}
#sideMenu .catHead2nd {
	font-size: 1.6rem;
}
#sideMenu .catMenu3rd > li > a {
	font-size: 1.4rem;
}
#sideMenu .catMenu4th > li > a {
	font-size: 1.2rem;
}
#sideMenu .catMenu5th > li > a {
	font-size: 1.1rem;
}


/* Footer
------------------------------------------------------ */
/*----- pageTopBtn -----*/
#pageTopBtn {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 35px;
	background-color: #00a0c9;
	text-align: center;
}
#pageTopBtn:before {
	content: "";
	position: absolute;
	left: 50%;
	top: -11px;
	z-index: 10;
	display: inline-block;
	width: 44px;
	height: 11px;
	margin: 0 0 0 -22px;
	background: url(/common/images/com_fr23.png) no-repeat 50% 0;
	background-size: 44px 11px;
}
#pageTopBtn > a {
	position: absolute;
	left: 50%;
	right: auto;
	top: -6px;
	z-index: 11;
	display: inline-block;
	width: 55px;
	height: 29px;
	margin: 0 0 0 -28px;
	background: url(/common/images/com_pagetop_bt21@2x.png) no-repeat 0 0;
	background-size: 55px 29px;
}

/*----- footerWrap01 -----*/
.footerWrap01 {
	padding: 20px 0;
}
/* ftrNavi */
#ftrNavi {
	max-width: 100%;
	padding: 0 15px;
}
#ftrNavi > .navBlock {
	float: none;
	width: 100%;
	margin: 0;
}
#ftrNavi > .navBlock:nth-child(5n+1) {
	clear: none;
	margin-left: auto;
}
#ftrNavi > .navBlock .snsMenu {
	margin: 1em 0 0 0;
	padding: 0 0 10px 0;
	background: url(/common/images/com_hr23.png) repeat-x 0 100%;
	background-size: 17px 4px;
}
#ftrNavi > .navBlock .snsMenu > dt {
	float: left;
	margin-bottom: 0;
	padding: 2px 0 0 2px;
	background: none;
	text-align: left;
}
#ftrNavi > .navBlock .snsMenu > dt img {
	width: 165px;
	height: auto;
}
#ftrNavi > .navBlock .snsMenu > dd {
	float: right;
}
#ftrNavi > .navBlock .snsMenu > dd > .links {
	text-align: right;
}
#ftrNavi > .navBlock .snsMenu > dd > .links > li + li {
	margin-left: 18px;
}
#ftrNavi > .navBlock .snsMenu > dd > .links > li img {
	width: auto;
	height: 25px;
}
#ftrNavi > .navBlock .mainMenu {
	margin: 1em 0 0 0;
}
#ftrNavi > .navBlock .snsMenu + .mainMenu {
	margin-top: 10px;
}
#ftrNavi > .navBlock .mainMenu > li {
	margin: 0;
	border-bottom: 1px solid #c7c7c7;
}
#ftrNavi > .navBlock .mainMenu > li > a {
	display: block;
	padding: 10px;
	font-weight: normal;
}
#ftrNavi > .navBlock .mainMenu > li > a:before {
	top: 1em;
	background: url(/common/images/com_link_ic27.png) no-repeat 0 0;
	background-size: 5px 7px;
}
#ftrNavi .mainMenu .subMenu {
	display: none;
}

/*----- footerWrap02 -----*/
.footerWrap02 {
	padding: 10px 0;
}
/* ftrUtility */
#ftrUtility {
	max-width: 100%;
	padding: 0 15px;
}
#ftrUtility .utilMenu {
	text-align: left;
	letter-spacing: normal;
}
#ftrUtility .utilMenu > li {
	float: left;
	display: block;
	width: 48.3%;
	margin: 0 0 0 3.4%;
	padding: 0;
}
#ftrUtility .utilMenu > li:nth-child(2n+1) {
	clear: left;
	margin-left: 0;
}
#ftrUtility .utilMenu > li:nth-child(n+3) {
	margin-top: 0.5em;
}
#ftrUtility .utilMenu > li:last-child {
	margin-right: auto;
	padding-right: auto;
}
#ftrUtility .utilMenu > li:after {
	display: none;
}
#ftrUtility .utilMenu > li:last-child:after {
	display: none;
}
#ftrUtility .utilMenu > li > a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 10px;
	font-size: 1.3rem;
}
#ftrUtility .utilMenu > li > a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.4em;
	display: inline-block;
	width: 5px;
	height: 7px;
	background: url(/common/images/com_link_ic26.png) no-repeat 0 0;
	background-size: 5px 7px;
}

/*----- footerWrap03 -----*/
.footerWrap03 {
	padding: 10px 0;
}
/* ftrIdentity */
#ftrIdentity {
	max-width: 100%;
	padding: 0 15px;
	text-align: center;
}
#ftrIdentity #corporateLogo {
	float: none;
	width: auto;
}
#ftrIdentity #corporateLogo img {
	width: 200px;
	height: auto;
}
#ftrIdentity #copyright {
	float: none;
	margin: 5px 0 0 0;
	font-size: 0.9rem;
	line-height: 1.25;
}



/********************************************************

  CONTENTS

********************************************************/

/* Element
------------------------------------------------------ */
/*----- Common -----*/
.pc-non { display: block !important; }
.tl-non { display: block !important; }
.sp-non { display: none !important; }
br.pc-non { display: inline !important; }
br.tl-non { display: inline !important; }
.notSmp { display: none !important; }
.sp-cancel.equalHeight > *,
.sp-cancel.equalHeight [class*="eqChild"] {
	height: auto !important;
}
.sp-center,
.sp-center.alLeft,
.sp-center.alRight { text-align: center !important; }

/* tag */
#contents figure {
	text-align: center;
}

/*----- Section -----*/
/* sectioning01 */
.sectioning01 {
	margin: 30px 0 0 0;
}
/* sectioning02 */
.sectioning02 {
	margin: 25px 0 0 0;
}
/* sectioning03 */
.sectioning03 {
	margin: 20px 0 0 0;
}
/* sectioning04 */
.sectioning04 {
	margin: 20px 0 0 0;
}
/* sectioning05 */
.sectioning05 {
	margin: 20px 0 0 0;
}
/* sectioning06 */
.sectioning06 {
	margin: 40px 0 0 0;
}

/*----- Heading -----*/
#contents .heading11 + * {
	margin-top: 30px;
}
#contents .heading01 + *,
#contents .heading02 + *,
#contents .heading06 + *,
#contents .heading08 + *,
#contents .headingWrap01 + * {
	margin-top: 20px;
}
#contents .heading03 + *,
#contents .heading04 + *
#contents .heading05 + *,
#contents .heading07 + *,
#contents .heading09 + *,
#contents .heading24 + * {
	margin-top: 15px;
}

/* heading01 */
.heading01 {
	margin: 30px 0 20px;
}
.heading01 > .head {
	padding: 5px 0 3px 12px;
	border-left-width: 6px;
	font-size: 2.4rem;
}
.heading01.typeFa > .head {
	padding-top: 8px;
	padding-bottom: 5px;
}
.heading01 > .head:before {
	left: -6px;
	top: -3px;
	width: 6px;
	height: 6px;
}
.heading01 > .head:after {
	left: -6px;
	bottom: -3px;
	width: 6px;
	height: 6px;
}
.heading01.typeFa > .head img {
	width: 62.7%;
	max-width: 150px;
}
/* heading02 */
.heading02 {
	margin: 25px 0 20px;
}
.heading02 > .head,
.heading02 > a {
	padding: 0 0 3px 20px;
	background-position: 0 0.2em;
	background-size: 12px auto;
	font-size: 1.8rem;
}
.heading02.typeFa > .head img {
	width: 45.5%;
	max-width: 136px;
}
/* heading03 */
.heading03 {
	margin: 25px 0 15px;
	padding: 10px 12px 8px;
	font-size: 1.6rem;
}
.heading03[class*="typeStory"],
.heading03[class*="typeApple"],
.heading03[class*="naturacure"] {
	padding: 10px 12px 8px 2em;
	background-size: auto 100%;
}
.heading03[class*="typeStory"] > .num,
.heading03[class*="typeApple"] > .num,
.heading03[class*="naturacure"] > .num {
	position: absolute;
	left: 12px;
	top: 10px;
}
/* heading04 */
.heading04 {
	margin: 20px 0 15px;
	padding: 0 0 0 18px;
	font-size: 1.6rem;
}
.heading04:before {
	width: 10px;
	height: 10px;
}
/* heading05 */
.heading05 {
	margin: 20px 0 15px;
	font-size: 1.5rem;
}
.heading05-02 {
	font-size: 1.6px;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.25;
	margin: 0 0 10px;
	padding-top: 0;
}
/* heading06 */
.heading06 {
	margin: 30px 0 15px;
	padding: 10px 16px 5px;
	border-radius: 15px;
}
.heading06 > img {
	width: 45.5%;
	max-width: 136px;
}
/* heading07 */
.heading07:before {
	font-size: 1.4rem;
}
/* heading09 */
.heading09 {
	height: 36px;
}
.heading09 .icon {
	width: 39px;
	padding: 0 6px;
}
.heading09 .head {
	font-size: 1.6rem;
}
/* heading11 */
.heading11 {
	margin: 40px 0 30px;
}
.heading11 img {
	max-width: 90%;
	bottom: -12px;
}
/* heading14 */
.heading14 {
	padding-bottom: 3px;
	font-size: 1.6rem;
}
/* heading17 */
.heading17 {
	margin: 25px 0 15px;
	padding: 0 0 7px 0;
}
.heading17 .head {
	padding: 1px 0 3px 0;
	font-size: 1.5rem;
	font-weight: normal;
}
.heading17[class*="withIcon"] .head {
	padding-left: 24px;
}
.heading17.withIcon1 .head:before {
	top: 0.1em;
	width: 14px;
	height: 16px;
	background-image: url(/common/images/com_cat_ic21_1.png);
	background-size: 14px auto;
}
.heading17 .helper {
	padding: 0;
}
/* heading18 */
.heading18 {
	margin-bottom: 15px;
	font-size: 17px;
	font-size: 1.7rem;
	text-align: center;
	background: url(/common/images/com_head_bg22_2.png) center top no-repeat;
}
.heading18 + .colLayout01 {
	margin-top: 15px;
}
/* heading19 */
.heading19 {
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: normal;
	text-align: center;
	background: url(/common/images/com_head_bg23_2.png) center top no-repeat;
}
/* heading21 */
.heading21 {
	text-align: center;
	font-size: 17px;
	font-size: 1.7rem;
	overflow: hidden;
}
.heading21 span {
	display: inline-block;
	padding: 0 20px;
	position: relative;
}
.heading21 span:before {
	display: block;
	content: "";
	width: 300px;
	height: 1px;
	background-color: #00a0c9;
	position: absolute;
	left: -300px;
	top: 50%;
}
.heading21 span:after {
	display: block;
	content: "";
	width: 300px;
	height: 1px;
	background-color: #00a0c9;
	position: absolute;
	right: -300px;
	top: 50%;
}
/* heading22 */
.heading22 {
	text-align: center;
	font-size: 17px;
	font-size: 1.7rem;
	overflow: hidden;
}
.heading22 span {
	display: inline-block;
	padding: 0 25px;
	position: relative;
}
.heading22 span:before {
	display: block;
	content: "";
	width: 326px;
	height: 21px;
	background: url(/common/images/com_head_bg26.png) left top repeat-x;
	background-size: 163px 11px;
	position: absolute;
	left: -326px;
	top: 6px;
}
.heading22 span:after {
	display: block;
	content: "";
	width: 326px;
	height: 21px;
	background: url(/common/images/com_head_bg26.png) left top repeat-x;
	background-size: 163px 11px;
	position: absolute;
	right: -326px;
	top: 6px;
}
/* heading23 */
.heading23 {
	text-align: center;
	font-size: 17px;
	font-size: 1.7rem;
	overflow: hidden;
}
.heading23 span {
	display: inline-block;
	padding: 0 25px;
	position: relative;
}
.heading23 span:before {
	display: block;
	content: "";
	width: 326px;
	height: 21px;
	background: url(/common/images/com_head_bg27.png) left top repeat-x;
	background-size: 163px 11px;
	position: absolute;
	left: -326px;
	top: 6px;
}
.heading23 span:after {
	display: block;
	content: "";
	width: 326px;
	height: 21px;
	background: url(/common/images/com_head_bg27.png) left top repeat-x;
	background-size: 163px 11px;
	position: absolute;
	right: -326px;
	top: 6px;
}
/* heading24 */
.heading24 {
	margin: 25px 0 15px;
	font-size: 1.5rem;
}
/* heading25 */
.heading25 {
	margin: 30px 0 20px;
	background: url(/common/images/com_head_bg28_2.png) no-repeat 50% 0;
	background-size: 290px 18px;
	font-size: 1.5rem;
	font-weight: bold;
}

/*----- Text -----*/
/* size */
.txSize7XL { font-size: 2.2rem !important; }
.txSize6XL { font-size: 2.2rem !important; }
.txSize5XL { font-size: 2.0rem !important; }
.txSize4XL { font-size: 2.0rem !important; }
.txSize3XL { font-size: 2.0rem !important; }
.txSize2XL { font-size: 1.8rem !important; }
.txSizeXL  { font-size: 1.8rem !important; }
.txSizeL   { font-size: 1.6rem !important; }
.txSizeM   { font-size: 1.4rem !important; }
.txSizeS   { font-size: 1.2rem !important; }
.txSizeXS  { font-size: 1.0rem !important; }

/* txLead */
.txLead01 {
	margin: 1em 0;
	font-size: 1.5rem;
	line-height: 1.5;
}
.txLead02 {
	font-size: 1.8rem;
}
.txLead02 .sub {
	font-size: 1.4rem;
}
.txLead05 {
	font-size: 2.2rem;
}

/*----- List -----*/
/* listDivide */
.listDivide > li {
	float: none !important;
	width: auto !important;
	margin-left: 0 !important;
}
[class*="List"].listDivide > li,
[class*="Link"].listDivide > li {
	margin-top: 0.5em;
}
.listDivide[class*="dv"] > li + li,
.listDivide[class*="grid"] > li + li {
	margin-top: 0.5em;
}

.listDivide.dv2.always > li {
	float: left !important;
	width: 48% !important;
	margin-top: 0 !important;
	margin-left: 4% !important;
}
.listDivide.dv2.always > li:nth-of-type(n+3) {
	margin-top: 0.5em !important;
}
.listDivide.dv2.always > li:nth-of-type(2n+1) {
	clear: left !important;
	margin-left: 0 !important;
}

/* noteList01 */
.noteList01 > li {
	color: #555555;
	font-size: 1.3rem;
}
/* noteList02 */
.noteList02 > li {
	color: #555555;
	font-size: 1.3rem;
}
.noteList02 > li > .kome {
	position: absolute;
	left: 0;
	top: 0;
}

/* iconList01 */
.iconList01 > li {
	padding: 0 0 0 14px;
}
.iconList01 > li:before {
	top: 0.35em;
	width: 8px;
	height: 8px;
}
.iconList01.sizeS > li:before {
	top: 0.35em;
	width: 6px;
	height: 6px;
}
/* iconList02 */
.iconList02 > li {
	padding: 0 0 0 10px;
}
.iconList02 > li:before {
	width: 5px;
	height: 5px;
}

/* descList01 */
.descList01 > dt {
	padding: 0 0 0 25px;
	font-size: 1.5rem;
}
.descList01 > dt:before {
	font-size: 2.4rem;
}
.descList01 > dd {
	padding-left: 25px;
}

/*** linkList ***/
[class*="linkList"] > li:nth-of-type(1),
[class*="linkList"].count2 > li:nth-of-type(2),
[class*="linkList"].count3 > li:nth-of-type(2),
[class*="linkList"].count3 > li:nth-of-type(3),
[class*="linkList"].count4 > li:nth-of-type(2),
[class*="linkList"].count4 > li:nth-of-type(3),
[class*="linkList"].count4 > li:nth-of-type(4),
[class*="linkList"].count5 > li:nth-of-type(2),
[class*="linkList"].count5 > li:nth-of-type(3),
[class*="linkList"].count5 > li:nth-of-type(4),
[class*="linkList"].count5 > li:nth-of-type(5) {
	margin-top: 1em !important;
}
/* linkList01 */
.linkList01 > li {
	float: none !important;
	width: auto !important;
	max-width: 100% !important;
	margin-left: 0 !important;
}

/*----- Link -----*/
/* iconLink01 */
p.iconLink01,
ul.iconLink01 > li {
	background: url(/common/images/com_link_ic31.png) no-repeat 0 0.35em;
	background-size: 7px 9px;
}
.iconLink01.typeNew {
	display: inline-block;
	padding-left: 45px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	color: #333333;
	background: url(/common/images/com_new_ic21.png) left 11% no-repeat;
	background-size: 37px 15px;
}
/* btnLink01 */
.btnLink01.sizeFree {
	display: block;
	width: 100%;
	max-width: 100%;
}
.btnLink01.count1 {
	width: 100%;
	max-width: 100%;
}
.btnLink01.countnaturacure {
	width: 100%;
	max-width: 100%;
	margin: 23px auto 0;
}
.btn_naturacure a {
	margin-top: 43px;
	background-color: #ff872e;
}
.frameBox07 .btnLink01.count1 {
	width: 100%;
}
.frameBox07 .btnLink01.count1 a {
	font-size: 2.0rem;
}
.btnLink01 a {
	width: 100%;
	border-radius: 3px;
	background-image: url(/common/images/com_link_ic30.png) !important;
	background-repeat: no-repeat !important;
	background-position: 10px 50% !important;
	background-size: 7px 9px !important;
	font-size: 1.4rem !important;
}
.btnLink01.sizeFree.alLeft a,
.btnLink01.sizeFree.alCenter a,
.btnLink01.sizeFree.alRight a {
	display: table;
	width: 100%;
}
.btnLink01.withHead a,
.btnLink01 > li.withHead a {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}
.btnLink01 a > span {
	height: 40px !important;
	padding: 2px 8px 0 18px;
}
.btnLink01.sizeFree.alLeft a > span,
.btnLink01.sizeFree.alCenter a > span,
.btnLink01.sizeFree.alRight a > span {
	display: table-cell;
	padding-top: 2px;
	padding-bottom: 0;
}
.btnLink01.sizeFree a.txSizeL  > span,
.btnLink01.sizeFree a.txSizeXL > span {
	display: table-cell;
	padding: 2px 8px 0 18px;
}
.btnLink01.withHead a > span.head {
	max-width: 83px;
	height: 74px;
	font-size: 1.4rem !important;
}
.btnLink01.withHead a > span.content {
	height: 74px;
	font-size: 1.4rem !important;
	font-weight: bold !important;
}
.btnLink01.withHead a > span.content .txSizeM {
	font-size: 1.2rem !important;
}
/* btnLink02 */
.btnLink02 a {
	padding: 9px 10px 8px 25px; 
	border-radius: 3px;
	background-image: url(/common/images/com_link_ic31.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	background-size: 7px 9px;
	font-size: 1.4rem;
	text-align: center;
}
.btnLink02.typeBack a {
	background-image: url(/common/images/com_link_ic32.png);
	background-position: 10px 50%;
	background-size: 7px 9px;
}
/* btnLink03 */
.btnLink03 a {
	width: 100%;
}

/*----- Navi -----*/
/* ancLink01 */
.ancLink01 > li {
	margin-top: 1em !important;
}
.ancLink01 > li:first-child {
	margin-top: 0 !important;
}
.ancLink01 > li a {
	padding: 0 0 0 20px;
	background: url(/common/images/sp_com_link_ic05.png) no-repeat 0 0.25em;
	background-size: 14px 15px;
}
/* localNavi01 */
.localNavi01 {
	display: block;
}
.localNavi01 > dt {
	display: block;
	width: auto;
	min-height: 29px;
	padding: 8px 30px 7px 10px;
	background-image: none !important;
	font-size: 1.5rem !important;
	line-height: 29px;
}
.localNavi01 > dt span {
	display: inline-block;
	padding: 0 0 0 29px;
	background-repeat: no-repeat;
}
.localNavi01.cat02 > dt > span {
	background-image: url(/common/images/com_cat_ic21_2.png);
	background-position: 4px 50%;
}
.localNavi01.cat04 > dt > span {
	background-image: url(/common/images/com_cat_ic21_1.png);
	background-position: 0 50%;
}
.localNavi01 > dd {
	display: block;
	padding: 12px;
}
.localNavi01 > dd > *:first-child {
	margin-top: 0;
}
/* localLink01 */
.localLink01 {
}
.localLink01 > li {
	float: left !important;
	width: 48% !important;
	margin-top: 1.5em !important;
	margin-left: 4% !important;
}
.localLink01 > li:nth-of-type(1),
.localLink01 > li:nth-of-type(2) {
	margin-top: 0 !important;
}
.localLink01 > li:nth-of-type(2n+1) {
	margin-left: 0 !important;
}
.localLink01 > li a {
	padding: 0 0 0 14px;
	background: url(/common/images/com_link_ic31.png) no-repeat 0 0.35em;
	background-size: 7px 9px;
}

/*----- Table -----*/
/*** tableWrap01 ***/
.tableWrap01 {
	overflow: scroll;
}
.tableWrap01::-webkit-scrollbar {
	width: 10px;
	border-radius: 10px;
	background: #ffffff;
}
.tableWrap01::-webkit-scrollbar:horizontal {
	height: 10px;
	border-radius: 10px;
	background: #ffffff;
}
.tableWrap01::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #cccccc;
}
.tableWrap01::-webkit-scrollbar-thumb:horizontal {
	border-radius: 10px;
	background: #cccccc;
}

/* tableLayout01 */
.tableLayout01 th,
.tableLayout01 td {
	font-size: 1.2rem;
}
.tableLayout01 td .btnLink01 a {
	width: auto !important;
	background-position: 5px 50% !important;
	background-size: 6px 10px !important;
}
.tableLayout01 td .btnLink01 a span {
	height: 30px !important;
	padding: 2px 5px 0 15px !important;
	font-size: 1.2rem !important;
}
/* tableLayout02 */
.tableLayout02 th,
.tableLayout02 td {
	padding: 10px 10px 8px;
}

/* tableLayout_nt */
.tableLayout_nt th,
.tableLayout_nt td {
	font-size: 1.2rem;
}
.tableLayout_nt td .btnLink01 a {
	width: auto !important;
	background-position: 5px 50% !important;
	background-size: 6px 10px !important;
}
.tableLayout_nt td .btnLink01 a span {
	height: 30px !important;
	padding: 2px 5px 0 15px !important;
	font-size: 1.2rem !important;
}


/*----- Layout -----*/
/* selector */
.colLayout01 > [class*="col"] + [class*="col"] {
	margin-top: 20px;
}
.colLayout01 > [class*="col"] > figure,
.colLayout01 > figure[class*="col"],
.colLayout01 > figure[class*="size"] .txCaption01 {
	text-align: center;
}

.typeStory15 .colLayout01 > .colDetail {
    padding: 0;
}


/* size */
.colLayout01 > * {
	max-width: 100% !important;
}
.colLayout01.count1 > .col { width: auto;  max-width: 100%; }
.colLayout01.count1.type02 > .col { width: 100%;}
.colLayout01 > .sizeS,
.colLayout01 > .sizeM,
.colLayout01 > .sizeL,
.colLayout01 > .sizeXL,
.colLayout01 > .sizeFix,
.colLayout01 > .sizeFull,
.colLayout01.count2 > .col,
.colLayout01.count3 > .col,
.colLayout01.count4 > .col,
.colLayout01.count5 > .col,
.colLayout01.count6 > .col,
.colLayout01.grid2 > .col,
.colLayout01.grid3 > .col,
.colLayout01.grid4 > .col,
.colLayout01.grid5 > .col {
	width: 100% !important;
	margin-left: 0 !important;
}
.colLayout01.typeStory14 .colLeft {
	width: auto;
}
.colLayout01.typeStory14 .colTxt,
.colLayout01.typeStory14 .colImg {
	display:block;
	width: auto !important;
}
.colLayout01.count1 > .sizeL[class*="col"] { max-width: 374px !important; }
.colLayout01.count1 > .sizeM[class*="col"] { max-width: 244px !important; }
.colLayout01.count1 > .sizeS[class*="col"] { max-width: 177px !important; }
.noSide .colLayout01.count1 > .sizeL[class*="col"]  { max-width: 500px !important; }
.noSide .colLayout01.count1 > .sizeM[class*="col"]  { max-width: 324px !important; }
.noSide .colLayout01.count1 > .sizeS[class*="col"]  { max-width: 240px !important; }

.noSide .colLayout01 > .sizeXL[class*="col"] + .sizeFree[class*="col"] { width: 100%; max-width: 100%; }
.noSide .colLayout01 > .sizeM[class*="col"] + .sizeFree[class*="col"] { width: 100%; max-width: 100%; }

.noSide .mainWrap02 .colLayout01 > .sizeL[class*="col"]  { max-width: 470px; }
.noSide .mainWrap02 .colLayout01 > .sizeM[class*="col"]  { max-width: 305px; }
.noSide .mainWrap02 .colLayout01 > .sizeS[class*="col"]  { max-width: 225px; }
.noSide .mainWrap02 .colLayout01 > .sizeL[class*="col"] + [class*="col"]  { width: 100%; max-width: 470px; }
.noSide .mainWrap02 .colLayout01 > .sizeM[class*="col"] + [class*="col"]  { width: 100%; max-width: 100%; }
.noSide .mainWrap02 .colLayout01 > .sizeS[class*="col"] + [class*="col"]  { width: 100%; max-width: 100%; }

/* colLayout01 */
.colLayout01 > .col {
	float: none;
	margin-left: 0;
}
.colLayout01 > .colLeft {
	float: none;
	margin-right: 0;
}

.typeStory15 .colLayout01 > .colLeft {
    padding: 0;
}
.colLayout01 > .colLeft.sizeSS{
	float:left !important;
}

.colLayout01 > .colRight {
	float: none;
	margin-left: 0;
}
.count5 > .colRight {
	float: none;
	width: auto;
}
.count5 > .colDetail {
	width: auto;
	float: none;
}
.count5 > .colRight {
	float: none;
	width: 100%;
}
.count5 > .colRight img {
	padding-top: 0px;
}
.count5 > .colLeft {
	float: none;
	width: 100%;
}
.colLayout01.typeTable {
	display: block;
}
.colLayout01.typeTable > [class*="col"] {
	float: none;
	display: block;
	width: 100% !important;
	padding: 0 !important;
}
.noSide .colLayout01.typeTable.row2 > .colImg img { max-width: 500px; }
.noSide .colLayout01.typeTable.row3 > .colImg img { max-width: 324px; }
.colLayout01.typeTable > .colImg.typeStory14 img {
	width:100%;
}

.colLayout01.count6 > .col.alRight {
	text-align: center !important;
}
.colLayout01.typeRow > .colLeft {
	margin-right: 0;
}
.colLayout01.type-spFloat {
}
.colLayout01.type-spFloat .colLeft {
	float: left;
	width: 25%;
	margin-right: 3%;
}
.colLayout01.type-spFloat .spClear {
	clear: both;
}
.colLayout01.type-spFloat .spClear > *:first-child {
	margin-top: 1em !important;
}
.colLayout02{
	height: auto;
}

/*----- Box -----*/
/* frameBox01 */
.frameBox01 {
	padding: 12px 10px;
}
/* frameBox02 */
.frameBox02 {
	border-radius: 10px;
}
.frameBox02 .boxHead01 {
	font-size: 1.5rem;
}
/* frameBox03 */
.frameBox03 {
	padding: 10px 2px 5px;
	border-radius: 10px 10px 0 0;
}
.frameBox03 .boxHead01 {
	border-radius: 10px 10px 0 0;
}
.frameBox03 .boxContent01 {
	padding: 15px 12px 10px;
}
/* frameBox04 */
.frameBox04 {
	padding: 10px;
}
/* frameBox05 */
.frameBox05 {
	padding: 15px;
}
.frameBox05 .boxHead01 {
	padding: 0 2px 8px;
}
.frameBox05 .boxHead01 > .head {
	font-size: 1.6rem;
}
/* frameBox06 */
.frameBox06.typeStory2,
.frameBox06.typeStory6,
.frameBox06.typeApple1 {
	height: auto;
}
/* frameBox07 */
.frameBox07 {
	padding: 15px 15px 20px;
}
/* frameBox09 */
.frameBox09 {
	margin: 30px 0 0 0;
}

/* frameBox18 */
.frameBox18 .boxContent01 > .lead {
	width: 100%;
	font-size: 1.6rem;
}
/* frameBox20 */
.frameBox20 {
	background-size: 74px auto, 74px auto;
}
/* frameBox21 */
.frameBox21 .boxContent01 {
	padding: 0 20px 20px;
}
/* frameBox22 */
.frameBox22 {
	padding: 10px 0 0 0;
	background-size: 100% 10px;
}
.frameBox22 .boxContent01 {
	position: relative;
	padding: 10px 100px 20px 20px;
}
.frameBox22 .boxContent01 > .txt {
	font-size: 1.4rem;
}
.frameBox22 .boxContent01 > .illust {
	top: -30px;
}
.frameBox22 .boxContent01 > .illust img {
	width: 100px;
	height: auto;
}
.frameBox24 .boxContent01 {
	padding: 0 20px 20px;
}
/* frameBox32 */
.frameBox32 {
	margin: 30px 0 0 0;
}
/* frameBox34 */
.frameBox34 .boxContent01 p{
	padding: 0 20%;
}
.frameBox34 .boxContent01 .ph01{
	position: static;
	width: 48%;
	display:inline-block;
	margin-top: 1em;
	text-align:right;
}
.frameBox34 .boxContent01 .ph02{
	position: static;
	width: 48%;
	display:inline-block;
	margin-top: 1em;
	text-align:left;
}
/* frameBox36 */
.frameBox36 {
	margin: 20px 0 0;
}
/* frameBox37 */
.frameBox37 {
	margin-top: 20px;
	padding: 0px;
	background-color: #ffffff;
}
.frameBox37.type-02 {
	padding: 0 10px 10px;
}
.frameBox37 .sectioning02 .colLayout01 > .colLeft {
	width: 100%;
	margin-right: 0%;
	text-align: center;
}
.frameBox37 .colLayout01 > .colLeft .colLayout01 > .colImg {
	float: left;
	width: 42%;
	margin-right: 2.5%;
}
.frameBox37 .colLayout01 > .colLeft .colLayout01 > .colDetail {
	overflow: hidden;
}
.frameBox37 .colLayout01 > .colRight {
	float: none;
	width: 100%;
	margin: 20px 0 0;
}
/* frameBox38 */
.frameBox38 {
	background-color: #e9f4f6;
	padding: 10px 10% 15px;
}
.frameBox38.type-02 {
	padding: 20px 10px 5px;
}
.frameBox38.type-02 .innerWrap03 {
}
.frameBox38 .title {
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
	color: #00a0c9;
}
.frameBox38 .title + .colLayout01 {
	margin-top: 10px;
}
.frameBox38 .title + .colLayout01 > .col {
	float: left;
	width: 49% !important;
	margin-left: 2% !important;
	margin-top: 0 !important;
}
.frameBox38 .title + .colLayout01 > .col:first-child {
	margin-left: 0 !important;
}
.frameBox38 .title + .colLayout01 a {
	color: #00a0c9;
}
.frameBox38 .colLayout01 > .colDetail > .colLayout01 {
	margin-top: 15px;
	padding-top: 20px;
	border-top: solid 1px #c9c8c6;
}
.frameBox38 .colLayout01 > .colDetail > .colLayout01 > .colImg {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-bottom: 10px;
	text-align: center;
}
.frameBox38 .colLayout01 > .colDetail > .colLayout01 > .colImg .txCaption07 {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 10px;
}
.frameBox38 .colLayout01 > .colDetail > .colLayout01 > .colDetail {
	overflow: hidden;
	margin-top: 0;
}
.frameBox38 .indexNavi07.count2 > .indexCol {
	width: 49%;
}
.frameBox38 .indexNavi07.count2 > .indexCol + .indexCol {
	margin-left: 2%;
}


/*----- Index -----*/
/* indexNavi01 */
.indexNavi01 > .indexCol {
	float: left;
	margin: 0 0 0 4%;
	border-radius: 3px;
}
.indexNavi01.count2 > .indexCol {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
}
.indexNavi01.count2 > .indexCol:nth-of-type(n+2) {
	margin-top: 15px !important;
}
.indexNavi01.count3 > .indexCol {
	width: 48% !important;
	max-width: 100% !important;
}
.indexNavi01.count3 > .indexCol:nth-of-type(n+3) {
	margin-top: 15px !important;
}
.indexNavi01.count3 > .indexCol:nth-of-type(3n+1) {
	clear: none !important;
	margin-left: 4% !important;
}
.indexNavi01.count3 > .indexCol:nth-of-type(2n+1) {
	clear: left !important;
	margin-left: 0 !important;
}
.indexNavi01 > .indexCol .linkBlock {
	border-top: 3px solid #00a0c9;
	border-radius: 3px;
}
.indexNavi01.count3 > .indexCol .linkBlock {
	padding: 8px;
}
.indexNavi01 > .indexCol.typePj1 .linkBlock {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a6e6ff), color-stop(0.6, #a6e6ff), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #a6e6ff 0%, #a6e6ff 60%, #ffffff 100%);
	background-image:    -moz-linear-gradient(top, #a6e6ff 0%, #a6e6ff 60%, #ffffff 100%);
	background-image:      -o-linear-gradient(top, #a6e6ff 0%, #a6e6ff 60%, #ffffff 100%);
	background-image:         linear-gradient(to bottom, #a6e6ff 0%, #a6e6ff 60%, #ffffff 100%);
}
.indexNavi01 > .indexCol .linkBlock .name {
	font-size: 0.9rem;
}
.indexNavi01 > .indexCol .linkBlock .head {
	padding: 0 0 0 15px;
	background: url(/common/images/sp_com_link_ic01.png) no-repeat 0 0.3em;
	background-size: 8px 14px;
	font-size: 1.4rem;
}
.indexNavi01.count3 > .indexCol .linkBlock .head {
	padding: 0 0 0 10px;
	background-size: 5px auto;
	font-size: 1.2rem;
}
.indexNavi01 > .indexCol .linkBlock .image + .head {
	margin-top: 0.75em;
	padding: 0 0 0 15px;
	background-position: 0 0.3em;
	font-size: 1.4rem;
}
.indexNavi01 > .indexCol .linkBlock .lead {
	margin: 0.5em 0 0 0;
	font-size: 1.2rem;
	line-height: 1.25;
}
.indexNavi01 > .indexCol.typePj1 .linkBlock .head {
	margin: 0 0 10px 0;
	padding: 5px 5px 2px 20px;
	background: #00a5e3 url(/common/images/com_link_ic02.png) no-repeat 7px 0.65em;
	font-size: 1.4rem;
}
.indexNavi01 > .indexCol.typePj1 .linkBlock .content {
	min-height: 1px;
	padding: 0 0 50px 0;
	background-size: 100% auto;
}
.indexNavi01 > .indexCol.typePj1 .linkBlock .content .image {
	float: none;
	width: 100%;
}
.indexNavi01 > .indexCol.typePj1 .linkBlock .content .detail {
	margin: 10px 0 0 0;
}
.indexNavi01 > .indexCol.typePj1 .linkBlock .content .detail .lead {
	font-size: 1.2rem;
}
.indexNavi01 > .indexCol.typePj1 a.linkBlock:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a6e6ff), color-stop(0.6, #a6e6ff), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #a6e6ff 0%, #a6e6ff 60%, #ffffff 100%);
	background-image:    -moz-linear-gradient(top, #a6e6ff 0%, #a6e6ff 60%, #ffffff 100%);
	background-image:      -o-linear-gradient(top, #a6e6ff 0%, #a6e6ff 60%, #ffffff 100%);
	background-image:         linear-gradient(to bottom, #a6e6ff 0%, #a6e6ff 60%, #ffffff 100%);
}
/* indexNavi02 */
.indexNavi02 > .indexCol {
	margin: 0 0 0 4%;
}
.indexNavi02[class*="count"] > .indexCol {
	width: 48% !important;
	max-width: 100% !important;
	margin-left: 4% !important;
}
.indexNavi02[class*="count"] > .indexCol:nth-of-type(n+3) {
	margin-top: 10px !important;
}
.indexNavi02[class*="count"] > .indexCol:nth-of-type(2n) {
	clear: none !important;
	margin-left: 4% !important;
}
.indexNavi02[class*="count"] > .indexCol:nth-of-type(2n+1) {
	clear: left !important;
	margin-left: 0 !important;
}
.indexNavi02 > .indexCol .linkBlock {
	padding: 10px 9px;
}
.indexNavi02 > .indexCol .linkBlock .typeBlock {
	margin: -10px -9px 0;
}
.indexNavi02 > .indexCol .linkBlock .typeBlock .name {
	width: 88px;
	padding: 2px 7px 0;
	font-size: 1.2rem;
	line-height: 22px;
}
.indexNavi02 > .indexCol .linkBlock .typeBlock .sub {
	padding: 4px 0 0 7px;
	font-size: 1.0rem;
}
.indexNavi02 > .indexCol .linkBlock .image {
	margin: 10px 0 0 0;
}
.indexNavi02 > .indexCol .linkBlock .head {
	margin: 0.75em 0 0 0;
	background: url(/common/images/sp_com_link_ic01.png) no-repeat 0 0.3em;
	background-size: 8px 14px;
}
/* indexNavi03 */
.indexNavi03 > .indexCol {
	float: none;
	margin: 0;
}
.indexNavi03.count2 > .indexCol {
	width: 100% !important;
	max-width: 100% !important;
}
.indexNavi03.count2 > .indexCol:nth-of-type(n+2) {
	margin-top: 15px !important;
}
.indexNavi03 > .indexCol .linkBlock {
	padding: 10px 10px 10px 28px;
}
.indexNavi03 > .indexCol .linkBlock:after {
	background: #00a0c9 url(/common/images/sp_com_link_ic02.png) no-repeat 50% 50%;
	background-size: 8px 14px;
}
.indexNavi03 > .indexCol .linkBlock .image {
	width: 122px;
	max-width: 122px;
}
.indexNavi03 > .indexCol .linkBlock .detail {
	padding: 0 0 0 10px;
}
.indexNavi03 > .indexCol .linkBlock .detail .head {
	margin: 0 0 0.25em 0;
	font-size: 1.4rem;
}
.indexNavi03 > .indexCol .linkBlock .detail .lead {
	font-size: 1.3rem;
}
/* indexNavi04 */
.indexNavi04 > .indexCol {
	float: left;
	margin: 0 0 0 4%;
}
.indexNavi04.count3 > .indexCol {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
}
.indexNavi04.count3 > .indexCol:nth-of-type(n+2) {
	margin-top: 15px !important;
}
.indexNavi04.count4 > .indexCol {
	width: 48% !important;
	max-width: 100% !important;
}
.indexNavi04.count4 > .indexCol:nth-of-type(n+3) {
	margin-top: 15px !important;
}
.indexNavi04.count4 > .indexCol:nth-of-type(2n+1) {
	clear: left !important;
	margin-left: 0 !important;
}
.indexNavi04.count3 > .indexCol .linkBlock {
	padding: 10px;
}
.indexNavi04.count4 > .indexCol .linkBlock {
	padding: 5px;
}
.indexNavi04 > .indexCol .linkBlock .image {
}
.indexNavi04 > .indexCol .linkBlock .head {
	background: url(/common/images/sp_com_link_ic01.png) no-repeat 0 0.3em;
	background-size: 8px 14px;
}
.indexNavi04 > .indexCol .linkBlock .lead {
	font-size: 1.2rem;
	line-height: 1.25;
}
/* indexNavi05 */
.indexNavi05 > .indexCol {
	float: none;
	margin: 0;
}
.indexNavi05.count3 > .indexCol {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
}
.indexNavi05.count3 > .indexCol:nth-of-type(n+2) {
	margin-top: 15px !important;
}
.indexNavi05 > .indexCol .linkBlock {
	padding: 9px;
}
.indexNavi05 > .indexCol .linkBlock .image {
	width: 76px;
	max-width: 76px;
}
.indexNavi05 > .indexCol .linkBlock .detail {
	padding: 6px 0 0 10px;
}
.indexNavi05 > .indexCol .linkBlock .detail .head {
	background: url(/common/images/sp_com_link_ic01.png) no-repeat 0 0.3em;
	background-size: 8px 14px;
}
/* indexNavi06 */
.indexNavi06 > .indexCol + .indexCol {
	margin-top: 15px;
}
.indexNavi06 > .indexCol .linkBlock {
	padding: 10px;
	border-left: 14px solid #00a0c9;
	background-size: cover;
}
.indexNavi06 > .indexCol .linkBlock:before {
	left: -10px;
}
.indexNavi06 > .indexCol .linkBlock .head {
	width: 100%;
	max-width: 100%;
	margin: 0 0 0.5em 0;
	font-size: 1.6rem;
	font-weight: bold;
}
.indexNavi06 > .indexCol .linkBlock .image {
	width: 40%;
	min-width: 120px;
}
.indexNavi06 > .indexCol .linkBlock .lead {
	width: 50%;
	min-width: 125px;
	margin: 0;
	font-size: 1.2rem;
	line-height: 1.3;
}
.indexNavi06 > .indexCol .linkBlock .intro {
	clear: left;
	width: 100%;
	max-width: 100%;
	margin: 10px 0 0 0;
}
.indexNavi06 > .indexCol .linkBlock .intro .photo {
	width: 14%;
	min-width: 38px;
	padding: 0 8px 0 0;
}
.indexNavi06 > .indexCol .linkBlock .intro .text .post {
	font-size: 0.7rem;
}
.indexNavi06 > .indexCol .linkBlock .intro .text .name {
	font-size: 1.0rem;
}
/* indexNavi07 */
.indexNavi07 > .indexCol {
	float: none;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
}
.indexNavi07.count3 > .indexCol:nth-of-type(n+2) {
	margin-top: 15px !important;
}
.indexNavi07 > .indexCol .linkBlock .head {
	margin: 0 0 15px 0;
	font-size: 1.4rem;
}
.indexNavi07 > .indexCol .linkBlock .head > span {
	height: 40px;
}
/* indexNavi08 */
.indexNavi08.count3 > .indexCol {
	float: none;
	margin: 0;
	width: 100%;
	max-width: 100%;
}
.indexNavi08.count3 > .indexCol img {
	width: 100%;
}
.indexNavi08.count3 > .indexCol:nth-of-type(n+2) {
	margin-top: 20px !important;
}

/* indexList01 */
.indexList01 > .indexCol {
	float: none;
	margin: 0;
}
.indexList01.count3 > .indexCol {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
}
.indexList01.count3 > .indexCol:nth-of-type(n+2) {
	margin-top: 10px !important;
}
.indexList01 > .indexCol .content {
	padding: 10px 8px;
}
/* indexList02 */
.indexList02 > .indexCol {
	float: none;
	margin: 0;
	padding: 0 0 10px 0;
}
.indexList02.count3 > .indexCol {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
}
.indexList02.count3 > .indexCol:nth-of-type(n+2) {
	margin-top: 10px !important;
}
.indexList02 > .indexCol .head {
	padding: 12px 10px 9px;
}
.indexList02 > .indexCol .content {
	padding: 0 10px;
}
/* indexList03 */
.indexList03 > .indexCol {
	position: relative;
	float: none;
	height: 259px;
	margin: 0;
	overflow: hidden;
}
.indexList03.count3 > .indexCol {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
}
.indexList03.count3 > .indexCol:nth-of-type(n+2) {
	margin-top: 15px !important;
}
.indexList03 > .indexCol .head {
	left: 20px;
	top: 55px;
	font-size: 2.4rem;
}
.indexList03 > .indexCol .lead {
	left: 15px;
	top: 95px;
	width: 148px;
	font-size: 1.4rem;
}
.indexList03 > .indexCol .captionBlock {
	min-height: 65px;
}
/* indexList04 */
.indexList04 > .indexCol {
	float: none;
	margin: 0;
	padding: 0 0 10px 0;
}
.indexList04.count2 > .indexCol,
.indexList04.count3 > .indexCol {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
}
.indexList04.count2 > .indexCol:nth-of-type(n+2),
.indexList04.count3 > .indexCol:nth-of-type(n+2) {
	margin-top: 15px !important;
}
/* indexList05 */
.indexList05 {
	margin: 15px 0 0;
}
.indexList05 .indexCol {
	float: left;
}
.indexList05.count3 .indexCol {
	max-width: 100%;
}
.indexList05[class*="count"] > .indexCol {
	margin: 0;
}
.indexList05.count3 > .indexCol {
	width: 100%;
}
.colLayout01.count3 > .col:nth-of-type(3n+1) {
	clear: left !important;
	margin-left: 0 !important;
}
.indexList05[class*="count"] > .indexCol + .indexCol {
	margin-top: 15px;
}
.indexList05.count3 > .indexCol .head {
	text-align: center;
	height: 52px;
	background: url(/acure/images/acure_bg21.png) center top no-repeat;
	padding-top: 10px;
	font-family: Verdana,sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	color: #ffffff;
}
.indexList05.count3 > .indexCol .content {
	padding: 20px;
	background-color: #e9f4f6;
}
.indexList05.count3 > .indexCol .content .image {
	margin-top: 20px;
	text-align: center;
}

/* indexSlider01 */
.indexSlider01 {
	padding: 15px 42px;
}
.indexSlider01 .bx-wrapper .bx-viewport {
	max-width: 100%;
}
.indexSlider01 .bx-wrapper .bx-viewport li {
	max-width: 430px;
}
.indexSlider01 .bx-wrapper .bx-viewport li img {
	width: 100%;
}
.indexSlider01 .bx-controls-direction a {
	width: 14px;
	height: 25px;
	margin: -13px 0 0 0;
}
.indexSlider01 .bx-controls-direction a.bx-prev {
	left: 12px;
	background-position: 0 50%;
	background-size: 14px auto;
}
.indexSlider01 .bx-controls-direction a.bx-next {
	right: 12px;
	background-position: 0 50%;
	background-size: 14px auto;
}
/* indexSlider02 */
.indexSlider02 {
	margin: 30px -15px 0;
}
.indexSlider02 .bx-wrapper {
	width: 100%;
	overflow: hidden;
}
.indexSlider02 .bx-wrapper .bx-viewport {
	max-width: 100%;
	margin: 0 auto;
}
.indexSlider02 .bx-wrapper .bx-viewport li {
	max-width: 100%;
}
.indexSlider02 .bx-controls-direction a {
	width: 10px;
	height: 17px;
	margin: -9px 0 0 0;
}
.indexSlider02 .bx-controls-direction a.bx-prev {
	left: 7px;
	background-position: 0 50%;
	background-size: 10px auto;
}
.indexSlider02 .bx-controls-direction a.bx-next {
	right: 7px;
	background-position: 0 50%;
	background-size: 10px auto;
}

/*----- icon -----*/
/* linkIcon */
.linkIcon {
	margin: 0 0 0 5px;
}
.txLine .linkIcon {
	margin-right: 5px;
}

/* newsIcon */
.newsIcon {
	min-width: 82px;
	margin: 0 0 0 5px;
	padding: 2px 2px 0;
	font-size: 1.0rem;
	line-height: 16px;
}

/* requiredIcon */
.requiredIcon {
	margin: 0 8px;
	padding: 0 8px;
	line-height: 20px;
}

/*----- legend -----*/
/* legendList01 */
.legendList01 {
	padding: 10px;
	border: 1px solid #dddddd;
}
.legendList01 > li {
	position: relative;
	float: left;
	display: block;
	margin: 0 0 0 4% !important;
	padding: 5px 30px 5px 25px;
}
.legendList01.count4 > li { width: 48%; }
.legendList01 > li + li {
	margin-left: 0;
}
.legendList01 > li:nth-of-type(n+3) {
	margin-top: 10px !important;
}
.legendList01 > li:nth-of-type(2n+1) {
	clear: left !important;
	margin-left: 0 !important;
}
.legendList01 > li + li:before {
	background: none;
}
.legendList01 > li > span {
	height: 40px;
	font-size: 1.3rem;
}
.legendList01 > li:after {
	max-width: 30px;
}
.legendList01 > li.typeProduct1:after {
	height: 32px;
	margin-top: -16px;
	background-size: auto 32px;
}
.legendList01 > li.typeProduct2:after {
	height: 32px;
	margin-top: -16px;
	background-size: auto 32px;
}
.legendList01 > li.typeProduct3:after {
	height: 28px;
	margin-top: -14px;
	background-size: auto 28px;
}
.legendList01 > li.typeProduct4:after {
	height: 29px;
	margin-top: -14px;
	background-size: auto 29px;
}
/* legendList02 */
.legendList02 {
	display: block;
	max-width: 100% !important;
	padding: 10px;
	text-align: left;
}
.legendList02 > li {
	display: block;
	width: 100% !important;
	padding: 0;
}
.legendList02 > li + li {
	margin-top: 7px;
	border-left: none;
}
.legendList02 > li > span {
	padding: 0 0 0 32px;
	text-align: left;
}

/*----- news -----*/
/* newsList01 */
.newsList01 > dt {
	clear: none;
	float: none;
	width: auto;
	padding: 12px 0 0 0;
}
.newsList01 > dd {
	padding: 3px 0 12px 0;
	border-bottom: 2px solid #dddddd;
}
/* newsBox01 */
.newsBox01 > .head {
	padding: 15px 4px;
	font-size: 1.6rem;
	margin: -17px -6px 0; 
}
.newsBox01 .newsList {
	margin: 12px 8px 0;
}
.newsBox01 .newsList > dt {
	margin: 12px 0 0 0;
	padding: 0;
}
.newsBox01 .newsList > dd {
	padding: 0 0 12px;
}
.newsBox01 .newsList.listRow > dt {
	float: none;
	width: auto;
	padding: 0;
}
.newsBox01 .newsList.listRow > dd {
	margin: 2px 0 0 0;
	padding: 0 0 12px;
}
.newsBox01 > .btnLink02 {
	margin: 1em 30px 0;
}

/*----- faq -----*/
/* faqBox01 */
.faqBox01 + .faqBox01 {
	margin-top: 15px;
}
.faqBox01 > .question a {
	padding: 14px 60px 12px 2.5em;
	font-size: 1.5rem;
}
.faqBox01 > .question a:after {
	right: 12px;
}
.faqBox01 > .question a .icon {
	position: absolute;
	left: 12px;
	top: 14px;
	font-size: 1.5rem;
}
.faqBox01 > .answer {
	margin: 10px 12px 0;
}

/*----- intro -----*/
/* introBox01 */
.introBox01 {
	padding: 15px 12px;
}
.introBox01 > .head {
	float: none;
	width: 100%;
	max-width: 100%;
	margin: 0 0 0.5em 0;
	padding: 0 0 26px;
	background: url(/common/images/sp_com_head_bg01.png) repeat-x 0 100%;
	background-size: 36px 19px;
	font-size: 2.0rem;
}
.introBox01 > .image {
	min-width: 128px;
}
.introBox01 > .detail {
	max-width: none;
	min-width: 130px;
	padding: 0 0 0 8px;
}
.introBox01 > .detail .year {
	font-size: 1.4rem;
}
.introBox01 > .detail .post {
	font-size: 1.4rem;
}
.introBox01 > .detail .name {
	font-size: 1.5rem;
}
/* introBox02 */
.introBox02 {
	padding: 12px 0;
	border: 3px solid #e7faff;
}
.introBox02 > .head {
	float: none;
	width: 100%;
	max-width: 100%;
	min-height: 71px;
	margin: 0 0 20px 0;
	padding: 12px 20px 8px;
	border-radius: 0;
}
.introBox02 > .image {
	min-width: 128px;
	padding: 0 9px 0 0;
}
.introBox02 > .detail {
	min-width: 130px;
	padding: 0 0 0 16px;
}
.introBox02 > .detail .outline {
	font-size: 1.4rem;
}
/* introBox03 */
.introBox03 {
	padding: 15px;
}
.introBox03 > .image {
	float: none;
	width: 100%;
	max-width: 100%;
}
.introBox03 > .detail {
	margin: 15px 0 0 0;
}
.introBox03 > .detail .head {
	margin: 0 0 15px 0;
	font-size: 1.4rem;
}
.introBox03.typeApple1 > .detail .lead {
	margin: 0.5em 0 0 0;
}

/* introColumn01 */
.introColumn01 > .storyCol {
	float: none;
	width: 100%;
	max-width: 100%;
}
.introColumn01 > .storyCol > .head {
	margin: 0 0 15px 0;
	padding: 13px 0 0 23px;
	border-top: 3px solid #00a0c9;
	background-position: 0 1em;
	background-size: 18px auto;
	font-size: 1.6rem;
}
.introColumn01 > .scheduleCol {
	float: none;
	width: 100%;
	max-width: 100%;
	margin: 30px 0 0 0;
}
.introColumn01 > .scheduleCol > .head {
	margin: -35px 20px 15px;
}

/*----- gmap -----*/
/*** gmapWrap01 ***/
.gmapWrap01 .gmapWindow {
	max-width: 200px;
}

/*----- contact -----*/
/*** contactWrap01 ***/
.contactBlock01 {
	text-align: center;
}
/* contactBlock01 */
.contactWrap01 .contactBlock01 .telBlock {
	padding: 0;
}
.colLayout01 .contactWrap01 .contactBlock01 .telBlock {
	padding: 5px 0 0;
}
/* contactBlock02 */
.contactWrap01 .contactBlock02 .telBlock + .mailBlock {
	margin-top: 10px;
	margin-left: 3%;
}

.contactWrap01 .placeBlock .post {
	font-size: 2.8rem;
}
.contactWrap01 .telBlock.type1 .icon {
	width: 44px;
	height: 30px;
	background-size: 38px auto;
}
.contactWrap01 .telBlock.type2 .icon {
	width: 40px;
	height: 24px;
	background-size: 40px auto;
}
.contactWrap01 .telBlock.type3 .icon {
	width: 20px;
	height: 29px;
	background-size: 18px auto;
}
.contactWrap01 .mailBlock.type1 .icon {
	width: 36px;
	height: 27px;
	background-size: 36px auto;
}
.contactWrap01 .telBlock .text {
	margin: 0 0 0 8px;
	padding: 2px 0 0 0;
	text-align: left;
}
.contactWrap01 .telBlock .text .telNumber,
.colLayout01 .contactWrap01 .telBlock .text .telNumber {
	font-size: 2.8rem;
}
.contactWrap01 .telBlock .text .receptionTime {
	max-width: 220px;
	font-size: 1.3rem;
}
.colLayout01 .contactWrap01 .telBlock .text .receptionTime {
	font-size: 1.2rem;
}
.contactWrap01 .telBlock.type1 .text .receptionTime,
.contactWrap01 .telBlock.type2 .text .receptionTime {
	display: block;
	margin: 0.25em 0 0 0;
}
.contactWrap01 .telBlock .text .noteList01 {
	max-width: 220px;
}
.contactWrap01 .mailBlock .text .mailAddress {
	font-size: 1.8rem;
}

/*----- onlineshop -----*/
/* onlineShopNavi */
.onlineShopNavi .indexNavi04 {
	margin-top: 10px;
}
.onlineShopNavi .indexNavi04 > .indexCol .linkBlock {
	padding: 8px;
}
.onlineShopNavi .bnrList {
}
.onlineShopNavi .bnrList > li {
	display: block;
	max-width: none;
	text-align: center;
}
.onlineShopNavi .bnrList > li + li {
	margin-top: 10px;
	margin-left: 0;
}
.onlineShopNavi .bnrList > li a {
	display: inline-block;
}


/* Unique
------------------------------------------------------ */
/*----- form : /customer/contact/ -----*/
.form input[type="text"],
.form textarea,
.form select {
	padding: 5px 10px;
	border: none;
	-webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
			-ms-border-radius: 5px;
			 -o-border-radius: 5px;
					border-radius: 5px;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			 -o-box-sizing: border-box;
					box-sizing: border-box;
	background: #f2f2f2;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1) inset;
	   -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1) inset;
	    -ms-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1) inset;
	     -o-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1) inset;
	        box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1) inset;
}
.form textarea {
	width: 100%;
}
.form input[type="radio"] {
	float: left;
	margin: 0 7px 0 0;
}

/* 160414追加 */
.but dd:after{
    top: 0;
}


/*----- table -----*/
.form .tableWrap01 {
	overflow: auto;
}
.form .tableLayout01 {
	border-top: none;
}
.form .tableLayout01 th,
.form .tableLayout01 td {
	display: block;
	padding: 12px 0 12px 25px;
	border-bottom: none;
	font-size: 1.4rem;
}
.form .tableLayout01 th:not(:target),
.form .tableLayout01 td:not(:target) {
	clear: left\9;
	float: left\9;
	width: 100%\9;
}
.form .tableLayout01 th {
	border-top: 2px solid #b8d4e0;
}

/* input */
input[name*="[tel1]"],
input[name*="[tel2]"],
input[name*="[tel3]"] {
	width: 27%;
}
input[name*="[zip1]"],
input[name*="[zip2]"] {
	width: 30%;
}
input[name*="[kana1]"],
input[name*="[kana2]"] {
	width: 32%;
}
input[name*="[name1]"],
input[name*="[name2]"] {
	width: 37%;
}
input[name*="[add2]"],
input[name*="[mail]"] {
	width: 100%;
}

/* inputNote01 */
.inputNote01 {
	color: #555555;
	font-size: 1.1rem;
}

/* inputBox01 */
.typeRB .inputBox01 {
	display: block;
	padding: 0;
	background: none !important;
}
.typeRB .inputBox01 input[type="radio"] {
	position: static;
	opacity: 1;
}

/* label01 */
.label01 {
	margin: 0 6px 0 0;
}
.label01.typeName,
.label01.typeZip {
	width: auto;
	text-align: left;
}
input + .label01.typeName {
	margin-left: 12px;
}

/* sBoxWrap */
.sBoxWrap > select {
	position: static;
	width: auto;
	height: auto;
	font-size: 1.4rem;
	opacity: 1;
}
.sBoxWrap > .sText {
	display: none;
}

/* formFlow */
.formFlow > li {
	position: relative;
	height: 50px;
	background-image: none, none;
	font-size: 1.4rem;
	line-height: 1.2;
}
.formFlow.step3 > li:nth-of-type(1) { width: 29.5%; max-width: 177px; }
.formFlow.step3 > li:nth-of-type(2) { width: 41.0%; max-width: 246px; }
.formFlow.step3 > li:nth-of-type(3) { width: 29.5%; max-width: 177px; }

.formFlow > li:nth-of-type(1),
.formFlow > li:nth-of-type(3) {
	background-image: none , none !important;
}
.formFlow.step3 > li:nth-of-type(2) {
	padding: 0 23px;
	background-image: url(/common/images/sp_form_fr01.png), url(/common/images/sp_form_fr03.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 0 50%, 100% 50%;
	background-size: 23px 50px, 23px 50px;
}
.formFlow.step3 > li:nth-of-type(1).on + li {
	background-image: url(/common/images/sp_form_fr02.png), url(/common/images/sp_form_fr01.png) !important;
}
.formFlow.step3 > li:nth-of-type(2).on {
	background-image: url(/common/images/sp_form_fr03.png), url(/common/images/sp_form_fr02.png) !important;
}

/* formSubmit */
.formSubmit {
	margin: 20px 0 0 0;
}
.formSubmit > li {
	display: block;
	width: 100%;
	max-width: 260px;
	margin: 0 auto;
	letter-spacing: normal;
	text-align: center;
}
.formSubmit > li + li {
	margin-top: 15px;
	margin-left: auto;
}
.formSubmit > li > input {
	width: 100%;
}
.formSubmit > li.confirmBtn {
	width: 100%;
}
.formSubmit > li.correctBtn {
	width: 100%;
}
.formSubmit > li.submitBtn {
	width: 100%;
	margin-left: auto;
}

/* errorBox */
.errorBox {
	padding: 15px;
}
.errorBox > p {
	padding: 0 0 0 54px;
	background: url(/common/images/form_ic01.png) no-repeat 0 0;
	background-size: 42px auto;
	font-size: 1.4rem;
}

/* thanks */
.thanks {
	font-size: 1.6rem;
}

/* 160414追加 */
.but dd:after{
    top: 0;
}

/*----- add 201609 (unique parts) -----*/
/* loungeIndNavi01 */
.loungeIndNavi01 {
	padding: 0 0 0 2px;
}
.loungeIndNavi01 > .col {
	float: none;
	margin-left: 0;
}
.loungeIndNavi01.count2 > .col { float: none; width: 100%; }
.loungeIndNavi01.count2 > .col:nth-child(2n+1) {
	clear: none;
	margin-left: auto;
}
.loungeIndNavi01.count1 > .col:nth-child(n+2),
.loungeIndNavi01.count2 > .col:nth-child(n+3) {
	margin-top: 0;
}
.loungeIndNavi01.count1 > .col:nth-child(n+2),
.loungeIndNavi01.count2 > .col:nth-child(n+2) {
	margin-top: 20px;
}
/* loungeIndLayout01 */
.loungeIndLayout01 > .linkBlock > .image.new:before {
	left: -2px;
	top: 5px;
	width: 42px;
	height: 17px;
	background-size: 42px auto;
}
.loungeIndLayout01 > .linkBlock > .caption {
	padding: 8px 10px;
}
.loungeIndLayout01 > .linkBlock > .caption > .category {
	padding: 0 0 8px 0;
	font-size: 1.3rem;
}
.loungeIndLayout01 > .linkBlock > .caption > .category[class*="withIcon"] {
	padding-left: 21px;
}
.loungeIndLayout01 > .linkBlock > .caption > .category[class*="withIcon"]:before {
	top: 0.15em;
	width: 21px;
}
.loungeIndLayout01 > .linkBlock > .caption > .category.withIcon1:before {
	height: 15px;
	background-size: auto 15px;
}
.loungeIndLayout01 > .linkBlock > .caption > .category.withIcon2:before {
	height: 16px;
	background-size: auto 16px;
}
.loungeIndLayout01 > .linkBlock > .caption > .category.withIcon3:before {
	top: 0.3em;
	height: 12px;
	background-size: auto 12px;
}
.loungeIndLayout01 > .linkBlock > .caption > .category.withIcon4:before {
	height: 14px;
	background-size: auto 14px;
}
.loungeIndLayout01 > .linkBlock > .caption > .category.withIcon5:before {
	height: 15px;
	background-size: auto 15px;
}
.loungeIndLayout01 > .linkBlock > .caption > .category.withIcon6:before {
	height: 16px;
	background-size: auto 16px;
}
.loungeIndLayout01 > .linkBlock > .caption > .headline {
	font-size: 1.2rem;
}

/* flowList01 */
.flowList01 > li {
	float: none;
	margin: 0;
}
.flowList01.count3 > li { width: 100%; }
.flowList01.count3 > li:nth-child(3n+1) {
	clear: none;
	margin-left: auto;
}
.flowList01.count3 > li:nth-child(n+4) {
	margin-top: 0;
}
.flowList01.count3 > li:nth-child(n+2) {
	margin-top: 25px;
}
.flowList01 > li:before {
	content: "";
	position: absolute;
	left: 50%;
	top: -18px;
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 0 0 -4px;
	border-width: 12px 8px;
	border-style: solid;
	border-color: #00a0c9 transparent transparent transparent;
}
.flowList01 > li > .box {
	padding: 0 10px;
	border-radius: 5px;
	background-color: #c3e3eb;
	/*background-color: #fdf241;*/
}
.flowList01 > li > .box > .hdg {
	margin: 0 0 0.5em 0;
	padding: 10px 0 0 0;
}
.flowList01 > li > .box > .hdg > .num {
	border-radius: 12px;
	font-size: 1.2rem;
}
.flowList01 > li > .box > .hdg > .ttl {
	font-size: 1.5rem;
	font-weight: bold;
}
.flowList01 > li > .box > .cnt {
	padding: 10px 0;
}
.flowList01 > li > .box > .hdg + .cnt {
	padding-top: 0;
}
.flowList01 > li > .box > .cnt > *:first-child {
	margin-top: 0 !important;
}

/* movieLayout */
.movieLayout01 .hdg {
	padding: 0;
	font-size: 1.6rem;
	font-weight: normal;
}
.movieLayout01 .hdg.typeNew {
	padding-left: 45px;
	background-position: 0 11%;
	background-size: 37px 15px;
}
.movieLayout01 .desc {
	margin: 0.25em 0 0 0;
	font-size: 1.2rem;
}

/*movieLink*/
.movieLink:before{
	background-size:36px auto;
	background-position:center 50%;
}
/*movieLink02*/
.movieLink02{
	position:relative;
	display:block;
}
.movieLink02:hover{
	opacity:0.8;
}
.movieLink02:before{
	content:"";
	display:inline-block;
	background:url(/common/images/com_movie_ic21.png) no-repeat center top;
	background-size: 58px 40px;
	width:58px;
	height:40px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-29px;
	margin-top:-20px;
}
.movieLink02 img{
	width: 100%;
}
/* productsUnderBnList */
.productsUnderBnList li{
	float:none;
	width:100%;
	margin-right:0px;
	margin-top:10px;
}
/* boxLink01 */
.boxLink01 a{
	padding:10px;
	font-size:inherit;
	background-size: 25px 25px;
}
.boxLink01 a dt{
	width:35%;
}
/* ingredientLabelingBox */
.ingredientLabelingBox dt span{
	font-size:inherit;
	background-size:15px 15px;
	padding:12px 30px 11px 30px;
}
/* productsTopBn */
.productsTopBn li{
	float:none;
	margin-right:0px;
	width:100%;
	margin-top:10px;
}
/* productsMiddleBnList */
.productsMiddleBnList {
	margin-top: 10px;
}
.productsMiddleBnList li{
	width:48.5%;
	margin-right:3%;
	margin-top:3%;
	text-align:center;
}
.productsMiddleBnList li:nth-child(2n){
	margin-right:0px;
}
/* companyInfo */
.companyInfo{
	margin-top:30px;
	padding-top:25px;
}
.companyInfo h2{
	margin-bottom:0px;
}
.companyInfo h2 img{
	width:110px;
	height:auto;
}
.companyInfo .companyInfoBn li{
	float:none;
	width:100%;
	margin-right:0px;
	margin-top:10px;
}
/* underBackNumBox */
.underBackNumBox{
	margin-top:15px;
	padding-top:0px;
	height:auto;
}
.underBackNumBox .btnLink01.count1{
	width:100%;
	max-width:100%;
	margin-top:1em;
}
/* recommendationBox */
.recommendationBox{
	height:324px;
	background:url(/common/images/com_recom_bg24.jpg) repeat-x top;
	background-size:4px auto;
}
.recommendationBox .recommendationBoxIn{
	padding-top:21px;
	padding-bottom:35px;
	background-image:url(/common/images/com_recom_bg25.jpg);
	background-size:44px auto;
}
.recommendationBox h2{
	margin-bottom:9px;
}
.recommendationBox h2 img{
	width:240px;
	height:auto;
}
.recommendationSlider{
	padding-left:5%;
	padding-right:10%;
}
.recommendationBox .recommendationBtn {
    margin-top: 36px !important;
}
.recommendationSlider .recommendationItem a{
	width:120px;
	line-height:1.2;
}
.recommendationSlider .recommendationItem dt{
	width:110px;
	height:110px;
}
.recommendationSlider .recommendationItem dt:after{
	background-size:110px auto;
	width:110px;
	height:115px;
	left:22px;
}
.recommendationSlider .recommendationItem dt img{
	width:76px;
	height:auto;
	left:28px;
	top:9px;
}
.recommendationSlider .recommendationItem dd{
	padding-top:10px;
}
.recommendationSlider .recommendationItem dd span{
	font-size:13px;
	font-size:1.3rem;
	background-position:left 0.4em;
	display:inline;
	padding-left:11px;
}
.recommendationSlider .slick-prev{
	top:50px;
	left:4%;
	background:url(/common/images/com_recom_ic23.png) no-repeat left 50%;
	background-size:13px auto;
}
.recommendationSlider .slick-next{
	top:50px;
	right:4%;
	background:url(/common/images/com_recom_ic24.png) no-repeat left 50%;
	background-size:13px auto;
}

/* prdList */
.prdList.count4 > .col {
	float: left;
	width: 49% !important;
	margin-left: 2% !important;
	margin-top: 0;
	max-width: 380px !important;
}
.prdList.count4 > .col:nth-of-type(n+3) {
	margin-top: 20px !important;
}
.prdList.count4 > .col:nth-of-type(2n) {
	clear: none !important;
	float: left !important;
	margin-left: 2% !important;
}
.prdList.count4 > .col:nth-of-type(2n+1) {
	margin-left: 0 !important;
}
.prdList.count4 > .col:first-child {
	margin-left: 0 !important;
}
.prdList.count4 > .col p:first-child {
	text-align: center;
}

/* detailBox */
.detailBox {
	margin-top: 20px;
}
.detailBox .head {
	padding: 12px;
	height: 55px;
	background: url(/common/images/com_head_bg25.png) center top no-repeat;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #ffffff;
	background-size: 714px 55px;
}
.detailBox .head .txItalic02 {
}
.detailBox .colLayout01.content {
	margin-top: 0;
	padding: 10px 15px;
	background-color: #e9f4f6;
}
.detailBox .colLayout01.content .colImg {
	float: none;
	width: 80%;
	margin: 0 auto;
}
.detailBox .colLayout01.content .colImg .logo {
	text-align: center;
	padding: 10px;
	background-color: #ffffff;
}

/* companySlider01 */
.companySlider01 {
	position: relative;	
	padding: 15px 30px 20px;
}
.companySlider01 .slider {
	width: 100%;
	background-size: contain;
}
.companySlider01 .slider li .panel a {
	display: block;
	
}
.companySlider01 .slider li .panel a .colImg {
	float: right;
	width: 47%;
	margin-left: 3%;
}
.companySlider01 .slider li .panel a .colImg img {
	width: 100%;
}
.companySlider01 .slider li .panel a .colTxt {
	float: left;
	width: 50%;
}
.companySlider01 .slider li .panel a .colTxt .head {
	color: #00a0c9;
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1.3;
}
.companySlider01 .slider li .panel a .colTxt .head .num {
	font-size: 18px;
	font-size: 1.8rem;
	display: block;
}
.companySlider01 .slider li .panel a .colTxt .lead {
	margin-top: 1em;
}
.companySlider01 .slider li .panel a .colTxt .intro {
	margin-top: 20px;
}
.companySlider01 .slider li .panel.line2 a .colTxt .intro {
	margin-top: 10px;
}
.companySlider01 .slider li .panel a .colTxt .intro .post {
	font-size: 14px;
	font-size: 1.4rem;
}
.companySlider01 .slider li .panel a .colTxt .intro .name {
	font-size: 16px;
	font-size: 1.6rem;
}
.companySlider01 .bx-controls-direction a {
	position: absolute;
	top: 50%;
	display: block;
	width: 10px;
	height: 17px;
	margin: -8px 0 0 0;
	text-indent: -9999px;
	outline: none;
}
.companySlider01 .bx-controls-direction a.bx-prev {
	left: 10px;
	background: url(/common/images/com_recom_ic21.png) no-repeat 0 0;
	background-size: 10px 17px;
}
.companySlider01 .bx-controls-direction a.bx-next {
	right: 10px;
	background: url(/common/images/com_recom_ic22.png) no-repeat 0 0;
	background-size: 10px 17px;
}
.companySlider01 .bx-pager {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 90%;
}
.companySlider01 .bx-pager .bx-pager-item {
	display: inline-block;
	line-height: 1.1;
}
.companySlider01 .bx-pager .bx-pager-item + .bx-pager-item {
	margin-left: 15px;
}
.companySlider01 .bx-pager .bx-pager-item a {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #a9abab;
	text-indent: -9999px;
}
.companySlider01 .bx-pager .bx-pager-link.active {
	background: #00a0c9;
}

/* topNews */
.topNews{
	margin-top:25px;
}
.topNews .topNewsR{
	display:block;
	width:100%;
	padding:9px 34px 9px 34px;
}
.topNews .topNewsL{
	display:block;
	width:100%;
	padding-top:8px;
	padding-bottom:6px;
}
.topNews .topNewsL a img{
	width:84px;
	height:auto;
}
.topNews .bx-next{
	background-size:18px auto;
	width:18px;
	height:26px;
	margin-top:-13px;
	right:6px;
}
.topNews .bx-prev{
	background-size:18px auto;
	width:18px;
	height:26px;
	margin-top:-13px;
	left:6px;
}
.colLayout02.layout01 .txt {
	padding: 0;
	width: auto;
}
.colLayout02.layout01 .img {
	display: inline-block;
	position: static;
	width: 24%;
}
.colLayout02.layout01 .logo {
	display: inline-block;
	position: static;
	width: 73%;
}
.colLayout01.fromAqua01 .colLeft img,
.colLayout01.fromAqua02 .colLeft img,
.colLayout01.fromAqua03 .colLeft img {
	padding-top: 0; 
}
.noSide .colLayout01.count3 {
	text-align: center;
}
/* point */
.point .pointImg {
	padding: 10px 0 0 30px;
}
.point .pointImg .count {
	width: 60px;
	height: 60px;
	line-height: 1.2;
}
.point .pointImg .count > span {
	font-size: 10px;
	font-size: 1.0rem;
	vertical-align: middle;
}
.point .pointImg .count strong {
	font-size: 2.4rem;
}
.limitLayout {
	font-size: 1.4rem;
	font-weight: normal;
}
.limitLayout dt {
	padding: 4px 12px 3px;
}
.limitLayout dd {
	display: table-cell;
	padding: 4px 12px 3px;
}

}



/********************************************************

  MEDIA

********************************************************/

/* Smartphone
------------------------------------------------------ */
@media screen and (max-width: 736px) {
}
@media screen and (max-width: 667px) {
}
@media screen and (max-width: 640px) {
}
@media screen and (max-width: 568px) {
}
@media screen and (max-width: 480px) {
	.prdList .col.kajyu:before {
		content: "";
		display: block;
		width: 72px;
		height: 20px;
		position: absolute;
		left: 0;
		top: 10px;
		background: url(/products/acuremade/images/acuremade_ic02.png) left top no-repeat;
		background-size: 72px 20px;
	}
	.prdList .col.ocha:before {
		content: "";
		display: block;
		width: 72px;
		height: 20px;
		position: absolute;
		left: 0;
		top: 10px;
		background: url(/products/acuremade/images/acuremade_ic03.png) left top no-repeat;
		background-size: 72px 20px;
	}
	.prdList .col.sonota:before {
		content: "";
		display: block;
		width: 83px;
		height: 20px;
		position: absolute;
		left: 0;
		top: 10px;
		background: url(/products/acuremade/images/acuremade_ic04.png) left top no-repeat;
		background-size: 83px 20px;
	}
	.prdList .col.water:before {
		content: "";
		display: block;
		width: 58px;
		height: 20px;
		position: absolute;
		left: 0;
		top: 10px;
		background: url(/products/acuremade/images/acuremade_ic05.png) left top no-repeat;
		background-size: 58px 20px;
	}
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 320px) {
}



@media screen and (max-width: 768px) {

/* ClearFix
------------------------------------------------------ */
.headerWrap01:after,
#hdrUtility .spUtilMenu:after,
#navigation .utilMenu:after,
#navigation .actionMenu:after,
#ftrNavi > .navBlock .snsMenu:after,
#ftrUtility .utilMenu:after,
.legendList01:after,
.labelBox01:after {
	content: "";
	display: block;
	clear: both;
}

}