﻿

@media screen and (max-width: 750px) {

  /*------------------------------
    a
  -------------------------------*/
  /* 赤ボタン */
  .btn1 a { background:url("../image/btn_arrow_w.png") no-repeat #bf1a25 right 10px center / 6px; padding:10px 30px; min-width:auto; font-size:100%; margin:4vw auto 0; margin-left:10px; margin-right:10px; }
  .btn1 a.iconWin { background:url("../image/icon_window_w.png") no-repeat #bf1a25 right 10px center / 10px; }
  .btn1.colTwo li { width:50%; }
  .btn1.colTwo a { padding:10px; min-width:auto; width:90%; }

  /* ブルーボタン */
  .btn1 a.iconWin_blue { background:url("../image/icon_window_w.png") no-repeat #009EC1 right 10px center / 10px; }

  /* グリーンボタン */
  .btn1 a.iconWin_green { background:url("../image/icon_window_w.png") no-repeat #6DBE48 right 10px center / 10px; }


  /* オレンジボタン */
  .btn1 a.iconWin_orange { background:url("../image/icon_window_w.png") no-repeat #E28738 right 10px center / 10px; }

  /* ピンクボタン */
  .btn1 a.iconWin_pink { background:url("../image/icon_window_w.png") no-repeat #F0869E right 10px center / 10px; }


  /* 罫枠ボタン */
  .btn2 a { background:url("../image/btn_arrow_b.png") no-repeat #ffffff right 10px center; padding:10px 30px; min-width:auto; font-size:100%; margin:4vw auto 0; margin:10px 20px 0; }
  .btn2 a.iconWin { background:url("../image/icon_window_g.png") no-repeat #ffffff right 10px center / 10px; }
  .btn2.colTwo li { width:45%; }
  .btn2.colTwo a { padding:18px 30px; min-width:auto; width:90%; }

  /*------------------------------
    bg
  -------------------------------*/
  .colorBg { padding:15px; margin-top:20px; }
  
  /*------------------------------
    table
  -------------------------------*/
  table th { padding:10px; }
  table td { padding:10px; }

  /*------------------------------
    display
  -------------------------------*/
  .spDisplayBlock { display:block !important; }
  .spDplayInline { display:inline !important; }
  .spDisplayNone { display:none !important; }
  .pcDisplayNone { display:inline !important; }
  /*------------------------------
    list
  -------------------------------*/
  /* ● */
  ul.listCircle { margin-top:20px; }
  ul.listCircle li { font-size:90%; margin:10px 0 0 25px; }
  ul.listCircle li::before { position:absolute; content:"●"; left:-20px; top:0.5em; color:#f5a2a2; font-size:60%; }
  .colorBg ul.listCircle { margin-top:0; }

  /* slick */
  ul.slickList { margin:30px auto 0; }
  ul.slickList li { margin:0 2vw; width:86vw; }
  ul.slickList .sBtnPrev { position:absolute; top:33%; left:-4%; width:4vw; }
  ul.slickList .sBtnPrev img { width:100%; }
  ul.slickList .sBtnNext { position:absolute; top:33%; right:-9%; width:4vw; }
  ul.slickList .sBtnNext img { width:100%; }

  
  /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  共通レイアウト
  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

  /*------------------------------
    ヘッダー
  -------------------------------*/
  #headerSection { padding:10px; align-items:flex-start; }
  #headerSection p { width:23%; }
  #headerSection p.headerLogo { width:70%; }
  #headerSection p img { width:100%; }
  
  /*------------------------------
    gナビ
  -------------------------------*/
  #gNaviSection ul li { margin:5px 10px; position:relative; font-size:75%; }
  #gNaviSection ul li::before { position:absolute; left:-19px; top:-5px; }
  #gNaviSection ul li:first-child::before { content:""; }
  
  /*------------------------------
  パンナビ
  -------------------------------*/
  #panNaiSection ul { margin:0 15px; font-size:80%; }
  
  /*------------------------------
    ページ内リンク
  -------------------------------*/
  #ancSection ul li a { font-size:90%; }

  /*------------------------------
    共通枠
  -------------------------------*/
  #contentsWrap { width:86%; max-width:none; }
  
  /*------------------------------
    フッター
  -------------------------------*/
  #footerSection { font-size:80%; margin-top:50px; }
  #footerSection #pageTopBtn { width:40px; }
  #footerSection #pageTopBtn img { width:100%; }

  
  /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    トップページ
  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

  /* コンテンツエリア */
  #contentsWrap.topPage h2 { font-size:150%; margin:70px auto 0; }
  #contentsWrap.topPage .slideSection { width: 86%; margin: 0 auto; }
	#contentsWrap.topPage .slideSection ul.slickList li p:last-child { font-size: 90%; }

  /* ピックアップ */
  #contentsWrap.topPage #pickupSection h2 { margin-top:40px; }
  #contentsWrap.topPage #pickupSection ul { display:block; margin:0 auto; }
  #contentsWrap.topPage #pickupSection ul li,
	#contentsWrap.topPage #pickupSection ul li:nth-child(n+3) { margin-top:30px; font-size:100%; width: 100%; }
  #contentsWrap.topPage #pickupSection ul li p:nth-child(2) { font-size:80%; }

  /* 動画コンテンツ */
  #contentsWrap.topPage #movieSection h2 + p { margin-top:30px; }
  #contentsWrap.topPage #movieSection .atComment { font-size:80%; }
  #contentsWrap.topPage #movieSection h3 { font-size:120%; margin-top:40px; padding-top:30px; }
  #contentsWrap.topPage #movieSection ul.btn1 li { width: 100%; }

  /* リンクボタン */
  #linkSection { margin-top:30px; }
    
    /*バナー*/
    #contentsWrap.topPage .bn,
    #contentsWrap.topPage .bn img { width: 100%; }
  
  /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    中面
  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
  /* タイトル */
  #detailPage #contentsWrap #titleSection { margin-top:30px; }
  #detailPage #contentsWrap #titleSection h1 { font-size:150%; line-height:1.6; margin-top:10px; }
  #detailPage #contentsWrap #titleSection > div p:nth-child(1) { font-size:90%; }
  #detailPage #contentsWrap #titleSection > div p:nth-child(2) { font-size:80%; }
  #detailPage #contentsWrap #titleSection p:last-child { font-size:100%; line-height:1.8; }

  #detailPage #contentsWrap h2 { font-size:130%; }
  #detailPage #contentsWrap h3 { font-size:110%; margin-top: 25px; }

  /* 本文 */
  #detailPage #contentsWrap .readSection { margin-top:40px; }
  #detailPage #contentsWrap .readSection .contentsArea { max-width:none; }
  #detailPage #contentsWrap .readSection .contentsArea p { margin-top:25px; }

  /* 画像 */
  #detailPage #contentsWrap .readSection .imgBox img { margin-top:5px; }
  #detailPage #contentsWrap .readSection .imgBox.spW100 img { width:100%; }

  /*関連リンク*/
  #relationSection { margin-top:40px; }
  #relationSection .contentsArea { max-width:none; width:100%; margin:10px auto 0; }
  #relationSection .contentsArea ul { display:block; margin-top:20px;}
  #relationSection .contentsArea ul li { width:90%; margin:10px auto; }

  /*カテゴリ内リンク*/
  #CategoryLinkSection { margin-top:60px; padding:40px 0; }
  #CategoryLinkSection h2 { font-size:130%; font-weight:500; display:inline-block; margin:0 auto; padding-bottom:2px; border-bottom:6px solid #ffc3c3; }
  #CategoryLinkSection ul { margin:40px auto 0; max-width:none; width:85vw; }
  #CategoryLinkSection ul li { margin:0 2vw; width:85vw; }
 
}