@charset "utf-8";
/* CSS Document */
.single-column {
	position: relative;
}
/* ----- index 記事一覧 ----- */
.flex-box {
	margin-top: 20px;
}
.flex-box a {
	color: #444444;
  	text-decoration: none;
}

.flex-box a:hover {
	opacity: .7;
  	-ms-filter: "alpha(opacity=70)";
	color: #ed0600;
}

.flex-box .contents-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
}

.flex-box .contents-list:after {
  content:"";
  display: block;
  width:30%;
}
.flex-box .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /*-webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;*/
  margin: 0 0 10px 0;
  padding: 0 0 10px;
  width: 326px;
}
.flex-box .thumbnail_img {
  position: relative;
  margin: 0 0 5px;
}
.flex-box .thumbnail_img span {
	position: absolute;
	top: 0;
	left: 10px;
}
.flex-box p.thumbnail_title {
	background: url(/common/img/parts/icon_arrow01.png) no-repeat left top 0.2em;
	padding-left: 20px;
	margin-top: 2em;;
	font-size: 16px;
}
.flex-box .thumbnail_img img {
  width: 100%;
  height: auto;
}
.flex-box .text {
	position: relative;
	height: 130px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.flex-box .text .date {
	position: absolute;
	right: 0;
	top: 0;
}

/* ----- おすすめ記事 ----- */
.flex-box {
	margin-top: 20px;
}
.flex-box a {
	color: #444444;
  	text-decoration: none;
}

.flex-box a:hover {
	opacity: .7;
  	-ms-filter: "alpha(opacity=70)";
	color: #ed0600;
}

.flex-box .recommended-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
}
.flex-box .recommended-list::before{
  content:"";
  display: block;
  width:23%;
  order:1;
}
.flex-box .recommended-list::after{
  content:"";
  display: block;
  width:23%;
}
.flex-box .recommended {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /*-webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;*/
  margin: 0 20px 10px 0;
  padding: 0 0 10px;
  width: 228px;
  position: relative;
}
.flex-box .reco_thumbnail_img {
  margin: 0 0 5px;
}
.flex-box p.reco_thumbnail_title {
	font-size: 14px;
	font-weight: bold;
	/*color: #ed0600;*/
}
.flex-box .reco_thumbnail_img img {
  width: 228px;
  height: auto;
}
.flex-box .text {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.date {
	color: #999999;
	font-size: 14px;
	text-align: right;
}

.mod-page-back {
	background: url(/yozemi_journal/images/icon_back.png) no-repeat;
	font-size: 18px;
	font-weight: bold;
	color: #EA1000;
	padding-left: 30px;
}
.mod-page-back a {
	color: #EA1000;
	text-decoration: none;
}
.mod-page-back a:hover {
	text-decoration: underline;
}

/* ------ 関連リンクボタン ----- */
.mod-box-button-link {
	position: relative;
	margin-top: 80px;
	margin-bottom: 20px;
	overflow: hidden;
}

ul.list-button-link li {
	margin-bottom: 20px;
}

ul.list-button-link li:nth-child(odd) {
	float: left;
	width: 490px !important;
	margin-right: 20px;
}

ul.list-button-link li:nth-child(even) {
	float: left;
	width: 490px !important;
}

ul.list-button-link a:hover {
	text-decoration: underline;
  	opacity: .7;
  	-ms-filter: "alpha(opacity=70)";
}

/* ------ 記事 ----- */
dl.list-journal-cont {
	clear: both;
}

dl.list-journal-cont dt,
dl.list-journal-cont dd {
	font-size: 16px;
}

dl.list-journal-cont dt {
	float: left;
	clear: left;
	width: 6em;
	font-weight: bold;
}

dl.list-journal-cont dd {
	margin-left: 6em;
	margin-bottom: 0.5em;
}

/* ------ ページトップへ戻るボタン ----- */
.pagetop {
  position: fixed;
  right: 10px;
 /* bottom: 20px;*/
  display: block;
 /* padding: 20px 0 0 20px;*/
}

/* Button link (x)large
   ========================================================================== */
.mod-button-link-large_journal,
.mod-button-link-xlarge_journal {
  margin: 0 -10px -10px 0;
  margin-top: 10px;
  overflow: hidden;
}
.mod-button-link-large_journal:first-child,
.mod-button-link-xlarge_journal:first-child {
  margin-top: 0;
}
.mod-button-link-large_journal > li,
.mod-button-link-xlarge_journal > li {
  float: left;
  position: relative;
  z-index: 1000;
  margin: 0 10px 10px 0;
  line-height: 1 !important;
  vertical-align: bottom;
}

.mod-button-link-large_journal:nth-child(3n) > li,
.mod-button-link-xlarge_journal:nth-child(3n) > li {
	margin-right: 0;
}

.mod-button-link-large_journal > li > a,
.mod-button-link-xlarge_journal > li > a,
.mod-button-link-large_journal > li > span,
.mod-button-link-xlarge_journal > li > span {
  display: block;
  min-width: 313px;
  padding: 13px 10px 12px 30px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: url(/common/img/parts/button-link_bg01.png) repeat-x left center;
  -webkit-background-size: auto 100%;
          background-size: auto 100%;
  color: #444;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  vertical-align: bottom;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mod-button-link-large_journal > li > a:hover,
.mod-button-link-xlarge_journal > li > a:hover,
.mod-button-link-large_journal > li > span:hover,
.mod-button-link-xlarge_journal > li > span:hover,
.mod-button-link-large_journal > li > a:active,
.mod-button-link-xlarge_journal > li > a:active,
.mod-button-link-large_journal > li > span:active,
.mod-button-link-xlarge_journal > li > span:active {
  border: 1px solid #f00000;
  background: #ffe8e5;
}
.mod-button-link-large_journal > li > a:before,
.mod-button-link-xlarge_journal > li > a:before,
.mod-button-link-large_journal > li > span:before,
.mod-button-link-xlarge_journal > li > span:before {
  display: block;
  position: absolute;
  z-index: 1000;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: url(/common/img/parts/icon_arrow01.png) no-repeat 11px center;
  content: "";
}

/*.mod-button-link-large_journal.opt-w300 > li,
.mod-button-link-xlarge_journal.opt-w300 > li {
  min-width: 301px;
}*/
.mod-button-link-large_journal .is-current > a,
.mod-button-link-xlarge_journal .is-current > a,
.mod-button-link-large_journal .is-current > span,
.mod-button-link-xlarge_journal .is-current > span {
  border: 1px solid #ed0600;
  background: #ed0600;
  color: #fff;
}
.mod-button-link-large_journal .is-current > a:hover,
.mod-button-link-xlarge_journal .is-current > a:hover,
.mod-button-link-large_journal .is-current > span:hover,
.mod-button-link-xlarge_journal .is-current > span:hover {
  border: 1px solid #ed0600;
  background: #ed0600;
  color: #fff;
}
.mod-button-link-large .is-current > a:before,
.mod-button-link-xlarge .is-current > a:before,
.mod-button-link-large .is-current > span:before,
.mod-button-link-xlarge .is-current > span:before {
  background: url(/common/img/parts/icon_arrow01_on.png) no-repeat 11px center;
}
.mod-button-link-xlarge_journal > li > a {
  padding: 17px 20px 17px 30px;
}
.mod-button-link-large_journal_blank,
.mod-button-link-xlarge_journal_blank {
  border: 1px solid #ccc !important;
  background: #f5f5f5 url(/common/img/parts/icon_arrow_blank01.png) no-repeat 11px center !important;
  -webkit-background-size: 14px 14px !important;
          background-size: 14px 14px !important;
  color: #aaa !important;
}
.mod-button-link-large_journal_blank:before,
.mod-button-link-xlarge_journal_blank:before {
  background: none !important;
}

/* Media
   ========================================================================== */
.mod-media_02 {
  overflow: hidden;
  zoom: 1;
  margin-top: 10px;
  width: 100%;
}
.mod-media_body {
  overflow: hidden;
  zoom: 1;
}
.mod-media_02.opt-media-left .mod-media_object {
  float: left;
  margin-right: 15px;
}
.mod-media_02.opt-media-left .mod-media_object > img {
  margin-bottom: 5px;
}
.mod-media_02.opt-media-left .mod-media_object > img.w-500 {
  margin-bottom: 5px;
  width: 500px;
}
.mod-media_02.opt-media-left .mod-media_body {
  margin-top: 0;
}
.mod-media_02.opt-media-right .mod-media_object {
  float: right;
  margin-left: 15px;
}
.mod-media_02.opt-media-right .mod-media_object > img {
  margin-bottom: 5px;
}
.mod-media_02.opt-media-right .mod-media_object > img.w-500 {
  margin-bottom: 5px;
  width: 500px;
}
.mod-media_02.opt-media-right .mod-media_body {
  margin-top: 0;
}
.mod-media_02.opt-media-center .mod-media_object {
  margin: 0 auto;
  text-align: center;
}
.mod-media_02 .mod-media_body {
  margin-top: 10px;
}
.mod-media_02 .mod-media_body:first-child {
  margin-top: 0;
}

/* 回り込み解除 */
.clearfix{
    zoom:1;
}
.clearfix:after{
    content:"";
    display: block;
    clear: both;
    height: 0;
    visibility:hidden;
}


/* ======= 640px以上 ======= */
@media (min-width:641px) {
/* ----- snsボタン ----- */
.box_sns {
	width: 100%;
	/*background: #eeeeee;*/
	padding: 10px 0;
	margin-top: 40px;
	clear: both;
	overflow: hidden;
}

.box_sns p {
	float: left;
    margin: auto;
	color: #999999;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 230px;
	font-size: 16px;
}
/* ボタンスタイル */
.sns_btn{
    position:relative;
    width: 210px;
    height: 50px;
    margin:0 5px;
    background-color: #999;
    float:left;
    list-style: none;
}
.sns_btn,
.sns_btn:hover {
	-webkit-transition: 0.3s;
  	-moz-transition: 0.3s;
  	-o-transition: 0.3s;
  	-ms-transition: 0.3s;
  	transition: 0.3s;
}
 
/* Webフォントに関する指定 */
.sns_btn span{
    position:absolute;
    padding:13px;
    font-size:25px;
    color:#FFF;/* 文字の色 */
}
 
/* リンク領域をブロック全体に */
.sns_btn a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
    color:#FFF;/* 文字の色 */
}
 
/* マウスオーバー */
/*.sns_btn a:hover{
    background-color:#FFF;
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
*/
ul.btn_group{
    width: 1000px;
    margin: auto;
    list-style: none;
    padding: 0;
}
 
/* アイコン毎の配色と配置 */
.sns_btn.facebook {
    background-color: #fff;
	border: #265a96 solid 2px;
}
.sns_btn.facebook:hover {
	background-color: #265a96;
}
.sns_btn.facebook a p.btn_txt {
	position: absolute;
	top: 15px;
	left: 400px;
	color: #265a96;
	text-align: center;
	font-size: 16px;
}

.sns_btn.facebook a:hover p.btn_txt {
	color: #fff;
}

.sns_btn.facebook > span {
	background-color: #265a96;
}
 
.sns_btn.twitter {
    background-color: #fff;
	border: #00acec solid 2px;
}

.sns_btn.twitter:hover {
	background-color: #00acec;
}

.sns_btn.twitter a p.btn_txt {
	position: absolute;
	top: 15px;
	left: 400px;
	color: #00acec;
	text-align: center;
	font-size: 16px;
}

.sns_btn.twitter a:hover p.btn_txt {
	color: #fff;
}

.sns_btn.twitter > span {
	background-color: #00acec; 
}
 
.sns_btn.googleplus {
    background-color: #fff;
	border: #dd4b39 solid 2px;
}

.sns_btn.googleplus:hover {
    background-color: #dd4b39;
}
.sns_btn.googleplus a p.btn_txt {
	position: absolute;
	top: 15px;
	left: 400px;
	color: #dd4b39;
	text-align: center;
	font-size: 16px;
}
.sns_btn.googleplus a:hover p.btn_txt {
	color: #fff;
}
.sns_btn.googleplus > span {
	background-color: #dd4b39;
}


/* ----- ダウンロードボタン ----- */
.box_dl {
	width: 100%;
	/*background: #eeeeee;*/
	padding: 10px 0;
	margin-top: 40px;
	clear: both;
	overflow: hidden;
}

.box_dl p {
	float: left;
    margin: auto;
	color: #999999;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 230px;
	font-size: 16px;
}
/* ボタンスタイル */
.dl_btn{
    position:relative;
    width: 990px;
    height: 50px;
    margin:0 5px;
    background-color: #999;
    float:left;
    list-style: none;
}
.dl_btn,
.dl_btn:hover {
	-webkit-transition: 0.3s;
  	-moz-transition: 0.3s;
  	-o-transition: 0.3s;
  	-ms-transition: 0.3s;
  	transition: 0.3s;
}
 
/* Webフォントに関する指定 */
.dl_btn span{
    position:absolute;
    padding:13px;
    font-size:25px;
    color:#FFF;/* 文字の色 */
}
 
/* リンク領域をブロック全体に */
.dl_btn a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
    color:#FFF;/* 文字の色 */
}
 
/* マウスオーバー */
/*.sns_btn a:hover{
    background-color:#FFF;
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
*/
ul.btn_group{
    width: 1000px;
    margin: auto;
    list-style: none;
    padding: 0;
}
 
/* アイコン毎の配色と配置 */

 
.dl_btn.dl {
    background-color: #fff;
	border: #FFAFAF solid 2px;
}

.dl_btn.dl:hover {
    background-color: #FFAFAF;
}
.dl_btn.dl a p.btn_txt {
	position: absolute;
	top: 15px;
	left: 770px;
	color: #FFAFAF;
	text-align: center;
	font-size: 16px;
}
.dl_btn.dl a:hover p.btn_txt {
	color: #fff;
}
.dl_btn.dl > span {
	background-color: #FFAFAF;
}




}



