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


adjust_2023.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 div.runner_voice,
body#top_page #digest_2 ul.digest_list li div.expo_detail div.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 .btn_top {
  margin-top: 15px;
}
body#top_page #digest_2 ul.digest_list li .btn_top a {
  text-decoration: none;
  transition: .35s ease;
  display:inline-block;
  border: 2px solid #432b90;
  border-radius:28px;
  min-width: 210px;
  padding: 5px 10px 6px;
  text-align: center;
  color: #432b90;
  font-weight: 700;
  background-color: #fff;
}
body#top_page #digest_2 ul.digest_list li .btn_top a:hover {
	background-color: #432b90;
	transition:  .35s ease;
	color: #fff;
}

body#top_page #digest_2 ul.digest_list li.expo {
  background-color: #dff3ff;
}
body#top_page #digest_2 ul.digest_list li span.expo_logo {
  /*! margin: 0 auto 30px; */
  /*! width: 290px; */
  display: block;
  text-align: right;
  margin-bottom: 30px;
}
body#top_page #digest_2 ul.digest_list li span.expo_logo img {
  width: 170px;
}

/* ダイジェスト　ボランティア、盛上げ隊 */
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 div.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 div.expo_voice {
    width: 430px;
    padding-left: 0;
  }
  body#top_page #digest_2 ul.digest_list li .btn_top a:hover {
    background-color: #fff;
    color: #432b90;
  }
}

/*--------------------------
ダイジェスト_コンテンツ有り　スマホ
--------------------------*/
@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 div.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 div.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 #digest_2 ul.digest_list li .btn_top a:hover {
    background-color: #fff;
    color: #432b90;
  }
}




/*---------------------
ニュース
---------------------*/
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 #digest_2 ul.digest_list li span.expo_logo {
    text-align: center;
    margin-bottom: 10px;
  }
  body#top_page #digest_2 ul.digest_list li span.expo_logo img {
    width: 110px;
  }
  /* ダイジェスト_コンテンツ有りでは不要
  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;
  }
}