@charset "UTF-8";
/* ==============================


adjust_2022.css


============================== */
/*--------------------------
共通レイアウト 　
--------------------------*/
/*--------------------------
共通レイアウト 　スマホ
--------------------------*/
@media only screen and (max-width: 767px) {
}
/*--------------------------
トップページ
--------------------------*/
body#top_page #top_header {
  background: #fff;
}
body#top_page #past_navi ul li.past_navi_2018 ,
body#top_page #past_navi ul li.past_navi_2017 ,
body#top_page #past_navi ul li.past_navi_2016 ,
body#top_page #past_navi ul li.past_navi_2015 {
	padding-bottom: 20px;
}
body#top_page #past_navi ul li.past_navi_2014 {
	clear: left;
	width: 130px;
	padding-left: 0;
}
body#top_page #contentsfield div.upper:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


body#top_page #contentsfield div#digest div.contents_inner_digest {
  text-align: center;
  background-color: #fef7e0;
  margin: 40px 0 10px;
  padding: 40px;
}
body#top_page #contentsfield div#digest h3 {
  margin-bottom: 20px;
}
body#top_page #contentsfield div#digest p {
  font-size: 16px;
}

/*---------------------
ダイジェスト_コンテンツ有り
---------------------*/
body#top_page #contentsfield div#digest_2 div.contents_inner_digest {
  text-align: center;
  margin: 40px 0 10px;
  background: url(../../../common/img/parts/ribbon_r.png) repeat-x 0 bottom #fff;
  padding: 22px 0;
}
body#top_page #contentsfield div#digest_2 h3 {
  margin-bottom: 20px;
}
body#top_page #contentsfield div#digest_2 p {
  font-size: 16px;
}
body#top_page #contentsfield div#digest_2 p.digest_lead {
  width: 800px;
  margin: 0 auto;
  text-align: left;
}
body#top_page #digest_2 ul.digest_list {
  margin: 0;
  background: url(../../../common/img/parts/ribbon_r.png) repeat-x 0 top #fff;
  padding: 22px 0 0;
}
body#top_page #digest_2 ul.digest_list li {
  margin: 0;
  padding: 0;
  list-style: none;
}
body#top_page #digest_2 ul.digest_list li {
  padding: 30px 30px 0px;
  text-align: center;
}
body#top_page #digest_2 ul.digest_list li ~ li {
  margin-top: 5px;
}
body#top_page #digest_2 ul.digest_list li h4.title {
  display: table;
  float: left;
  width: 606px;
  min-height: 50px;
  margin-top: 1px;
  background-repeat: no-repeat;
  background-position: 0 center;
  line-height: 1.5;
  text-align: left;
  font-size: 26px;
  font-weight: bold;
}
body#top_page #digest_2 ul.digest_list li h4.title span{
  display: table-cell;
  height: 37px;
  *height: auto;
  padding-left: 50px;
  vertical-align: middle;
}
body#top_page #digest_2 ul.digest_list h4.title {
  background-image: url(../../img/top_page/icon_digest.png);
}

body#top_page #digest_2 ul.digest_list li div.runner_detail:after,
body#top_page #digest_2 ul.digest_list li div.volunteer_detail:after,
body#top_page #digest_2 ul.digest_list li div.cheer_detail:after,
body#top_page #digest_2 ul.digest_list li div.expo_detail:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}



/* ダイジェスト　ランナー、EXPO */
body#top_page #digest_2 ul.digest_list li div.runner_detail,
body#top_page #digest_2 ul.digest_list li div.expo_detail{
  text-align: left;
  zoom: 100%;
}
body#top_page #digest_2 ul.digest_list li div.right_contents {
  float: right;
  margin-bottom: 30px;
}
body#top_page #contentsfield div#digest_2 div.right_contents p.top_caption {
  clear: right;
  line-height: 1.5;
  text-align: right;
  font-size: 12px;
  padding-top: 5px;
}
body#top_page #digest_2 ul.digest_list li div.runner_detail p.runner_voice,
body#top_page #digest_2 ul.digest_list li div.expo_detail p.expo_voice{
  float: left;
  width: 606px;
  margin-top: 9px;
  margin-bottom: 9px;
  padding-left: 3px;
  line-height: 2;
  font-size: 16px;
}
body#top_page #digest_2 ul.digest_list li.runner {
  background-color: #fff1ee;
}
body#top_page #digest_2 ul.digest_list li.expo {
  background-color: #dff3ff;
}