/* ======= 640px以下 ======= */
@media (max-width:640px) {
/* ----- index 記事一覧 ----- */
.flex-box .contents-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

.flex-box .contents-list:after {
  content:"";
  display: block;
  width:50%;
}
.flex-box .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /*-webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;*/
  margin: 0 10px 10px 0;
  padding: 0 0 10px;
  width: 48%;
}
.flex-box .contents:nth-child(even) {
	margin-right: 0;
}
.flex-box .thumbnail_img {
  margin: 0 0 5px;
}
.flex-box .thumbnail_img span {
	position: absolute;
	top: 0;
	left: 10px;
	max-width: 30%;
	height: auto;
}
.flex-box p.thumbnail_title {
	background: url(/common/img/parts/icon_arrow01.png) no-repeat left top 0.2em;
	padding-left: 18px;
	margin-top: 2em;;
	font-size: 14px;
}
.flex-box .thumbnail_img img {
  width: 100%;
  height: auto;
}
.flex-box .text {
	position: relative;
	height: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.flex-box .text .date {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 11px;
}

/* ----- おすすめ記事 ----- */
.flex-box .recommended-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}
.flex-box .recommended-list:after{
  content:"";
  display: block;
  width:50%;
}
.flex-box .recommended {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /*-webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;*/
  margin: 0 0 10px 0;
  padding: 0 0 10px;
  width: 47%;
  position: relative;
}

