header {position:static;} #content {width:71%;float:right;margin-bottom:70px;} #content.non_column {width:100%;float:none;} aside {width:25%;float:left;} aside.non_column {display:none;} #content.cover {width:100%;float:none;} article p {margin-bottom:20px;letter-spacing:.2px;} article p a {color:#5a77a8;text-decoration:none;} article p a:hover {text-decoration:underline;} .caption {font-size:0.8em;line-height:1.5em;margin-top:5px;} .caption span {display:block;color:#5a77a8;} p.annotation {font-size:12px;} #category_title {background:#333;color:#fff;font-size:1.4em;font-weight:bold;padding:1em 0;margin-bottom:10px;} #breadcrumb {margin-bottom:30px;} #breadcrumb li {display:inline;} #breadcrumb li:before {content:">";margin:0 10px;} #breadcrumb li:first-child:before {display:none;} #breadcrumb li a {color: #5a77a8;} #breadcrumb li a:hover {text-decoration:underline;} .column {margin-bottom:30px;} .column:before, .column:after {content:"";display:table;clear:both;} .column img {display:block;max-width:100%;height: auto;} .column .text table {width:100%;} .column[data-column="1"] > div {width:100%;text-align:center;} .column[data-column="1"] .image img {max-width:100%;} .column.column-flex.column--reverse[data-column="2"] { display: flex; flex-direction: column-reverse; } .column[data-column="2"] > div:nth-child(odd) {float:left;clear:both;} .column[data-column="2"] > div:nth-child(even) {float:right;} .column[data-column="2"] > div {width:48.5%;} .column.img[data-column="2"] > .image {width:28%;} .column.img[data-column="2"] > .flowImage {width:50%;} .column.img[data-column="2"] > .image img {display:block;max-width:calc(100% - 2px);} .column.img[data-column="2"] > .image.img--border img { border:solid 1px #ccc; } .column.img[data-column="2"] > .text {width:67%;} .column.img[data-column="2"] > .flowText {width:45%;} .column[data-column="3"] > div {width:29.5%;float:left;margin-left:5.75%;} .column[data-column="3"] > div:nth-child(3n+1) {margin-left:0;clear:both;} ul.font_min {font-size:0.85em;line-height:1.5em;} .ring,.disc,.decimal{margin-bottom:2em;} .ring li {background:url(../png/ring_navy.png) no-repeat 3px 6px;padding-left:28px;margin-bottom:1em;} .ring li a {color: #5a77a8;} .ring li a:hover {text-decoration:underline;} .font_min li {background:url(../svg/ring.svg) no-repeat 3px 6px;} .ring > li > ul > li {background:url(../svg/ring_sec_navy.svg) no-repeat 3px 7px; background-size: 10px;} .ring > li > ul > li > ul > li {background:url(../svg/ring_thi_navy.svg) no-repeat 3px 10px;background-size: 6px;} .decimal {padding-left:20px;} .decimal li {list-style:decimal;padding-left:8px;margin-bottom:1em;} .decimal li a {color: #5a77a8;} .disc li {text-indent:-2em;padding-left:2em;margin-bottom:1em;} .disc li:before {content:"・";margin-right:15px;position:relative;top:0.1em;} .disc li a {color: #5a77a8;} a.pdf {background:url(../svg/pdf_navy.svg) no-repeat right 6px;background-size: 18px;padding:3px 25px 3px 0;} a.out {background:url(../svg/out_navy.svg) no-repeat right 6px;background-size: 20px;padding:3px 25px 3px 0;} a.pdf:hover, a.out:hover {text-decoration:underline;} /* 2017-05-23 table scroll 修正 */ table2 > table { border-collapse:inherit; } /* 2017-05-22 table scroll 修正 */ /* .table {margin-bottom:20px;font-size:0.9em;} .table, .table table {width:100%;overflow-x:scroll;} */ .table {margin-bottom:20px;width:100%;overflow-x:auto;} .table table{width:99%;font-size:0.9em;word-break: normal;} .table table th, .table table td {border:solid 2px #fff;padding:10px 15px;} .table table th {background:#10326b;color:#fff;font-weight:bold;text-align:center;} .table table td {background:#eee;padding:4px 15px;} .table table tr:nth-child(even) td {background:#ddd;} .table table td.cat {text-align:center;} .table table a:hover {text-decoration:underline;} .table table a[target='_blank']:after {content: "";display:inline-block;width:1.3em;height:1.3em;background:url(../svg/out_navy.svg) no-repeat center center;background-size:100% auto;position:relative;top:0.25em;margin-left:10px;} .table table a[href$='pdf']:after {content: "";display:inline-block;width:1.3em;height:1.3em;background:url(../svg/pdf_navy.svg) no-repeat center center;background-size:auto 100%;position:relative;top:0.25em;margin-left:10px;} /*.table table a[href^='http']:after {content: "";display:inline-block;width:1.3em;height:1.3em;background:url(../images/out_navy.svg) no-repeat center center;background-size:100% auto;position:relative;top:0.25em;margin-left:10px;}*/ .table table a {color: #5a77a8;} .table table ul li {background:url(../png/ring_navy.png) no-repeat 3px 5px;padding-left:28px;} .table table th ul li {background:url(../png/ring_blue.png) no-repeat 3px 5px;padding-left:28px;} .table table ol {padding-left:20px;} .table table ol li {list-style:decimal;padding-left:8px;} .table.-scroll_y {height: 480px;overflow-y: scroll;} .table2 table .t-1 th {display:none!important;} .table2 table th {background:#fff;color:#333;font-weight:normal;} .table2 table td {background:#fff!important;} .productTable table {font-size:10px;} .productTable table th, .productTable table td {padding:4px 3px;text-align:center;} .txt_right {text-align:right!important;} .daily_table {margin-bottom:30px;} .daily_table li {display:table;width:100%;border-bottom:solid 1px #666;padding:14px 0;} .daily_table li > div, .daily_table li > p {display:table-cell;} .daily_table li .year {width:60px;padding-left:0.5em;} .daily_table li .month {width:80px;text-align: right;} .border_text {padding:40px;border:solid 1px #666;margin-bottom:30px;} .border_text p {margin-bottom:0;} .link_btn {width:215px;min-height:50px;border:solid 1px #666;} .link_btn a {display:table-cell;width:1000px;height:50px;vertical-align:middle;text-align:center;background:url(../svg/arrow_gray_right.svg) no-repeat right 18px center;background-size:8px auto;padding:0 3em 0 1.5em;;color:#666;} .link_btn a.pdf {background:url(../svg/pdf_gray.svg) no-repeat right 20px center;} .link_btn a.out {background:url(../svg/out_gray.svg) no-repeat right 15px center;} .link_btn:hover {background-color:#333;border-color:#333;} .link_btn a:hover {background-image:url(../svg/arrow_white_right.svg);color:#fff;} .link_btn a.pdf:hover {background-image:url(../png/pdf_white.png);} .link_btn a.out:hover {background-image:url(../png/out_white.png);} .link_btn span,.boxs span {display:inline-block;text-align:left;word-wrap:break-word;} .parallel_btn {margin-bottom:30px;display: flex;flex-wrap: wrap;align-items: flex-start;gap: 20px 5%;box-sizing: border-box;} .parallel_btn .link_btn {width:30%;box-sizing: border-box;} .left {float:left;} .right {float:right;} .center {margin:0 auto;float:none !important;} .boxs {width:240px;/*height:115px;*/} .boxs a {display:table-cell;width:1000px;height:/*115px*/85px;text-align:center;vertical-align:middle;border:solid 1px #666;color:#666;} .boxs.left a {padding:10px 10px 10px 40px;background:url(../svg/arrow_gray_left.svg) no-repeat 20px center;background-size:10px auto;} .boxs.right a {padding:10px 40px 10px 10px;background:url(../svg/arrow_gray_right.svg) no-repeat right 20px center;background-size:10px auto;} .boxs a:hover {background-color:#efefef;} .color_btn {width:470px;height:70px;margin:2.5em auto;} .color_btn a {display:table-cell;width:1000px;height:70px;padding:0 2.5em;vertical-align:middle;text-align:center;color:#fff;background:url(../svg/arrow_white_right.svg) no-repeat right 25px center;background-size:8px auto;font-size:1.3em;font-weight:bold;} .color_btn.green a {background-color:#10326b;} .color_btn.navy a {background-color:#10326b;} .color_btn.yellow a {background-color:#bdaa27;} .color_btn.blue a {background-color:#279fbd;} .color_btn.gray a {background-color:#666;} .color_btn.black a {background-color:#333;} .color_btn.contact a {display:table-cell;position:relative;text-align:center;vertical-align:middle;color:#fff;background:#10326b url(../svg/arrow_white_right.svg) no-repeat right 25px center;background-size:8px auto;} .color_btn.contact a:before {content:"";display:inline-block;width:37px;height:25px;background:url(../svg/contact.svg) no-repeat;background-size:contain;position:absolute;top:50%;transform:translateY(-50%);left:2.5em} .color_btn a:hover {opacity:0.7;} #p_contents .color_btn { width: 250px; } .anchor {width:100%;margin-bottom:3em;padding-bottom:4em;} .anchor.cf {padding-bottom:0;} .anchor li {width:calc(20% - 1px);height:60px;float:left;border-left:solid 1px #999;} .anchor li a {display:table-cell;width:1000px;height:45px;padding-bottom:15px;vertical-align:middle;background:url(../png/arrow_black_under.png) no-repeat center 50px;text-align:center;color:#333;} .anchor li:nth-child(5n + 1) {border-left:none;} .anchor li a:hover {opacity:0.7;} .link_box {margin-bottom:100px;} .link_box li {width:calc(47.8% - 10px);padding:5px;background:url(../gif/slide_border.gif);margin-bottom:20px;} .link_box li:nth-child(odd) {float:left;clear:both;} .link_box li:nth-child(even) {float:right;} .link_box li a {display:table-cell;width:1000px;background:#fff url(../svg/arrow_gray_right.svg) no-repeat right 20px center;background-size:10px auto;padding:35px;color:#666;word-break:break-all;} .link_box .title {text-align:center;font-size:1.3em;font-weight:bold;} .link_box li p {margin-bottom:0;} .link_box li .text {margin-top:30px;} .link_box li a:hover {background-color:#efefef;} .end_tag {background:#666;font-size:0.9em;font-weight:normal;padding:0 5px;color:#fff;margin-right:5px;} .item_tag {display:table;margin-bottom:45px;} .item_tag > div {display:table-cell;width:180px;height:20px;vertical-align:top;position:relative;padding-left:100px;padding-right:20px;} .item_tag > div span {display:block;width:90px;height:20px;border:solid 2px #27bd38;color:#333;text-align:center;font-size:0.9em;position:absolute;left:0;top:0;} .item_tag > div.substitute span {color:#fff;border-color:#27bd38;background-color:#27bd38;} .icon_link {margin-bottom:30px;} .icon_link li {width:calc(49% - 10px);padding:5px;background:url(../gif/slide_border.gif);margin:0 0 18px;} .icon_link li:nth-child(odd) {float:left;clear:both;} .icon_link li:nth-child(even) {float:right;} .icon_link li a {display:block;padding:18px 18px 18px 54px;background:#fff url(../svg/cat_green.svg) no-repeat 13px center;background-size:30px auto;color:#333;} .icon_link li a span {display:inline-block;margin-left:1em;font-weight:bold;word-break: break-all;} .icon_link li.cat_blue a {background-image:url(../svg/cat_blue.svg);background-size:28px auto;} .icon_link li.cat_blue a span {color:#239ae5;} .icon_link li.cat_green a {background-image:url(../svg/cat_green.svg);background-size:28px auto;} .icon_link li.cat_green a span {color:#09a841;} .icon_link li.pamph_green a {background-image:url(../svg/pamph_green.svg);background-position:17px center;background-size:21px auto;} .icon_link li.pamph_green a span {color:#09a841;} .icon_link li.pamph_blue a {background-image:url(../svg/pamph_blue.svg);background-position:17px center;background-size:21px auto;} .icon_link li.pamph_blue a span {color:#10326b;} .icon_link li a:hover {background-color:#eee;} .red {color:red;font-weight:bold;text-align:center;} .slider {width:100%;overflow:hidden;position:relative;margin-bottom:20px;} .slider ul {position:absolute;} .slider li {float:left;position:relative;text-align:center;} .slider li a{display:block;height:100%;} .slider li img {max-width:90%;max-height:105px;} .slider li p {width:100%;margin-bottom:0;position:absolute;bottom:0;} .slider .arrow {display:block;width:20px;height:50px;position:absolute;top:50%;margin-top:-25px;} .slider .arrow.left {background:#999 url(../svg/arrow_white_left.svg) no-repeat center center;background-size:8px auto;left:0;} .slider .arrow.right {background:#999 url(../svg/arrow_white_right.svg) no-repeat center center;background-size:8px auto;right:0;} .friend_item {margin-bottom:40px;} .friend_item li {width:22%;float:left;position:relative;text-align:center;margin-bottom:20px;padding-right: 15px;} .friend_item li img {height: auto; max-width: 150px; max-height: 110px; width: auto; } .friend_item li p {width:100%;margin-bottom:0;} .friend_item li a:hover {opacity:0.7;} .appli {position:relative;margin-top:80px;margin-bottom:50px;} .appli li {display:table;width:100%;border-bottom:dotted 1px #615f5f;} .appli li a {display:table;width:100%;padding:15px 0;} .appli li a > div, .appli li a > p {display:table-cell;/*vertical-align:middle;*/} .appli li .num {width:85px;padding-left:20px;color:#10326b;font-size:1.15em;} .appli li a > p {padding-left:15px;} .appli li span {display:inline-block;border:solid 1px #ccc;color:#666;font-size:0.9em;padding:0 5px;white-space:nowrap;background:#fff;margin-top:5px;} .appli li p span:first-child {margin-left:40px;} .appli li a:hover {background-color:#efefef;} .form_accordion {margin-bottom:10px;} .form_accordion h2 {padding:10px 50px;background:#dde7de url(../png/arrow_black_under.png) no-repeat 18px center;cursor:pointer;font-size:1.15em;line-height:1.5em;} .form_accordion h2.active {background-image:url(../png/arrow_black_up.png);} .form_accordion > div {padding:20px 15px;background:#eaf3eb;display:none;} .form_accordion > div ul {margin-bottom:20px;} .form_accordion > div li {margin-bottom:5px;padding-left:20px;text-indent:-20px;} .form_accordion > div input {margin-right:5px;} .form_accordion > div hr {margin-bottom:15px;border-color:#ccc;} .form_accordion > div p {margin-bottom:0;} .rings {color:#10326B;} .form_table {margin-bottom:120px; } .form_table > table{border-collapse: separate; border-spacing: 1px;} .form_table tr {} .form_table th {width:9em;padding:20px 60px;background:#dde7de;position:relative;} .form_table th .rings {position:absolute;left:40px;} .form_table td {padding:0 30px;background:#F6F9FF;} .form_table input[type=text] {border-radius:2px;border:none;padding:3px;} .form_table td > div {display:table-cell;vertical-align:center;} .form_table td > div input {width:calc(90% - 5em);} .form_table > .formArea th { width: 17em; background: #8AA3CE; position: relative; vertical-align: middle; box-sizing: border-box; } .form_table > .formArea td { vertical-align: top; padding: 20px 30px; } .form_table > .formArea td p { margin: 0; } .form_table > .formArea .zip_autoSearch{ border: 1px solid; padding: 5px 10px; display: inline-block; box-sizing: border-box; } .form_table > .formArea #message{ width:100%; min-height:150px; resize: vertical; } .form_table > .formArea label[for^="agree"] { display: inline-block; border: 1px solid #8aa3ce; padding: 1em 15%; box-shadow: 1px 1px 1px rgba(39, 189, 56 ,.1); } .form_table > .formArea label[for^="agree"]:hover{ cursor:pointer; } .form_table > .formArea label[for^="agree"] input[type^="checkbox"] { width: 1em; height: 1em; vertical-align: middle; margin-right: 5px; } .form_table > .formArea button.buttons{ background-color: #10326B; padding:.8em 10.5%; color: #fff; border: none; font-size: 1.2em; cursor:pointer; } .form_table > .formArea button.buttons_back{ background-color: #ccc; padding:.8em 10.5%; color: #fff; border: none; font-size: 1.2em; cursor:pointer; } .form_table > .formArea button#submit[disabled]{ background-color: #cccccc; cursor: default; } .num{width:60%;} .table_tag { text-align: center; padding: 3px 3px; font-size: 10px; line-height: 1.2em; color: #fff; background: #0B3775; display:inline-block; margin:0 5px; } .table_tag::after { background-image:none !important; margin-left:0px !important; display:none !important; } .table_tag.new {background:#0B3775;} .table_tag.stop {background:#666;} .table_tag.sds {border:solid 1px #10326b;background:#10326b;border-radius:3px;width:21px;color: #fff;} .table_tag.sds_line {border:solid 1px #10326b;color:#10326b;background:#fff;border-radius:3px;width:21px;} .search p, .refine p {margin-bottom:10px;} .search > div {position: relative;} .search input[type="text"] {width:calc(100% - 32px);height:35px;border-radius:50px;border:solid 1px #999;padding:0 15px;} .search input[type="text"]::-webkit-input-placeholder {color:#999;font-style:italic;} .search input[type="text"]::-ms-input-placeholder {color:#999;font-style:italic;} .search input[type="text"]::-moz-placeholder {color:#999;font-style:italic;} .search input[type="text"]:focus::-webkit-input-placeholder {color:#fff;} .search input[type="text"]:focus::-ms-input-placeholder {color:#fff;} .search input[type="text"]:focus::-moz-placeholder {color:#fff;} .refine > div {padding:15px;background:#eee;border-radius:5px;} .refine label {white-space:nowrap;margin-right:1em;cursor:pointer;} .refine input[type="checkbox"] {margin-right:5px;} .refine hr {border:none;border-bottom:solid 1px #999;} .search_btn {text-align:center;margin-bottom:40px;} .search_btn input {display:table-cell;width:215px;height:70px;margin:0 auto;vertical-align:middle;text-align:center;color:#fff;background:#10326b url(../png/arrow_left.png) no-repeat right 25px center;background-size:8px auto;font-size:1.3em;font-weight:bold;border:none;} .search_result_list {height:580px;overflow-y:auto;margin-bottom:60px;} .search_result_list li {border-bottom:dotted 2px #ccc;margin-right:20px;} .search_result_list li a {display:block;color:#333;padding:20px 20px;} .search_result_list li p {margin-bottom:5px;} .search_result_list .result_title, .search_result_list .result_url {/*color:#27bd38;*/margin-bottom:5px;} .search_result_list .result_tag {margin-top:15px;} .search_result_list .result_tag span {display:inline-block;border:solid 2px #10326b;color:#10326b;padding:3px 5px;font-size:0.8em;line-height:1.5em;white-space:nowrap;margin-right:5px;margin-bottom:5px;vertical-align: middle;} .search_result_list li a:hover {background:#eee;} .twin {width:45%;font-weight:normal;} .twin a {font-size:1.1em;line-height:1.5em;padding:0 2em;} .rec_list {margin-bottom:60px;} .rec_list li {margin-bottom:20px;} .rec_title {color:#333;} .rec_title span {display:inline-block;border:solid 2px #27bd38;color:#333;padding:3px 15px;font-size:0.8em;line-height:1.5em;white-space:nowrap;margin-right:5px;margin-bottom:5px;} .rec_list li.new .new_tag:after, .rec_list li.recommend .recommend_tag:after {display:inline-block;padding:3px 5px;white-space:nowrap;margin-left:5px;vertical-align: middle;} .rec_list li.new .new_tag:after {content:"NEW";color:#fff;background:#c94646;border:solid 2px #c94646;} .rec_list li.recommend .recommend_tag:after {content:"Recommended";color:#10326b;border:solid 2px #10326b;} .rec_list li.new .new_tag, .rec_list li.recommend .recommend_tag {border:none;padding:0;} .rec_list li .text {display:none;padding-top:15px;} .rec_list li .openBtn {display:block;width:110px;height:21px;color:#333;position:relative;z-index:2;} .rec_list li .openBtn:hover {opacity:0.7;} .rec_list li .openBtn:before, .rec_list li .openBtn.active:before {display:block;width:7em;padding:3px 5px;border-bottom:dotted 1px #ccc;cursor:pointer;position:absolute;z-index:1;} .rec_list li .openBtn:before {content:"+ 要約を見る";} .rec_list.inert li .openBtn:before {content:"+ 成分を見る";} .rec_list li .openBtn.active:before {content:"- 閉じる";} .more_btn {width:215px;height:45px;margin:0 auto;} .more_btn a {display:table-cell;width:215px;height:45px;background:#000 url(../svg/arrow_white_right.svg) no-repeat right 25px center;background-size:8px auto;vertical-align:middle;color:#fff;text-align:center;} .more_btn a:hover {opacity:0.7;} .box_list {margin-bottom:30px;} .box_list li {width:42px;height:42px;border:solid 1px #5a77a8;float:left;margin:5px;} .box_list li a {display:table-cell;width:42px;height:42px;color:#5a77a8;text-align:center;vertical-align:middle;} span.lc {background:#7a8bf2 !important;border-color:#7a8bf2 !important;color:#fff !important;} span.spe {background:#e26e6e !important;border-color:#e26e6e !important;color:#fff !important;} span.gc {background:#70d566 !important;border-color:#70d566 !important;color:#fff !important;} span.micro.gc {background: #898989 !important;border-color: #898989 !important;color: #fff !important;} .collect_list {margin-bottom:25px;} .collect_list > div {display:table-cell;vertical-align:top;table-layout:fixed;} .collect_list > div:first-child {width:52px;} .collect_list > div:first-child span {display:block;width:4em;border:solid 2px #27bd38;color:#333;padding:3px 15px;white-space:nowrap;margin-bottom:5px;text-align:center;} .collect_list ul li {display:inline-block;width:calc(19% - 1px);text-align:center;border-right:solid 1px #ccc;margin-bottom:15px;} .collect_list ul li a {color:#5a77a8;} .collect_box_list li {width:calc(33.3% - 4px);height:50px;margin-left:5px;float:left;margin-bottom:5px;} .collect_box_list li:nth-child(3n + 1) {margin-left:0;clear:both;} .collect_box_list li:nth-child(odd) {background-color:#5a77a8;} .collect_box_list li:nth-child(even) {background-color:#10326b;} .collect_box_list li a {display:table-cell;width:1000px;height:50px;text-align:center;vertical-align:middle;color:#fff;background:url(../svg/arrow_white_right.svg) no-repeat right 10px center;background-size:8px auto;} .if_area {margin-bottom:60px;} .if_area iframe {width:100%;} .note_table {height:600px;overflow-y:auto;} .note_table table a:hover {text-decoration:underline;} #news_archive {margin-bottom:100px;} #news_archive .list p {color:#333;margin-bottom:15px;} #news_archive .list small {color:#27bd38;font-size:10px;} #news_archive .list {background:#fff;} #news_archive .list li {border-bottom:dotted 1px #615f5f;} #news_archive .list li a {display:block;padding:15px;} #news_archive .list li a.out {background:none;} #news_archive .list li a.pdf .list_title:after {content:"";display:inline-block;width:1.5em;height:1.5em;background:url(../svg/pdf_navy.svg) no-repeat center center;background-size:auto 100%;position:relative;top:0.25em;padding-left: 10px;} #news_archive .list li a.pdf {background:none;} #news_archive .list li a:hover {background:#eee;text-decoration:none;} #news_archive .list .date, #news_archive .list .tag {display:inline-block;} #news_archive .list .tag {border:solid 1px #10326b;width:85px;padding:3px 5px;background:#fff;font-size:/*0.7*/0.9em;line-height:1.3em;text-align:center;margin:0 5px;} #news_archive .archive {width:200px;margin:0 auto 50px;} #news_archive .archive a {display:table-cell;width:1000px;height:45px;color:#fff;font-weight:bold;background:#333 url(../svg/arrow_white_right.svg) no-repeat 180px center;background-size:6px auto;vertical-align:middle;text-align:center;} #news_archive .list .list_title {margin-bottom:0;margin-left:1em;} #about {padding:10px 30px;background:#eee;border-radius:2em;margin-bottom:30px;} #about * {display:inline;} #about h3 {color:#09a841;font-weight:bold;margin-right:15px;} #about li {margin-right:5px;white-space:nowrap;} #about li a {padding-right:1em;} #about li a:after {content:"";display:inline-block;width:1em;height:1em;background:url(../svg/arrow_green_right.svg) no-repeat right center;background-size:5px auto;vertical-align:middle;} #accord > ul > li {margin-bottom:30px;} #accord > ul > li h2 {margin-bottom:15px;} #accord > ul > li h2 a {display:inline-block;background:url(../svg/arrow_blue_right.svg) no-repeat left 0.3em;background-size:6px auto;padding-left:15px;} #accord > ul > li > ul {padding:15px 0 0 15px;background:#eee;} #accord > ul > li > ul > li {width:calc(50% - 15px);padding-right:15px;float:left;margin-bottom:15px;font-size:0.9em;line-height:1.5em;height:22px;} #accord > ul > li h2 a, #accord > ul > li h3 a, #accord > ul > li > ul > li a {color:#333;display:inline-block;background:url(../svg/arrow_blue_right.svg) no-repeat right center;background-size:6px auto;padding-right:15px;margin-left:3px;} #accord > ul > li h2 a:hover, #accord > ul > li h3 a:hover, #accord > ul > li > ul > li a:hover {text-decoration:underline;} .googlemap iframe {width:100%;height:600px;} .seex_list {margin-bottom:60px;} .seex_list ul li {background:url(../gif/slide_border.gif);padding:5px;margin-bottom:20px;} .seex_list ul li a {display:block;color:#333;padding:45px 45px 25px;background:#fff;} .seex_list ul li a:before, .seex_list ul li a:after {content:"";display:table;clear:both;} .seex_list ul li:nth-child(3n+1) a {border-left:none;clear:both;} .seex_list .data, .seex_list .title, .seex_list .text {padding:0 10px;} .seex_list .data {display:table;margin-bottom:10px;} .seex_list .data > span {display:table-cell;vertical-align:middle;} .seex_list .data span:nth-child(2) {padding-left:15px;} .seex_list .tag {width:88px;padding:0 0;color:#10326b;border:solid 1px #10326b;background:#fff;text-align:center;font-size:0.8em;line-height:1.5em;} .seex_list .date {font-weight:bold;} .seex_list .date.at {padding-left:0;} .seex_list .title {font-size:1.45em;font-weight:bold;line-height:1.3em;margin-bottom:10px;} .seex_list .text {margin-bottom:0;color:#666;} .seex_list .point {border-top:dotted 1px #999;padding-top:10px;margin-top:10px;background:url(../png/map_mark.png) no-repeat 10px 12px;background-size:12px auto;padding-left:30px;color:#666;margin-bottom:20px;} /*.seex_list ul li a.pdf .title:after {content:"";display:inline-block;width:1.3em;height:1.3em;background:url(../images/pdf_navy.svg) no-repeat center center;position:relative;top:0.25em;margin-left:10px;}*/ .seex_list ul li a.pdf .memory {display:inline-block;font-size:0.5em;} .seex_list ul li a.pdf .memory:before {content: "";display:inline-block;width:2em;height:2em;background:url(../svg/pdf_navy.svg) no-repeat center center;position:relative;top:0.25em;margin:0 5px 0 10px;} .seex_list ul li a.out .title:after {content: "";display:inline-block;width:1.3em;height:1.3em;background:url(../svg/out_navy.svg) no-repeat center center;position:relative;top:0.25em;margin-left:10px;} .seex_list ul li.end a {background:#fafafa;} .seex_list ul li.end .tag {background:#666;color:#fff;border-color:#666;} .seex_list ul li a:hover {background-color:#eee;text-decoration:none;} /*background: #ccc　6/8削除↓　谷村*/ .seex_list .thumbnail {width:180px;height:180px;float:right;margin:0 0 15px 15px;overflow:hidden;} /*.seex_list .thumbnail {border:solid:1px #aaa;}*/ .seex_list .thumbnail img {display:block;width:100%;} #campaign_list {margin-bottom:60px;} #campaign_list ul li {background:url(../gif/slide_border.gif);padding:5px;margin-bottom:20px;} #campaign_list ul li a:before, #campaign_list ul li a:after {content:"";display:table;clear:both;} #campaign_list ul li a {display:block;color:#333;padding:45px 45px 25px;background:#fff;} #campaign_list ul li:nth-child(3n+1) a {border-left:none;clear:both;} #campaign_list .data, #campaign_list .title, #campaign_list .organizer, #campaign_list .text {padding:0 10px;} #campaign_list .data {display:table;margin-bottom:10px;} #campaign_list .data > span {display:table-cell;vertical-align:middle;} #campaign_list .tag {width:90px;padding:0 0;color:#fff;background:#10326b;text-align:center;font-size:0.8em;line-height:1.5em;} #campaign_list .date {padding-left:15px;font-weight:bold;} #campaign_list .title {font-size:1.45em;font-weight:bold;line-height:1.3em;margin-bottom:10px;} #campaign_list .organizer {margin-bottom:0;color:#27bd38;} #campaign_list .text {border-top:dotted 1px #999;padding-top:10px;margin:10px 0 15px;} #campaign_list ul li a.pdf .memory {display:inline-block;font-size:0.5em;} #campaign_list ul li a.pdf .memory:before {content: "";display:inline-block;width:2em;height:2em;background:url(../svg/pdf_navy.svg) no-repeat center center;position:relative;top:0.25em;margin:0 5px 0 10px;} #campaign_list ul li a.out .title:after {content: "";display:inline-block;width:1.3em;height:1.3em;background:url(../svg/out_navy.svg) no-repeat center center;position:relative;top:0.25em;margin-left:10px;} #campaign_list ul li a:hover {background-color:#eee;text-decoration:none;} #campaign_list.list {padding:5px;background:url(../gif/slide_border.gif);margin-bottom:60px;} #campaign_list.list ul {height:200px;/*padding:15px 0;*/padding:0;background:#fff;overflow-y:auto;} #campaign_list.list ul li {background:none;padding:0 25px;} #campaign_list.list ul li a {padding:20px 0;} #campaign_list .thumbnail {width:180px;height:180px;background:#ccc;border:solid 1px #aaa;float:right;margin:0 0 15px 15px;overflow:hidden;} #campaign_list .thumbnail img {display:block;width:100%;} .item_menu {margin-bottom:60px;} .item_menu li {width:33.3%;float:left;} .item_menu li:nth-child(3n+1) {clear:both;} .new_release:after, .will_release:after {font-size:0.7em;line-height:1.5em;display:inline-block;width:50px;text-align:center;color:#fff;margin-left:10px;white-space:nowrap;} .new_release:after {content:"NEW";background:#D60000;} .will_release:after {content:"近日発売";background:#09a841;} #archive ul {height:auto;overflow:none;} #seminer_list {padding:5px;background:url(../gif/slide_border.gif);margin-bottom:60px;} #seminer_list ul {height:/*200*/500px;/*padding:15px 0;*/padding:0;background:#fff;overflow-y:auto;} #seminer_list ul li {padding:0 25px;} #seminer_list ul li a {display:block;color:#333;padding:20px 0;text-decoration:none;} #seminer_list ul li:nth-child(3n+1) a {border-left:none;clear:both;} #seminer_list .data, #seminer_list .title, #seminer_list .text {padding:0 10px;} #seminer_list .data {display:table;margin-bottom:10px;} #seminer_list .data > span {display:table-cell;vertical-align:middle;} #seminer_list .tag, #seminer_list .accept {width:95px;padding:0 0;color:#fff;background:#10326b;border:solid 1px #10326b;text-align:center;font-size:0.8em;line-height:1.5em;} #seminer_list .accept {background:#fff;color:#10326b;} #seminer_list .accept.end {border-color:#666;background:#666;color:#fff;} #seminer_list .date {padding-left:15px;font-weight:bold;} #seminer_list .title {font-size:1.45em;font-weight:bold;line-height:1.3em;margin-bottom:10px;} #seminer_list .text {margin-bottom:0;} #seminer_list .point {border-top:dotted 1px #999;padding-top:10px;margin-top:10px;background:url(../png/map_mark.png) no-repeat 10px 12px;background-size:12px auto;padding-left:30px;} #seminer_list ul li a.pdf, #seminer_list ul li a.out {background-image:none;} #seminer_list ul li a.pdf .memory {display:inline-block;font-size:0.5em;} #seminer_list ul li a.pdf .memory:before {content: "";display:inline-block;width:2em;height:2em;background:url(../svg/pdf_navy.svg) no-repeat center center;position:relative;top:0.25em;margin:0 5px 0 10px;} #seminer_list ul li a.out .title:after {content: "";display:inline-block;width:1.3em;height:1.3em;background:url(../svg/out_navy.svg) no-repeat center center;position:relative;top:0.25em;margin-left:10px;} #seminer_list ul li a:hover {background-color:#eee;} .index {border:solid 3px #ccc;margin-bottom:60px;} .index > div {width:33.333%;float:left;} .index > div h3 {background:#333;color:#fff;padding:1em;font-size:1.2em;line-height:1.5em;font-weight:bold;} .index > div ol {padding:1em 1em 1em 2.3em;} .index > div ol li {list-style:decimal;} .index > div ol li a {display:block;color:#666;padding:5px;} .index > div ol li a:hover, .index > div ol li.active a {background:#eee;} .new_page {display:block;position:relative;} .new_page:after {content:"";display:block;width:30px;height:30px;background:#ccc url(../svg/zoom.svg) no-repeat center center;background-size:18px auto;position:absolute;right:0;bottom:0;} .new_page:hover {opacity:0.7;} .years {margin-bottom:30px;} .years ol:before, .years ol:after {content:"";display:table;clear:both;} .years li {display:inline-block;margin:0 3px 10px;} .years li a {display:block;width:5em;padding:5px 15px;border:solid 2px #666;color:#333;text-align:center;} .years li a:hover, .years li.active a {background:#666;color:#fff;} /*********************************** aside ************************************/ #aside_search {padding:20px;background:#eee;border-radius:10px;margin-bottom:30px;} #aside_search h2 {font-size:1.15em;font-weight:bold;margin-bottom:20px;} #aside_search p {font-size:0.9em;padding-left:14px;background:url(../png/arrow_list.png) no-repeat left center;margin-bottom:18px;} #aside_search div {position:relative;} #aside_search input[type="text"] { width:calc(100% - 50px); height:40px; border-radius:50px; border:solid 1px #999; padding:0 15px; } /*#aside_search input[type="text"] {width:138px;border-radius:0;}*/ #aside_search button[class*="mf_finder_searchBox_submit"]{ display: table-cell; width: 50px; height: 50px; color: #fff; text-align: center; font-weight: bold; background: #10326b; border: none; border-radius: 100%; position: absolute; right: 0; top: 0; } #aside_search button[class*="mf_finder_searchBox_submit"]:before { content: "Search"; margin: 0; position: absolute; top: calc(50% - .5em); left: 0; right: 0; font-size: .8em; line-height: 1; font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; } .float_lnav {position:absolute;right:-100%;top:-200px;display:none;z-index:100;} #aside_archive {border:solid 2px #10326b;margin-bottom:30px;position:relative;} #aside_archive a {display:table-cell;width:1000px;height:60px;text-align:center;vertical-align:middle;background:url(../svg/arrow_navy_right.svg) no-repeat right 17px center;background-size:10px auto;font-size:1.15em;color:#10326b;} #aside_archive a:hover {background-color:#10326b;background-image:url(../svg/arrow_white_right.svg);color:#fff;} #aside_archive .float_lnav {width:660px;border:solid 5px #5a77a8;padding:30px;background:#fff;right:-752px;} #aside_archive .float_lnav ul > li > a > img{width: 60px;max-width: 60px;height: 60px;max-height: 60px;vertical-align: bottom;} #aside_archive .float_lnav:before {content:"";display:block;width:40px;height:52px;background:url(../png/fnav_archive_navy.png) no-repeat left top;position:absolute;left:-40px;top:200px;} #aside_archive .float_lnav .border_title {margin-bottom:14px;} #aside_archive .float_lnav ul {margin-bottom:20px;} #aside_archive .float_lnav li {width:200px;padding:5px;background:url(../gif/slide_border.gif);margin-bottom:10px;margin-left:10px;float:left;} #aside_archive .float_lnav li:nth-child(3n+1) {margin-left:0;clear:both;} #aside_archive .float_lnav li a {background:#fff;color:#333;background-position:left center;background-repeat:no-repeat;display: table;width: 100%;} #aside_archive .float_lnav li a span {display: table-cell;width: 100%;height: 60px;vertical-align: middle;font-size: 0.8em;line-height: 1.3em;} #aside_archive .float_lnav hr {border-color:#eee;margin-bottom:30px;} #aside_archive .float_lnav li a:hover {opacity:0.7;} aside > h2 {border-left:solid 3px #10326b;padding-left:5px;margin-bottom:30px;font-size:1.1em;font-weight:bold;} #lnav {background:url(../gif/slide_border.gif);padding:5px;margin-bottom:20px;} #lnav > ul {padding:15px;background:#fff;} #lnav > ul > li {position:relative;} #lnav > ul > li > a {display:block;padding:18px 30px 18px 15px;background:url(../svg/arrow_blue_right.svg) no-repeat right 15px center;background-size:6px auto;border-top:dotted 1px #615f5f;color:#333;} #lnav > ul li:first-child a {border-top:none;} #lnav > ul > li > a:hover, #lnav > ul > li.current > a {background-color:#eee;} /*tanimura 7/10*/ #lnav > ul > li > ul > li.current1 > a {background-color:#eee;} #lnav > ul > li.current2 > a {display:block;padding:5px 5px 5px 45px;background:url(../svg/key_icon.svg) no-repeat 28px 6px;border-top:solid 1px #ccc;color:#333;background-size: 10px 12px;} #lnav ul li.current1 > a {background-color:#eee;} li.current2 {background-color:#eee;padding: 5px 0px;} #lnav > ul.lnav_list > li.current1 > a {background-color:#eee;} #lnav > ul > li > nav a:hover {text-decoration:underline;} #lnav > ul > li > ul > li > a {display:block;padding:15px 15px 15px 30px;background:url(../svg/key_icon_blue.svg) no-repeat 10px 15px;background-size:10px 12px;border-top:solid 1px #eee;color:#333;} #lnav > ul > li > ul > li.current > a, #lnav > ul > li > ul > li > a:hover {background-color:#eee;} #lnav > ul > li > ul > li > ul {margin-bottom:10px;} #lnav > ul > li > ul > li > ul > li > a {display:block;padding:5px 5px 5px 45px;background:url(../svg/key_icon_blue.svg) no-repeat 28px 6px;border-top:solid 1px #ccc;color:#333;background-size: 10px 12px;} #lnav > ul > li > ul > li > ul > li.current > a, #lnav > ul > li > ul > li > ul > li > a:hover {background-color:#eee;} ul.current2.lnav_list {padding-left: 55px;} #lnav .float_lnav {width:650px;border:solid 5px #ccc;padding:30px;background:#fff;right:-760px;} #lnav .float_lnav a {font-size:0.9em;line-height:1.5em;padding-left:1.5em;color:#333;display: inline-block;background: url(../svg/arrow_blue_right.svg) no-repeat right center;background-size: 6px auto;padding-right: 15px;} #lnav .float_lnav .underline_title {margin-bottom:20px;} #lnav .float_lnav .about {padding:10px 30px;background:#eee;border-radius:2em;} #lnav .float_lnav .about * {display:inline;} #lnav .float_lnav .about h3 {color:#09a841;font-weight:bold;margin-right:15px;} #lnav .float_lnav .about li {margin-right:5px;white-space:nowrap;} #lnav .float_lnav .list {display:table;width:100%;padding:15px 15px 0 15px;} #lnav .float_lnav .list > ul {} #lnav .float_lnav .list > ul > li {width:calc(50% - 1em);padding-right:1em;margin-bottom:10px;float:left;} #lnav .float_lnav .list > ul > li:nth-child(2n + 1) {clear:both;} #lnav .float_lnav .m_click > a {background:url(../png/accordion.png) no-repeat left center;background-size:14px auto;} #lnav .float_lnav .m_click > a:before {background:url(../png/accordion.png) no-repeat left center;background-size:10px auto;} .accordion {padding:0 13px 15px;display:none;} .accordion li {margin-bottom:5px;} .accordion li a {padding:5px 0;font-size:0.9em;line-height:1.3em;} #lnav .float_lnav .m_click .accordion li {margin-bottom:0;} #lnav .float_lnav .m_click .accordion li a {padding:0 1em 0 1em;} aside .btn {margin-bottom:20px;} aside .btn a {height:80px;} aside .btn.bg01 a {background-color:#666;} aside .btn.bg02 a {background-color:#999;} aside .btn.bg02 a small {color:#333;} aside .btn.bg03 a {background-color:#bdaa27;} aside .btn.bg04 a {background-color:#279fbd;} /*谷村追加*/ ul.current2 li { padding: 5px 0px; } ul.current2 li:hover { background: #eee; } ul.current2 a { color: #333; } /* 2019/12 youtube add */ .movie { position: relative; } .movie::before { content: ""; display: block; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; } .movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .movie + .caption {font-size: 0.892em;text-align: left;} .caption_top {margin-bottom: 5px;text-align: left;} .caption_top p { margin-bottom: 0; } @media screen and (max-width:1040px){ #content, aside {width:90%;margin:0 auto;float:none;} #about {width:calc(100% - 60px);} #about h3, #about ul {display:table-cell;} #about h3 {width:120px;padding-right:1em;color:#09a841;font-weight:bold;margin-right:15px;} #about li {display:inline;margin-right:5px;white-space:nowrap;} #about li a {color:#333;} /*********************************** aside ************************************/ aside.non_column {display:block;} #aside_search input[type="text"] {width:calc(100% - 50px);} .float_lnav {position:static;} #aside_archive .float_lnav {display:none !important;} #lnav ul {padding:0;} /*#lnav > ul > li {display:none;}*/ #lnav > ul > li.m_over {display:block;} #lnav > ul li:first-child a {color:#333;} #lnav .float_lnav {width:auto;border:none;padding:30px;position:static;display:block !important;} #lnav .float_lnav:before {display:none;} #lnav .float_lnav .about {width:calc(100% - 60px);} #lnav .float_lnav .about h3, #lnav .float_lnav .about ul {display:table-cell;} #lnav .float_lnav .about h3 {color:#09a841;font-weight:bold;margin-right:15px;} #lnav .float_lnav .about li {display:inline;margin-right:5px;white-space:nowrap;} #lnav .float_lnav .about li a {color:#333;} #lnav .float_lnav a:before {background-image:url(../svg/arrow_gray_right.svg);} #lnav .m_over > a {display:none;} #lnav .underlay .m_over > a {display:block;} #lnav .underlay .m_over .float_lnav {display:none;} aside .btn {width:47.5%;float:left;margin-left:5%;} aside .btn:nth-child(2n+1) {margin-left:0;clear:both;} aside .btn a {width:1000px;} ul.current2 li {padding: 5px 0px 0px 75px;} } @media screen and (max-width:800px){ .friend_item li:nth-child(odd), .friend_item li:nth-child(even) {width:50%;margin-bottom:15px;} .friend_item li:nth-child(odd) {float:left;} .friend_item li:nth-child(even) {float:right;} .appli li .num, .appli li a > p {display:block;} .appli li a > p {margin-bottom:0;} .appli li .num {width:auto;margin-bottom:20px;padding-bottom:10px;border-bottom:dotted 1px #ccc;} .form_table th, .form_table td {display:block;width:auto;padding:10px 30px;} .form_table th .rings {left:10px;} .form_table input[type="text"] {width:calc(100% - 6px);} .form_table td > div input[type="text"] {width:calc(100% - 6px - 4em);} .item_tag > div {min-width:calc(50% - 100px);} .item_menu li, .item_menu li:nth-child(3n+1) {width:50%;float:left;clear:none;} .item_menu li:nth-child(2n+1) {clear:both;} .anchor li {height:70px;} .anchor li a {font-size:0.9em;line-height:1.3em;padding-bottom:20px;background-position:center 55px;} .mf_finder_searchBox_query_wrap{max-width: 100%;} } @media screen and (max-width:699px){ .table {width:100%;overflow-x:auto;overflow-y:none;position:relative;} .table:before {display:inline-block;content:"Scroll";color:red;font-weight:bold;border:solid 1px red;background:#fff;padding:1px 5px;font-size:0.8em;margin-left:2px;} .table table {width:550px;} .twin {width:auto;margin-bottom:30px !important;} .boxs {margin-bottom:30px;width:auto;} } @media screen and (max-width:680px){ .icon_link li, .icon_link li:nth-child(odd), .icon_link li:nth-child(even) {float:none;margin-left:0;} .icon_link li {width:auto;} .form_table td > div {display:block;margin-bottom:10px;} .form_table td > div input {width:calc(100% - 5em);} .item_tag > div {display:block;min-width:auto;width:auto;height:auto;margin-bottom:1em;} .search_result_list {height:auto;} .search_result_list li {margin-right:0;} .search_result_list li a {padding:20px 0;} .collect_list ul li {width:calc(48% - 1px);} .collect_box_list li, .collect_box_list li:nth-child(3n + 1) {width:calc(50% - 4px);margin-left:0;margin-bottom:5px;clear:none;background-color:#444;} .collect_box_list li:nth-child(odd) {float:left;clear:both;} .collect_box_list li:nth-child(even) {float:right;} .collect_box_list li a {background:none;font-size:0.9em;} .collect_box_list li:nth-child(4n+1) {background-color:#27bd38;} .collect_box_list li:nth-child(4), .collect_box_list li:nth-child(16), .collect_box_list li:nth-child(28), .collect_box_list li:nth-child(30) {background-color:#27bd38;} .collect_box_list li:nth-child(4n+2) {background-color:#444;} #accord > ul > li > ul > li {width:calc(100% - 15px);float:none;} .seex_list ul li a {padding:1em;} .seex_list .tag {margin-bottom:10px;} .seex_list .data > span {display:block;padding-left:0;} #campaign_list.list ul, #seminer_list ul {padding:0;} #campaign_list.list ul li, #seminer_list ul li {padding:0 10px;} #campaign_list ul li a {padding:1em;} #campaign_list .tag {margin-bottom:10px;} #campaign_list .data > span {display:block;padding-left:0;} .item_menu li, .item_menu li:nth-child(3n+1), .item_menu li:nth-child(2n+1) {width:auto;float:none;} #seminer_list ul li {width:calc(100% - 20px);padding:0 10px;} #seminer_list ul li a, #seminer_list ul li:nth-child(3n+1) a, #seminer_list ul li:nth-child(2n+1) a {border-left:none;float:none;} #seminer_list .data {display:block;width:auto;} #seminer_list .data > span {display:inherit;float:left;} #seminer_list .data .accept {margin-bottom:10px;} #seminer_list .data .date {padding-left:0;clear:both;} #seminer_list .title {clear:both;} .seex_list .thumbnail, #campaign_list .thumbnail {width:50px;height:50px;margin:0 8px 0 0;float:left;} .seex_list .data > span, #campaign_list .data > span {font-size:0.8em;font-weight:normal;} .seex_list .title, #campaign_list .title {font-size:1.1em;line-height:1.5em;} .seex_list .text, #campaign_list .text {font-size:0.8em;clear:left;} .index > div {width:auto;float:none;} .index > div > h3 {border-top:solid 3px #ccc;} .index > div ol li a {padding:15px 5px;} .parallel_btn .link_btn, .parallel_btn .link_btn:first-child {width:100%} .link_box li {width:calc(100% - 10px);} .link_box li:nth-child(odd), .link_box li:nth-child(even) {float:none;} .slider, .slider li {padding-bottom:2em;} .slider li img {width:100%;} .appli {margin-bottom:180px;} #news_archive .list .date {display:block;margin-bottom:5px;} #news_archive .list .tag {width:auto;margin:0 10px 10px 0;} #archive ul li:nth-child(n+4) {display:block;} } @media screen and (min-width:481px) { .column.column-flex[data-column="2"] > div { float: none; } .column.column-flex[data-column="2"] { display: flex; justify-content: space-between; gap: 40px; } .column.column-flex.column-cols-2.img[data-column="2"] > .image, .column.column-flex.column-cols-2.img[data-column="2"] > .text { width: 50%; } .column.column-flex[data-column="2"] > .image { flex-shrink: 0; } .column.column-flex:before, .column.column-flex:after { display: none; } .column.column-flex.column--reverse[data-column="2"] { flex-direction: row-reverse; } } @media screen and (max-width:480px){ .column[data-column="2"] > div:nth-child(odd), .column[data-column="2"] > div:nth-child(even) {float:none;} .column[data-column="2"] > div, .column.img[data-column="2"] > .image, .column.img[data-column="2"] > .text {width:auto;} .column.img[data-column="2"] > .flowImage,.column.img[data-column="2"] > .flowText {width:100%;} .column[data-column="3"] > div, .column[data-column="3"] > div:nth-child(3n+1) {width:auto;float:none;margin-left:0;} .daily_table li .year, .daily_table li .month {display:inline-block;} .daily_table li > p {display:block;margin-bottom:0;} .left, .right, .center {margin:0 auto;float:none;} .link_btn {margin-bottom:30px;} .parallel_btn .link_btn {margin-bottom: 0;} .boxs, .color_btn {width:auto;margin-bottom:30px;} .anchor {margin-bottom:5em;} .anchor li {display:block;width:auto;height:80px;float:none;border-left:none;border-bottom:solid 1px #333;} .anchor li a {height:55px;background-position:center 55px;} .friend_item li:nth-child(odd), .friend_item li:nth-child(even) {width:100%;float:none;} .appli li p span:first-child {margin-left:0;} .search {margin-bottom:30px;} #campaign_list.list ul, #seminer_list ul {height:auto;overflow:inherit;padding:0;} #campaign_list.list ul li {padding:0 10px;} #campaign_list.list ul li:last-child {margin-bottom:0;} #archive ul {padding:10px;} #about {width:calc(100% - 40px);padding:10px 20px;} #about li a {padding-left:0;} #about h3, #about li {width:auto;display:block;} /*********************************** aside ************************************/ aside {padding-bottom:50px;} #lnav .float_lnav .about {width:calc(100% - 40px);padding:10px 20px;} #lnav .float_lnav .about li a {padding-left:0;} #lnav .float_lnav .about h3, #lnav .float_lnav .about li {width:auto;display:block;} #lnav .float_lnav .list {width:auto;padding:15px 0;} #lnav .float_lnav .list > ul {display:block;width:auto;} aside .btn, aside .btn:nth-child(2n+1) {width:100%;margin-left:0;float:none;} } /* category archive.html修正 --------------------------------------------------*/ .underline_title{border-bottom: 1px solid #999;} #accord > ul > li h2 {text-indent: -.2em;} #accord > ul > li > ul{background: none;padding: 15px 0 5px 20px;} #accord > ul > li{ border-bottom: 1px solid #eee; margin-bottom: 20px; } .sideLine { padding-left:10px; /*border-left:solid 3px #27bd38;*/ font-size:15px; line-height:1.5em; margin-bottom:15px; color: #333; } .sideLine a{color:#333;} /* sss --------------------------------------------------*/ #category_title.sss {height:auto!important;background-image:none!important; padding:1em 0!important;color:#fff!important;font-size:1.4em!important;line-height:1.2em!important;} @media screen and (max-width:480px){ #lnav .float_lnav .list > ul > li { width: auto;padding-right:1em;margin-bottom:10px;float:left; } } /* 開閉ボタン追加 --------------------------------------------------*/ .acc_btn_wrap { text-align: right; margin-bottom: 24px; } .acc_btn { background-color: #10326b; border: none; cursor: pointer; outline: none; padding: 11px 25px 11px 48px; appearance: none; color: #fff; font-size: 13px; position: relative; } .acc_btn::before, .acc_btn::after { content: ""; display: block; background: #fff; position: absolute; } .acc_btn::before { width: 12px; height: 2px; top: 50%; left: 25px; transform: translateY(-50%); } .acc_btn::after { width: 2px; height: 12px; top: 50%; left: 30px; transform: translateY(-50%); } .acc_btn.-close { display: none; } .acc_btn.-close::after { content: none; }