@charset "utf-8";
@media only screen and (max-width:640px){

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ジェイバンウェブ告知エリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.jban_web{
	width: auto;
	padding: 20px 10px;
}
.jban_web .header{
    margin-bottom:0;
}
.jban_web .column3{
	display:block;
}
.jban_web .column3 > div{
	width:auto;
}
.jban_web .column3 .btn1{
	margin-bottom:0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
人間関係UP.com告知エリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.ningenkankei-info{
	width: auto;
	padding: 20px 10px;
}
.ningenkankei-info .counseling{
	width: auto;
	float: none;
}
.ningenkankei-info .counselor{
	width: auto;
	float: none;
}
.ningenkankei-info .counseling{
	margin-bottom: 20px;
}
.ningenkankei-info .photo, .ningenkankei-info .photo {
    margin: 10px auto;
    padding: 0 10px;
}
.ningenkankei-info .btn, .ningenkankei-info .btn {
    padding: 0 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「vimeo」用のスタイル指定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
iframe[src*="vimeo"] {
  width: 100%!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
iPhoneのボタンスタイルを無効化
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

input[type="submit"] {
  -webkit-appearance: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スマホ時のスクロールバーカスタマイズ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.scroll-box,
iframe{
	overflow-y: auto;
}
.scroll-box::-webkit-scrollbar,
iframe::-webkit-scrollbar{
	width: 5px;
	background: #f1f1f1;
}
.scroll-box::-webkit-scrollbar-thumb,
iframe::-webkit-scrollbar-thumb{
	background: #bcbcbc;
	border: 1px solid #a8a8a8;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
h1
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.pageTitle h1 {
	width: auto;
	margin-left: 10px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
パンくずリスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#breadNav p{
    width:auto;
    margin:0 auto;
    line-height:1.4;
    padding:15px 10px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー「追尾」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#target {
    width:auto;
    position:static!important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー「カテゴリー」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contentsArea {
    position: relative;
    margin: 0 10px;
}
#sideArea {
    position:static;
}
.single .sideCate {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.sideCate {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
}
.sideCate h2 {
    display: none;
}
.sideCate ul li {
    font-size:13px;
    border: solid 1px #dadada;
}
.sideCate .gnaviBtn {
    display:block;
}
.sideCate .gnaviBtn a.menu {
    display:block;
    padding: 10px 40px;
    margin: 0 10px;
    border: solid 1px #cccccc;
    background: #FFFFFF;
    font-size:14px;
    position:relative;
    font-weight:bold;
	color: #000;
}
.sideCate .gnaviBtn a.menu:hover {
    text-decoration:none;
}
.sideCate .gnaviBtn a.menu:before {
	content: "\f0ca";
	font-family: FontAwesome;
	font-size: 21px;
	position: absolute;
	top: 5px;
	left: 10px;
	color: #d0111a;
}
.sideCate .gnaviBtn a.menu:after {
	content: "\f0d7";
	font-family: FontAwesome;
	font-size: 21px;
	position: absolute;
	top: 5px;
	right: 10px;
	color: #d0111a;
}
.sideCate .gnaviBtn a.menu i.icon-list-ul {
    margin-right:10px;
    font-size:21px;
    vertical-align:-2px;
    color: #000;
}
.sideCate .gnaviBtn i.icon-caret-down {
    position:absolute;
    top: 15px;
    right: 10px;
    font-size: 18px;
    color: #000;
}
.sideCate ul {
    display:none;
}
.sideCate h3 {
    display:none;
}
.sideCate li.cat-item {
    background-color: #F3F3F3;
    margin: -1px 0 0;
}
.sideCate li.cat-item {
    margin: -1px 10px 0;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フレームデザイン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.pc{
	display:none;
}
.sp{
	display:inherit;
}
#headerArea,
#gnaviArea,
#promoArea,
#pickup,
#contentsFrame,
#footerArea,
#copyArea{
	width:auto;
	margin:0 auto;
}
#gnaviArea{
	display: none;
	position: absolute;
	z-index: 1000;
	width: 100%;
	top: 64px;
}
#mainArea {
width: auto;
float: none;
/* margin: 0 10px; */
margin: 0;
}
#subArea {
width: auto;
float: none;
margin: 0 10px;}
#pickup ul {
padding: 15px 0 0;
}
#subArea .bnrArea p img {
width:100%;
height:auto;
}
#subArea .snsLink {
text-align:center;	
}
#subArea .snsLink img {
width:100%;
height:auto;
}
#subArea .snsLink .snsBtn1 {
position:absolute;
top:50%;
left: 41%;
}
#subArea .snsLink .snsBtn1 img,
#subArea .snsLink .snsBtn2 img {
width:70%;
height:auto;
}
#subArea .snsLink .snsBtn1 {
position:absolute;
top:50%;
left: 35%;
width: 30%;
}
#subArea .snsLink .snsBtn2 {
position:absolute;
top:50%;
left: 63%;
width: 30%;
}
#subArea .appLink .appBtn1 {
position:absolute;
top: 65%;
left: 50%;
width: 80%;
margin-left: -40%;
}
#subArea .appLink .appBtn2 {
position:absolute;
top: 35%;
left: 50%;
width: 80%;
margin-left: -40%;
}

