@charset "utf-8";

/* hotyoga CSS --------------------------------------


-compo add
----------------------------------------------------*/


.gnav .normal-gnav li a {
    font-size: 14px;
}


body{
	text-align:left;
}

/* container
----------------------------------------------------*/

#hy_container {
	width:980px;
	margin:0 auto 0 auto;
	text-align:left;
}

#hy_container #contents {}
#hy_container #contents p{
	line-height:1.6em;

	height: 140%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


/* compo add
----------------------------------------------------*/
#hy_container #contents {
	width:auto;
}

#hy_container .hy_mainimage{}


/*hy_menu*/
#hy_container .hy_menu{
	margin:20px 0;
	height: 56px;
}
#hy_container .hy_menu ul{
  width: 660px;
	margin:0 auto;
	padding:0;
}
#hy_container .hy_menu li{
	width:320px;
	float:left;
	list-style:none;
}
#hy_container .hy_menu .menu_left{
	margin:0 20px 0 0;
	float:left;
}

#hy_container .hy_menu .menu_end{
	margin:0;
	float:left;
}

#hy_container .hy_menu li a,
#hy_container .hy_section01 .btn a,
#hy_container .hy_section02 .btn a{
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	transition: all ease 0.5s;
}

#hy_container .hy_menu li a:hover,
#hy_container .hy_section01 .btn a:hover,
#hy_container .hy_section02 .btn a:hover{
	opacity: 0.5;
}


/*hy_section01*/
#hy_container .hy_section01{ margin-bottom:20px;
}
#hy_container .hy_section01 .title{}
#hy_container .hy_section01 .section01box{
	background-image:url(../../images/yoga/bg_textile01.jpg);
	background-position:bottom;
	margin:0;
	padding:0;
  overflow: hidden;
}
#hy_container .hy_section01 h2{
	margin:0;
	padding:0;
}
#hy_container .hy_section01 .photoArea {
	width:320px;
	float:right;
	margin:20px 0;
	text-align:left;
}

.photoArea img {
    width: 282px;
}

#hy_container .hy_section01 .textArea{
	width:600px;
	background-color: #fff;
	margin:20px 0 23px 30px;
	float:left;
}
#hy_container .hy_section01 .textArea p {
	margin:20px;
	font-size:14px;
	line-height:140%;
}
#hy_container .hy_section01 .btn {
	margin:0 0 0 170px;
	padding-bottom:20px;
	width: 320px;
}


/*hy_section02*/
#hy_container .hy_section02{ margin-bottom:20px;
}
#hy_container .hy_section02 .title{}
#hy_container .hy_section02 .section02box{
	background-image:url(../../images/yoga/bg_textile01.jpg);
	background-position:bottom;
	padding:0;
	width:980px;
  overflow: hidden;
}
#hy_container .hy_section02 h2{
	margin:0;
	padding:0;
}
#hy_container .hy_section02 .textArea{
	width:910px;
	background-color: #fff;
	margin:20px 0 10px 30px;
	float:left;
}

#hy_container .hy_section02 .bottombox{
	width:920px;
	margin:0 0 0 30px;
	clear:both;
}

#hy_container .hy_section02 .photoArea {
	width:282px;
	float:left;
	margin:0 0 0 0;
}

#hy_container .hy_section02 .pointArea {
	box-sizing: border-box;
    width: 638px;
	float:left;
	padding:0 0 20px 20px;
}

#hy_container .hy_section02 .pointArea .img_01{
	width:608px;
}

#hy_container .hy_section02 .pointArea .inner {
	margin-bottom: 	10px;
}

#hy_container .hy_section02 .pointArea ul {
	clear:both;
	margin:0;
	padding:0;
}
#hy_container .hy_section02 .pointArea ul li:last-child {
    margin-right: 0;
    margin-bottom: 30px;
}

#hy_container .hy_section02 .pointArea li {
	width:191px;
	float:left;
	list-style:none;
	margin:10px 9px 0 0;
}


#hy_container .hy_section02 .textArea p {
	margin:20px;
	font-size:14px;
	line-height:140%;
}
#hy_container .hy_section02 .btn {
	clear:both;
	margin:10px 0 0 480px;
	padding-bottom:20px;
	width: 320px;
}

