@charset "utf-8";
/* CSS Document */

/* タブレットレイアウト : 959 px ～ 1500 px*/
@media screen and (max-width:1500px)
{
/*--------------------　ヘッダー　--------------------*/
header {
width: 75.5%;
}

/*--------------------　共通　--------------------*/
#sidearea {
width: 19.5%;
}

ul.drop-menu-list {
left: calc(100% + 15px);
}

#sidearea h1 {
width: 91.7%;
}

#sidearea .s_bnr {
width: 63.79%;
}

#mainarea {
width: 75.5%;
}

/*--------------------　フッター　--------------------*/
footer {
width: 75.5%;
}
}


/* タブレットレイアウト : 959 px ～ 1250 px*/
@media screen and (max-width:1250px)
{
/*--------------------　フッター　--------------------*/
footer .inbox2 .f_logo {
float: none;
margin-right: 0;
}

footer .copy {
padding-left: 0;
}

}


/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{
.pt{display: block;}
.pc{display: none;}
.ps{display: none;}
.tb{display: block;}
.ts{display: block;}
.sp{display: none;}

/*　ハンバーガーメニューボタン　*/
.hamburger {
 display : block;
  /*position: absolute;*/
  position: fixed;
  z-index : 3;
  right : 15px;
  top   : 15px;
  width : 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  background: #78685F;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 20px;
  height  : 2px ;
  left    : 15px;
  background : #FFFFFF;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 18px;
}
.hamburger span:nth-child(2) {
  top: 25px;
}
.hamburger span:nth-child(3) {
  top: 32px;
}
.hamburger p {
color: #78685F;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 60%;
letter-spacing: 0;
position: absolute;
bottom: -28px;
left: 0;
right: 0;
margin: 0 auto;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active img {
display: none;
}
.hamburger.active {
  background: #FFFFFF;
}
.hamburger.active span:nth-child(1) {
  top : 24px;
  left: 15px;
  background :#78685F;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 24px;
  background :#78685F;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}
.hamburger.active p {
display: none;
}
/* メニュー背景　*/
.globalMenuSp {
  /*position: absolute;*/
  position: fixed;
  overflow-y: scroll;
  height: 100%;
  z-index : 2;
  top  : 0;
  left : 0;
  background: #78685F;
  width: 100%;
  color: #FFFFFF;
  transform: translateX(100%);
  transition: all 0.6s;
  padding: 40px 40px 20px;
  box-sizing: border-box;
}

.globalMenuSp ul.line {
margin-bottom: 12px;
padding-bottom: 3px;
border-bottom: dashed 1px #BEB4AD;
}

.globalMenuSp li {
position: relative;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 500;
font-style: normal;
margin-bottom: 10px;
line-height: 160%;
font-size: 85%;
}

.globalMenuSp li.title {
font-size: 102%;
}

.globalMenuSp li.ya {
padding-left: 11px;
text-indent: -11px;
}
	
.globalMenuSp li.ya:before {
display: inline-block;
content: "";
margin-right: 5px;
width: 6px;
height: 10px;
vertical-align: middle;
background: url("/shared/templates/nimohoukatsu/images/ya_02.png") no-repeat;
background-size: 4px 5px;
}

.globalMenuSp li a {
color: #FFFFFF;
text-decoration: none;
}

.globalMenuSp li a:hover {
color: #FAECE3;
opacity: 1;
}

/* クリックでjQueryで追加・削除 */
.globalMenuSp.active {
  opacity: 100;
  display: block;
   transform: translateX(0%);
}

/*--------------------　ヘッダー　--------------------*/
header {
width: 90%;
margin: 20px auto 40px;
padding: 0;
float: none;
}

header h1 {
width: 260px;
}


.bl_sizeBtn_wrap {
display: none;
}
  
.search-form-3 {
display: none;
}

header ul.h_btn {
display: none;
}

header ul.h_sns {
display: none;
}
	
header ul.h_main {
display: none;
}

/*--------------------　フッター　--------------------*/
footer {
padding: 45px 0 30px;
border-radius: 0;
width: 100%;
float: none;
}

footer .f_nav {
display: none;
}

footer .inbox2 {
width: 90%;
margin: 0 auto;
text-align: center;
}

footer .inbox2 .f_logo {
width: 180px;
float: none;
margin: 0 auto 26px;
}

footer .f_sns {
margin-bottom: 20px;
display: inline-block;
}

footer .f_sns li {
margin-left: 30px;
float: left;
}

footer .f_sns li:first-child {
margin-left: 0;
}

footer .f_sns li img {
width: 30px;
height: auto;
vertical-align: middle;
}

footer .f_sns li:last-child img {
padding-top: 2px;
}

footer .inbox2 .f_address {
float: none;
margin-right: 0;
font-size: 90%;
}

footer .inbox2 ul.f_nav2 {
display: none;
}


/*--------------------　共通　--------------------*/
#sidearea {
display: none;
}

#mainarea {
width: 100%;
float: none;
}

}





