@charset "UTF-8";

/* ==== レスポンシブ用 ==== */
#ShoppingGuide .secShopping .pc { display: block !important; }
#ShoppingGuide .secShopping .sp { display: none !important; }

@media only screen and (max-width: 480px) {
#ShoppingGuide .secShopping .pc { display: none !important; }
#ShoppingGuide .secShopping .sp { display: block !important; }
}
/* ==== レスポンシブ用 ここまで ==== */



/* ショッピングガイド */
.secShopping img{
  width: 100%
}

.secShopping {
  width: 980px;
  margin: 0 auto;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  font-family: Meiryo,"メイリオ","Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴProN W3",sans-serif;
  color: #333;
}
.secShopping h2 {
  width: 960px;
  margin: 0 auto;
  margin-bottom: 40px;
}

.secShopping h3 {
  background-color: #e9f1fe;
  border-bottom: 2px solid #00068b;
  padding: 10px 0 5px 10px;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 14px;
}
.secShopping h3.center {
  font-size: 24px;
}
.secShopping .inBox {
  overflow: hidden;
  margin-bottom: 80px;
}
.secShopping .leftBox {
  width: 46%;
  float: left;
  margin-left: 10px;
  margin-right: 40px;
}
.secShopping .rightBox {
  width: 46%;
  float: left;
}
.secShopping .text {
  text-align: center;
  margin-bottom: 10px;
}

.secFlow h2 {
    background-color: #e9f1fe;
    border-bottom: 2px solid #00068b;
    padding: 9px 0 7px;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 33px;
}

.secShopping p{
  line-height: 1.5;
}
.secShopping .mb20 img{ width : 195px;}

.secShopping span {
    color: #00adef;
    font-weight: bold;
}



/* SP */
@media screen and (max-width:480px) { 

.secShopping{
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;}

#ShoppingGuide .secShopping {
  width: 95% !important;
  font-size: 12px;
}
#ShoppingGuide .secShopping img{ width: 100%;}


#ShoppingGuide .secShopping h2{
  width: 100%;
  margin-bottom: calc(20 * (100vw / 750));
}
#ShoppingGuide .secShopping h3{
  margin-bottom: 10px;
  font-size: 14px;
}

#ShoppingGuide .secShopping .leftBox,
#ShoppingGuide .secShopping .rightBox{ width: 100%;  margin: 0;} /* PCのスタイル打ち消し */

#ShoppingGuide .secShopping .leftBox p,
#ShoppingGuide .secShopping .rightBox p{
  padding: 0 3% 15px 3%;
}


#ShoppingGuide .secShopping .inBox {
  margin-bottom: 30px;
}