.flex-box .recommended:nth-child(even) {
	margin-right: 0;
}
.flex-box .reco_thumbnail_img {
  margin: 0 0 5px;
}
.flex-box p.reco_thumbnail_title {
	font-size: 14px;
	font-weight: bold;
	/*color: #ed0600;*/
}
.flex-box .reco_thumbnail_img img {
  width: 100%;
  height: auto;
}
.flex-box .text {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.mod-page-back {
	background: url(/yozemi_journal/images/icon_back.png) no-repeat left top;
	background-size: 20px;
	font-size: 16px;
}

/* ------ 関連リンクボタン ----- */
.mod-box-button-link {
	position: relative;
	width: 100%;
	margin-top: 80px;
	margin-bottom: 20px;
	overflow: hidden;
}

ul.list-button-link li {
	margin-bottom: 20px;
	width: 100vw !important;
}

ul.list-button-link li:nth-child(odd) {
	float: none;
	width: 100vw !important;
	height: auto;
	margin-right: 0;
}

ul.list-button-link li:nth-child(even) {
	float: none;
	width: 100vw !important;
	height: auto;
}

/* ------ 記事 ----- */
dl.list-journal-cont {
	clear: both;
}

dl.list-journal-cont dt,
dl.list-journal-cont dd {
	font-size: 14px;
}

dl.list-journal-cont dt {
	float: left;
	clear: left;
	width: 6em;
	font-weight: bold;
}

dl.list-journal-cont dd {
	margin-left: 6em;
	margin-bottom: 0.5em;
}

/* ----- snsボタン ----- */
 .box_sns {
	width: 100%;
	background: #eeeeee;
	padding: 10px 0;
	margin: 40px 0;
}

.box_sns p {
	width: 250px;
    margin: auto;
	color: #999999;
	font-weight: bold;
	margin-bottom: 10px;
}
/* ボタンスタイル */
.sns_btn{
    position:relative;
    width: 50px;
    height: 50px;
    margin:0 5px;
    background-color: #999;
    float:left;
    list-style: none;
}
 
/* Webフォントに関する指定 */
.sns_btn span{
    position:absolute;
    padding:13px;
    font-size:25px;
    color:#FFF;/* 文字の色 */
}
 
/* リンク領域をブロック全体に */
.sns_btn a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
    color:#FFF;/* 文字の色 */
}
 
