@import url(//fonts.googleapis.com/css?family=OpenSans:400,400italic,600,600italic,700,700italic);

body {
	font-family:Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}


/* ヘッダー・ジャンボトロン */
header.jumbotron {
    padding-top: 16px;
    padding-bottom: 16px;
}


/* パンくずリストの背景色 */
.breadcrumb{
  background-color: rgba( 255, 255, 255, 0.7 );
}
/* パンくずリストのセパレーター */
.breadcrumb > li + li:before {
    content: ">>";
    color: #666;
}
.breadcrumb > .active{
    color: #666;
}

/* パネルの装飾 */
div.panel{
    margin-top: 20px;
    background-color: rgba( 255, 255, 255, 0.7 );
}
div.panel h1,h2,h3{
    margin-top: 0px;
}
.title{
	background-color: #CE4A05;
}
/* パネルの装飾 */
div.thumbnail{
    background-color: rgba( 255, 255, 255, 0.8 );
}




/* プルプル震えるボタンの設定___________________________________________________ */
.button {
    display: block;/* 要素の表示形式を指定：ブロックボックス */
}
.button:hover {
    animation: shake 0.2s linear infinite;
    -webkit-animation: shake 0.2s linear infinite;
}
.button:focus {
    outline:none;/* aタグ内のimgに点線が表示されないようにする。 */
}
@keyframes shake {
    0% { transform: translate(3px, 2px) rotate(0deg); }
    10% { transform: translate(-2px, -3px) rotate(-1deg); }
    20% { transform: translate(-4px, 0px) rotate(1deg); }
    30% { transform: translate(0px, 3px) rotate(0deg); }
    40% { transform: translate(2px, -2px) rotate(1deg); }
    50% { transform: translate(-2px, 3px) rotate(-1deg); }
    60% { transform: translate(-4px, 2px) rotate(0deg); }
    70% { transform: translate(3px, 2px) rotate(-1deg); }
    80% { transform: translate(-2px, -2px) rotate(1deg); }
    90% { transform: translate(2px, 4px) rotate(0deg); }
    100% { transform: translate(2px, -3px) rotate(-1deg); }
}
@-webkit-keyframes shake {
    0% { transform: translate(3px, 2px) rotate(0deg); }
    10% { transform: translate(-2px, -3px) rotate(-1deg); }
    20% { transform: translate(-4px, 0px) rotate(1deg); }
    30% { transform: translate(0px, 3px) rotate(0deg); }
    40% { transform: translate(2px, -2px) rotate(1deg); }
    50% { transform: translate(-2px, 3px) rotate(-1deg); }
    60% { transform: translate(-4px, 2px) rotate(0deg); }
    70% { transform: translate(3px, 2px) rotate(-1deg); }
    80% { transform: translate(-2px, -2px) rotate(1deg); }
    90% { transform: translate(2px, 4px) rotate(0deg); }
    100% { transform: translate(2px, -3px) rotate(-1deg); }
}
.a_bg1{
    height: auto;
    width:100%;
    max-width:220px;
    background-size:contain;
    -webkit-background-size:contain;
}
.a_bg1_fcs:focus{
    outline:none;/* aタグ内のimgに点線が表示されないようにする。 */
}
.a_bg2{
    height: auto;
    width:100%;
    max-width:130px;
    background-size:contain;
    -webkit-background-size:contain;
}
.a_bg2_fcs:focus{
    outline:none;/* aタグ内のimgに点線が表示されないようにする。 */
}
.a_bg3{
    height: auto;
    width:100%;
    max-width:150px;
    background-size:contain;
    -webkit-background-size:contain;
}
.a_bg3_fcs:focus{
    outline:none;/* aタグ内のimgに点線が表示されないようにする。 */
}
.a_bg4{
    height: auto;
    width:100%;
    max-width:152px;
    background-size:contain;
    -webkit-background-size:contain;
}
.a_bg4_fcs:focus{
    outline:none;/* aタグ内のimgに点線が表示されないようにする。 */
}
.a_bg5{
    height: auto;
    width:100%;
    max-width:132px;
    background-size:contain;
    -webkit-background-size:contain;
}
.a_bg5_fcs:focus{
    outline:none;/* aタグ内のimgに点線が表示されないようにする。 */
}
.a_bg6{
    height: auto;
    width:100%;
    max-width:200px;
    background-size:contain;
    -webkit-background-size:contain;
}
.a_bg6_fcs:focus{
    outline:none;/* aタグ内のimgに点線が表示されないようにする。 */
}
/* スクロールすると表示されるボタン_____________________________________________________ */

/* 右下から1番目 */
.scbtn1{
    bottom: 20px;
    right: 20px;
}
/* 右下から2番目 */
.scbtn2{
    bottom: 20px;
    right: 100px;
}
/* 右下から3番目 */
.scbtn3{
    bottom: 20px;
    right: 180px;
}
/* 【画面右下からの位置・ボタンサイズ70px・隙間10pxで計算】 */

/* ページトップ【Pure CSSから画像に差替ボツ】 
#page-top {
    position: fixed;
    font-size: 80%;
}
#page-top a {
    background: rgba(102, 102, 102, 0.9);
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 25px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}【Pure CSSから画像に差替ボツ・ここまで】　*/

/* ページトップ */
#page-top {
    position: fixed;
    font-size: 80%;
}
#page-top a {
background: #88D6FE;
    text-decoration: none;
    color: #fff;
    width: 80px;
    height: 80px;
    background: url(../img/HP_TOP_BTN.png) 0 0 no-repeat;
    background-size:contain;
    text-align: center;
    display: block;
}

