D@charset "utf-8"; /* CSS Document */ /* main image */ #mainImage { width: 100%; padding-top: 30px;} #mainImage .innerW { position: relative;} #mainImage .imgBox{ width: 1200px; height: 415px;} #mainImage .count { position: absolute; top: 50%; left: 0px; width: 50%; margin-top: -50px; color: #fff; text-align: center; line-height: 100%;} #mainImage .count dl dt { display: block; font-size: 20px; font-weight: bold; text-shadow:3px 3px 6px #000;} #mainImage .count dl dd { display: block; width: 200px; margin: 0 auto; border-bottom: 2px #fff solid; padding: 10px 0 0 0;} #mainImage .count dl dd span.num { font-size: 72px; font-weight: bold; text-shadow:3px 3px 6px #000; line-height: 100%;} #mainImage .count dl dd span.ten { font-size: 36px; font-weight: bold; text-shadow:3px 3px 6px #000; line-height: 100%;} #mainImage .searchForm { position: absolute; top: 75%; left: 50%; width: 50%; margin-top: 0px;} #mainImage .searchForm form { width:100%; max-width: 300px; height: 43px; margin: 0 auto; background: #eee; border: 2px #fff solid; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;} #mainImage .searchForm form input { display: block; width: 70%; height: 39px; padding: 0 10px; margin-left: 4px; border: none; background: #eee; color: #222; float: left;} #mainImage .searchForm form input:focus　{ border:none; outline: none;} #mainImage .searchForm form button { display: block; width: 20%; height: 40px; border: none; border-left: 1px #fff solid; background: none; color: #666; font-size: 24px; line-height: 32px; float: right;} #mainImage .searchForm form button:hover { cursor: pointer; opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha(opacity=75)"; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;} #mainImage .searchForm form button:focus { border:none; outline: none;} @media screen and (max-width: 788px){ #mainImage .imgBox{ width: 100%; height: auto;} #mainImage .count { width: 55%; margin-top: -50px;} #mainImage .count dl dt { font-size: 18px;} #mainImage .count dl dd { padding: 5px 0 10px 0;} #mainImage .count dl dd span.num { font-size: 40px;} #mainImage .count dl dd span.ten { font-size: 20px;} #mainImage .searchForm { top: auto; bottom: 10px;} } @media screen and (max-width: 480px){ #mainImage .count { width: 60%; margin-top: -50px;} #mainImage .count dl dt { font-size: 14px;} #mainImage .count dl dd { padding: 0 0 5px 0;} #mainImage .count dl dd span.num { font-size: 24px;} #mainImage .count dl dd span.ten { font-size: 12px;} #mainImage .searchForm { position: static; width: 100%; padding: 5px 10px; background: #ccc;} } /* search wrap */ #searchWrap .searchBox { display: table; width: 100%; background: #ccc;} #searchWrap .searchBox .add728x90 { display: table-cell; background: #121723; overflow: hidden; } #searchWrap .searchBox ins.w728 { width: 728px; height: 90px;} #searchWrap .searchBox .dlCount { display: table-cell; height: 90px; vertical-align: middle; background: #121723; color:#eee;} #searchWrap .searchBox .dlCount p { font-size: 18px; font-weight: bold; line-height: 100%;} #searchWrap .searchBox .dlCount .num { margin: 0 5px; font-size: 36px; font-weight: bold; line-height: 100%;} @media screen and (max-width: 788px){ #searchWrap .searchBox { display: block;} #searchWrap .searchBox .add728x90 { display: block; width: 100%; height: auto; padding: 10px;} #searchWrap .searchBox .dlCount { display: block; width: 100%; height: auto; padding: 10px;} #searchWrap .searchBox .dlCount p { font-size: 15px;} #searchWrap .searchBox .dlCount .num { font-size: 20px;} } @media screen and (max-width: 748px){ #searchWrap .searchBox ins.w728 { width: 468px; height: 60px;} } @media screen and (max-width: 488px){ #searchWrap .searchBox ins.w728 { width: 320px; height: 50px;} } /* catch */ #catchWrap { padding: 40px 0 0 0;} #catchWrap .inner { padding: 0 8%;} #catchWrap .inner p { font-size: 14px; text-align: left;} @media screen and (max-width: 788px){ #catchWrap .inner { padding: 0 10px;} } @media screen and (max-width: 479px){ #catchWrap .inner p { font-size: 12px; line-height: 140%;} } /* SNS read */ #snsReadWrap .inner { padding: 10px 20px; background: #D4D3C8;} #snsReadWrap .inner .snsReadBox { display: table; table-layout: fixed; width: 100%; background: #fff;} #snsReadWrap .inner .snsReadBox .leftBox { display: table-cell; padding: 20px; width: 45%; vertical-align: top; text-align: center;} .snsReadBox .leftBox .youtubebox { position: relative; width: 450px; margin: 0 auto; padding-left: 130px;} .snsReadBox .leftBox .youtubebox .fuki { position: absolute; top: 0; left: 0;} .snsReadBox .leftBox .youtubebox .fuki .mb { display: none;} .snsReadBox .leftBox .youtubebox .title { position: absolute; bottom: 0; left: 0; width: 115px; font-size: 13px; line-height: 15px; text-align: left;} .snsReadBox .leftBox .youtubebox .title a { color: #333;} .snsReadBox .leftBox .youtubebox .youtube { position: relative; width: 100%; margin: 0 auto; padding-top: 56.25%;} .snsReadBox .leftBox .youtubebox .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;} #snsReadWrap .inner .snsReadBox .rightBox { display: table-cell; padding: 20px; width: 55%; vertical-align: top; text-align: center;} .snsReadBox .rightBox h2 img { width: 400px; height: auto;} .snsReadBox .rightBox p.catch { margin: 11px 0; color: #039EDD; font-size: 20px; font-weight: bold; line-height: 24px;} .snsReadBox .rightBox .btnWrap { display: table; table-layout: fixed; width: 100%;} .snsReadBox .rightBox .btnWrap .btnBox { display: table-cell; text-align: center; padding: 0 10px;} .snsReadBox .rightBox .btnWrap .btnBox .yt { display: inline-block; width: 100%; max-width: 190px; height: 40px; margin: 0 auto; padding-top: 8px; background: #E62117; color: #fff; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; float: left;} .snsReadBox .rightBox .btnWrap .btnBox a { display: inline-block; width: 100%; max-width: 190px; height: 40px; margin: 0 auto; line-height: 40px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; float: left;} .snsReadBox .rightBox .btnWrap .btnBox a .text { color: #fff; font-size: 16px;} .snsReadBox .rightBox .btnWrap .btnBox a img { margin-right: 20px; vertical-align: middle;} .snsReadBox .rightBox .btnWrap .btnBox a.tw { background: #1DA1F3;} .snsReadBox .rightBox .btnWrap .btnBox a.fb { background: #3C599D;} @media screen and (max-width: 788px){ #snsReadWrap .inner .snsReadBox .leftBox { display: block; width: 100%; padding: 10px 10px 0 10px;} #snsReadWrap .inner .snsReadBox .rightBox { display: block; width: 100%; padding: 10px;} .snsReadBox .rightBox p.catch { margin: 8px 0; font-size: 18px; line-height: 22px;} .snsReadBox .rightBox .btnWrap .btnBox { padding: 0 2px;} .snsReadBox .rightBox .btnWrap .btnBox a img { margin-right: 2px;} } @media screen and (max-width: 480px){ #snsReadWrap .inner { padding: 10px;} .snsReadBox .leftBox .youtubebox { width: 100%; padding-left: 0px;} .snsReadBox .leftBox .youtubebox .fuki { position: static; margin-bottom: 14px;} .snsReadBox .leftBox .youtubebox .fuki .pc { display: none;} .snsReadBox .leftBox .youtubebox .fuki .mb { position: relative; display: block; width :100%; height: 28px; background: #A4A3A4; color: #fff; font-size: 14px; font-weight: bold; line-height: 28px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;} .snsReadBox .leftBox .youtubebox .fuki .mb:after { position: absolute; top: 24px; left: 36px; width: 18px; height: 14px; content: url("../images/home/youtube_arrow.png");} .snsReadBox .leftBox .youtubebox .title { position: static; width: 100%;} .snsReadBox .rightBox p.catch { font-size: 14px; line-height: 18px;} .snsReadBox .rightBox .btnWrap .btnBox a .text { display: none;} } /* sound category wrap */ #categoryWrap { padding: 30px 0 60px 0;} #categoryWrap .h2wrap { text-align: center;} #categoryWrap .h2wrap h2 { display: inline-block; padding-bottom: 10px; margin-bottom: 30px; font-size: 30px; font-weight: bold; border-bottom: 3px #eee solid; text-align: center;} #categoryWrap ul.categoryList { display: table; width: 100%;} #categoryWrap ul.categoryList.top, #categoryWrap ul.categoryList.middle { border-bottom: 1px #aaa dashed;} #categoryWrap ul.categoryList > li { display: table-cell; text-align: center; border-left: 1px #aaa dashed; vertical-align: middle;} #categoryWrap ul.categoryList.top > li { padding: 0 24px 30px 24px;} #categoryWrap ul.categoryList.middle > li { padding: 30px 24px;} #categoryWrap ul.categoryList.bottom > li { padding: 30px 24px 0 24px;} #categoryWrap ul.categoryList > li:nth-child(1) { width: 24px; border-left: none; padding-left: 0; padding-right: 0; } #categoryWrap ul.categoryList > li:nth-child(1) .genre { width: 24px; height:100%; padding: 40px 0; background: #a5a5a5; color: #fff; font-size: 18px; font-weight: bold; text-align: center;} #categoryWrap ul.categoryList > li:nth-child(2) { border-left: none;} #categoryWrap ul.categoryList > li dl { display: table; width: 100%;} #categoryWrap ul.categoryList > li dl dt { display: table-cell; width: 190px; height: 200px; } #categoryWrap ul.categoryList > li dl dt a { position: relative; display: block; text-align: center; text-shadow:1px 1px 4px #000;} #categoryWrap ul.categoryList > li dl dt a .text { position: absolute; top: 32%; left: 4%; width: 92%; color: #fff; font-size: 18px; font-weight: bold;} #categoryWrap ul.categoryList > li dl dt a .cate { display: inline-block; width: 100%; height: 56px; background:hsla(0,0%,7%,0.5); border: 2px #fff solid; border-radius:28px; -webkit-border-radius:28px; -moz-border-radius: 28px; color: #fff; font-size: 18px; font-weight: bold; line-height: 52px;} #categoryWrap ul.categoryList > li dl dd { display: table-cell; width: 153px; padding-left: 20px; text-align: left; vertical-align: middle; } #categoryWrap ul.categoryList > li dl dd a { color: #333;} #categoryWrap ul.categoryList > li dl dd a:before { content: '- ';} #categoryWrap ul.categoryList > li.blank { border: none;} #categoryWrap ul.termList { height: 200px; overflow-y: hidden;} #categoryWrap ul.termList > li { display: inline-block; width: 100%; border: none; text-align: left; float: none;} #categoryWrap ul.termList > li a { font-size:13px;} @media screen and (max-width: 788px){ #categoryWrap { padding: 20px 0;} #categoryWrap .h2wrap h2 { margin-bottom: 20px; font-size: 26px;} #categoryWrap ul.categoryList { border-collapse: separate; border-spacing: 2px;} #categoryWrap ul.categoryList.top, #categoryWrap ul.categoryList.middle, #categoryWrap ul.categoryList li { border: none;} #categoryWrap ul.categoryList.top > li, #categoryWrap ul.categoryList.middle > li, #categoryWrap ul.categoryList.bottom > li { padding:0;} #categoryWrap ul.categoryList > li dl { display: block; text-align: center;} #categoryWrap ul.categoryList > li dl dt { display: block; margin: 0 auto;} #categoryWrap ul.categoryList > li dl dd { display: none;} } @media screen and (max-width: 624px){ #categoryWrap ul.categoryList > li:nth-child(1) { width: 20px; background: #a5a5a5; vertical-align: middle;} #categoryWrap ul.categoryList > li:nth-child(1) .genre { width: 20px; padding: 0; font-size: 16px;} #categoryWrap ul.categoryList > li dl dt { width: 100%; height: auto;} #categoryWrap ul.categoryList > li dl dt a .text { font-size: 13px;} #categoryWrap ul.categoryList > li dl dt a .cate { height: 32px; font-size: 13px; line-height: 30px;} } @media screen and (max-width: 480px){ #categoryWrap ul.categoryList > li:nth-child(1) .genre { font-size: 13px; line-height: 15px;} #categoryWrap ul.categoryList > li dl dt a .text { width: 100%; left: 0%; background:hsla(0,0%,7%,0.5); font-size: 11px; line-height: 16px;} #categoryWrap ul.categoryList > li dl dt a .cate { height: 20px; background: none; border: none; font-size: 11px; line-height: 16px;} } /* read */ #readWrap { margin-bottom: 60px;} #readWrap .inner { padding: 40px 120px; background: url(../images/home/site_profile.jpg) top center repeat-y; text-align: left;} #readWrap .inner p { color: #fff; font-size: 16px; text-shadow:3px 3px 6px #000; line-height: 160%;} #readWrap .inner p a { color: #fff;} #readWrap .inner p a:hover { color: #fff;} @media screen and (max-width: 788px){ #readWrap { margin-bottom: 20px;} #readWrap .inner { padding: 30px 40px;} } @media screen and (max-width: 480px){ #readWrap { margin-bottom: 0;} #readWrap .inner { padding: 20px;} } /* SNS #snsWrap { background: #D4D3C8;} #snsTable { display: table; table-layout: fixed; width: 100%; padding: 20px 0;} #snsTable .snsBox ins.w336 { width: 336px; height: 280px;} #snsTable .snsBox { display: table-cell;} @media screen and (max-width: 788px){ #snsTable .snsBox ins.w336 { width: 468px; height: 60px;} #snsTable .snsBox { display: block; padding: 0 2px; margin-bottom: 5px;} } @media screen and (max-width: 480px){ #snsTable .snsBox ins.w336 { width: 320px; height: 50px;} } */ /* SNS 2018.07 */ #snsWrap { background: #D4D3C8;} #snsTable2 { display: table; width: 100%; height: 280px; padding: 20px 0;} #snsTable2 .snsBox { display: table-cell; vertical-align: top; text-align: center;} #snsTable2 .snsBox.ad { width: 396px; height: 280px;} #snsTable2 .snsBox.ad ins.w336 { width: 336px; height: 280px; margin: 0 30px; } #snsTable2 .snsBox.bn { width: 864px; height: 280px;} #snsTable2 .snsBox.bn .bannerBox { width: 744px; height: 280px; margin: 0 30px; padding: 30px; background:#fff; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;} #snsTable2 .snsBox.bn .bannerBox h2 { text-align: left;} #snsTable2 .snsBox.bn .bannerBox p.catch { margin: 16px 0; color: #039EDD; font-size: 32px; font-weight: bold; line-height: 40px;} #snsTable2 .snsBox.bn .bannerBox a { display: block; width: 100%; max-width:320px; height: 66px; color: #fff; font-size: 16px; line-height: 66px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;} #snsTable2 .snsBox.bn .bannerBox a img { margin-right: 20px; vertical-align: middle;} #snsTable2 .snsBox.bn .bannerBox a.tw { background: #1DA1F3; float: left;} #snsTable2 .snsBox.bn .bannerBox a.fb { background: #3C599D; float: right;} @media screen and (max-width: 788px){ #snsTable2 { display: block; height: auto;} #snsTable2 .snsBox { display: block; width: 100%;} #snsTable2 .snsBox.ad { width: 100%; height: 60px; margin-bottom: 0px;} #snsTable2 .snsBox.ad ins.w336 { width: 468px; height: 60px; margin: 0;} #snsTable2 .snsBox.bn { width: 100%; height: auto; padding: 10px;} #snsTable2 .snsBox.bn .bannerBox { width: 100%; height: auto; margin: 0; padding: 20px;} #snsTable2 .snsBox.bn .bannerBox p.catch { font-size: 26px; line-height: 30px;} #snsTable2 .snsBox.bn .bannerBox a { margin: 0 auto; height: 40px; line-height: 40px;} #snsTable2 .snsBox.bn .bannerBox a img { height: 32px;} #snsTable2 .snsBox.bn .bannerBox a.tw { margin-bottom: 10px; float: none;} #snsTable2 .snsBox.bn .bannerBox a.fb { float: none;} } @media screen and (max-width: 480px){ #snsTable2 .snsBox.ad { height: 50px;} #snsTable2 .snsBox.ad ins.w336 { width: 320px; height: 50px;} #snsTable2 .snsBox.bn .bannerBox { padding: 10px;} #snsTable2 .snsBox.bn .bannerBox p.catch { font-size: 20px; line-height: 24px;} } /* news */ #newsWrap { background: #444444; padding: 20px 0; margin-bottom: 20px;} #newsTable { display: table; width: 100%; height: 540px;} #newsTable .newsWrap { display: table-cell; width: 845px; background: url(../images/home/news_bg.jpg) left top repeat-y; vertical-align: top;} #newsTable .newsWrap .h2news { width: 100%; height: 56px; padding: 0 10px; color: #fff; font-size: 22px; font-weight: bold; line-height: 56px; text-align: left;} #newsTable .newsWrap ul.newsList { display: block; width: 728px; margin: 0 auto; text-align: left;} #newsTable .newsWrap ul.newsList li { margin-bottom: 10px; } #newsTable .newsWrap ul.newsList li a { display: block; width: 728px; height: 92px; padding: 4px 10px; border: 1px #fff solid; background: rgba(238,238,238,0.80); color: #333;} #newsTable .newsWrap ul.newsList li a .date { display: inline-block; padding-right: 20px; margin-right: 20px; border-right: 1px #fff solid;} #newsTable .newsWrap ul.newsList li a .title { font-weight: bold;} #newsTable .newsWrap ul.newsList li a .ex { margin: 5px 20px; font-size: 15px;} #newsTable .newsWrap .more { width: 728px; margin:0 auto 10px auto; text-align: right;} #newsTable .newsWrap .more a { color: #333; font-weight: bold;} #newsTable .newsWrap .add{ margin: 0 auto; text-align: center;} #newsTable .newsWrap .add2{ margin: 0 auto 10px; text-align: center;} #newsTable .newsWrap ins.w728 { width: 728px; height: 90px;} #newsTable .bannerWrap { display: table-cell; width: 355px; vertical-align: top;} @media screen and (max-width: 788px){ #newsTable { display: block; height: auto;} #newsTable .newsWrap { display: block; width: 100%; padding-bottom: 10px;} #newsTable .newsWrap .h2news { height: 40px; line-height: 40px;} #newsTable .newsWrap ul.newsList { width: 100%; padding: 0 10px;} #newsTable .newsWrap ul.newsList li a { width: 100%; height: auto; padding: 4px;} #newsTable .newsWrap ul.newsList li a .date { padding-right: 10px; margin-right: 10px;} #newsTable .newsWrap ul.newsList li a .ex { margin: 5px 0px;} #newsTable .newsWrap .more { width: 100%; padding-right: 10px;} #newsTable .newsWrap .add, #newsTable .newsWrap .add2 { width: 100%; height: auto;} #newsTable .bannerWrap { display: block; margin: 10px 0; width: 100%;} #newsTable .bannerWrap ul.bnList li{ width: 50%; float: left;} } @media screen and (max-width: 748px){ #newsTable .newsWrap ins.w728 { width: 468px; height: 60px;} } @media screen and (max-width: 488px){ #newsTable .newsWrap ins.w728 { width: 320px; height: 50px;} } @media screen and (max-width: 480px){ #newsWrap { margin-bottom: 0;} #newsTable .bannerWrap ul.bnList li{ width: 100%;} } /* Links */ #linksWrap { padding: 20px 0; background: #D4D3C8; text-align: left;} h2.h2links { margin-bottom: 10px; font-weight: bold;} ul.linksList { } ul.linksList li { width: 20%; float: left;} ul.linksList li a { color: #313131; font-size: 15px;} @media screen and (max-width: 788px){ ul.linksList li { width: 33%;} } @media screen and (max-width: 480px){ ul.linksList li:nth-child(1), ul.linksList li:nth-child(2), ul.linksList li:nth-child(3) { width: 100%;} ul.linksList li { width: 50%;} } /*---- wp post ----*/ .postBox { margin: 0 80px; padding: 30px 0; text-align: left; color: #8C8C83;} .postBox .alignnone { display: inline;} .postBox .aligncenter { display: block; margin: 0 auto;} .postBox .alignright { display: block; float: right;} .postBox .alignleft { display: block; float: left;} .postBox h2 { display: inline-block; width: 1120px; height: 54px; margin-left: -40px; margin-bottom: 30px; padding-left: 40px; line-height: 54px; font-size: 22px; font-weight: bold; text-align: left; border: 1px #C2C8BB solid; border-radius: 20px 0 0 0; -webkit-border-radius: 20px 0 0 0; -moz-border-radius: 20px 0 0 0;} .postBox h3 { display: inline-block; width: 100%; height: 32px; margin-bottom: 16px; padding-left: 16px; border-left: 5px #C2C8BB solid; font-size: 18px; font-weight: bold; line-height: 32px; } .postBox h4 { display: inline-block; height: 32px; margin-bottom: 16px; padding: 0 8px; border-bottom: 1px #C2C8BB solid; font-size: 18px; font-weight: bold; line-height: 32px;} .postBox * + p { margin-top: 1em;} .postBox ul { list-style-type: disc;} .postBox ul li { margin-left: 1em; } .postBox em { font-style: italic;} .postBox a { color: #727269; text-decoration: underline;} .postBox table { width: 100%; margin-bottom: 16px; border-collapse: separate; border-spacing: 6px;} .postBox table th, .postBox table td { padding: 8px 16px;} .postBox table th { background: url(../images/table_th_bg.png) repeat;} .postBox table td { background: #ddd;} @media screen and (max-width: 788px){ .postBox { margin: 0;} .postBox h2 { width: 100%; height: 42px; padding: 8px 0 8px 42px; margin-left: 0; line-height: 26px;} } /* CSS memo Font Awesome https://fontawesome.com/icons?d=gallery&m=free 角丸 border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; テキストシャドウ text-shadow:1px 1px 3px #000; ボックスシャドウ -moz-box-shadow:1px 1px 3px #000; -webkit-box-shadow:1px 1px 3px #000; box-shadow:1px 1px 3px #000; ボックスシャドウ内側 -moz-box-shadow:inset 1px 1px 3px #000; -webkit-box-shadow:inset 1px 1px 3px #000; box-shadow:inset 1px 1px 3px #000; トランジション -webkit-transition: 1.5s; -moz-transition: 1.5s; -o-transition: 1.5s; transition: 1.5s; 要素全部を透明 filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; 背景のみ透明 background-color:rgba(255,255,255,0.2); :first-child :last-child :nth-child(odd)　･･･　奇数番目の要素に適用 :nth-child(even)　･･･　偶数番目の要素に適用 :nth-child(n)　･･･　n番目の要素に適用 :nth-child(2n+1)　･･･　奇数番目の要素に適用 :nth-child(2n)　･･･　偶数番目の要素に適用 :nth-child(3n)　･･･　3,6,9,12…番目の要素に適用 :nth-child(3n+1)　･･･　1,4,7,10…番目の要素に適用 明朝体 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; テキスト省略 .container { overflow: hidden; width: 100%;} .container p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} コンタクトフォーム .contactTable {} .contactTable input[type="text"] { width:250px;} .contactTable input.eisu { ime-mode:inactive;} .contactTable textarea { width:100%;} .formNotice { display:none; color:#f33;} 可変Youtube埋め込み .youtube { position: relative; width: 100%; padding-top: 56.25%;} .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;} 要素を横スクロール .scroll { width: 100%; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } WordPress .postContents .alignnone { display: inline;} .postContents .aligncenter { display: block; margin: 0 auto;} .postContents .alignright { display: block; float: right;} .postContents .alignleft { display: block; float: left;} .postContents p + p { margin-top: 1em;} CSS memo */