/*hy_column*/
#hy_container .hy_column{
	width:980px;
	height:354px;
	background-image:url(../../images/yoga/textbg03.jpg);
	background-repeat:no-repeat;
}
#hy_container .hy_column .image{
	width:240px;
	float:right;
	margin:30px 0 0 0;
}
#hy_container .hy_column .image img{
	width:202px;
}
#hy_container .hy_column .textArea{
	box-sizing: border-box;
	width:702px;
	padding:30px 0 0 40px;
	float:left;
}

#hy_container .hy_column .textArea .title{
	margin:0;
}

#hy_container .hy_column .textArea p{
	margin:20px 0 0 0;
	font-size:14px;
	line-height:140%;
}

/*hy_shop*/
#hy_container .hy_shop{
	width:980px;
	background-color:#fff2d1;
	border-right:#EEEEEE 1px solid;
	border-bottom:#EEEEEE 1px solid;
	padding:20px 0;
}
#hy_container .hy_shop .title{
	margin:0 0 0 30px;
}
#hy_container .hy_shop .title img {
    width: 920px;
}
#hy_container .hy_shop .listbox{
	margin:10px 0 0 30px;
	clear:both;
}
#hy_container .hy_shop .listbox .box{
	float:left;
	background-image:url(../../images/yoga/shop_bg.gif);
	background-repeat:no-repeat;
	width:450px;
	height:180px;
	margin:0 20px 0 0;
}

#hy_container .hy_shop .listbox .box .detailbox{
	padding:10px 0 0 30px;
	float:left;
}

#hy_container .hy_shop .listbox .box .detailbox .shopname{
	font-size:20px;
	line-height:100%;
	margin:0 0 5px 0;
	color:#290404;
	font-weight:bold;
}
#hy_container .hy_shop .listbox .box .detailbox .shopdetail{
	font-size:11px;
	line-height:100%;
	margin:0;
	color:#290404;
}

#hy_container .hy_shop .listbox .box .detailbox .shopdetail strong{
	font-size:14px;
}


#hy_container .hy_shop .listbox .btnbox{
	float:right;
	width:161px;
	padding:50px 20px 0 0;
}

#hy_container .hy_shop .listbox .btnbox img{
	margin:0 0 4px 0;
}



/*pageup*/
#hy_container .pageup {
	clear:both;
	text-align:right;
	padding:20px 0;
}
#hy_container .pageup a {
    display: inline-block;
    width: 89px;
}

.pagetop-wrap {
	background: #fff;
}

#pagetop a {
    display: inline-block;
    width: 89px;
	margin-bottom:20px;
}


/* tablet start
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1020px) {

/* container
----------------------------------------------------*/
#hy_container img{width:100%;}
#hy_container {
	width:100%;
	margin:0 auto;
}

h1.hy_mainimage img{height:auto;}

#topicpath  {
	background-size: 100% 100%;
}
#topicpath p {
  width: 100%;
}

/* compo add
----------------------------------------------------*/
#hy_container #contents {
	width:auto;
}

/*hy_menu*/
#hy_container .hy_menu{
	height: auto;
}
#hy_container .hy_menu ul{
  overflow: hidden;
	width: 95%;
}
#hy_container .hy_menu .menu_left{
	margin:0 2% 0 0;
	width: 49%;
}
#hy_container .hy_menu img{
	height: auto;
}
#hy_container .hy_menu .menu_end{
	float: left;
	width: 49%;
  margin: 0;
}

/*hy_section01*/

#hy_container .hy_section01 .section01box{
	padding: 5px;
}
#hy_container .hy_section01 h2 img{
	height: auto;
}
#hy_container .hy_section01 .photoArea {
	float: none;
	margin: 0 auto 20px;
	display: none;
}

#hy_container .hy_section01 .textArea{
	width: 95%;
	background: #fff;
	margin: 20px auto;
	float: none;
}
#hy_container .hy_section01 .textArea p {
  padding: 20px;
	margin: 0;
}
#hy_container .hy_section01 .btn {
	margin: 0 auto;
}


