@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

#recommend_coredo .en_bebas {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: 'palt';
}
#recommend_coredo .img_responsive img {
width: 100%;
height: auto;
}
#recommend_coredo a{
text-decoration: none;
transition: .3s;
}
#recommend_coredo a:hover{
color: #00a0e9;
}
#recommend_coredo a img:hover{
opacity: 0.6;
}

@media screen and (max-width: 767px) {
#recommend_coredo .pc-only {
display: none;
}
#recommend_coredo .sp-only {
display: block;
}
#recommend_coredo {
width: 100%;
margin: 0 auto;
background-image: url("/urban/nihonbashi/special/25-058/images/bg.png");
background-position: top center;
background-repeat: repeat;
font-feature-settings: 'palt';
letter-spacing: 0.02em;
background-size: contain;
}
/*-----------------------------------------------------
main
-------------------------------------------------------*/
#recommend_coredo h1 {
display: none;
}
#recommend_coredo #mainv {
width: 100%;
margin: 0 auto;
}
#recommend_coredo ul.nav_ank {
width: 92%;
margin: 20px auto 0;
display: flex;
justify-content: space-between;
}
#recommend_coredo ul.nav_ank li {
width: 32%;
text-align: center;
position: relative;
z-index: 0;
}
#recommend_coredo ul.nav_ank li  a {
display: block;
padding: 10px 3px;
background-color: #fff;
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);
font-weight: bold;
font-size: 13px;
}
#recommend_coredo ul.nav_ank li span {
display: block;
z-index: 2;
margin-top: -40px;
margin-bottom: 10px;
}
#recommend_coredo ul.nav_ank li span img {
width: 35px;
}
/*-----------------------------------------------------
block
-------------------------------------------------------*/
#recommend_coredo .r_inner {
width: 92%;
margin: 0 auto;
}
#recommend_coredo ul.access_ph {
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
#recommend_coredo ul.access_ph li {
width: 49%;
}
#recommend_coredo ul.floor_info {
width: 100%;
margin: 0 auto;
display: block;
}
#recommend_coredo ul.floor_info li {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
#recommend_coredo ul.floor_info li .flr_num {
width: 60px;
background-color: #00a0e9;
color: #fff;
font-size: 20px;
padding: 20px 0;
text-align: center;
font-weight: bold;
line-height: 1;
}
#recommend_coredo ul.floor_info li .flr_exp {
width: calc(100% - 114px);
background-color: #fff;
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);
padding: 20px;
font-size: 14px;
font-weight: bold;
color: #333;
}
#recommend_coredo  .shop_block {
width: calc(100% - 20px);
margin:50px  auto 0;
padding: 10px;
background-color: #fff;
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);
}
#recommend_coredo .shop_img {
width: 100%;
margin: 20px auto;
position: relative;
}
#recommend_coredo .nishikawa_box {
width: 100%;
padding-top: 30px;
border-top: dashed 1px #333;
}


/*-----------------------------------------------------
text
-------------------------------------------------------*/
#recommend_coredo .lead {
font-size: 16px;
padding: 20px;
text-align: center;
line-height: 1.6;
}
#recommend_coredo h2 {
font-size: 22px;
font-weight: bold;
padding-top: 100px;
padding-bottom: 20px;
}
#recommend_coredo h3 {
font-size: 24px;
font-weight: bold;
line-height: 18px;
}
#recommend_coredo h3 span {
font-size: 15px;
font-weight: normal;
display: block;
padding: 10px 0;
line-height: 1.2;
}
#recommend_coredo .honbun {
font-size: 14px;
line-height: 1.8;
padding-bottom: 20px;
}
#recommend_coredo .honbun_m {
font-size: 13px;
line-height: 1.6;
}
#recommend_coredo .honbun_cap {
font-size: 12px;
padding-bottom: 20px;
}
#recommend_coredo .shopttl {
width: 100%;
display: flex;
flex-direction: column;
}
#recommend_coredo .shopttl .recnum {
color: #00a0e9;
font-size: 18px;
border-bottom: 1px solid #00a0e9;
text-align: center;
}
#recommend_coredo .shopttl .recnum span {
font-size: 40px;
vertical-align: middle;
}
#recommend_coredo .shopttl .recname {
padding-left: 10px;
}
#recommend_coredo .sub_catch {
  font-size: 18px;
  padding-bottom: 20px;
}
#recommend_coredo .hilight {
  text-decoration: underline; 
  text-decoration-thickness: 0.5em; 
  text-decoration-color: rgba(0, 160, 233, 0.2);
  text-underline-offset: -0.2em; 
  text-decoration-skip-ink: none;
}
#recommend_coredo .order_ttl {
font-size: 24px;
font-weight: bold;
line-height: 1.2;
  padding-bottom: 20px;
}
#recommend_coredo .order_ttl span {
font-size: 15px;
font-weight: normal;
}
#recommend_coredo .ticket_anno {
font-size: 12px;
font-weight: bold;
padding: 10px 0 0;
}
#recommend_coredo .conc_txt {
font-size: 18px;
color: #fff;
font-weight: bold;
line-height: 1.8;
text-align: center;
padding: 30px;
}

