@charset "utf-8";
/*----------------------------------------------------
	☆for SP
	
----------------------------------------------------*/

/*デバイスの横幅が1030px以下の場合*/
@media only screen and (max-width: 1030px) {

} 
 
	
/*デバイスの横幅が321以上768以下の場合*/
@media only screen and (min-width: 640px)  {
} 

 
/* デバイスの横幅が320px以下の場合 */
@media only screen and (max-width: 667px) {
	
	
/*----------------------------------------------------
	☆base
----------------------------------------------------*/



body{
	min-width: 100%;
}

.spDisp {
    display: block;
}

.hideImg {
	display:none;
}


/*-- header --*/

.hdLogo img {
	width:50%;
}

#header {
	border-top:3px solid #a2d6d2;
	position:relative;
}

#header div.hdInr {
	border-top:3px solid #ccece9;
	padding: 10px 10px 0;
}

#header p.hdTxt {
  font-size: 10px !important;
  font-weight: bold;
  margin-bottom: 3px;
}

#header div.hdL {
	width:100%;
	float:none;
}

#header div.hdL ul li {
	width:100%;
	float:none;
}

#header div.hdL ul li.tagLine {
	display:none;
}

div.hdR {
	display:none;
}


div.hdR ul.hdList li {
	display:none;
}


div.hdR ul.actionBtn li {
	display:none;
}

#header .spHdMenuBtn {
	background:url(../cmn_img/btn_menu.png) left top no-repeat;
	background-size:40px 36px ;
  cursor: pointer;
  display: block;
  height: 36px;
  position: absolute;
  right: 10px;
  top: 15px;
  width: 40px;
}


#gNav ul li {
	width:100%;
	background:#359f9f;
	text-align:center;
	float:none;
	border-bottom:1px solid #CCC;
}

#gNav ul li span {
	font-size:10px!important;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
  color: #fff;
  display: block!important;}


#gNav {
	width:100%;
	padding:0;
}


#gNav li a {
   color: #fff;
    display: block;
    font-size: 15px !important;
    line-height: 1.5 !important;
    padding: 15px 0 !important;
}

/*--footer---*/

#footer div.ftTop {
	background:none;
	padding:0;
}

#footer div.ftList {
	box-sizing:border-box;
	padding:0;
	width:100%;
	margin:0;
	background:#fffee1;
	border:none;
	border-radius:0;
	box-shadow:none;
}

#footer div.ftList ul li {
	width:100%;
	float:none;
	border-bottom:1px solid #CCC;
	border-right:none;
	padding:10px 0;
	background-size:10% auto!important;
}

#footer div.ftList ul li a {
	color:#3aacad;
	font-weight:bold;
	font-size:15px!important;
	padding-left:15%;
}

#footer div.ftList ul li.first a {
	padding-left: 15%;
}

#footer div.ftList ul li.icon01 {
	background:url(../cmn_img/ft_icon_01.png) 10px center no-repeat;
}
#footer div.ftList ul li.icon02 {
	background:url(../cmn_img/ft_icon_02.png) 10px center no-repeat;

}
#footer div.ftList ul li.icon03 {
	background:url(../cmn_img/ft_icon_03.png) 10px center no-repeat;

}

#footer div.ftList ul li span {
	font-size:12px!important;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	color:#8b7a5b;
	display:block;
	padding-left: 15%;
}

#footer div.ftList ul li.first span {
	padding-left: 15%;
}

#footer div.ftInr {
	width:100%;
	margin:0;
	padding:20px 0;
}

div.subList {
	width:100%;
	float:none;
	padding-top:0;
}

div.subList ul {
	text-align:center;
}

div.subList li {
	float:left;
	border-right:1px solid #414141;
	line-height:1!important;
	font-size:9px!important;
	width:33%;
	
}


div.subList li a {
	color:#414141;
	padding:0;
}

div.ftR {
	width:100%;
	float:none;
	text-align:center;
	padding-top: 10px;
}

p.copy {
	font-family:"Times New Roman", Times, serif;
	color:#432c02;
	font-style:italic;
	font-size:12px!important;
}

.ftR img {
	width:50%;
}

#footer {
	border-bottom:3px solid #432c02;
	border-top:1px solid #CCC;
}


/*-----------------mainvisual------------------*/
#mainvisual {
  height: auto;
}

#mainvisual .bx-wrapper {
    height: auto;
}
#mainvisual .bx-viewport {
    height:auto !important;
    width: 100% !important;
}

#mainvisual #slider li {
    height: auto;
    width: 100%;
}
#mainvisual .prev-next {
	display:none;
}
#mainvisual .bx-prev {
	display:none;
}
#mainvisual .bx-next {
	display:none;
}
#mainvisual .slider_left_ {
	display:none;
}
#mainvisual .slider_right_ {
	display:none;
}

#mainvisual .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	display:none;
}


#contents section.topicsArea {
	padding:20px 0;
}
div.halfList {
	width:100%;
}
div.halfList ul li {
	width:90%;
	float:none;
	margin:0 auto 5px;
}

