/*--------------------------------------- 
  全体共通 riseさん
---------------------------------------*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#header img{
	max-width: 380px;
	height: auto;
}
#main img,#main01 img {
	max-width: 100%;
	height: auto;
}
.ai2 {
	display: none;
	line-height: 120px;
	margin: 0;
}
.menu01{
	float: right;
}


#gnabi {/*--　グローバルナビ--*/
	display: none;
}

/*--　Mサイズ時オーバーフローするところの文字サイズについて--*/
.o_menu p{
	font-size: 15px;
	line-height:40px;
}

/*--　Mサイズ時に可変するテーブルcss--*/

.table2{
	margin: 0;
	width: 100%;
	border-collapse: collapse;
	border:none;
}
.table2 td, .table3 th{
	margin: 0 0 0 10px;
	border: 1px solid #CCCCCC;
}
.table2 p{
   padding: 0 0 0 10px;
   font-size: 0.9rem;
}
/*--------------------------------------- 
  構造タグ
---------------------------------------*/

body{
	margin: 0 auto;
	padding:0;
}
#container {
	width: 100%;
	margin: 0 auto;
}

#header {
	width: auto;
	height:80px;
	margin:0;
	padding:0;
}
#header ul {
    width: 100%;
    list-style:none;
}
#header li{
	height: 100%;
}
#contents {
	width: 100%;
	margin: 0;
	padding: 0;
}
#contents02 {
	width: 77%;
	margin: 0;
	padding: 0;
	clear:both;
}

#main00 {
	width: 100%;
}
#main {
	float:left;
	width: 76%;
	padding:0 0 0 10px;
}
.main1{
	width: 100%;
}
.main1 img{
	width: 100%;
}
#main02 {
	float:right;
	width: 77%;
	margin: 0;
	padding:0;
}
#main3 {
	width: 100%;
	margin: 0;
	padding:0;
}
#main3　img {
	height:auto;
}

/*------------matome エリア　ここまで-------------------*/

/*お悩みのブルーボックス部分*/
.nayami_area p{
	padding: 0 0 0 10px;
}


/*--------------------------------------- 
  footerの中だよん
---------------------------------------*/
.f4 {
   margin: 0;
   padding:15px 25px 0 0;
   float: right;
}
#footer {
	width: 100%;
	clear: both;
	font-size: 80%;
	background-color:#FF9899F;
	color:#FFF;
}
#footer a:visited{
	color:#FFF;
	font-size: 12px;
	line-height:25px;
	text-decoration:none;
}
#footer a:link{
	text-decoration:none;
	color:#FFF;
}
#footer p{
    margin:0 0 0 15px;
	padding: 0;
	font-size: 13px;
	line-height:25px;
}
#footer02 {
	display: none;
	width: 98%;
	text-align: center;
	clear: both;
	height: 30px;
	background-color: #47B1A2;
	color: #FFFFFF;
}

/*---------------------------------------
gnavi のなかみだよ

---------------------------------------*/
#gnavi {
	height: auto;
	clear:both;
	width:100%;
	display:none;
	}

#gnavi ul {
    list-style:none;
	margin:0;
	padding:0;
	height:auto;
}
#gnavi li{
	width: 13%;
	height: auto;
	padding: 0;
	margin: 0;
	float: left;

}
/*-------------------------------
list styleです

---------------------------------*/
#main p{
  font-size: 0.8rem;
  line-height: 25px;
}
#main00 p{
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 25px;
}

h1 {
	float: left;
	padding:0;
	margin: 10px 0 0 0;
}

h2 {

}
h3{
	font-size: 18px;
	font-weight: bold;
	line-height:26px;
}
h4 {
	font-size: 0.8rem;
	margin: 0;
	padding: 0 15px;
    line-height: 35px;
}
h5{
   font-size:12px;
   line-height: 10px;
   margin: 0;
   padding: 0;
}
.kadai{  /*--h4の背景が灰色の部分につかっている　東洋経済のトピックみたいな ---*/
	margin:0 0 0 5px;
	padding: 0 0 0 5px;
}
.mini{
   font-size: 9px;
   line-height: 120%;
}
.mini02{
    color:#FF0000;
	font-size: 10px;
   line-height: 130%;
}
.mini03{
   font-size: 10px;
   line-height: 130%;
}