/* マウスオーバー */
.sns_btn a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

ul.btn_group{
    width: 250px;
    margin: auto;
    list-style: none;
    padding: 0;
}
 
/* アイコン毎の配色と配置 */
.sns_btn.facebook{
    background-color: #265a96;
}

.sns_btn.facebook a p.btn_txt {
	display: none;
}
 
.sns_btn.twitter{
    background-color: #00acec;
}
.sns_btn.twitter a p.btn_txt {
	display: none;
}
 
.sns_btn.googleplus{
    background-color: #dd4b39;
}
.sns_btn.googleplus a p.btn_txt {
	display: none;
}
 
.sns_btn.line{
    background-color: #2cbf13;
}

.sns_btn.googleplus a p.btn_txt {
	display: none;
}




	
/* ----- ダウンロードボタン ----- */
.box_dl {
	width: 100%;
	/*background: #eeeeee;*/
	padding: 10px 0;
	margin-top: 40px;

}

.box_dl p {
	width: 250px;
    margin: auto;
	color: #999999;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 16px;
}
/* ボタンスタイル */
.dl_btn{
    position:relative;
    width: 240px;
    height: 50px;
    margin:0 5px;
    background-color: #999;
    float:left;
    list-style: none;
}
.dl_btn,
.dl_btn:hover {
	-webkit-transition: 0.3s;
  	-moz-transition: 0.3s;
  	-o-transition: 0.3s;
  	-ms-transition: 0.3s;
  	transition: 0.3s;
}
 