/* ページトップ2 */
#page-top-2 {
    position: fixed;
    font-size: 80%;
}
#page-top-2 a {
background: #88D6FE;
    text-decoration: none;
    color: #fff;
    width: 70px;
    height: 70px;
    background: url(../img/66.png) 0 0 no-repeat;
    background-size:contain;
    text-align: center;
    display: block;
}
/* ページ「さんぽ」 */
#page-sannpo {
    position: fixed;
    font-size: 80%;
}
#page-sannpo a {
background: #88D6FE;
    text-decoration: none;
    color: #fff;
    width: 70px;
    height: 70px;
    background: url(../img/66.png) 0 0 no-repeat;
    background-size:contain;
    text-align: center;
    display: block;
}

/* ページトップ3 */
#page-top-3 {
    position: fixed;
    font-size: 80%;
}
#page-top-3 a {
background: #88D6FE;
    text-decoration: none;
    color: #fff;
    width: 70px;
    height: 70px;
    background: url(../img/60-2.png) 0 0 no-repeat;
    background-size:contain;
    text-align: center;
    display: block;
}

/* ページイベント */
#page-event {
    position: fixed;
    font-size: 80%;
}
#page-event a {
    background: #88D6FE;
    text-decoration: none;
    color: #fff;
    width: 70px;
    height: 70px;
    background: url(../img/60-2.png) 0 0 no-repeat;
    background-size:contain;
    text-align: center;
    display: block;
}

.bg_home{
  /* 画像ファイルの指定 */
  background-image: url(../img/2017.jpg),url(../img/42.png);
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #fff;
}
.bg_kanngae{
    /* CSS3のチェック柄 */
    background-color:#f5f5f5;
    background-image: linear-gradient(90deg, rgba(0,220,0,.3) 50%, transparent 50%),
    linear-gradient(rgba(0,220,0,.3) 50%, transparent 50%);
    background-size:15px 15px;
}
.bg_kanngae hr{
    border-top: 1px solid #333;
}

.bg_naiyou{
  /* 画像ファイルの指定 */
  background-image: url(../img/plain_003.jpg);
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
}
.bg_toiawase{
  /* 画像ファイルの指定 */
  background-image: url(../img/0.jpg);
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
}
.bg_event{
  /* 画像ファイルの指定 */
  background-image: url(../img/e09227888512bc96e3cef71c798371ed_l.jpg);
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
}
.bg_sannpo{
  /* 画像ファイルの指定 */
  background-image: url(../img/bind_43.jpg);
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
}


.bg_original-song{
  /* 画像ファイルの指定 */
  background-image: url(../img/plain_033.jpg);
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
}
.bg_link{
  /* 画像ファイルの指定 */
  background-image: url(../img/plain_042.jpg);
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
}

.bg_etc-1{
  /* 画像ファイルの指定 */
  background-image: url(../img/etc/bg01_cp.jpg);
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
}
.bg_etc-2{
  /* 画像ファイルの指定 */
  background-image: url(../img/etc/bg01_cp7.jpg);
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
}



.box_sannpo{
	border: 1px solid gray;
	background-color: #CE4A05;
	background-color: ffffff;
	height:200px;
}


.box/* div要素に影を付ける。サイズは自由 */
{
    position: relative;
    width: 270px;
    padding: 5px;
    margin: 0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4), inset 0 0 50px rgba(0, 0, 0, 0.1);
}
.box:before, .box:after/* div要素の角がめくれる。 */
{
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 12px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: -1;
}
.box:after/* div要素の角がめくれる。 */
{
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
}
.box02{
    position:relative;
    z-index:2;
}




/* グーグルマップ用 */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* 汎用 */
/* 汎用 margin-top: 0px */
.mt0{
    margin-top: 0px;
}
.mt10{
    margin-top: 10px;
}
/* 汎用 margin-top: 10px */
.mtdiv.panel10{
    margin-top: 10px;
}
/* 汎用 margin-bottomdiv.panel: 10px */
.mb10{
    margin-bottom: 10px;
}