/* ダイジェスト　ボランティア、盛上げ隊 */
body#top_page #digest_2 ul.digest_list li div.volunteer_detail,
body#top_page #digest_2 ul.digest_list li div.cheer_detail {
  text-align: left;
}
body#top_page #digest_2 ul.digest_list li div.volunteer_detail h4.title,
body#top_page #digest_2 ul.digest_list li div.cheer_detail h4.title {
  float: right;
}
body#top_page #digest_2 ul.digest_list div.left_contents {
  float: left;
  margin-bottom: 30px;
  width: 330px;
}
body#top_page #contentsfield div#digest_2 div.left_contents p.top_caption {
  clear: left;
  line-height: 1.5;
  text-align: right;
  font-size: 12px;
  padding-top: 5px;
}
body#top_page #digest_2 ul.digest_list li div.volunteer_detail p.volunteer_voice,
body#top_page #digest_2 ul.digest_list li div.cheer_detail p.cheer_voice {
  float: right;
  width: 606px;
}
body#top_page #digest_2 ul.digest_list li.volunteer {
  background-color: #fff8d8;
}
body#top_page #digest_2 ul.digest_list li.cheer {
  background-color: #eaf9d0;
}

/*--------------------------
ダイジェスト_コンテンツ有り　タブレット
--------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body#top_page #contentsfield div#digest_2 p.digest_lead {
    width: 100%;
  }
  body#top_page #digest_2 ul.digest_list li {
    padding: 20px;
  }
  body#top_page #digest_2 ul.digest_list li h4.title {
    width: 430px;
  }
  body#top_page #digest_2 ul.digest_list li div.right_contents,
  body#top_page #digest_2 ul.digest_list li div.left_contents {
    width: 252px;
    margin-bottom: 17px;
  }
  body#top_page #digest_2 ul.digest_list li div.runner_detail p.runner_voice,
  body#top_page #digest_2 ul.digest_list li div.volunteer_detail p.volunteer_voice,
  body#top_page #digest_2 ul.digest_list li div.cheer_detail p.cheer_voice,
  body#top_page #digest_2 ul.digest_list li div.expo_detail p.expo_voice {
    width: 430px;
    padding-left: 0;
  }
}

/*--------------------------
ダイジェスト_コンテンツ有り　スマホ
--------------------------*/
@media only screen and (max-width: 767px) {
  body#top_page #contentsfield div#digest_2 p {
    font-size: 15px;
  }
  body#top_page #contentsfield div#digest_2 p.digest_lead {
    width: 100%;
  }
  body#top_page #digest_2 ul.digest_list li {
    padding: 15px;
    border-width: 3px !important;
    text-align: center;
  }
  body#top_page #digest_2 ul.digest_list li h4.title {
    float: none !important;
    width: auto !important;
    min-height: 30px;
    font-size: 18px;
  }
  body#top_page #digest_2 ul.digest_list li h4.title span {
    padding-left: 44px;
  }
  body#top_page #digest_2 ul.digest_list li div.right_contents,
  body#top_page #digest_2 ul.digest_list li div.left_contents {
    display: block;
    float: none !important;
    width: 173px;
    margin: 10px auto 0;
  }
  body#top_page #digest_2 ul.digest_list li div.runner_detail p.runner_voice,
  body#top_page #digest_2 ul.digest_list li div.volunteer_detail p.volunteer_voice,
  body#top_page #digest_2 ul.digest_list li div.cheer_detail p.cheer_voice,
  body#top_page #digest_2 ul.digest_list li div.expo_detail p.expo_voice {
    float: none !important;
    width: 100% !important;
    margin-top: 16px;
    margin-bottom: 0;
    padding-left: 0;
    line-height: 1.7;
    font-size: 15px;
  }
  body#top_page #digest_2 ul.digest_list li ~ li {
    /*! margin-top: 15px; */
  }
}




/*---------------------
ニュース
---------------------*/
body#top_page #news div.contents_inner_news {
  border: 1px solid #56a2ff;
}
body#top_page #news dl {
  padding: 0 20px 20px;
  overflow-y:auto;
  height:350px;
}

/*---------------------
トップ用　タイトル
---------------------*/