/* Webフォントに関する指定 */
.dl_btn span{
    position:absolute;
    padding:13px;
    font-size:25px;
    color:#FFF;/* 文字の色 */
}
 
/* リンク領域をブロック全体に */
.dl_btn a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
    color:#FFF;/* 文字の色 */
}
 
/* マウスオーバー */
/*.sns_btn a:hover{
    background-color:#FFF;
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
*/
ul.btn_group{
    width: 250px;
    margin: auto;
    list-style: none;
    padding: 0;
}
 
/* アイコン毎の配色と配置 */

 
.dl_btn.dl {
    background-color: #fff;
	border: #FFAFAF solid 2px;
}

.dl_btn.dl:hover {
    background-color: #FFAFAF;
}
.dl_btn.dl a p.btn_txt {
	position: absolute;
	top: 15px;
	left: 482px;
	color: #FFAFAF;
	text-align: center;
	font-size: 16px;
}
.dl_btn.dl a:hover p.btn_txt {
	color: #fff;
}
.dl_btn.dl > span {
	background-color: #FFAFAF;
}




}
	
	
	
	
	
	
	
/* ------ ページトップへ戻るボタン ----- */
.pagetop {
  position: fixed;
  right: 0;
  bottom: 20px;
  display: block;
 /* padding: 20px 0 0 20px;*/
}


/* Button link (x)large
   ========================================================================== */
.mod-button-link-large_journal,
.mod-button-link-xlarge_journal {
  margin: 0 -10px -10px 0;
  margin-top: 10px;
  overflow: hidden;
}
.mod-button-link-large_journal:first-child,
.mod-button-link-xlarge_journal:first-child {
  margin-top: 0;
}
.mod-button-link-large_journal > li,
.mod-button-link-xlarge_journal > li {
  float: none;
  position: relative;
  z-index: 1000;
  margin: 0 10px 10px 0;
  line-height: 1 !important;
  vertical-align: bottom;
}

.mod-button-link-large_journal:nth-child(3n) > li,
.mod-button-link-xlarge_journal:nth-child(3n) > li {
	margin-right: 0;
}