div.halfList ul li img {
	width:100%;
}

div.halfList ul li.last {
	float:none;
}

#contents div.topSliderBox {
    background: #f7f7f7;
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 18px 0;
    width: 90%;
		margin:0 auto;
}
#contents div.topSliderBox .bx-wrapper .bx-viewport {
    left: auto !important;
    margin: 0 auto;
    width: 200px !important;
}

#contents div.topSliderBox div.slide {
    margin: 0 auto !important;
    overflow: hidden;
    position: relative;
    width: 200px !important;
}

#contents div.topSliderBox .bx-wrapper .bx-prev {
	background:url(../images/top/btn_prev.png) left center no-repeat;
  left: 4%;
}
#contents div.topSliderBox .bx-wrapper .bx-next {
	background:url(../images/top/btn_next.png) left center no-repeat;
  right: 4%;
}

#contents div.Inr {
	width:100%;
}

#contents div.topSliderBox .bx-wrapper .bx-controls-direction a {
    height: 23px;
    margin-top: -11px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 23px;
    z-index: 9999;
}

.blueArea {
	padding:30px 0;
}

div.whBox ul li {
	padding:10px;
	width:90%;
	float:none;
	border-radius:5px;
	margin:0 auto 10px;
}

div.whBox ul li.last {
	float:none;
}

div.whBox ul li div.newsList {
	margin-bottom:20px;
}


div.whBox ul li div.newsList li.last {
	float:none;
}

div.whBox ul li div.newsList li span {
	display:block;
	float:left;
	margin-right:5px;
}

div.whBox ul li div.newsList li span.data {
	width:85px;
}

div.whBox ul li div.newsList li span.category {
	text-align:center;
	color:#FFF;
	width:100px;
}

div.whBox ul li div.newsList li span.c01 {
	background:#73b2b3;
}
div.whBox ul li div.newsList li span.c02 {
	background:#80b67b;
}
div.whBox ul li div.newsList li span.c03 {
	background:#c586b1;
}
div.whBox ul li div.newsList li span.c04 {
	background:#d0a885;
}

div.whBox ul li div.newsList li a {
	text-decoration:underline;
	display:block;
	width:100%;
}

div.whBox ul li div.newsList li a:hover {
	text-decoration:none;
}

h2.newsHead {
	font-family: 'Open Sans', sans-serif;
	font-size:30px!important;
	color:#73b2b3;
	text-align:center;
	font-style:italic;
	font-weight:normal;
}

h2.searchHead {
	font-size:28px!important;
	color:#8b7a5b;
	text-align:center;
	margin-bottom:20px;
}

h2.searchHead span{
	background:url(../images/top/icon_search.gif) left center no-repeat;
	padding-left:30px;
}
div.whBox dl {
	display:block!important;
	margin-bottom:10px;
}

div.whBox dt {
	width:100%;
	margin-bottom:10px;
}

div.whBox dt a {
	width:100%;
	border:1px solid #3aacad;
  background: #fffee1;
  border-radius: 20px;
  color: #3aacad;
  display: block;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  width: 100%;
  font-size:15px!important;
	font-weight:bold;
}

div.whBox dd {
	width:50%;
	float:left;
	font-size:12px!important;
}

div.whBox dd a {
	text-decoration:underline;
	color:#8b7a5b;
}

div.whBox dd a:hover {
	text-decoration:none;
}

div.whBox p.searchBtn {
	background:#3aacad;
	width:250px;
	margin:0 auto;
	font-weight:bold;
	text-align:center;
	font-size:16px!important;
}

div.whBox p.searchBtn a {
	background:url(../images/top/icon_arrow.gif) 90% center no-repeat;
	display:block;
	padding:10px 0;
	color:#FFF;
}

.courseArea {
	background:url(../images/top/bg_course.gif) left top repeat;
	width:100%;
	padding:60px 0;
	border-bottom:1px solid #f1f1f1;
}

h2.courseHead {
	font-size:28px!important;
	color:#8b7a5b;
	text-align:center;
	margin-bottom:20px;
}

h2.courseHead span{
	background:url(../images/top/icon_course.png) left center no-repeat;
	padding-left:30px;
}

div.courseBox {
	width:250px;
	border:1px solid #CCC;
	padding:5px;
	box-sizing:border-box;
	border-radius:10px;
}

div.courseBox dl {
	text-align:center;
	color:#FFF;
	padding:35px 20px;
}

div.courseBox dl dt {
	text-align:center;
}

div.courseBox.color01 dl {
	background:#73b2b3;
}

div.courseBox.color02 dl {
	background:#80b67b;
}

div.courseBox.color03 dl {
	background:#c586b1;
}

div.courseBox.color04 dl {
	background:#d0a885;
}

div.courseBox dl dd.title{
	font-size:16px!important;
	font-weight:bold;
}

div.courseBox dl dd {
	font-size:12px!important;
}