body#top_page h3.cmn_title:before,
body#top_page .h3_style_title:before {
  content: "";
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  background-position: 0 center;
  position: absolute;
  bottom: 0;
  left: -43px;
  width: 50px;
  height: 15px;
  background: url("../../img/top_page/ribbon_y_l_bg.png") no-repeat right bottom;
  z-index: 1;
}
body#top_page h3.cmn_title:after,
body#top_page .h3_style_title:after {
  content: "";
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  background-position: 0 center;
  position: absolute;
  bottom: 0;
  right: -43px;
  width: 50px;
  height: 15px;
  background: url(../../img/top_page/ribbon_y_r_bg.png) no-repeat left bottom;
  z-index: 1;
}

body#top_page #digest_2 h3.cmn_title:before,
body#top_page #digest_2 .h3_style_title:before {
  content: "";
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  background-position: 0 center;
  position: absolute;
  bottom: 0;
  left: -43px;
  width: 50px;
  height: 15px;
  background: url("../../../common/img/parts/ribbon_y_l.png") no-repeat right bottom;
  z-index: 1;
}
body#top_page #digest_2 h3.cmn_title:after,
body#top_page #digest_2 .h3_style_title:after {
  content: "";
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  background-position: 0 center;
  position: absolute;
  bottom: 0;
  right: -43px;
  width: 50px;
  height: 15px;
  background: url(../../../common/img/parts/ribbon_y_r.png) no-repeat left bottom;
  z-index: 1;
}


/*--------------------------
トップページ　タブレット
--------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body#top_page #top_header {
    position: relative;
    padding-top: 6px;
    background: #fff;
  }

  body#top_page #top_header h1 {
    width: 746px;
    height: 441px;
    margin: 0 1px;
    background: url(../../img/top_page/top_image_tb.jpg);
  }
}

/*--------------------------
トップページ　スマホ
--------------------------*/
@media only screen and (max-width: 767px) {
  body#top_page #top_header {
    padding-top: 3px;
    background-image: none;
  }
  body#top_page #top_header h1 {
    padding-bottom: 61%;
    background-image: url(../../img/top_page/top_image_sp.jpg);
  }
	body#top_page #past_navi ul li.past_navi_2018 ,
  body#top_page #past_navi ul li.past_navi_2017 ,
  body#top_page #past_navi ul li.past_navi_2016 ,
  body#top_page #past_navi ul li.past_navi_2015 {
		padding-bottom: 0;
  }
  body#top_page #past_navi ul li.past_navi_2014 {
		width: auto;
	}
  
  body#top_page #contentsfield div#digest h3 {
    margin-bottom: 10px;
  }
  body#top_page #contentsfield div#digest {
    padding: 0 10px;
  }
  body#top_page #contentsfield div#digest p {
    text-align: left;
  }
  body#top_page #contentsfield div#digest div.contents_inner_digest {
    padding: 20px 10px;
    margin: 20px 0 10px;
  }
  
  body#top_page #contentsfield div#digest_2 h3 {
    margin-bottom: 10px;
  }
  body#top_page #contentsfield div#digest_2 {
    padding: 0 10px;
  }
  body#top_page #contentsfield div#digest_2 p {
    text-align: left;
  }
  /* ダイジェスト_コンテンツ有りでは不要
  body#top_page #contentsfield div#digest_2 div.contents_inner_digest {
    padding: 20px 10px;
    margin: 20px 0 10px;
  }*/
}



/*--------------------------
理事長メッセージ　スマホ
--------------------------*/
@media only screen and (max-width: 767px) {
  body#message div.greeting div.contents_inner strong span.name {
    background-image: url(../../img/message/name_sp.png);
  }
}

/*--------------------------
大阪マラソン共同調査研究
--------------------------*/
body#research div.book div.contents_inner {
  width: 830px;
}
body#research div.book {
  position: relative;
  padding: 55px 0 48px;
  text-align: center;
}
body#research div.book:before {
  content: "";
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  background-position: 0 center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: url(../../../common/img/parts/rainbow.png) repeat center center;
}

