body{ -webkit-font-smoothing: subpixel-antialiased; } p{ font-size:14px; line-height: 1.5; word-wrap : break-word; overflow-wrap : break-word; /*word-break: keep-all;*/ } img{ max-width: 100%; } .contents{ font-feature-settings : "palt"; } /*.modal{ opacity: 0; display: block!important; z-index: -1; } .modal.in{ opacity:1; display: block!important; z-index: 10000; } .modal.in .modal-content{ z-index: 100001; }*/ .lineup-box{ background: #edeff0; padding:40px 40px; margin-top: 100px; margin-bottom: 30px; } .item-ttl{ text-align: center; font-size: 27px; color:#1b2d5a; font-weight: bold; margin-bottom: 30px; } .item-flex .item-list{ background: #fff; padding-top: 20px; padding-bottom: 20px; border-top:8px solid #89a8ce; } .item-flex .item-list .img{ margin-bottom: 15px; width: 76%; margin-left: auto; margin-right: auto; } .item-flex .item-list .link{ font-size: 16px; line-height: 1.68; text-align: center; font-weight: 700; } .item-flex .item-list .link a{ text-decoration: underline; color: #7796c2; } .item-flex.col3 .item-list{ width: 32.5%; margin-right: 1.5%; } .item-flex.col2 .item-list{ width: 49.3%; margin-right: 1.25%; } .item-flex .item-list:last-child{ margin-right: 0; } @media screen and (min-width: 641px) { p { font-size: 14px; line-height: 1.9; } .main { width: 883px; margin-right: 2px; } .item-flex{ display: flex; } } @media screen and (max-width: 640px) { .item-ttl{ font-size: 20px; } .lineup-box{ padding:27px 12px 28px; margin-top: 15%; margin-bottom:5%; } .item-flex .item-list{ background: #fff; padding-top: 5%; padding-bottom: 5%; border-top:5px solid #89a8ce; } .item-flex .item-list .img{ margin-bottom: 3%; width: 76%; margin-left: auto; margin-right: auto; } .item-flex .item-list .link{ font-size: 16px; line-height: 1.68; text-align: center; font-weight: 700; } .item-flex .item-list .link a{ text-decoration: underline; color: #7796c2; } .item-flex.col3 .item-list{ width: 100%; margin-right:0%; margin-bottom: 5%; } .item-flex.col2 .item-list{ width: 100%; margin-right:0%; margin-bottom: 5%; } .item-flex .item-list:last-child{ margin-right: 0; margin-bottom: 0; } .wrapper .item-box { margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); box-sizing: border-box; } .wrap{ width: 100%; margin-left: auto; margin-right: auto; } .wrapper{ padding-left: 20px; padding-right: 20px; } .wrapper-all{ padding:20px; } /*繧ォ繝�ざ繝ェ繝シ繝��繝悶Ν*/ .item-table table{ border: 1px solid #89a8ce; width: 100%; margin-bottom: 18px; } .item-table table tr:first-child th{ background: #89a8ce; color:#fff; font-size: 17px; line-height: 1; padding:10px 0; text-align: center; font-weight: bold; } .item-table table tr:nth-child(2) th{ /*background: #edeff0;*/ font-size: 14px; line-height: 1; padding:13px 6px 10px; text-align: center; } .item-table table tr:nth-child(2) th:first-child{ border-right: 1px solid #89a8ce; } .item-table table tr:nth-child(2) th:nth-child(3){ border-left: 1px solid #89a8ce; } .item-box .item-table:last-child table tr td{ width: 20%; } .item-table table tr td{ border-right: 1px solid #89a8ce; padding:10px; text-align: center; } .item-table.ptn1 table tr td ul li{ display: inline-block; vertical-align: middle; } .item-table.ptn1 table tr td img{ margin-right: 0px; max-width: 70%; } .item-table table tr td img{ width: auto; } .item-table table tr td.big-img img{ width: auto; padding-top: 28%; padding-bottom: 19%; } .item-table table tr td ul li{ font-size:11px; margin-top: 6%; /*color:#89a8ce;*/ } .item-table table tr:nth-child(3) td:first-child p{ margin-top: 28%!important; } .item-table table tr td ul li small,.item-table table tr td ul li p{ font-size:80%; line-height: 1.2; display: block; } .item-table table tr td.img-border{ background-size:2%; } .item-table.ptn1 .link-btn{ margin-bottom: 28px!important; } .item-table .link-btn{ max-width: calc(100% - 60px); min-width: calc(100% - 60px); margin-left: auto; margin-right: auto; display: block; } }