#contents div.topSliderBox02 {
    width: 90%;
		margin:0 auto;
}

#contents div.topSliderBox02 .bx-wrapper .bx-viewport {
    left: auto !important;
    margin: 0 auto;
    width: 250px !important;
}
#contents div.topSliderBox02 .bx-wrapper {
    margin: 0 auto;
}

#contents div.topSliderBox02 div.slide {
    margin: 0 auto !important;
    overflow: hidden;
    position: relative;
    width: 250px !important;
}

#contents div.topSliderBox02 .bx-wrapper .bx-prev {
	background:url(../images/top/icon_prev_02.png) left center no-repeat;
  left: 0%;
}
#contents div.topSliderBox02 .bx-wrapper .bx-next {
	background:url(../images/top/icon_next_02.png) left center no-repeat;
  right: 0%;
}


#contents div.topSliderBox02 .bx-wrapper img {
	display:inline-block;
}

#contents div.topSliderBox02 .bx-wrapper .bx-controls-direction a {
    height: 35px;
    width: 35px;
}

.faqArea {
	padding:30px 0;
	width:90%;
	margin:0 auto;
}

.faqArea img {
	width:100%;
}

.squareArea {
	margin-bottom:30px;
}

div.saInr {
	width:90%;
	margin:0 auto;
}

div.saInr ul li {
    float: left;
    height: auto;
    margin-bottom: 20px;
    margin-right: 0;
    width: 48%;
		height: 207px;
}

div.saInr ul li.even{
	float:right!important;
}

div.saInr ul li img {
	width:100%;
}

div.saInr ul li div {
	border:none;
  border-radius: 0;
  height: auto;
  padding: 0;
  width: 100%;
	position:relative;
}

div.saInr ul li dl {
  background:none;
  bottom: 0;
  left: 0;
  padding: 0;
  position: inherit;
  width: 100%;
}

div.saInr ul li dl dt {
   color: #414141;
   font-size: 14px !important;
   font-weight: bold;
   line-height: 1.3;
}

div.saInr ul li dl dd {
	color:#999;
	font-size:10px!important;
	line-height:1.3!important;
}

/*----------------------------------------------------
	☆mainVArea
----------------------------------------------------*/

div.mainVArea {
	padding: 20px 0 10px;
}

div.mainVArea p {
	font-size:20px!important;
}

div.mainVArea p span {
    font-size: 10px !important;
    padding-top: 5px;
}

/*----------------------------------------------------
	☆topicpath
----------------------------------------------------*/

#topicpath {
	display:none;
}

/*----------------------------------------------------
	☆wrapper
----------------------------------------------------*/


div.wrapper {
 width:100%;
 margin-bottom:0;	
}

#mainArea {
	padding:0 10px;
	box-sizing:border-box;
	width:100%;
	float:none;
}

#rMenu {
	width:100%;
	float:none;
	margin-bottom:0;
}


/*----------------------------------------------------
	☆Head
----------------------------------------------------*/

h1.mainHead {
	font-size:20px!important;
	padding:15px 0 15px 10px;
	border-top:none;
}

/*----------------------------------------------------
	☆ancArea
----------------------------------------------------*/

div.ancArea {
	border-top:1px solid #359f9f;
	border-left:1px solid #359f9f;
	margin-bottom:40px;
}

div.ancArea ul li {
	box-sizing:border-box;
	width:50%;
}

div.ancArea ul li a {
	background:url(../cmn_img/bg_anc.gif) left top repeat;
	color:#359f9f;
	font-weight:bold;
	font-size:14px!important;
	padding:13px 0;
	display:block;
}

/* ======================= arrowTbl ====== */


div.arrowTbl th,div.arrowTbl td {
	border-bottom:1px solid #CCC;
	padding:5px 2px;
}

div.arrowTbl p {
    padding:0;
		width:100%;
}
div.arrowTbl p::before {
    background-color: none;
    border-color: none;
    border-style:none;
    border-width:0;
    content: " ";
    left: auto;
    position:static;
    right:0;
    top: 0;
}

/* ======================= indexList ====== */

div.indexList ul li {
	width:100%;
	height:auto;
	float:none;
	position:relative;
	margin-bottom:20px;
}

div.indexList ul li.even {
	float:none;
}

div.indexList ul li img {
	width:100%;
}


div.txtArea {
	background:url(../images/shop/index/bg_index.png) left top repeat;
	width:100%;
	position:absolute;
	bottom:6px;
	left:0;
	padding:5px;
	box-sizing:border-box;
}

div.taInr {
	background:url(../images/shop/index/icon_arrow.png) right bottom no-repeat;
	padding:5px 10px;
}

div.taInr h2 a {
	font-size:16px!important;
	color:#FFF;
}

.paInfo {
	width:100%;
	float:none;
	padding-top:0;
}

div.ancArea ul li.caresWidth {
    width: 50%;
}

div.newsList.handsNews li a {
    width: 100%;
}

}