body#research div.book ul.book_list {
  margin: 0;
  padding: 0;
}
body#research div.book ul.book_list li {
  margin: 0;
  padding: 0;
  list-style: none;
}
body#research div.book ul.book_list li {
  padding: 40px 0;
  text-align: center;
}
body#research div.book ul.book_list li div.book_detail {
  text-align: left;
  zoom: 100%;
}
body#research div.book ul.book_list li div.book_detail:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
body#research div.book ul.book_list li div.book_detail h4.book_title {
  line-height: 1.5;
  text-align: left;
  font-size: 22px;
  font-weight: bold;
  background-color: #fce784;
  padding:15px 20px;
}
body#research div.book ul.book_list li div.book_detail p.info {
  display: block;
  line-height: 1.5;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  background-color: #fff8d8;
  padding:15px 20px;
  margin-bottom: 30px;
}
body#research div.book ul.book_list li div.book_detail span.book_image {
  float: right;
  margin-bottom: 20px;
}
body#research div.book ul.book_list li div.book_detail div.book_ex {
  float: left;
  width: 585px;
  margin-top: 9px;
  margin-bottom: 9px;
  padding-left: 3px;
  line-height: 2;
  font-size: 16px;
}
body#research div.book ul.book_list li div.book_detail div.book_ex p ~ p {
  margin-top: 1.25em;
}
body#research div.book ul.book_list li ~ li {
  margin-top: 20px;
}


/*--------------------------
大阪マラソン共同調査研究　タブレット
--------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body#research div.book div.contents_inner {
    width: 748px;
  }
  body#research div.book ul.book_list li {
    padding-bottom: 3px;
  }
  body#research div.book ul.book_list li div.book_detail span.book_image {
    width: 252px;
    margin-bottom: 17px;
  }
  body#research div.book ul.book_list li div.book_detail div.book_ex {
    width: 470px;
    padding-left: 0;
  }
  body#research div.book {
    padding: 38px 0;
  }
}
/*--------------------------
大阪マラソン共同調査研究　スマホ
--------------------------*/
@media only screen and (max-width: 767px) {
  body#research div.book div.contents_inner {
    width: 100%;
  }
  body#research div.book ul.book_list li {
    padding: 30px 10px 0;
    border-width: 3px !important;
    text-align: center;
  }
  body#research div.book ul.book_list li div.book_detail h4.book_title {
    float: none !important;
    width: auto !important;
    min-height: 37px;
    font-size: 16px;
    padding: 10px;
  }
  body#research div.book ul.book_list li div.book_detail h4.book_title span {
    height: 37px;
    *height: auto;
    padding-left: 47px;
  }
  body#research div.book ul.book_list li div.book_detail p.info {
  padding:10px;
  margin-bottom: 30px;
}
  body#research div.book ul.book_list li div.book_detail span.book_image {
    display: block;
    float: none !important;
    width: 173px;
    margin: 0 auto 30px;
  }
  body#research div.book ul.book_list li div.book_detail div.book_ex {
    float: none !important;
    width: 100% !important;
    margin-top: 16px;
    margin-bottom: 0;
    padding-left: 0;
    line-height: 1.7;
    font-size: 15px;
  }
  body#research div.book ul.book_list li ~ li {
    margin-top: 15px;
  }
}

/*--------------------------
大阪マラソンEXPO
--------------------------*/
body#expo div.lead {
  padding-top: 0;
  padding-bottom: 16px;
}
body#expo div.lead .lead_p{
  width: 830px;
  margin: 0 auto;
}
body#expo div.lead .lead_p p{
  font-weight: bold;
}
body#expo div.lead div.contents_inner strong {
  margin-top: 0;
  padding-left: 12px;
  font-size: 30px;
}
body#expo div.lead div.contents_inner div.expo_logo_pane {
  position: relative;
  padding: 46px 155px 28px;
}
body#expo div.lead div.contents_inner div.expo_logo_pane span.expo_logo {
  position: absolute;
  top: 25px;
  right: 24px;
}
body#expo div.lead div.contents_inner div.expo_logo_pane a:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
body#expo div.lead div.contents_inner div.expo_logo_pane a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body#expo div.lead div.contents_inner div.expo_logo_pane a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  body#expo div.lead div.contents_inner div.expo_logo_pane a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  }
}
@media only screen and (max-width: 767px) {
  body#expo div.lead div.contents_inner div.expo_logo_pane a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  body#expo div.lead div.contents_inner div.expo_logo_pane a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  }
}

body#expo div.expo_title{
  width: 830px;
  margin: 0 auto 30px;
  background-color: #00875c;
  color: #fff;
  padding: 20px;
  border-bottom: 5px solid #ffde00;
}
body#expo div.expo_title div.contents_inner {
  width: 790px;
  padding: 0;
  background: none;
}

