/* CSS Document */

.mutual #content{
	width:1020px;
	margin:0 auto;
	line-height:1.5;
	text-align:left;
}

.mutual #bg_mutual{
	background:url(/img/mutual/mutual_bg_01_2.jpg) no-repeat left top;
	width:1022px;
	height:571px;
	position:relative;
	margin-bottom:50px;
}

.mutual #bg_mutual .txt{
	position:absolute;
	left:0px;
	top:195px;
	font-size:13px;
	width:900px;
}

.mutual #bg_mutual .indent_list{
	position: absolute;
	left: 657px;
	top: 448px;
	width: 362px;
}

.mutual #bg_mutual .indent_list li{
	padding-left:1em;
	text-indent:-1em;
	font-size:10.5px;
	padding-bottom:5px;
}

.mutual .mutual_content{
	padding: 0 37px 25px 62px;
}

.mutual .mutual_content .clearfix{
	padding-bottom:12px;
}

.mutual .mutual_content .clearfix .left{
	float:left;
}

.mutual .mutual_content .clearfix .right{
	float:right;
}

/* clearfix
------------------------------------------------------------*/
.clearfix:after {  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}  

* html .clearfix { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  

.mutual .mutual_content .comment{
	padding-bottom:28px;
}

.mutual .mutual_content .btn{
	text-align:center;
}


.mutual_content2{
	margin-top:10px;	
	border-bottom:solid 2px #d5d5d5;
	padding-bottom:40px;
	margin-bottom:40px;
}

.mutual_content2_left{
	float:left;	
}

.mutual_content2_right{
	float:right;
	
}

.pb40{
	padding-bottom:40px;	
}




/*20150925*/
.mutual {}
.mutual .mutual_catch {margin-bottom: 30px;}
.mutual h2 {margin-bottom:10px;}
.mutual .left {float:left;}
.mutual .right {float:right;}

.mutual .top_cont_left {width:542px;font-size:10px;}
.mutual .top_cont_left p {margin-bottom:23px;}
.mutual .top_cont_left ul li {display: block;padding-left: 1em;}
.mutual .top_cont_left ul li::before {content:'※';display: block;
    float: left;
    margin-left: -1em;
    width: 1em;
    text-align: center;}

.mutual .align_center {text-align:center;}

.mutual .top_cont_right {font-size:10px; float:right;margin-top: 3px;}
.mutual .top_cont_right p {margin-bottom:10px;}
.mutual .top_cont_right ul li {display: block;padding-left: 1em;}
.mutual .top_cont_right ul li::before {content:'※';display: block;
    float: left;
    margin-left: -1em;
    width: 1em;
    text-align: center;}
.mutual_map {background:#f7f7f7 url(/img/mutual/nippon.gif) no-repeat center center;position:relative;width:100%;height:552px;    margin-bottom: 30px;}

.mutual_map p {font-size:18px;}
.mutual_map p span {font-size:35px;padding: 0 3px;}

#hokkaido_t {position:absolute;top: 37px;left: 708px;}
#hokkaido_m {position:absolute;top:88px;left:768px;}

#kanto_t {position:absolute;top: 170px;left: 655px;}
#ibaraki_m {position:absolute;    top: 222px;
    left: 656px;}
#gunma_m {position:absolute;    top: 222px;
    left:770px;}
#chiba_m {position:absolute;top: 222px;
    left: 884px;}
#kanagawa_m {position:absolute;top: 257px;
    left: 656px;}
#tokyo_m {position:absolute;top: 257px;
    left: 770px;}
#tochigi_m {position:absolute;    top: 257px;
    left: 884px;}
#saitama_m {
    position: absolute;
    top: 292px;
    left: 656px;
}


#chubu_t {position:absolute;    top: 340px;
    left: 655px;}
#aichi_m {position:absolute;top: 391px;
    left: 656px;}
#mie_m {position:absolute;top: 391px;
    left: 770px;}

