@charset "utf-8"; @font-face { font-family: 'Noto Sans CJK JP'; font-style: normal; font-weight: 200; src: url('../fonts/NotoSansCJKjp-Regular.otf') format('opentype'); } body {background-color:#ffffff;font-family:-apple-system, BlinkMacSystemFont, "Noto Sans CJK JP", "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", sans-serif;font-size: 16px;line-height: 1.42857;-webkit-text-size-adjust:100%;word-wrap:break-word;overflow-wrap:break-word;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:-apple-system, BlinkMacSystemFont, "Noto Sans CJK JP", "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", sans-serif;font-weight:bold; line-height: 1.2;} .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-table;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ a {color:#3c429c;} a img:hover {filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;} div {box-sizing:border-box;} #h2titl {font-size: 32px;} .photo {} .photo img {display:block;max-width:100%;margin:0 auto;} #wrap {width:100%;min-width:600px;position:relative;} #wrap #header {width:100%;min-width:570px;padding:30px 30px 0;} #wrap #header #header_contents {width:570px;margin:0 auto;} #wrap #header #header_contents > p {text-align:right;} #wrap #header #header_contents > p a {text-decoration:underline;color:#00b1ee;} #wrap #header #header_contents > #header_image {} #wrap #header #header_contents > #header_image img {width:100%;} #wrap #main {width:100%;min-width:570px;padding:30px 0 0;} #wrap #main #main_contents {width:600px;margin:0 auto;} #wrap #main #main_contents #title_contents {padding:20px 0 0;border-top:1px solid #c3c3c3;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;} #wrap #main #main_contents #title_contents .label {padding:5px 10px 5px 20px;text-align;right;vertical-align:middle;width:150px;min-width:102px;font-size:20px;color:#ffffff;background-color:#666666;float:left;} #wrap #main #main_contents #title_contents .date {padding:5px 10px 5px 20px;text-align;left;vertical-align:middle;width:418px;font-size:20px;color:#000000;background-color:#e5e5e5;float:left;} #wrap #main #main_contents #midashi_contents {padding:0 20px;margin:0 0 30px;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;} #wrap #main #main_contents #midashi_contents ul {float:left;width:100%;} #wrap #main #main_contents #midashi_contents ul li {border-bottom:1px dashed #cccccc;padding:10px 0;margin-right:10px;} #wrap #main #main_contents #midashi_contents ul li:last-child {border:0;} #wrap #main #main_contents #midashi_contents ul li .label {float:left;width:140px;padding:5px;text-align:center;color:#ffffff;font-size:16px;box-sizing:border-box;} #wrap #main #main_contents #midashi_contents ul li .label a {color:#ffffff;} #wrap #main #main_contents #midashi_contents ul li .label01 {background-color:#3C429C;} #wrap #main #main_contents #midashi_contents ul li .label02 {background-color:#2386FE;} #wrap #main #main_contents #midashi_contents ul li .label03 {background-color:#7EC251;} #wrap #main #main_contents #midashi_contents ul li .label04 {background-color:#FEA142;} #wrap #main #main_contents #midashi_contents ul li .label05 {background-color:#F5C51D;} #wrap #main #main_contents #midashi_contents ul li .label06 {background-color:#fea142;} #wrap #main #main_contents #midashi_contents ul li .label09 {background-color:#808080;} #wrap #main #main_contents #midashi_contents ul li .label99 {padding:0;} #wrap #main #main_contents #midashi_contents ul li .title {float:left;width:375px;padding:0 0 0 10px;box-sizing:border-box;} #wrap #main #main_contents #midashi_contents ul li .title a {color:#000000;font-size:16px;} #wrap #main #main_contents #midashi_contents ul li .title02 {padding:5px 0 5px 10px;} #wrap #main #main_contents #midashi_contents ul li .title03 {padding:15px 0 5px 10px;} #wrap #main #main_contents #midashi_contents div {float:left;width:126px;padding:15px 0 0;text-align:right;} #wrap #main #main_contents #midashi_contents div img {} #wrap #main #main_contents .naiyo_contents {padding:15px 0;} #wrap #main #main_contents .naiyo_contents .naiyo_contents_left {float:left;width:49%;} #wrap #main #main_contents .naiyo_contents .naiyo_contents_left p {border:3px solid #c3c3c3;} #wrap #main #main_contents .naiyo_contents .naiyo_contents_left p img {width:100%;} #wrap #main #main_contents .naiyo_contents .naiyo_contents_left div {padding:10px 0 0;} #wrap #main #main_contents .naiyo_contents .naiyo_contents_left div a {color:#3c429c;font-size:13px;font-weight:bold;} #wrap #main #main_contents .naiyo_contents .naiyo_contents_right {float:right;width:49%;} #wrap #main #main_contents .naiyo_contents .naiyo_contents_right p {border:3px solid #c3c3c3;} #wrap #main #main_contents .naiyo_contents .naiyo_contents_right p img {width:100%;} #wrap #main #main_contents .naiyo_contents .naiyo_contents_right div {padding:10px 0 0;} #wrap #main #main_contents .naiyo_contents .naiyo_contents_right div a {color:#3c429c;font-size:13px;font-weight:bold;} #wrap #main #main_contents #coffeebreak {padding:15px 0 0;font-size:0;line-height:0;text-align:center;} #wrap #main #main_contents #coffeebreak img {} #wrap #main #main_contents #break_contents {border:1px solid #3f2010;width:565px;margin:0 auto;} #wrap #main #main_contents .break_contents00 {padding:10px;} #wrap #main #main_contents #topics_contents {padding:20px;margin:30px 0 0;background-color:#efefef;} #wrap #main #main_contents #topics_contents #topics_contents_title {margin-bottom:10px;} #wrap #main #main_contents #topics_contents .topics_contents_title_left {float:left;font-size:24px;font-weight:bold;width:140px;} #wrap #main #main_contents #topics_contents .topics_contents_title_right {float:left;text-align:right;width:390px;} #wrap #main #main_contents #topics_contents .topics_contents_title_right .contents01 {display:inline-block;width:130px;padding:5px;background-color:#666666;text-align:center;color:#ffffff;font-size:20px;} #wrap #main #main_contents #topics_contents .topics_contents_title_right .contents02 {display:inline-block;width:120px;padding:5px;font-size:20px;} #wrap #main #main_contents #topics_contents .topics_contents_item {padding:10px;background-color:#ffffff;margin-bottom:10px;} #wrap #main #main_contents #topics_contents .topics_contents_item .link {width:98%;float:left;padding:5px;} #wrap #main #main_contents #topics_contents .topics_contents_item .link a {color:#000000;font-size:16px;} #wrap #main #main_contents #topics_contents .topics_contents_item .link a:hover {text-decoration:underline;} #wrap #main #main_contents #topics_contents .topics_contents_item .id_p {width:5%;float:right;padding:5px;background-color:#666666;text-align:center;} #wrap #main #main_contents > #event_contents {margin:30px 0 0;padding:20px;background-color:#3c429c;} #wrap #main #main_contents #event_contents table {width:100%;} #wrap #main #main_contents #event_contents table tr {} #wrap #main #main_contents #event_contents table tr th {background-color:#3c429c;padding:0 10px 10px;} #wrap #main #main_contents #event_contents table tr th a {text-decoration: underline;} #wrap #main #main_contents #event_contents table tr td {background-color:#ffffff;padding:10px;} #wrap #main #main_contents #event_contents div {text-align:right;} #wrap #main #main_contents #event_contents div img {vertical-align:middle;} #wrap #main #main_contents #editors_note_contents {margin:30px 0;} #wrap #main #main_contents #editors_note_contents p {padding:0 0 5px;} #wrap #main #main_contents #editors_note_contents p img {} #wrap #main #main_contents #editors_note_contents div {padding:10px 0 0;border-top:3px solid #c3c3c3;} #wrap #main #main_contents #kaso_main_contents {padding:0 0 20px;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left {float:left;width:80%;padding:0 10px 0 0;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left h2 {padding:0 0 20px;font-size:18px;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left h2 span {display:block;font-size:14px;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left p {margin:40px 0 20px;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left img {width:100%;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left sup {font-size:75.5%;vertical-align:top;position:relative;top:-0.1em;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left sub {font-size:75.5%;vertical-align:bottom;position:relative;top: 0.1em;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left01 {float:left;width:75%;padding:0 10px 0 0;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left01 h2 {padding:0 0 20px;font-size:18px;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left01 h2 span {display:block;font-size:14px;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left01 p {margin:40px 0 20px;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left01 img {width:100%;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left02 {float:left;width:70%;padding:0 10px 0 0;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left02 h2 {padding:0 0 20px;font-size:18px;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left02 h2 span {display:block;font-size:14px;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left02 p {margin:40px 0 20px;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left02 img {width:100%;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left03 {width:100%;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left03 .movie {} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left03 .movie iframe {max-width:100%;display:block;margin:0 auto;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left04 {float:left;width:60%;padding:0 10px 0 0;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left04 h2 {padding:0 0 20px;font-size:18px;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left04 h2 span {display:block;font-size:14px;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left04 p {margin:40px 0 20px;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_left04 img {width:100%;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_right {float:right;width:20%;text-align:center;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_right img {width:100%;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_right01 {float:right;width:25%;text-align:center;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_right01 img {width:100%;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_right02 {float:right;width:30%;text-align:center;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_right02 img {width:100%;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_right04 {float:right;width:40%;text-align:center;} #wrap #main #main_contents #kaso_main_contents #kaso_main_contents_right04 img {width:100%;} #wrap #main #main_contents #kaso_main_contents h2 {padding:0 0 20px;font-size:18px;} #wrap #main #main_contents #kaso_main_contents h2 span {display:block;font-size:14px;} #wrap #main #main_contents #kaso_main_contents p {margin:40px 0 20px;} #wrap #main #main_contents #kaso_main_contents p > img {width:100%;} #wrap #main #main_contents #kaso_main_contents p > img:nth-child(n+1) {margin-top:20px;} #wrap #main #main_contents #kaso_main_contents p > img:nth-child(n+2) {margin-top:20px;} #wrap #main #main_contents #kaso_main_contents p > img:nth-child(n+3) {margin-top:20px;} #wrap #main #main_contents #kaso_main_contents > h3 {margin:20px 0 10px;font-weight:bold;font-size:16px;} #wrap #main #main_contents #kaso_main_contents > div {margin:0 0 20px;font-size:14px;} #wrap #main #main_contents #kaso_main_contents > div .red {color:#ff0000;} #wrap #main #main_contents #kaso_main_contents > div .blue {color:#0000ff;} #wrap #main #main_contents #kaso_main_contents > div .bold {font-weight:bold;} #wrap #main #main_contents #kaso_main_contents > div .no_padding {margin:0;padding:0;} #wrap #main #main_contents #kaso_main_contents > div p.line {margin:0;} #wrap #main #main_contents #kaso_main_contents > div .line {text-decoration:underline;} #wrap #main #main_contents #kaso_main_contents > div > h3 {margin:20px 0 10px;font-weight:bold;font-size:16px;} #wrap #main #main_contents #kaso_main_contents > div > div > div > h3 {margin:20px 0 10px;font-weight:bold;font-size:18px;} #wrap #main #main_contents #kaso_main_contents > div > h4 {font-weight:bold;font-size:16px;} #wrap #main #main_contents #kaso_main_contents > div > .photo {margin:0;} #wrap #main #main_contents #kaso_main_contents > div > .photo h4 {font-weight:bold;text-align:center;} #wrap #main #main_contents #kaso_main_contents > div > .photo img {width:100%;} #wrap #main #main_contents #kaso_main_contents > div > a {color:#0000ff;} #wrap #main #main_contents #kaso_main_contents > div .s {font-size:10px;} #wrap #main #main_contents #kaso_main_contents > div .text_right {text-align:right;} #wrap #main #main_contents #kaso_main_contents > div > .comment_contents {padding:20px;border:2px solid #c3c3c3;background-color:#f6f4de;} #wrap #main #main_contents #kaso_main_contents > div > .comment_contents ul {padding:0 0 0 20px;margin:0;} #wrap #main #main_contents #kaso_main_contents > div > .comment_contents ul li {list-style-type: disc;margin-bottom:5px;} #wrap #main #main_contents #kaso_main_contents > div .title img {max-width: 100%;} #wrap #main #main_contents #kaso_main_contents > div .title {} #wrap #main #main_contents #kaso_main_contents > div .items {margin:10px 0 30px;} #wrap #main #main_contents #kaso_main_contents > div .items:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #wrap #main #main_contents #kaso_main_contents > div .items .items_left {float: left;width: 65%;} #wrap #main #main_contents #kaso_main_contents > div .items .items_left img {max-width: 100%;} #wrap #main #main_contents #kaso_main_contents > div .items .items_right {float: right;width: 34%;padding:10px;color:#000;background-color: #ddf2ff;} #wrap #main #main_contents #kaso_main_contents > div .items .items_right .sub_title {font-size:13px;line-height: 1.5;font-weight: bold;margin:0 0 10px;} #wrap #main #main_contents #kaso_main_contents > div .items .items_right .caption {font-size:11px;line-height: 1.5;} #wrap #main #main_contents #kaso_main_contents > div .photo01 {} #wrap #main #main_contents #kaso_main_contents > div .photo01 img {max-width: 100%;} #wrap #main #main_contents #kaso_main_contents > div .text {margin:10px 0 0;padding:10px;color:#000;background-color: #ddf2ff;} #wrap #main #main_contents #kaso_main_contents > div .text .sub_title {font-size:13px;line-height: 1.5;font-weight: bold;margin:0 0 10px;text-align: center;} #wrap #main #main_contents #kaso_main_contents > div .text .caption {font-size:11px;line-height: 1.5;} #wrap #main #main_contents #kaso_main_contents > div .photo {margin:0 auto 20px;font-size:0;line-height:0;} #wrap #main #main_contents #kaso_main_contents > div .photo img {max-width:300px;display:block;margin:0 auto;} #wrap #main #main_contents #kaso_main_contents > div .photo p {margin:0;padding:10px 0;text-align:center;font-size:14px;line-height:1.5;} #wrap #main #main_contents #kaso_main_contents ul {padding:0;} #wrap #main #main_contents #kaso_main_contents ul li {list-style-type:none;margin:0;} #wrap #main #main_contents #kaso_main_contents .ul_list_no {padding:0 0 0 21px;} #wrap #main #main_contents #kaso_main_contents .ul_list_no li {list-style-type:disc;margin:0;} #wrap #main #main_contents #kaso_main_contents .ul_list_number {padding:0 0 0 21px;} #wrap #main #main_contents #kaso_main_contents .ul_list_number li {list-style-type:decimal;margin:0 0 8px;} #wrap #main #main_contents #kaso_main_contents .coffeebreak_comment {text-align:right;font-size:11px;padding:0;margin:0;} #wrap #main #main_contents #kaso_main_contents > div > p.title {margin:0;padding:0;font-weight:bold;} #wrap #main #main_contents #kaso_main_contents > div > p.comment {margin:0;padding:0;} #wrap #main #main_contents #kaso_main_contents > div > p.comment_right {margin:0;padding:0;text-align:right;} #wrap #main #main_contents #kaso_main_contents > div > table {margin:0;padding:0;} #wrap #main #main_contents #kaso_main_contents > div > table tbody {} #wrap #main #main_contents #kaso_main_contents > div > table tbody tr {} #wrap #main #main_contents #kaso_main_contents > div > table tbody tr th {text-align:center;padding:0 10px;border:1px solid #000;background-color:#66CCFF;} #wrap #main #main_contents #kaso_main_contents > div > table tbody tr td {text-align:center;padding:0 10px;border:1px solid #000;} #wrap #main #main_contents #kaso_main_contents > div > div.comment{font-size:11px;} #wrap #main #main_contents #kaso_main_contents .text_right {text-align:right;} .coffeebreak02_wrap {background-color:#ffff99;} .coffeebreak02_contents {} .coffeebreak02_contents .page_header_image {margin:0 0 5px !important;} .coffeebreak02_contents .page_header_image img {max-width:100%;display:block;margin:0 auto;} .coffeebreak02_contents .flag_caption {border-top:3px solid #000;border-bottom:3px solid #000;padding-top:8px;margin:0 !important;} .coffeebreak02_contents div .national_flag {float:left;width:30%;padding:13px 0;} .coffeebreak02_contents div .national_flag img {max-width:100%;} .coffeebreak02_contents div .national_caption {float:left;width:70%;height:110px;padding-left:130px;background:url("../image/coffeebreak/national_caption.png") no-repeat top left;-moz-background-size:auto 100%;background-size:auto 100%;} .coffeebreak02_contents div .national_caption ul {} .coffeebreak02_contents div .national_caption ul li {font-size:22px;padding:30px 0 0;margin-left:160px;text-align:left;} .coffeebreak02_contents .items01 {} .coffeebreak02_contents .items01 .h2 {height:90px;background:url("../image/coffeebreak/no1_image.png") no-repeat top left;-moz-background-size:auto 100%;background-size:auto 100%;font-size:26px;text-align:center;padding-top:32px;} .coffeebreak02_contents .items01 .caption {font-size:12px;line-height:1.5;padding-left:10px;padding-bottom:10px;} .coffeebreak02_contents .items01 .caption01 {} .coffeebreak02_contents .items01 .caption01:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .coffeebreak02_contents .items01 .caption01 .caption01_left {float:left;width:55%;} .coffeebreak02_contents .items01 .caption01 .caption01_left .s {font-size:10px;padding-top:9px;padding-right:9px;} .coffeebreak02_contents .items01 .caption01 .caption01_left .h3 {font-size:18px;padding-top:16px;} .coffeebreak02_contents .items01 .caption01 .caption01_left .h3_3 {padding-top:16px;} .coffeebreak02_contents .items01 .caption01 .caption01_left .h3 img {vertical-align:bottom;} .coffeebreak02_contents .items01 .caption01 .caption01_left .h3_caption {padding:10px 10px 20px 0;font-size:12px;line-height:1.5;} .coffeebreak02_contents .items01 .caption01 .caption01_right {float:right;width:45%;padding:0;margin-top:10px;background-color:#fff;position:relative;top:0;left:0;} .coffeebreak02_contents .items01 .caption01 .caption01_right img {max-width:100%;} .coffeebreak02_contents .items01 .caption02 {margin-top:10px;} .coffeebreak02_contents .items01 .caption02:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .coffeebreak02_contents .items01 .caption02 .caption02_left {float:left;width:45%;} .coffeebreak02_contents .items01 .caption02 .caption02_left img {max-width:100%;} .coffeebreak02_contents .items01 .caption02 .caption02_right {float:right;width:55%;padding:0;position:relative;top:0;left:0;} .coffeebreak02_contents .items01 .caption02 .caption02_right .h3 {font-size:18px;padding-left:15px;} .coffeebreak02_contents .items01 .caption02 .caption02_right .h3 img {vertical-align:bottom;} .coffeebreak02_contents .items01 .caption02 .caption02_right .h3_caption {padding: 10px 0 0 15px;font-size:12px;line-height:1.5;} .coffeebreak02_contents .items01 .caption02 .caption02_right .h3_caption p {padding:00 !important;margin:0 !important;font-style:italic;} .coffeebreak02_contents .items04 {border-radius:10px;border:1px solid #000;} .coffeebreak02_contents .items04:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .coffeebreak02_contents .items04 .caption01_left {float:left;width:9%;padding:5px 10px;background-color:#000;border-radius: 10px;color:#fff;text-align:center;} .coffeebreak02_contents .items04 .caption01_left img {max-width:100%;} .coffeebreak02_contents .items04 .caption01_right {float:right;width:91%;font-size:12px;padding:16px 15px;text-align:left;} #wrap #footer {width:100%;min-width:570px;padding:20px 0;background-color:#505055;} #wrap #footer #footer_contents {width:570px;margin:0 auto;padding:0 15px;} #wrap #footer #footer_contents ul {padding:0 0 10px;} #wrap #footer #footer_contents ul li {float:left;width:25%;text-align:center;} #wrap #footer #footer_contents ul li a {color:#ffffff;font-weight:bold;text-decoration:underline;font-size:12px;} #wrap #footer #footer_contents div {padding: 0 0 10px;text-align:center;color:#ffffff;} #wrap #footer #footer_contents .footer_comment {padding-top:40px;font-weight:bold;font-size:12px;} #wrap #footer #footer_contents div span {float:left;display:inline-block;width:50%;color:#ffffff;font-weight:bold;font-size:12px;} #wrap #footer #footer_contents div span a {color:#ffffff;text-decoration:underline;font-weight:bold;}