body#expo div.expo_title div.contents_inner p.expo_title_lead {
  margin-bottom: 20px;
  line-height: 2;
  font-size: 16px;
  font-weight: bold;
}
body#expo div.expo_title div.contents_inner {
  min-height: auto;
}
body#expo div.expo_title div.contents_inner h4.expo_plan01_title {
  text-align: center;
}
body#expo div.plan01_explain div.contents_inner {
  width: 830px;
}
body#expo div.plan01_explain div.contents_inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


 /*　SNS　*/
body#expo div.plan01_explain div.contents_inner div.snslink {
	background-color: #e9e9e9;
	float: right;
  width: 195px;
}
body#expo div.plan01_explain div.contents_inner div.snslink:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
body#expo div.plan01_explain div.contents_inner .sns_left {
  float: left;
  width: 610px;
}
body#expo div.plan01_explain div.contents_inner .sns_text {
  font-size: 16px;
}
body#expo div.plan01_explain div.contents_inner div.snslink h6.snslink_title {
	float: none;
  font-size: 14px;
  color: #ffffff;
	background-color: #005aaf;
	text-align: center;
	font-weight: bold;
	padding: 6px 10px;
  line-height: 1.4;
}

body#expo div.plan01_explain div.contents_inner div.snslink ul.sns_icon {
  list-style: none outside none;
  float: none;
  margin: 0 18px;
  padding: 0;
  text-align: center;
}
body#expo div.plan01_explain div.contents_inner div.snslink ul.sns_icon:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
body#expo div.plan01_explain div.contents_inner div.snslink ul.sns_icon li {
	padding: 9px 0;
}
body#expo div.plan01_explain div.contents_inner div.snslink ul.sns_icon li img{
	vertical-align: middle;
}
body#expo div.plan01_explain div.contents_inner div.snslink a:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
body#expo div.plan01_explain div.contents_inner div.snslink a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body#expo div.plan01_explain div.contents_inner div.snslink a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  body#expo div.plan01_explain div.contents_inner div.snslink a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  }
}
@media only screen and (max-width: 767px) {
  body#expo div.plan01_explain div.contents_inner div.snslink a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  body#expo div.plan01_explain div.contents_inner div.snslink a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  }
}


 /*　バナー　*/
body#expo div.plan01_link {
  margin: 0;
  padding: 0;
}
body#expo div.plan01_link div.contents_inner {
  width: 830px;
}
body#expo div.plan01_link div.contents_inner ul.link_list {
  margin: 0;
  padding: 35px 35px 15px;
  background-color: #fff8cf;
  zoom: 100%;
}
body#expo div.plan01_link div.contents_inner ul.link_list li {
  margin: 0;
  padding: 0;
  list-style: none;
}
body#expo div.plan01_link div.contents_inner ul.link_list:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  body#expo div.plan01_link div.contents_inner ul.link_list:after {
    display: none;
  }
}
body#expo div.plan01_link div.contents_inner ul.link_list li {
  float: left;
  width: 370px;
}
body#expo div.plan01_link div.contents_inner ul.link_list li ~ li {
  margin-left: 20px;
}
body#expo div.plan01_link div.contents_inner ul.link_list li:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}
body#expo div.plan01_link div.contents_inner ul.link_list li span.link_image {
  display: block;
  margin-bottom: 20px;
}
body#expo div.plan01_link div.contents_inner ul.link_list li a.trans {
  display: block;
}

　/*　イメージ　*/
body#expo div.plan01_images {
  margin-top: 0;
  overflow: hidden;
  position: relative;
  zoom: 100%;
  text-align: center;
}
body#expo div.plan01_images div.contents_inner {
  width: 830px;
}
body#expo div.plan01_images ul.image_list {
  list-style: none outside none;
  float: left;
  margin: 0;
  padding: 0;
  left: 50%;
  position: relative;
}
body#expo div.plan01_images ul.image_list li {
  float: left;
  position: relative;
  left: -50%;
  width: 260px;
}
body#expo div.plan01_images ul.image_list li ~ li {
  margin-left:18px;
}
body#expo div.plan01_images ul.image_list li img{
  display: block;
}
body#expo div.plan01_images p.image_caption {
  clear: left;
  line-height: 1.5;
  text-align: center;
  font-size: 14px;
}
body#expo div.plan01_images ul.image_list:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}