/*-----------------------------------------------------
parts
-------------------------------------------------------*/
#recommend_coredo .btn_site {
width: 60%;
margin: 20px auto 30px;
}

#recommend_coredo ul.flow_plw {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  margin: 0 auto;
}
#recommend_coredo ul.flow_plw li {
  border: 1px solid #cccccc;
  width: 260px;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
}
#recommend_coredo ul.flow_plw li:not(:last-child):after {
position: absolute;
content:'';
bottom:-20px;
left:calc(50% - 6px);
display: block;
width: 12px;
height: 25px;
background-image: url("/urban/nihonbashi/special/25-058/images/arrow.png");
background-size: contain;
transform: rotate(90deg);
background-repeat: no-repeat;
}
#recommend_coredo .flow_box {
padding: 10px;
}
#recommend_coredo .txt_step {
font-size: 15px;
text-align: center;
margin-bottom: 10px;
}
#recommend_coredo .txt_step span {
font-size: 24px;
font-weight: bold;
padding: 0 5px;
}
#recommend_coredo .bnr_img {
width: 100%;
margin: 20px auto 0;
}
#recommend_coredo .conc {
width: 100%;
margin: 50px auto 0;
background-color: #898989;
}
#recommend_coredo ul.icon_position {
position: absolute;
top: -30px;
right: 10px;
display: flex;
}
#recommend_coredo ul.icon_position li {
margin-left: 10px;
}
#recommend_coredo .icon_flr {
font-size: 13px;
text-align: center;
line-height: 1;
width: 60px;
background-color: #0096f2;
color: #fff;
border-radius: 60px;
padding: 15px 0;
}
#recommend_coredo .icon_flr span {
font-size: 17px;
}
#recommend_coredo .icon_tax {
font-size: 17px;
text-align: center;
line-height: 1;
width: 60px;
background-color: #f43400;
color: #fff;
border-radius: 60px;
padding: 12px 0;
}

}


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


@media screen and (min-width: 768px) {
#recommend_coredo .sp-only {
display: none;
}
#recommend_coredo .pc-only {
display: block;
}

#recommend_coredo {
width: 100%;
margin: 0 auto;
background-image: url("/urban/nihonbashi/special/25-058/images/bg.png");
background-position: top center;
background-repeat: repeat;
font-feature-settings: 'palt';
letter-spacing: 0.02em;
}
/*-----------------------------------------------------
main
-------------------------------------------------------*/
#recommend_coredo h1 {
display: none;
}
#recommend_coredo #mainv {
width: 100%;
margin: 0 auto;
}
#recommend_coredo ul.nav_ank {
width: 760px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
#recommend_coredo ul.nav_ank li {
width: 32%;
text-align: center;
position: relative;
z-index: 0;
}
#recommend_coredo ul.nav_ank li  a {
display: block;
padding: 20px;
background-color: #fff;
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);
font-weight: bold;
font-size: 20px;
}
#recommend_coredo ul.nav_ank li span {
display: block;
z-index: 2;
margin-top: -40px;
margin-bottom: 10px;
}
#recommend_coredo ul.nav_ank li span img {
width: 35px;
}
/*-----------------------------------------------------
block
-------------------------------------------------------*/
#recommend_coredo .r_inner {
width: 960px;
margin: 0 auto;
}
#recommend_coredo ul.access_ph {
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
#recommend_coredo ul.access_ph li {
width: 49%;
}
#recommend_coredo ul.floor_info {
width: 100%;
margin: 0 auto;
display: block;
}
#recommend_coredo ul.floor_info li {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
#recommend_coredo ul.floor_info li .flr_num {
width: 64px;
background-color: #00a0e9;
color: #fff;
font-size: 28px;
padding: 20px 0;
text-align: center;
font-weight: bold;
line-height: 1;
}
#recommend_coredo ul.floor_info li .flr_exp {
width: calc(100% - 124px);
background-color: #fff;
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);
padding: 20px;
font-size: 18px;
font-weight: bold;
color: #333;
}
#recommend_coredo  .shop_block {
width: calc(100% - 100px);
margin:50px  auto 0;
padding: 50px;
background-color: #fff;
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.25);
}
#recommend_coredo .shop_img {
width: 100%;
margin: 20px auto;
position: relative;
}
#recommend_coredo .nishikawa_box {
width: 100%;
padding-top: 30px;
border-top: dashed 1px #333;
}