/* 汎用 padding-top: 50px */
.pt25{
    padding-top: 25px;
}
/* テキスト色（#ffffff） */
.text-color-ffffff{
    color: #ffffff !important;
}
/* テキスト色（#0f8223） */
.text-color-0f8223{
    color: #0f8223 !important;
}
/* テキスト色（#3e588c） */
.text-color-3e588c{
    color: #3e588c !important;
}
/* テキスト色（#cc0099） */
.text-color-cc0099{
    color: #cc0099 !important;
}


/* 背景色（#b3c2dc） */
.bg-color-b3c2dc{
    background-color: #b3c2dc !important;
}
/* 背景色（#57d3ed） */
.bg-color-57d3ed{
    background-color: #57d3ed !important;
}
/* 背景色（#66ff99） */
.bg-color-66ff99{
    background-color: #66ff99 !important;
}
/* 背景色（#99ffcc） */
.bg-color-99ffcc{
    background-color: #99ffcc !important;
}
/* 背景色（#ce4a05） */
.bg-color-ce4a05{
    background-color: #ce4a05 !important;
}
/* 背景色（#dde7c0） */
.bg-color-dde7c0{
    background-color: #dde7c0 !important;
}
/* 背景色（fffa02） */
.bg-color-fffa02{
    background-color: rgba( 255, 255, 255, 0.5 ) !important;
}
/* ガターの幅を変更 */
div.row-0{
    margin-left:0px;
    margin-right:0px;
}
div.row-0 > div{
    padding-right:0px;
    padding-left:0px;
}
div.row-10{
    margin-left:-5px;
    margin-right:-5px;
}
div.row-10  > div{
    padding-right:5px;
    padding-left:5px;
}
div.row-20{
    margin-left:-10px;
    margin-right:-10px;
}
div.row-20 > div{
    padding-right:10px;
    padding-left:10px;
} 
.carousel img{
  width:100%;
}
/* ▼ BGMボタン表示位置 ▼ */
@media (min-width: 768px) {
    .bgm_btn {
    
    top: 10px;
    right: 20px;
    position: fixed;
    /* position: absolute; */
    z-index: 1;
    
    /*margin-left: auto;*/
}
}/*幅768px以上で適用されるスタイル*/
    
/* ▼ カルーセルのマージン ▼ */
@media (min-width: 768px) {
    .pt25sm {
    padding-top: 25px;
}
}/*幅768px以上で適用されるスタイル*/