/*----------------------------------------TOP-------------------------------*/
/* タブレットレイアウト : 959 px ～ 1500 px*/
@media screen and (max-width:1500px)
{
#mainarea .block02 .leftbox {
width: 240px;
}

#mainarea .block02 .rightbox {
width: calc(100% - 240px);
}

#mainarea .block03 li {
font-size: 95%;
}

#mainarea .block06 li a {
min-height: 480px;
}

#mainarea .block06 dt {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
float: none;
text-align: center;
}

#mainarea .block06 dd {
width: 100%;
float: none;
}
}


/* タブレットレイアウト : 959 px ～ 1340 px*/
@media screen and (max-width:1340px)
{
#mainarea .block04 .leftbox {
width: 100%;
float: none;
margin-bottom: 20px;
}

#mainarea .block04 .rightbox {
width: 100%;
float: none;
}
}


/* タブレットレイアウト : 959 px ～ 1250 px*/
@media screen and (max-width:1250px)
{
#mainarea .block03 li {
width: 32%;
}

#mainarea .block03 li:nth-child(4n) {
margin-right: 2%;
}

#mainarea .block03 li:nth-child(3n) {
margin-right: 0;
}
}


/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{
#mainarea .mv {
margin-bottom: 50px;
}

#mainarea .block01 {
margin-bottom: 60px;
padding-bottom: 60px;
}

#mainarea .block01 .inner {
width: 90%;
margin: 0 auto;
padding: 0;
text-align: center;
}

#mainarea .block01 .img_right {
width: 100%;
float: none;
padding: 0;
margin: 30px auto;
}

#mainarea .block01 p {
text-align: left;
}

#mainarea .block02 {
margin-bottom: 80px;
}

#mainarea .block02 .inner {
width: 90%;
margin: 0 auto;
padding: 0;
}

#mainarea .block02 .leftbox {
width: 100%;
float: none;
}

#mainarea .block02 .rightbox {
width: 100%;
float: none;
}

#mainarea .block02 h2 {
margin-bottom: 15px;
float: left;
}

#mainarea .block02 .next_btn a {
margin-top: 0;
margin-bottom: 30px;
float: right;
}


#mainarea .block02 dt {
width: 100%;
float: none;
font-weight: bold;
}

#mainarea .block02 dd {
width: 100%;
float: none;
border-bottom: #333333 1px dotted;
padding-bottom: 8px;
margin-bottom: 20px;
}

#mainarea .block03 {
margin-bottom: 80px;
padding: 60px 5% 60px;
border-radius: 0;
}

#mainarea .block04 {
margin-bottom: 80px;
}

#mainarea .block04 .inner {
width: 90%;
margin: 0 auto;
padding: 0;
}

#mainarea .block05 {
margin-bottom: 80px;
}

#mainarea .block05 .inner {
width: 90%;
margin: 0 auto;
padding: 0;
}

#mainarea .block06 {
margin-bottom: 80px;
}

#mainarea .block06 .inner {
width: 90%;
margin: 0 auto;
padding: 0;
}

#mainarea .block07 {
margin-bottom: 40px;
}

#mainarea .block07 .inner {
width: 90%;
margin: 0 auto;
padding: 0;
}
}



/*---------------------------------------------カテゴリー----------------------*/
/* タブレットレイアウト : 959 px ～ 1500 px*/
@media screen and (max-width:1500px)
{
#page_contents .page_index li {
width: 49%;
}

#page_contents .page_index li:nth-child(3n) {
margin-right: 2%;
}

#page_contents .page_index li:nth-child(2n) {
margin-right: 0;
}







}


/* タブレットレイアウト : 959 px ～ 1250 px*/
@media screen and (max-width:1250px)
{
#page_contents {
margin-bottom: 80px;
}

#page_contents .pan {
margin: 30px 0 80px;
padding: 0 5%;
}

#page_contents h2 p {
font-size: 140%;
}

#page_contents .page_lead {
padding: 0 5% 80px 5%;
}

#page_contents .page_lead h3 {
width: 100%;
float: none;
font-size: 160%;
margin-bottom: 35px;
}

#page_contents .page_lead .inbox {
width: 100%;
float: none;
}

#page_contents .page_index h3 {
margin-bottom: 35px;
font-size: 160%;
}

#page_contents .page_block h3 {
font-size: 160%;
}

#page_contents .page_block h4 {
padding: 15px 20px;
font-size: 130%;
}

#page_contents .page_block h5 {
font-size: 120%;
}

#page_contents .page_block h6 {
font-size: 110%;
}






}


/* タブレットレイアウト : 768 px ～ 959 px*/
@media screen and (max-width:959px)
{
#page_contents h2 {
margin-top: 130px;
border-radius: 0;
}
}



/*---------------------------インタビュー--------------------------------------*/

/* タブレットレイアウト : 959 px ～ 1500 px*/
@media screen and (max-width:1500px)
{
#page_contents .interview_block li a {
min-height: 480px;
}

#page_contents .interview_block dt {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
float: none;
text-align: center;
}

#page_contents .interview_block dd {
width: 100%;
float: none;
}

}