/*-----------------------------------------------------
text
-------------------------------------------------------*/
#recommend_coredo .lead {
font-size: 18px;
padding: 30px 0;
text-align: center;
line-height: 1.8;
}
#recommend_coredo h2 {
font-size: 36px;
font-weight: bold;
padding-top: 100px;
padding-bottom: 20px;
}
#recommend_coredo h3 {
font-size: 36px;
font-weight: bold;
line-height: 1.2;
}
#recommend_coredo h3 span {
font-size: 18px;
font-weight: normal;
}
#recommend_coredo .honbun {
font-size: 16px;
line-height: 1.8;
padding-bottom: 20px;
}
#recommend_coredo .honbun_m {
font-size: 15px;
line-height: 1.6;
}
#recommend_coredo .honbun_cap {
font-size: 14px;
padding-bottom: 20px;
}
#recommend_coredo .shopttl {
width: 100%;
display: flex;
}
#recommend_coredo .shopttl .recnum {
color: #00a0e9;
font-size: 18px;
padding-right: 20px;
border-right: 1px solid #00a0e9;
}
#recommend_coredo .shopttl .recnum span {
font-size: 64px;
vertical-align: middle;
}
#recommend_coredo .shopttl .recname {
padding-left: 20px;
}
#recommend_coredo .sub_catch {
  font-size: 18px;
  padding-bottom: 20px;
}
#recommend_coredo .hilight {
  text-decoration: underline; 
  text-decoration-thickness: 0.5em; 
  text-decoration-color: rgba(0, 160, 233, 0.2);
  text-underline-offset: -0.2em; 
  text-decoration-skip-ink: none;
}
#recommend_coredo .order_ttl {
font-size: 24px;
font-weight: bold;
line-height: 1.2;
  padding-bottom: 20px;
}
#recommend_coredo .order_ttl span {
font-size: 15px;
font-weight: normal;
}
#recommend_coredo .ticket_anno {
font-size: 14px;
font-weight: bold;
text-align: center;
padding: 10px 0 0;
}
#recommend_coredo .conc_txt {
font-size: 24px;
color: #fff;
font-weight: bold;
line-height: 1.8;
text-align: center;
padding: 30px 0;
}

/*-----------------------------------------------------
parts
-------------------------------------------------------*/
#recommend_coredo .btn_site {
width: 230px;
margin: 20px 0 30px;
}

#recommend_coredo ul.flow_plw {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#recommend_coredo ul.flow_plw li {
  border: 1px solid #cccccc;
  width: 260px;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
}
#recommend_coredo ul.flow_plw li:not(:last-child):after {
position: absolute;
content:'';
top:50%;
transform: translateY(-50%);
right:-13px;
display: block;
width: 12px;
height: 25px;
background-image: url("/urban/nihonbashi/special/25-058/images/arrow.png");
background-size: contain;
background-repeat: no-repeat;
}
#recommend_coredo .flow_box {
padding: 10px;
}
#recommend_coredo .txt_step {
font-size: 15px;
text-align: center;
margin-bottom: 10px;
}
#recommend_coredo .txt_step span {
font-size: 24px;
font-weight: bold;
padding: 0 5px;
}
#recommend_coredo .bnr_img {
width: 100%;
margin: 20px auto 0;
}
#recommend_coredo .conc {
width: 100%;
margin: 50px auto 0;
background-color: #898989;
}
#recommend_coredo ul.icon_position {
position: absolute;
top: -40px;
right: 20px;
display: flex;
}
#recommend_coredo ul.icon_position li {
margin-left: 10px;
}
#recommend_coredo .icon_flr {
font-size: 17px;
text-align: center;
line-height: 1;
width: 74px;
background-color: #0096f2;
color: #fff;
border-radius: 74px;
padding: 17px 0;
}
#recommend_coredo .icon_flr span {
font-size: 22px;
}
#recommend_coredo .icon_tax {
font-size: 22px;
text-align: center;
line-height: 1;
width: 74px;
background-color: #f43400;
color: #fff;
border-radius: 74px;
padding: 15px 0;
}

}