#pickup li {
float: none;
margin: 0 10px 15px;
}
#pickup a {
width: auto;
}
#pickup img{
	width:100%;
	height:auto;
}
#fnaviFrame{
	padding: 0;
}
ul.fnavi {
position: inherit;
left: 0;
float: none;
margin-bottom: inherit;
clear: inherit;
}
ul.fnavi li {
	position: inherit;
	left: inherit;
	border-left: none;
	padding: 0;
	width: 50%;
	box-sizing: border-box;
}
ul.menu1 li:first-child{
	width:100%
;
}
ul.fnavi li a{
	display:block;
	padding: 10px 10px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	text-align: center;
}
ul.fnavi li a:hover{
	background: #D5D5D5;
	text-decoration: none;
}
#footerArea .block1 {
width: auto;
float: none;
padding: 15px 0 25px;
border-right: none;
}
#footerArea .block1 h1.logo{
    float: none;
	
    margin: inherit;
    text-align: center;
}
#footerArea .block1 h2 {
margin-top: 22px;
float: none;
text-align: center;
}
#footerArea .block2{
    float: none;
	
    padding: 0;
    width: 260px;
    margin: 0 auto;
}
#footerArea .block3 {
float: none;
padding-top: 20px;
}
#footerArea .block3 ul{
	position:relative;
	float:left;
	left:50%;
}
#footerArea .block3 li{
	position:relative;
	float:left;
	left:-50%;
}
#footerArea .block3 a {
width: 103px;
margin: 0 4px;}
#copyArea > p {
float: none;
padding-left: 10px;
margin-bottom: 10px;
}
#copyArea .snsBtnSite {
float: none;
height: inherit;
padding: 0 80px 0 10px;
}
.snsBtnSite div{
	margin-bottom:5px;
}
p.logo {
/* float: none; */
margin: 0 10px 9px;
}
#headerArea p.logo img{
	width:74px;
	height:auto;
}
#headerArea h1 {
/* display:none */
font-size: 10px;
margin-top: 7px;
line-height: 1.2;
}
.headerLink {
position: relative;
margin: 0 6px;
clear: both;
}
.headerLink a {
width: auto;
margin: 0 4px;
}
ul.gnavi {
height: inherit;
border-top: 1px solid #C2C2C2;
}
ul.gnavi > li,
ul.gnavi > li:first-child{
float: none;
border: none;
}
ul.gnavi > li {
    display: block;
}
ul.gnavi > li > a {padding: 10px 15px 10px;color: #FFF;text-align: left;border-top: none;font-size: 14px;font-family: myfont;border-bottom: 1px solid #7E7E7E;background: #5F5F5F;width: 100%;box-sizing: border-box;}
ul.gnavi > li > a:hover{
	border-top:none;
	background: #3F3F3F;
}
ul.gnavi > li > a:before {
content: "\f105";
font-family: FontAwesome;
font-size: 20px;
color: #E0323A;
position: absolute;
right: 15px;
top: 5px;
text-decoration: none;
text-indent: 0px;
}
li.menu-item-1440 > a,
li.menu-item-1441 > a,
li.menu-item-1439 > a,
li.menu-item-1447 > a,
li.menu-item-1446 > a{
	width: auto;
}
ul.sub-menu {
display: block !important;
background: rgba(89, 89, 89, 0.9);
position: relative;
z-index: 500;
min-width: 100%;
}
.spBtn{
	position:absolute;
	top: 12px;
	right: 10px;}
.spBtn a{
	display:block;
	width:44px;
	height: 17px;
	padding-top: 27px;
	color:#d1121b;
	text-align:center;
	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #d8d8d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#d8d8d8));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#d8d8d8 100%);
	background: -o-linear-gradient(top,  #f2f2f2 0%,#d8d8d8 100%);
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#d8d8d8 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#d8d8d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d8d8d8',GradientType=0 );
	font-size: 10px;
	border: 1px solid #D1D1D1;
}
.spBtn a:before{
	content: "\f0c9";
	font-family:FontAwesome;
	font-size: 25px;
	position:absolute;
	left: 0px;
	top: 3px;
	text-decoration: none;
	text-indent: 0px;
	line-height: 1;
	width: 100%;
}
.bx-wrapper img{
	/* min-height: 268px; */
	min-height: auto;
	max-width: 100%;
}
#headerFrame {
padding: 7px 0 2px;
overflow: hidden;
}
.headerLink li {
width:50%;
margin: 0 0 7px;
}
ul.sub-menu li a {
padding: 11px 15px 11px 40px;
border-top: none;
border-bottom: 1px solid #7A7A7A;
background: #4E4E4E;
color: #FFF;
}
ul.sub-menu li a:before {
content: "\f105";
font-family: FontAwesome;
font-size: 20px;
color: #ACACAC;
position: absolute;
right: 15px;
top: 5px;
text-decoration: none;
text-indent: 0px;
left: inherit;
}
.bx-wrapper {
border: none;
border-top: 1px solid #c0c0c0;  border-bottom: 1px solid #c0c0c0;
}
#contentsArea {
margin-bottom: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページトップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.pageTop a{
    right: 0px;
    bottom: 0px;
}

.topNews{
	width:auto;
	margin:20px 10px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メディアクエリー終了
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
}/* media query end */