#shikoku_t {position:absolute;top:429px;left:427px;}
#hiroshima_m {position:absolute;top: 479px;
    left:428px;}
#okayama_m {position:absolute;    top: 479px;
    left:542px;}
#kagawa_m {position:absolute;top:479px;left:656px;}

#tohoku_t {position:absolute;top: 80px;
    left: 280px;}
#aomori_m {position:absolute;    top: 132px;
    left: 280px;}
#miyagi_m {position:absolute;top: 132px;
    left: 394px;}
#yamagata_m {position:absolute;top: 167px;
    left: 280px;}
#iwate_m {position:absolute;top: 167px;
    left: 394px;}
#fukushima_m {position:absolute;top: 202px;
    left: 280px;}

#koushinetsu_t {position:absolute;    top: 235px;
    left: 279px;}
#yamanashi_m {position:absolute;top: 286px;
    left: 280px;}
#niigata_m {position:absolute;    top: 321px;
    left: 280px;}

#kinki_t {position:absolute;    top: 205px;
    left: 80px;}
#kyoto_m {position:absolute;top: 251px;
    left: 80px;}
#osaka_m {position:absolute;top: 286px;
    left: 80px;}
#hyougo_m {position:absolute;    top: 321px;
    left: 80px;}

#kyuushuu_t {position:absolute;top: 372px;
    left: 80px;}
#fukuoka_m {position:absolute;    top: 422px;
    left: 80px;}
#miyazaki_m {position:absolute;top: 422px;
    left: 194px;}
#kagoshima_m {position:absolute;    top: 457px;
    left: 80px;}


.china {background: #eee;
    position: absolute;
    top: 40px;
    left: 40px;
    padding: 20px;}


ul.m_bland {}
ul.m_bland li {float:left;margin-right:6px;}


.mutual .btn{
	text-align:center;margin-bottom:30px;
}

.mutual .starting p {margin-bottom:20px;}

.mr0 {margin-right:0 !important;}
.mb30 {margin-bottom:30px;}

.ml25{margin-left:25px;}


/* 2018/12/4 追加 */
.mutual__ending--shop_box {    
    margin:35px 0 30px;
}

.mutual__ending--shop {
    margin: 0 auto;
    width: 1020px;
}

.mutual__ending--shop::after {
    display: block;
    clear: both;
    content: '';
}

.mutual__ending--shop li {
    margin: 0 40px 0 0;
    float: left;
    width: 225px;
}

.mutual__ending--shop li:last-child {
    margin-right: 0;
}

.mutual__ending--shop li  a {
    text-decoration: none;
}

.mutual__ending--shop li p {
    margin: 10px 0 0;
    line-height: 1.6em;
    font-size: 18px;
    text-align: center;
}

.mutual__ending--shop_box .btn{
    margin-top:50px;
    text-align:center;
}


/* 相互利用をどこでもJOYに変更 20171227
============================================================================== */

#content .intro_wrap {
	margin-bottom: 40px;
	padding-bottom: 30px;
    background:url(/en/img/mutual/map.png) center top no-repeat #ebebeb;
}

#content .intro_wrap h2 {
	text-align: left;
	line-height: 0;
}

#content .intro_wrap h2 img {
	display: inline;
	margin:0;
}

#content .catch h3 {
	margin: 50px 0 30px;
	text-align: center;
}

#content .catch ul {
	width: 550px;
	margin:0 auto;;
}

#content .catch li {
	padding-left: 1em;
 text-indent: -1em;
	font-size: 12px;
	line-height: 1.5;
}

#content .howto {
	margin: 50px 0;
	text-align: center;
}

#content .method {
	width: 940px;
	margin: 50px auto  0;
	text-align: center;
}

#content .method h3+p {
	margin: 40px 0 20px;
}

#content .method .att {
	line-height: 1;
}

#content .method .clearfix {
	margin: 30px 0;
}

#content .method p:last-child {
	text-align: left;
}