/*hy_section02*/
#hy_container .hy_section02 .section02box{
	width: auto;
	padding: 5px;
}
#hy_container .hy_section02 h2 img{
	height: auto;
}
#hy_container .hy_section02 .textArea{
	width: 95%;
	background: #fff;
	margin: 20px auto;
	float: none;
}
#hy_container .hy_section02 .textArea p {
  padding: 20px;
	margin: 0;
}
#hy_container .hy_section02 .bottombox{
	width: auto;
	margin: 0
}
#hy_container .hy_section02 .photoArea {
	float: none;
	display: none;
}
#hy_container .hy_section02 .pointArea {
	float: none;
	width: auto;
	padding: 0;
	margin-bottom: 20px;
	margin: 20px;
}
#hy_container .hy_section02 .pointArea .img_01{
	width: auto;
}
#hy_container .hy_section02 .pointArea .img_01 img{
	height: auto;
	margin-bottom: 10px;
}
#hy_container .hy_section02 .pointArea .inner {
  max-width: 600px;
  margin: 0 auto;
}
#hy_container .hy_section02 .pointArea ul {
	width: 100%;
	margin: 0 auto;
}
#hy_container .hy_section02 .pointArea li{
	width: 32%;
	margin: 10px 2% 0 0;
}
#hy_container .hy_section02 .pointArea li img{
	height: auto;
}
#hy_container .hy_section02 .btn {
	margin: 0 auto;
}

/*hy_column*/
#hy_container .hy_column{
	width: 95%;
	background: url(../../images/yoga/textbg03.jpg) no-repeat;
	background-size: 100% 100%;
	margin: 20px auto;
	float: none;
	height: auto;
}
#hy_container .hy_column .image img{
	display: none;
}
#hy_container .hy_column .textArea{
	width: 100%;
	padding: 30px 40px;
	float: none;
}
#hy_container .hy_column .textArea .title img{
	height: auto;
}

/*hy_shop*/
#hy_container .hy_shop{
	width: 100%;
}
#hy_container .hy_shop .title{
	margin: 0 0 20px 0;
}
#hy_container .hy_shop .title img {
	width: 100%;
	height: auto;
}
#hy_container .hy_shop .listbox{
	margin: 0;
}
#hy_container .hy_shop .listbox .box{
	margin: 0 auto 10px;
	float: none;
	width: 90%;
	background-size: 100% 100%;
}
#hy_container .hy_shop .listbox .box .detailbox{
	padding-left: 50px;
}

/*pageup*/
#hy_container .pageup {
	padding: 20px 10px 20px 0;
}
/* tablet end
----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* sp start
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:460px) {
p{
	font-size: 12px !important;
}
/*hy_menu*/
#hy_container .hy_menu {
  margin: 0 0 10px;
}
#hy_container .hy_menu li {
	padding: 5px 0 !important;
}
#hy_container .hy_menu li img {
	max-width: 100%;
}
#hy_container .hy_menu .menu_left{
	float: none;
	width: 100%;
}
#hy_container .hy_menu .menu_end{
	float: none;
	width: 100%;
}

/*hy_section01*/

#hy_container .hy_section01 h2 img{
	width: 980px;
}
#hy_container .hy_section01 .textArea{
	margin: 10px auto 20px;
}
#hy_container .hy_section01 .btn {
	width: 95%;
}
#hy_container .hy_section01 .btn img{
	height: auto;
}


/*hy_section02*/

#hy_container .hy_section02 h2 img{
	width: 980px;
}
#hy_container .hy_section02 .textArea{
	margin: 10px auto 20px;
}
#hy_container .hy_section02 .pointArea .img_01 img{
	width: 608px;
}
#hy_container .hy_section02 .pointArea ul {
	width: 191px;
}
#hy_container .hy_section02 .pointArea li {
	width: auto;
	margin-right: 0;
}
#hy_container .hy_section02 .btn {
	width: 95%;
}
#hy_container .hy_section02 .btn img{
	height: auto;
}

/*hy_column*/
#hy_container .hy_column{
	background: none;
	height: auto;
	width: 100%;
}
#hy_container .hy_column .textArea{
	padding: 20px 15px 30px 20px;
  background-color: #FFF;
  border-bottom: solid 3px #FC4A59;
  border-top: solid 3px #FC4A59;
}
#hy_container .hy_column .textArea .title img{
	width: 662px;
}
#hy_container .hy_column .image {
    margin: 20px 0 0 0;
}

/*hy_shop*/
#hy_container .hy_shop .title{
	width: 980px;
}
#hy_container .hy_shop .listbox .box {
  height: 260px;
}
#hy_container .hy_shop .listbox .box .detailbox {
    padding: 5px 0 0 30px;
}
#hy_container .hy_shop .listbox .box .detailbox .shopname {
	margin: 15px 0 5px 0;
	font-size: 16px !important;
}
#hy_container .hy_shop .listbox .box .detailbox .shopdetail {
  font-size: 14px;
	margin: 15px 0 0 0;
	padding: 10px 30px 0px 0px;
}
/* sp end
----------------------------------------------------------------------------------------------------------------------------------------------------------*/