/*--------------------------
大阪マラソンEXPO　タブレット
--------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body#expo div.lead .lead_p,
  body#expo div.expo_title,
  body#expo div.plan01_explain div.contents_inner,
  body#expo div.plan01_link div.contents_inner,
  body#expo div.plan01_images div.contents_inner,
  body#expo div.expo_title div.contents_inner{
    width: 748px;
  }
  
  /*　SNS　*/
  body#expo div.plan01_explain div.contents_inner .sns_left {
    width: 540px;
  }
  
  /*　バナー　*/
  body#expo div.plan01_link div.contents_inner ul.link_list {
    padding: 25px 25px 5px;
  }
  body#expo div.plan01_link div.contents_inner ul.link_list li {
    width: 339px;
  }
}
/*--------------------------
大阪マラソンEXPO　スマホ
--------------------------*/
@media only screen and (max-width: 767px) {
  body#expo div.lead {
    padding-top: 35px;
  }
  body#expo div.lead div.contents_inner {
    padding: 0;
  }
  body#expo div.lead .lead_p{
    width: auto;
  }
  body#expo div.lead div.contents_inner strong {
    margin-top: 20px;
    padding-left: 0;
    font-size: 17px;
  }
  body#expo div.lead div.contents_inner div.expo_logo_pane {
    padding: 0;
  }
  body#expo div.lead div.contents_inner div.expo_logo_pane span.expo_logo {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    margin-top: 15px;
  }
  body#expo div.lead div.contents_inner div.expo_logo_pane span.expo_logo img {
    width: 77px;
    height: 57px;
  }
  body#expo div.expo_title{
    width: auto;
    margin: 10px;
    padding: 10px;
  }
  body#expo div.expo_title div.contents_inner h4.expo_plan01_title span {
    display: inline-block;
    width: 250px;
  }
  
  body#expo div.expo_title div.contents_inner {
    width: 100%;
    min-height: 0;
  }
  body#expo div.expo_title div.contents_inner p.expo_title_lead {
    line-height: 1.7;
    font-size: 15px;
  }
  body#expo div.plan01_explain div.contents_inner,
  body#expo div.plan01_link div.contents_inner,
  body#expo div.plan01_images div.contents_inner {
    width: auto;
    padding: 0 10px;
  }
  
  
  /*　SNS　*/
  body#expo div.plan01_explain div.contents_inner .sns_text {
		float: none;
    margin-bottom: 10px;
    width: auto;
    font-size: 15px;
	}
  body#expo div.plan01_explain div.contents_inner .sns_left {
    float: none;
    width:auto;
    margin: 0 auto;
  }
	body#expo div.plan01_explain div.contents_inner div.snslink {
		float: none;
    width:200px;
    margin: 0 auto;
    margin-top: 20px;
	}
	body#expo div.plan01_explain div.contents_inner div.snslink h6.snslink_title {
  	display: block;
		float: none;
  	font-size: 15px;
	}

	body#expo div.plan01_explain div.contents_inner div.snslink ul.sns_icon {
  	float: none;
  }
	body#expo div.plan01_explain div.contents_inner div.snslink ul.sns_icon li {
		/*! float: left; */
		padding: 15px 0;
	}
	body#expo div.plan01_explain div.contents_inner div.snslink ul.sns_icon li ~ li {
  	padding-left: 15px;
	}
  
  
  /*　バナー　*/
  body#expo div.plan01_link div.contents_inner ul.link_list {
    padding: 20px 10px 10px;
  }
  body#expo div.plan01_link div.contents_inner ul.link_list li {
    float: none;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
  body#expo div.plan01_link div.contents_inner ul.link_list li ~ li {
    margin-left: auto;
  }
  body#expo div.plan01_link div.contents_inner ul.link_list li:nth-child(2n+1) {
    clear: none;
    margin-left: auto;
  }
  body#expo div.plan01_link div.contents_inner ul.link_list li span.link_image {
    margin-bottom: 10px;
  }
  
  
    /*　イメージ　*/
  body#expo div.plan01_images ul.image_list {
    float: none;
    left: auto;
  }
  body#expo div.plan01_images ul.image_list li {
    width: 48%;
    float: none;
    left: auto;
    display: inline-block;
    margin: 0 auto;
  }
  body#expo div.plan01_images ul.image_list li ~ li {
    margin-left: 2%;
  }
  body#expo div.plan01_images ul.image_list li img{
    width: 100%;
  }
}