.mod-button-link-large_journal > li > a,
.mod-button-link-xlarge_journal > li > a,
.mod-button-link-large_journal > li > span,
.mod-button-link-xlarge_journal > li > span {
  display: block;
  width: 100%;
  padding: 13px 10px 12px 30px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: url(/common/img/parts/button-link_bg01.png) repeat-x left center;
  -webkit-background-size: auto 100%;
          background-size: auto 100%;
  color: #444;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  vertical-align: bottom;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mod-button-link-large_journal > li > a:hover,
.mod-button-link-xlarge_journal > li > a:hover,
.mod-button-link-large_journal > li > span:hover,
.mod-button-link-xlarge_journal > li > span:hover,
.mod-button-link-large_journal > li > a:active,
.mod-button-link-xlarge_journal > li > a:active,
.mod-button-link-large_journal > li > span:active,
.mod-button-link-xlarge_journal > li > span:active {
  border: 1px solid #f00000;
  background: #ffe8e5;
}
.mod-button-link-large_journal > li > a:before,
.mod-button-link-xlarge_journal > li > a:before,
.mod-button-link-large_journal > li > span:before,
.mod-button-link-xlarge_journal > li > span:before {
  display: block;
  position: absolute;
  z-index: 1000;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: url(/common/img/parts/icon_arrow01.png) no-repeat 11px center;
  content: "";
}

/*.mod-button-link-large_journal.opt-w300 > li,
.mod-button-link-xlarge_journal.opt-w300 > li {
  min-width: 301px;
}*/
.mod-button-link-large_journal .is-current > a,
.mod-button-link-xlarge_journal .is-current > a,
.mod-button-link-large_journal .is-current > span,
.mod-button-link-xlarge_journal .is-current > span {
  border: 1px solid #ed0600;
  background: #ed0600;
  color: #fff;
}
.mod-button-link-large_journal .is-current > a:hover,
.mod-button-link-xlarge_journal .is-current > a:hover,
.mod-button-link-large_journal .is-current > span:hover,
.mod-button-link-xlarge_journal .is-current > span:hover {
  border: 1px solid #ed0600;
  background: #ed0600;
  color: #fff;
}
.mod-button-link-large .is-current > a:before,
.mod-button-link-xlarge .is-current > a:before,
.mod-button-link-large .is-current > span:before,
.mod-button-link-xlarge .is-current > span:before {
  background: url(/common/img/parts/icon_arrow01_on.png) no-repeat 11px center;
}
.mod-button-link-xlarge_journal > li > a {
  padding: 17px 20px 17px 30px;
}
.mod-button-link-large_journal_blank,
.mod-button-link-xlarge_journal_blank {
  border: 1px solid #ccc !important;
  background: #f5f5f5 url(/common/img/parts/icon_arrow_blank01.png) no-repeat 11px center !important;
  -webkit-background-size: 14px 14px !important;
          background-size: 14px 14px !important;
  color: #aaa !important;
}
.mod-button-link-large_journal_blank:before,
.mod-button-link-xlarge_journal_blank:before {
  background: none !important;
}


/* Media
   ========================================================================== */
.mod-media_02 {
  overflow: hidden;
  zoom: 1;
  margin-top: 10px;
  width: 100%;
}
.mod-media_body {
  overflow: hidden;
  zoom: 1;
}
.mod-media_02.opt-media-left .mod-media_object {
  float: none;
  margin: 0 auto;
}
.mod-media_02.opt-media-left .mod-media_object > img {
  margin-bottom: 5px;
}
.mod-media_02.opt-media-left .mod-media_object > img.w-500 {
  margin-bottom: 5px;
  width: 100%;
}
.mod-media_02.opt-media-left .mod-media_body {
  margin-top: 0;
}
.mod-media_02.opt-media-right .mod-media_object {
  float: none;
  margin: 0 auto;
}
.mod-media_02.opt-media-right .mod-media_object > img {
  margin-bottom: 5px;
}
.mod-media_02.opt-media-right .mod-media_object > img.w-500 {
  margin-bottom: 5px;
  width: 100%;
}
.mod-media_02.opt-media-right .mod-media_body {
  margin-top: 0;
}
.mod-media_02.opt-media-center .mod-media_object {
  margin: 0 auto;
  text-align: center;
}
.mod-media_02 .mod-media_body {
  margin-top: 10px;
}
.mod-media_02 .mod-media_body:first-child {
  margin-top: 0;
}

}