.style1 {
	font-size: 24px;
	font-weight: bold;
}
.sen {
	color: #FF0000;
	text-decoration: underline;    
}
address{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 5px 0 0 0;
	font-size: 12px;
	font-style: normal;
}
.orange{
	color: #FA6B02;
	font-size: 13px;
	font-weight: bold;
}
.midasi{
    margin:0 0 10px 0;
}
.midasi02{
    margin: 10px 0 5px 0;
}
.btn{
	padding: 0 0 0 120px;
}
.an{
	margin: 0 0 0 4px;
	font-size:13px;
}
.q{ 
  background-image:url(https://raku-tano.com/qa/img/q_back.gif);
  background-repeat: no-repeat;
  height: 31px;
  width: 56%;
  font-size: 18px;
  margin: 0 0 0 30px;
}
.kokuban {
  width: 56%;
  height: 208px;
  background-image:url(https://raku-tano.com/img/kokuban.jpg);
  background-repeat: no-repeat;
}

/*--------------------------------------- 
  パンくずの中だよん
---------------------------------------*/
#pan{
  margin: 0;
  padding: 0;
  font-size:12px;
  clear:both;
  height:auto;
  width: 100%;
}
#pan ul{
  list-style:none;
  margin: 0;
  padding:0;
}
#pan li{
   margin: 13px 5px 8px 0;  
  list-style:none;
  float:left;
}
/*--------------------------------------- 
  naviの中だよん
---------------------------------------*/
#navi {
	float: right;
	width: 22%;
	padding:0;
}
#navi2 {
	float: left;
	width: 20%;
	height: auto;
}
#navi2 img{
	width: 100%;
	max-width: auto;
	height: auto;
}
#navi img{
}
/*--arrow部分の矢印が大きくなるのを防ぐ --*/
#navi2 li img{
	height: 6px;
	width: 5px;
}
#navi li img{/*
	height: 7px;
	width: 7px;*/
}

#navi2 p{
	font-size: 0.6em;
}

#navi ul,#navi2 ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;	
	padding: 0;
	clear:both;
}
#navi li,#navi2 li {
	width:95%; /*下の線を調節する*/
	padding: 0 0 0 10px;
	display:block;
	list-style-type: none;
	clear: both;
	font-size: 12px;
	line-height: 25px;
}

  
/*--------------------------------------- 
  topの中だよん
---------------------------------------*/
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}


/*--------------------------------------- 
  tableの中だよん
---------------------------------------*/
table {
	width:100%;
	/*border-collapse:collapse;*/
}
.waku{

  background-repeat:no-repeat;
}
.top{
    margin: 0;
	padding: 0;
	border-collapse: collapse;
	border:1px solid #E8E8E8;
	vertical-align:top;
}
.top td{
    margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 24px;
}
.toi{
   margin:0 0 0 5px;
   padding: 0;
}
.tel{
   text-align:right;
   float: right;
   margin: 0;
   padding: 10px 0 0 0;
   width: 80%;
   display: none;
}
.news{
    margin: 0 0 0 40px;
	padding: 0;
}



/*--　Sサイズ時の縦並びcss end--*/

.table3{
	width: 100%;
    margin: 0;
	padding: 0;
	border-collapse: collapse;
	text-align: center;
}
.table3 td p {
	font-size:12px;
    margin: 0 0 0 5px;
}
.table3 td{
    border:1px solid #E8E8E8;
	margin: 0;
	font-size:14px;
}
.news td{
    margin: 0;
	padding: 0;
	font-size:12px;
}