/* ▼ 音楽再生・一時停止ボタンの表示切り替え ▼ */
/* 音楽再生時にID#jp_container_*のクラス"jp-state-playing"が追加されるので、コレを条件に表示を切り替える。 */
/* ▼ BGM ▼ */
div#jp_container_bgm span.tts1{
    display: inline;/* 【span class="tts1"をインライン表示】 */
}
div#jp_container_bgm span.tts2{
    display: none;/* 【span class="tts2"を非表示】 */
}
div#jp_container_bgm button.tts3{
    background-color: #337ab7;/* 【停止中のボタン色】 */
}
div#jp_container_bgm button.tts3:hover{
    background-color: #286090;/* 【停止中のボタン色・カーソルオン】 */
}
div#jp_container_bgm.jp-state-playing span.tts1{
    display: none;/* 【span class="tts1"を非表示】 */
}
div#jp_container_bgm.jp-state-playing span.tts2{
    display: inline;/* 【span class="tts1"をインライン表示】 */
} 
div#jp_container_bgm.jp-state-playing button.tts3{
    background-color: #5cb85c;/* 【再生中のボタン色】 */
} 
div#jp_container_5.jp-state-playing button.tts3:hover{
    background-color: #419641;/* 【再生中のボタン色・カーソルオン】 */
} 
/* ▼ 1曲目 ▼ */
div#jp_container_1 span.tts1{
    display: inline;/* 【span class="tts1"をインライン表示】 */
}
div#jp_container_1 span.tts2{
    display: none;/* 【span class="tts2"を非表示】 */
}
div#jp_container_1 button.tts3{
    background-color: #337ab7;/* 【停止中のボタン色】 */
}
div#jp_container_1 button.tts3:hover{
    background-color: #286090;/* 【停止中のボタン色・カーソルオン】 */
}
div#jp_container_1.jp-state-playing span.tts1{
    display: none;/* 【span class="tts1"を非表示】 */
}
div#jp_container_1.jp-state-playing span.tts2{
    display: inline;/* 【span class="tts1"をインライン表示】 */
} 
div#jp_container_1.jp-state-playing button.tts3{
    background-color: #5cb85c;/* 【再生中のボタン色】 */
} 
div#jp_container_1.jp-state-playing button.tts3:hover{
    background-color: #419641;/* 【再生中のボタン色・カーソルオン】 */
} 
/* ▼ 2曲目 ▼ */
div#jp_container_2 span.tts1{
    display: inline;/* 【span class="tts1"をインライン表示】 */
}
div#jp_container_2 span.tts2{
    display: none;/* 【span class="tts2"を非表示】 */
}
div#jp_container_2 button.tts3{
    background-color: #337ab7;/* 【停止中のボタン色】 */
}
div#jp_container_2 button.tts3:hover{
    background-color: #286090;/* 【停止中のボタン色・カーソルオン】 */
}
div#jp_container_2.jp-state-playing span.tts1{
    display: none;/* 【span class="tts1"を非表示】 */
}
div#jp_container_2.jp-state-playing span.tts2{
    display: inline;/* 【span class="tts1"をインライン表示】 */
} 
div#jp_container_2.jp-state-playing button.tts3{
    background-color: #5cb85c;/* 【再生中のボタン色】 */
} 
div#jp_container_2.jp-state-playing button.tts3:hover{
    background-color: #419641;/* 【再生中のボタン色・カーソルオン】 */
} 
/* ▼ 3曲目 ▼ */
div#jp_container_3 span.tts1{
    display: inline;/* 【span class="tts1"をインライン表示】 */
}
div#jp_container_3 span.tts2{
    display: none;/* 【span class="tts2"を非表示】 */
}
div#jp_container_3 button.tts3{
    background-color: #337ab7;/* 【停止中のボタン色】 */
}
div#jp_container_3 button.tts3:hover{
    background-color: #286090;/* 【停止中のボタン色・カーソルオン】 */
}
div#jp_container_3.jp-state-playing span.tts1{
    display: none;/* 【span class="tts1"を非表示】 */
}
div#jp_container_3.jp-state-playing span.tts2{
    display: inline;/* 【span class="tts1"をインライン表示】 */
} 
div#jp_container_3.jp-state-playing button.tts3{
    background-color: #5cb85c;/* 【再生中のボタン色】 */
} 
div#jp_container_3.jp-state-playing button.tts3:hover{
    background-color: #419641;/* 【再生中のボタン色・カーソルオン】 */
} 
/* ▼ 4曲目 ▼ */
div#jp_container_4 span.tts1{
    display: inline;/* 【span class="tts1"をインライン表示】 */
}
div#jp_container_4 span.tts2{
    display: none;/* 【span class="tts2"を非表示】 */
}
div#jp_container_4 button.tts3{
    background-color: #337ab7;/* 【停止中のボタン色】 */
}
div#jp_container_4 button.tts3:hover{
    background-color: #286090;/* 【停止中のボタン色・カーソルオン】 */
}
div#jp_container_4.jp-state-playing span.tts1{
    display: none;/* 【span class="tts1"を非表示】 */
}
div#jp_container_4.jp-state-playing span.tts2{
    display: inline;/* 【span class="tts1"をインライン表示】 */
} 
div#jp_container_4.jp-state-playing button.tts3{
    background-color: #5cb85c;/* 【再生中のボタン色】 */
} 
div#jp_container_4.jp-state-playing button.tts3:hover{
    background-color: #419641;/* 【再生中のボタン色・カーソルオン】 */
} 
/* ▲ 音楽再生・一時停止ボタンの表示切り替え ▲（終わり） */

▼/* 音楽再生 
#jp_container_1{
    border:solid 5px #ccc;
    width:300px;
    margin:15px auto;
    position:relative;
    background:#000;
}
.track-name{
    color:#fff;
    font-size: 15px;
    padding:15px 42px;
    font-weight: bold;
    line-height: 30px;
    -webkit-transition: all 0.3s ease;
    -webkit-transition-delay: 0s;
    transition: all 0.3s ease 0s;
}
.track-name.active{
    color:#59e2fb;
}
.jp-play{
    position: absolute;
    left: 5px;
    top: 18px;
    width: 33px;
    height: 30px;
    background: url(/image/jplayer/play.png) center top no-repeat;
    cursor: pointer;
}
.jp-pause{
    position: absolute;
    left: 5px;
    top: 18px;
    width: 33px;
    height: 30px;
    background: url(/image/jplayer/play.png) center bottom no-repeat;
    cursor: pointer;
    display: none;
}
*/
/* 画面幅のブレークポイント表示 */
.bpchk{border: 1px solid gray;background-color: #999999;}
@media (min-width: 768px) {.bpchk{border: 1px solid gray;background-color: #ff0000;}/*幅768px以上で適用されるスタイル*/
@media (min-width: 992px) {.bpchk{border: 1px solid gray;background-color: #00ff00;}/*幅992px以上で適用されるスタイル*/
@media (min-width: 1200px) {.bpchk{border: 1px solid gray;background-color: #0000ff;}/*幅1200px以上で適用されるスタイル*/
/* 画面幅のブレークポイント表示（終） */