------------------------------------------------------ */ section, .section, article { } section>.Wrap, .section>.Wrap, article>.Wrap { padding-top: 3em; padding-bottom: 3em; } .Main .NewsList { padding-top: 3em; } section>h2:first-child, section>div>h2:first-child, .section>h2:first-child, .section>div>h2:first-child, article>h2:first-child, article>div>h2:first-child, .head h2, .Entry h2 { } /* section:not(:first-child), article:not(:first-child) { } form>section:not(:first-child) { } section:not(:last-child), article:not(:last-child) { } .Main h1>section, .Main section:first-child { margin-top: 0; } .Wrap { } section>.Wrap, article>.Wrap { } */ .Main>section:nth-child(odd) {} .Main>section:nth-child(even) {} section>.Wrap, article>.Wrap { } span>.Wrap { display: inline-block; } .Note { margin-left: 2em; } /* ======================================================

------------------------------------------------------ */ .Main dl { text-align: left; display: inline-block; min-width: 50%; } .Main dt { font-size: 1.2em; border-bottom-width: 1px; } .Main dt:before { } .Main dt:after { } .Main ul, .Main ol { text-align: left; } .Main ul.c, .Main ol.c, .Gallery ul { text-align: center; } /* ====================================================== ------------------------------------------------------ */ table { text-indent: 0px; text-align: left; width: 100%; border-collapse: collapse; border-spacing: 0em; border-width: 1px; /* border-collapse: separate; border-spacing: 0.5em; border-radius: 1em; overflow: hidden; */ } th, td, thead th, thead td, .Tbody th, .Tbody td { text-indent: 0px; vertical-align: top; padding: 1em 1em; } th { border-style: dotted; border-right-width: 1px; border-top-width: 1px; text-align: left; font-weight: normal; } tbody th, .WidthTh { width: 13em; min-width: 8em; vertical-align:top; } tbody:first-child { } tbody:first-child tr:first-child th { border-top-width: 0px; } thead+tbody tr:first-child th { border-top-width: 1px; } td { border-style: dotted; border-right-width: 1px; border-top-width: 1px; } td:last-child { border-right-width: 0px; } tbody:first-child { } tbody:first-child tr:first-child td { border-top-width: 0px; } thead+tbody tr:first-child td { border-top-width: 1px; } .TableCell tbody td { border-top-width: 1px; } /* */ thead th, .Thead th { width: auto; text-align: center; vertical-align: middle; /* border-width: 0; */ } thead tr:first-child th, thead tr:first-child td, .Thead tr:first-child th, .Thead tr:first-child td { border-top-width: 0; /* border-width: 0; */ } thead tr:last-child th, thead tr:last-child td, .Thead tr:last-child th, .Thead tr:last-child td { border-bottom-width: 3px; border-bottom-style: double; } thead tr>th:first-child, thead tr>td:first-child, .Thead tr>th:first-child, .Thead tr>td:first-child { border-radius: 0; } thead tr>th:last-child, thead tr>td:last-child, .Thead tr>th:last-child, .Thead tr>td:last-child { border-right-width: 0; } /* */ tfoot tr:first-child th, tfoot tr:first-child td, .Tfoot tr:first-child th, .Tfoot tr:first-child td { border-top-width: 3px; border-top-style: double; } tfoot tr:last-child th, tfoot tr:last-child td, .Tfoot tr:last-child th, .Tfoot tr:last-child td { } /* 必須項目 */ .Required::before { content: "必須"; content: "※"; margin-right: 0.5em; } /* ドラッグで上下移動 */ .RowControl {} div.RowControl:before { content: "※ドラッグで、項目の順番(上下)を変更できます。"; display: block; text-align: left; } /* div.RowControl tr td:last-child { display: table; } div.RowControl tr td:last-child>* { display: table-cell; } div.RowControl tr td:last-child:after { content: "□"; display: table-cell; } */ /* [181016]角丸にしてみる///////////////////////////////// table { border-collapse: separate; border-spacing: 0px; border-width: 1px; border-radius: 1em; overflow: hidden; background-color: rgba(255,255,255,1.0); } td table { border-collapse: collapse; border-radius: 0em; overflow: auto; } tbody th { border-width: 0 0px 1px 0px; } tbody td { border-width: 0 0px 1px 1px; } thead th:first-child, tfoot th:first-child, tbody td:first-child, tbody th+td { border-left-width: 0px; } tbody th+th { } th[rowspan] { border-right-width: 1px; } tbody:last-child tr:last-child {} tfoot tr:last-child th, tfoot tr:last-child td, tbody:last-child tr:last-child th, tbody:last-child tr:last-child td, tbody:last-child tr:nth-last-child(2) th[rowspan="2"], tbody:last-child tr:nth-last-child(2) td[rowspan="2"], tbody:last-child tr:nth-last-child(3) th[rowspan="3"], tbody:last-child tr:nth-last-child(3) td[rowspan="3"], tbody:last-child tr:nth-last-child(4) th[rowspan="4"], tbody:last-child tr:nth-last-child(4) td[rowspan="4"], tbody:last-child tr:nth-last-child(5) th[rowspan="5"], tbody:last-child tr:nth-last-child(5) td[rowspan="5"] { border-bottom-width: 0px; } */ /* 円で囲む */ .Circle { padding: 1em; border-radius: 100em; display: inline-block; } /* ====================================================== ====================================================== ====================================================== ====================================================== ====================================================== ====================================================== ====================================================== ====================================================== ====================================================== ====================================================== ====================================================== */ /* ====================================================== 文字 ------------------------------------------------------ */ h1>b, h2>b, h3>b { font-weight: inherit; } h1 {} .CategoryTitle { line-height: 1; background-position: center; background-repeat: no-repeat; background-size: cover; color: rgba(255,255,255,1.0); } .CategoryTitle>.Wrap { background-color: rgba(255,255,255,0.5); } .CategoryTitle .BG { background-color: rgba(255,255,255,0.5); background-color: rgba(0,0,0,0.1); } .CategoryTitle h1 { padding-top: 3em; padding-bottom: 3em; margin-top: 0; margin-bottom: 0; } .CategoryTitle h1>.Wrap { display: inline-block; background-color: rgba(0,0,0,0.25); } .CategoryTitle h1 b { font-size: 2em; font-weight: normal; padding: 1.5em; display: inline-block; } /* .CategoryTitle .BG { display: inline-block; background-color: rgba(0,0,0,0.25); } .CategoryTitle h1 .Wrap { vertical-align: baseline; display: block; } .CategoryTitle h1 b { font-size: 2em; font-weight: normal; padding: 1.5em; display: inline-block; } .CategoryTitle h1 b:before, .CategoryTitle h1 b:after { } */ .CategoryTitle h1 .Sub { } .CategoryTitle .below { display: block; position: absolute; bottom: -2.5em; left: 0; right: 0; } .CategoryTitle .Img { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; overflow: hidden; } .CategoryTitle .Img img { height: 100%; } .CategoryTitle h1:not([class]) {} .CategoryTitle .Child { display: inline-block; position: absolute; bottom: 0em; left: 0; right: 0; white-space: nowrap; } .CategoryTitle .Child>.Wrap { padding: 1em 2em; } .CategoryTitle .ImgChild { display: block; width: 50%; margin-left: auto; margin-right: auto; margin-top: 1em; } h2 { margin-bottom: 3em; } h2>b { font-size: 2em; } h2:before, h2:after { } h2:not([class]) {} h2:not([class]):before {} h2>b {} h2>b:before { } h2>b:after { width: 1em; margin-left: auto; margin-right: auto; margin-top: 0.5em; } h2>span { display: block; font-weight: bold; margin-top: 0.75em; } .Index h2 { margin-top: 0; } .Index h2>b:after { content: none; } /* .Index h2:before, .Index h2:after, .Index h2>b:before, .Index h2>b:after { content: none; } */ .Osusume h2>b:after { content: ""; display: block; background-image: url(../img/line.png); background-repeat: repeat-x; background-position: center center; width: calc(32px * 3); height: 16px; margin-left: auto; margin-right: auto; opacity: 0.5; } h3 { } h3>b { font-size: 1.5em; display: inline-block; vertical-align: middle; } h3:before, h3:after { } h3:before { } h3:after { } h3:not([class]) { } .memo h3:first-child { margin-top: 0; } h4, dt { font-weight: bold; } cite { display: block; font-size: 0.8em; text-align: right; letter-spacing: normal; } /* ====================================================== ------------------------------------------------------ */ /*a img { vertical-align: middle; } */ a { text-decoration: none; /* text-decoration: underline; border-width: 0; */ } a:hover { /* text-decoration:none; border-bottom-width: 0; border-bottom-color: rgba(255,255,255,0); */ } a>span { display: inline-block; vertical-align: middle; } .Header a, .MenuBar a, .Footer a { text-decoration: none; } /* underline .PageNavi a { display: inline-block; vertical-align: middle; border-bottom-width: 1px; margin-bottom: -1px; line-height: 1; } */ .PageNavi span:not(:last-child):after, .SlideMenu a:after, .Footer .Menu a:before { content: ""; display: inline-block; text-decoration: none; vertical-align: middle; line-height: 1; border-top-width: 1px; border-right-width: 1px; transform: rotate(45deg); width: 0.5em; height: 0.5em; } .PageNavi span:not(:last-child):after { width: 3px; height: 3px; margin-left: 1em; margin-right: 1em; } .SlideMenu a:after { position: absolute; right: 0.5em; top: calc((100% - 0.5em) / 2); } .Footer .Menu a:before { border-color: rgba(255,255,255,1.0); } .ColorBtn, .ColorBtn a { text-decoration: none; } /* .ColorBtn:after { content: "〉"; position: absolute; right: 1.666em; right: calc(1.666em / 2); } */ /* 外部リンク */ a[target="_blank"] { } /* text-indent: -1.25em; padding-left: 1.25em; display: inline-block; */ a[target="_blank"]:before { content: ""; display: inline-block; width:1em; height:1em; background-repeat: no-repeat; background-position: center; background-image:url(../download/layers.svg); background-size: contain; background-size: cover; line-height: 0; letter-spacing: normal; margin-right: 0.5em; } a[target="_blank"]>* { text-indent: 0em; } a[target="_blank"]>span { } a[target="_blank"]:before, a[target="_blank"]:hover:before { } /* background: none; color: inherit; */ a[target="_blank"]:after { } /* content:; 解除 */ .ClassInstagram, .ClassInstagram a[target="_blank"] { text-indent: 0em; padding-left: 0; } .ContentNo, .ContentNo:before, .ContentNo:after, a.ContentNo[target="_blank"], a.ContentNo[target="_blank"]:before, a[target="_blank"]:after, .MenuBar a:before, .MapNaviBtn a:before, .MapBtn a:before, .APPDownload a:before, .APPDownload a[target="_blank"]:before, .SNS a[target="_blank"]:before, .SNSIcon a[target="_blank"]:before, .ClassInstagram:before, .ClassInstagram a[target="_blank"]:before, .Banner a:before /* , .PdfDLL a:before, a.PdfDLL:before, .ShohinImgGallery a:before, #MenuBar a:before */ { content: none; width: auto; height: auto; border-width: 0; box-shadow: none; text-indent: 0em; padding: 0; opacity: 1; } .ContentNo, .Banner a { text-indent: 0; padding-left: 0; } .Hover {} .Hover a { display: inline-block; } .Hover a:hover, .Hover a:hover:before, .Hover a:hover:after { opacity: 0.7; } /* ------------------------------------------------------ ボタン */ .Marker { text-decoration: none; padding: 0.25em 0.5em; border-width: 1px; /* background-image: url(../img/bg_pnk.png); background-repeat: repeat-x; background-position: left top; background-color: #f2dbdf; */ } a img.Marker, input.Marker { border-width: 1px; border-style: solid; border-color: #e4b7bf; padding: 0.25em; background-attachment: fixed; } /* 色+画像ボタン */ .BtnSubmit, .BtnBack, .BtnOk, .BtnUpload { display: inline-block; line-height: 1; padding: 0.5em 1em; overflow: hidden; vertical-align: middle; border-radius: 0.1em; border-radius: 100em; } /* border-width: 1px; */ .ColorBtn { display: inline-block; line-height: 1; font-weight: normal; text-align: center; padding: 0.5em 1.5em; } .BtnSubmit, .BtnBack, .BtnOk, .BtnUpload { } a.ColorBtn[target="_blank"]:not([href$=".pdf"]) { padding-left: calc(1.25em + 2em); } a.ColorBtn[target="_blank"]:not([href$=".pdf"]):before { } input.ColorBtn, button.ColorBtn { } #Admin input.ColorBtn, #Admin button.ColorBtn { width: auto; min-width: initial; height: auto; min-height: initial; border-style: solid; padding-left: 1em; padding-right: 1em; line-height: 1; padding: 0.75em 1em; } .ColorBtn img { width: auto; height: auto; margin: 0; padding: 0; } .InputW.ColorBtn { width: auto; min-width: initial; } .BtnSubmit, .BtnBack, .BtnOk, .BtnUpload { } /*