/*--　Sサイズ時の可変テーブル--*/
.table4{
    margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.table4 td p {
	font-size:12px;
    margin: 0 0 0 5px;
	text-align: center;
}
.table4 td{
    border:1px solid #E8E8E8;
	margin: 0;
	font-size:14px;
	text-align: center;
}
/*--　Sサイズ時の可変テーブル終わり--*/


.table5{
    margin: 0;
	padding: 0;
	border-collapse: collapse;
	background-color:#FAFAFA;
}
.table5 td, .table5 th{
	margin: 0 0 0 10px;
	border: 1px solid #CCCCCC;
}
.table5 p{
   padding: 0 0 0 10px;
   font-size: 18px;
   line-height: 40px;
   font-weight:bold;
}
/*------サイズが小さくなると、可変する。
ボーダーの色は白
テキストは左のテーブルレイアウト -----*/

.table5a{
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.table5a td, .table5a th{
	margin: 0;
	padding: 0 10px;
	border: 1px solid #BFDEF2;
}
.table5a p{
   padding: 0;
   font-size: 5px;
   line-height: 2.0em;
}
.td_back{
	background-color: #7CBCE6;
	color:#FFF;
	width:20%;
	text-align:center;
}

/*--------------------------------------- 
  開催情報などを表示するボックス
---------------------------------------*/

.table6{
    margin: 0;
	padding: 0;
	border-collapse: collapse;
}
.table6 td, .table6 th{
	margin: 0 0 0 10px;
	border: 1px solid #CCCCCC;
}
.table6 p{
   padding: 0 10px;
   font-size: 12px;
}


/*------end -----*/
.news td{
	display: block;
    margin: 0;
	padding: 0;
	font-size:12px;
}
.company{
	margin: 0 0 0 5px;
	padding: 0;
	border-top: none;
	border-right: none;
	border-bottom: thin dotted #EBEBEB;
	border-left: none;
}
.company tr{
    vertical-align: top;
}
.price{
	margin: 0 0 0 30px;
	font-size: 12px;
	text-align:center;
}
.m{
   margin: 0 0 0 5px;
   padding: 0;
}
/*--------------------------------------- 
  お客様の声　ナンバー部分 
---------------------------------------*/

.num1{
	width:160px;
	text-align:center;
	border: 0;
}

/*--------------------------------------- 
 floatだよん
---------------------------------------*/
.f1{
   margin: 0 10px 0 0;
   padding: 0;
   float: left;
} 
.f2{
   margin:0;
   padding: 0 10px 0 0; 
   float: left;
}
.f2 img {
	width:100%;
	height: auto;
	margin:0 10px 0 0;
}

.r1{
	float: right;
	margin: 0 2px 0 5px;
}
.r2{
  float: right;
  padding: 0 7px 0 0;
}
.ten{ 
  margin: 0 0 0 10px;
  padding: 0;
}

.note{
	position: absolute;
	top: 1254px;
	right: 150px;
	left: 467px;
}
.zero{
    margin: 0;
	padding: 0;
}

/*--------------------------------------- 
  カラーです
  
---------------------------------------*/

.red {
	color: #FF0000;
	font-weight: bold;
}
.red02 {
	color: #FF0000;
}
.emeblue {
	color: #5CC7BD;
	font-weight: bold;
	font-size: 16px;
}

.wh {
	color:#FFFFFF;
	font-size: 12px;
}
.wt {
     color: #FFFFFF;
	 font-weight:bold;
	 text-align: center;
}
.rblue {
	color: #0066FF;
	font-weight: bold;
}
.copy {
     font-size: 11px;
	 margin:5px 0 0 0;
	 color: #FFFFFF;
}
.to1 {
     font-size: 12px;
	 margin: 0;
	 padding: 0;
}
.woman_pink{
	color: #FF9899;
	font-weight:bold;
}
.pink{
    color:#FF3399;
	font-size:24px;
	margin: 0 0 5px 0;
	font-weight:bold;
}

.hati{
   font-size: 8px;
}
.orange02{
	color: #FFAF3E;
	font-size: 18px;
	line-height:36px;
	font-weight: bold;
}

/*--------------------------------------- 
   お問い合わせ
---------------------------------------*/
.contact {
  margin: 0 0 0 10px;
  padding: 0 ;
  width: 610px;
}
.koeback {
	display: none;
}
/*--------------------------------------- 
   テーブルの幅を可変にするために100%に設定してある
   
---------------------------------------*/
.waku02{
	background-color: #F0F0F0;
	border: none;
	width: 100%;
}
.map{
	display:none;
}
.map02{
	display: block;
}
#map1{
	display:none;
}
/*--------------------------------------- 
  トップページ
---------------------------------------*/
.hicon{
	height:27px;
	width:20px;
}
.bicon{
	height:26px;
	width:100%;
}

/*----人型アイコン---*/

/*--------------------------------------- 
  
予約ボタンの表示設定  
---------------------------------------*/
.yoyaku{
	display: none;
}
.yoyaku02{
	display:block;
}
/*----小さいときは横並びは非表示にする--*/

/*---------------------------------------
topページのnewsの点線など
---------------------------------------*/
.news{
	width: 100%;
	margin:0;
	padding:0;
}
.news p{
	font-size: 0.8em;
	margin: 0;
	padding:0;
	line-height: 50px;
}
.news_tensen{
	height: 35px;
	background-image: url(https://raku-tano.com/img/bar_sita_tensen_s.png);
	background-repeat: no-repeat;
	margin: 0;
	padding:0;
}
/*---------------------------------------
詳細情報のテーブルレイアウト　調節用
---------------------------------------*/
.shosai01 p{
	font-size: 12px;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}
.shosai01 td {
	margin: 0;
	padding: 0;
}
/*---------------------------------------

バッジ

---------------------------------------*/
.badge {
	width: 60px;
	height:60px;
	padding-top: 10px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:60px;
	background-color:#17E3C5;
	color: #FFF;
	text-align:center;
	box-shadow: 0 0 4px #000000;
}
.badge i {
	display: block;
	line-height: 0;
	font-size: 12px;
}
/*----表示位置の設定 ---*/

.pickup {
	position:relative;
}

.badge {
	-ms-transform: scale(0.8);
	-ms-transform-origin: right top;
	-webkit-transform:scale(0.8);
	-webkit-transform-origin: right top;
	transform:scale(0.8);
	transform-origin: right top;
	top: -8px;
	right:10px;
}

/*------------------------

実績の部分２列横並び、Ｓサイズ時に１列 mサイズver pw

--------------------------*/
.gaiyou img {
	width:100%;
	height:auto;
}
.boxA-1:after{
	content:"";
	display: block;
	clear:both;
}
.gaiyou p{
	margin:0 15px 15px 5px;
	font-size: 14px;
}
.boxA-1 .gaiyou{
	float:left;
	width:50%;
}
.boxA-1 .gaiyou:nth-child(odd){
	padding-right:5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.boxA-1 .gaiyou:nth-child(even){
	padding-left:5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box; /*- 余白は横幅に含めて処理をする-*/
}
/*------------------------

メニューボタンのサイズ調節
--------------------------*/
.mbt{
	width: 57px;
	height: 67px;
}

/*--------------------------------------- 
   Mサイズの時は社長の顔+コメント部分は非表示にする
---------------------------------------*/
.coment{
	display:none;
	height: 150px;
	width: 735px;
	background-image:url(https://raku-tano.com/img/back_coment.jpg);
	background-repeat:no-repeat;
	border: none;
}

/*--------------------------------------- 
   この記事を読んだ人は、こんな記事も読んでます
   関連記事のcss
---------------------------------------*/

.kanren_kizi img {
	width: 170px;
	height: 100px;
}
.kanren_kizi p{/*---- 文字がはみ出した時に・・・になる。必ず3つ記述すること ----*/
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.kanren_kizi a{
	display: block;
	padding: 5px;
	border-bottom: dotted 1px #CCC;
	font-size: 14px;
	text-decoration: none;
}
.kanren_kizi .f1{
	float: left;
	padding-right: 15px;
}
.kanren_kizi a:hover{
	background-color: #eeeeee;

}

.kanren_kizi a:after{
	content: "";
	display:block;
	clear:both;
}
/*--------------------------------------- 
   買い取り強化しておりますのブロック
---------------------------------------*/
.item{
	width: 100%;
	background-color:#F5F1E5;
	background-repeat:repeat;
	height:auto;
}
.item img {
	max-width: 100%;
	height: auto;
}
.s_item{
	width: 30%;
	margin: 20px 10px;
	display: block;
	float:left;
}
.s_item p{
	font-size:0.8em;
}

/*--------------------------------------- 
  subページ　選ばれる理由に使う　2列表示
---------------------------------------*/

.item2{
	background-color:#F5F1E5;
	background-repeat:repeat;
	width: 100%;
	height: auto;
}
.item2 img {
	max-width: 100%;
	height: auto;
}
.s_item2{
	width: 45%;
	margin: 20px 8px;
	display: block;
	float:left;
}
.s_item2 p{
	font-size:0.8em;
}

/*--------------------------------------- 
 2つ並び　topページのサービスにつかっています
 item_2t とは2列トップのt
---------------------------------------*/

.item_2t{
	width: 100%;
	height: auto;
}
.s_item2t img {
	max-width: 100%;
	height: auto;
}
.s_item2t{
	width: 45%;
	height: auto;
	margin: 20px 10px;
	display: block;
	float:left;
}
.s_item2t a:hover{
	opacity:0.8;
}

/*--------------------------------------- 
subページのサービスにつかっています
 item_2ts とは2列トップのt subのs
---------------------------------------*/

.item_2ts{
	width: 100%;
	height: auto;
}
.s_item2ts img {
	max-width: 100%;
	height: auto;
}
.s_item2ts{
	width: 45%;
	height: auto;
	margin: 20px 10px;
	display: block;
	float:left;
}
.s_item2ts a:hover{
	opacity:0.8;
}
/*--------------------------------------- 
会社概要ページ　地図の部分につかっています
 item_2ts01 とは2列トップのt subのs
---------------------------------------*/

.item_2ts01{
	width: 100%;
	height: auto;
}
.s_item2ts01 img {
	max-width: 100%;
	height: auto;
}
.s_item2ts01{
	width: 45%;
	height: auto;
	margin: 20px 10px;
	display: block;
	float:left;
}
.s_item2ts01 a:hover{
	opacity:0.8;
}

/*--------------------------------------- 
 ブランド部分
---------------------------------------*/
.brand{
	background-color:#F5F1E5;
	width: 100%;
}
.brand img {
	max-width: 100%;
	height: auto;
}
.b_item{
	width: 30%;
	margin: 20px 10px;
	display: block;
	float:left;
	height:250px;
}
.b_item a:hover{
	opacity:0.7;
}

/*--------------------------------------- 
  トップページ
  社長の声をご紹介
---------------------------------------*/

.koe_box{
	width: 100%;
	height: 200px;
	display:block;
}
.koe_box01{
	width: 20%;
	height: 140px;
	margin: 20px 0;
	display: block;
	float:left;
}
.koe_box02{
	width: 78%;
	height: 140px;
	margin: 20px 0;
	float: left;
	border: 2px solid #09F;
	border-radius: 20px; /* 角丸の指定 */
	background-image:none;
	background-repeat:no-repeat;
}
.koe_box02 p{
	margin: 0 0 0 15px;
}
.koe_box01 a:hover{
	opacity:0.8;
}

/*--------------------------------------- 
 買取りボタン領域
---------------------------------------*/
.kaitori{
	width:100%;
	clear:both;
}
.kaitori img{
	max-width: 100%;
	height: auto;
}
.kaitori01{
	float:left;
	width:46%;
	margin:0 10px;
}
.kaitori01 a:hover{
	opacity:0.7;
}
/*--------------------------------------- 
 買取りの流れ部分
---------------------------------------*/
.nagare{
	background-image:url(https://raku-tano.com/img/back_nagare.jpg);
	background-repeat:repeat;
	text-align:center;
}
.nagare img{
	max-width: 100%;
	height:auto;
}
.nagare a:hover{
	opacity:0.7;
	border:0;
}
.smaho{
	display:none;
}

/*--------------------------------------- 
 よくある質問　 qa_box
---------------------------------------*/
.qa_box .btn_qa{
	width:42px;
	height:42px;
}
/*--------------------------------------- 
 ブランドボックスエリア　 brand_box
---------------------------------------*/
.brand_box{
	width: 100%;
}
.brand_item{
	width:21%;
	padding: 7px;
	float:left;
	display:block;
}
.brand_item p{
	font-size:6px;
	text-align:center;
	line-height:11px;
}

/*--------------------------------------- 
男ボタン　女性ボタン
---------------------------------------*/
.okini{
	position: absolute;
	right: 0px;
	top: 70%;
}
/*--------------------------------------- 
 フォーム部分　サイズの変更
---------------------------------------*/
.toroku_new{ /*新規会員 登録部分*/
	width: 500px;
	background-color: #F6F8FA;
	padding: 10px;
	height: 350px;/*短くしています*/
}

/*-----------管理画面　ナビゲーション　ユーザーネーム部分  ----------*/
.name_area01{
	width: 100%;
	height: 215px;
	background-image:url("/img/name_area_m.png");
	background-repeat: no-repeat;
	background-size: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.user_photo{
	width: 100%;
	padding: 0;

}
.user_photo img {
	width: 80px !important;
	height: 80px !important;
}
.comment{
	width: 100%;
	background-color: #F8BD35;
	padding:10px 0px 10px 0;
}
.comment p {
    font-size: 0.8rem;
    line-height: 1.4rem;
    margin: 0;
	color: #FFFFFF;
	text-align: center;
}
.navi_area img{
	width: 10%;
	height: auto;
}

/*-----------おすすめのグルメなどに利用------------------------

https://raku-tano.com/gourmet/Italian/italian_15sen#oreno

----------------------------------------------------------*/
.nayami_area td{
	padding: 10px;
}
/*-----------------------------------

マイページのプロフィールエリア

---------------------------------------*/

/*プロフィール写真のサイズ調節　管理画面左上の写真*/
.prf_navi img{
	max-width: 140px;
	height: auto;
	width: 90%;
}

.prf_navi_btn img{
	max-width: 130px!important;
	width: 100%;
	text-align: center;
}

/*--文字のサイズ--*/
.num_01{
	font-size: 1.2rem!important;
	
}

/*-------------------------------------------

   価値観の部分

-------------------------------------------*/
.value_area01 img{
	max-width: 70%!important;/*調節*/
}

/*----------------------------------------------------　

エリア部分
利用場所：エリアで探す

--------------------------------------------------*/
/*左側*/
.maps_area01 p {
	height: 40px;
	padding: 7px 0 0 0;
}
/*---------------------------------------------------

探すエリア　プロフ
場所：写真が並ぶ部分

------------------------------------------------------*/

.spa{
	width: 21%;
	margin: 5px 10px;
}
.mes01{
	color:#929292;
}
.spa img{
	max-width: 133px;
	border-radius: 10%;
	/*border-radius: 50%;*/
}
/*----------------------------------------------

場所：プロフィール

-----------------------------------------------*/
.prf_p_area{
	flex-direction:column;/*縦並び*/
	justify-content:center;
}
.prf_details{
	width: 100%;
	order: 2;
	margin:10px 0 0 0;/*上に空きを作る*/ 
}
.prf_p_big{
	width: 100%;
	height: auto;
	order: 1;
}
.prf_photo_area{
	margin: 0 auto;
}
.prf_photo_area02 {
     display: contents;/*縦に並べられるようにする*/
}

.prf_p_big02 {
    width: 250px;
    height: 250px;
	margin: 0 0 10px 0;
}


/*----------------------------------------------

場所：お気に入りエリア

-----------------------------------------------*/

.spa02 {/*3つ並ぶように調節*/
    margin: 15px 6px;
}

/*---------------------------------------------------
横スクロール部分
場所：コミュニテイー 詳細
------------------------------------------------------*/
.s_text02{
	width:110px;
}
/*----------------------------------------------

場所：足あとエリア

-----------------------------------------------*/

.foot_area03 a {
    padding: 15px 35px;
}
/*----------------------------------------------

場所：ヘッダー部分

-----------------------------------------------*/
.box1 ul,.box1a ul{
	display: none;
}
/*------------------------------------------------

場所：マイページ　
場所：検索

------------------------------------------------*/


.search_c{/*テーブルの幅*/
	width: 30%;
}

.search_btn a {
    padding: 15px 16px;
}

/*-----------------------------------

場所：行きたい

-----------------------------------*/
.prf_go_area01{
	width: 40%;
}
.prf_go_area01 img{
	width: 150px;
	height: 150px;
	border-radius: 50%;
}

.prf_go_area02{
	
}

.web02{
	display:none!important;
}


.messa_btn02 a{/*お気に入りで利用*/
	width: 100%;
	padding: 10px 6px;
	border-radius: 100vh;
	text-decoration: none;
}
/*-----------------------------------

管理画面下のボタンエリア
利用：プロフィールの部分

ボタンを3つ並べる。web,スマホで表示させる。
下の部分に固定

---------------------------------------*/


/*---------------------------------------------------


場所：よくある質問

---------------------------------------------------*/

.q_area01{
	width: 10%;
}

.q_area02{
	width: 90%;
}

.a_area{
	width: 100%;
	display: flex;
}
.a_area01{
	width: 10%;
}
.a_area02{
	width: 90%;
}
/*------------------------------------------

お問い合わせ ボタン部分
場所：トップ

--------------------------------------------*/
.contact_area{
	flex-direction:column;/*縦に並ぶ*/
	height: 800px;
}
.contact_area_sub01{
	width: 100%;
}
.contact_area_sub02{
	width: 100%;
}
.sub01_text_area,.sub02_text_area{
	width: 80%;
	left: 10%;/*真ん中に寄せる*/
}
.contact02_area_sub img{
	width: 100%;
}
.thanks_area{/*ありがとうページ*/
	width: 100%;
}
/*------------------------------------------

利用場所：管理実績
使用方法：二列に並べる

--------------------------------------------*/
.area_txt_sub{
	width: 48%;
}

.point_txt {
    padding: 20px 0;
}
.point_area_sub01{
	padding: 0 0 0 20px;/*左だけ隙間*/
}
/*--------------------------------------------------

アクセスマップ
場所：全部の場所
/service/sales.php

--------------------------------------------------*/

.access_map_back{
}
.access_map{
	width: 1000px;
}
.access_map01{
	width: 50%;
	margin: 0 0 0 50px;
}
.access_map02{
	margin: 0 50px 0 50px;
}
/*-----------------------------------------

/service/sale.php

------------------------------------*/

.list_three_area01 {
    width: 45%;
    margin: 0 15px 50px 15px;
}