@charset "UTF-8"; #Title { margin:0 auto; padding:0; width:100%; height:auto; display:block; position: relative; } #Title ul{ margin:0; padding:0; width:100%; height:auto; display:block; list-style:none; } #Title ul li.mainVisual2{ margin:0; padding:0; width:100%; height:auto; display:block; position: relative; } #Title ul li.mainVisual2 span{ margin:0; padding:0; width:100%; height:auto; display:block; background-size: contain; } #Title img{ margin:0 auto; padding:0; width:100%; height:auto; display:block; } h2#h2_cafe { margin:0; padding:0; width:177px; height:88px; display:block; background:none; position:absolute; bottom:10px; right:10px;} h2#h2_party { margin:0; padding:0; width:270px; height:64px; display:block; background:none; position:absolute; bottom:20px; right:20px;} h2#h2_kids { margin:0; padding:0; width:177px; height:88px; display:block; background:none; position:absolute; bottom:20px; right:20px;} @media (max-width: 1200px){ #Title { margin:0 auto; margin-bottom: 10px; padding:0; width:100%; height:auto; display:block; position: relative;} #Title ul{ margin:0; padding:0; width:100%; height:auto; display:block; list-style:none; } #Title ul li.mainVisual2{ margin:0; padding:0; width:100%; height:auto; display:block; position: relative; } #Title ul li.mainVisual2 span{ margin:0; padding:0; width:100%; height:auto; display:block; background-size: contain; } #Title img{ margin:0 auto; padding:0; width:100%; height:auto; display:block; } h2#h2_cafe { margin:0; padding:0; width:14.25%; height:auto; display:block; position:absolute; bottom:10px; right:10px; background:none;} h2#h2_party { margin:0; padding:0; width:22.6%; height:auto; display:block; position:absolute; bottom:10px; right:10px; background:none;} h2#h2_kids { margin:0; padding:0; width:14.75%; height:auto; display:block; position:absolute; bottom:10px; right:10px; background:none;} } /* Table */ .tbl01{margin:0; padding:0; background:#CCCCCC; color:#653923; width:620px; } .tbl01 th{margin:0; padding:10px 5px; background:#F6F6F6; font-size:1.2rem; font-weight:normal; text-align:center; } .tbl01 td{margin:0; padding:10px 5px; background:#FFFFFF; font-size:1.2rem; font-weight:normal; text-align:left; } .tbl02{margin:0 0 10px 0; padding:0; background:#CCCCCC; color:#653923; width:620px; } .tbl02 th{margin:0; padding:10px; width:160px; background:#F6F6F6; font-size:1.2rem; font-weight:normal; text-align:left; } .tbl02 th.th2{margin:0; padding:10px; width:160px; background:#F6F6F6; font-size:01.2rem; font-weight:normal; text-align:center; } .tbl02 td{margin:0; padding:10px; background:#FFFFFF; font-size:1.2rem; font-weight:normal; text-align:left; } .tbl02 td input{ display:inline; margin:0; padding:5px; border:1px solid #595757;} .tbl02 td select{ display:inline; margin:0; padding:5px 5px; border:1px solid #595757;} .tbl02 td textarea{ display:block; margin:0; padding:5px; border:1px solid #595757; width:90%;} .btn_back{ display:inline; width:104px; height:35px; border:1px solid #653923; background:#FFFFFF; color:#653923; font-size:1.1rem; font-weight:bold; cursor:pointer;} .btn_confirm{ display:inline; width:104px; height:35px; border:1px solid #653923; background:#FFFFFF; color:#653923; font-size:1.1rem; font-weight:bold; cursor:pointer;} .btn_send{ display:inline; width:104px; height:35px; border:1px solid #653923; background:#FFFFFF; color:#653923; font-size:1.1rem; font-weight:bold; cursor:pointer;} @media (max-width: 620px){ .tbl01{margin:0; padding:0; background:#CCCCCC; color:#653923; width:100%; } .tbl01 th{margin:0; padding:5px; background:#F6F6F6; font-size:1.2rem; font-weight:normal; text-align:center; } .tbl01 td{margin:0; padding:5px; background:#FFFFFF; font-size:1.2rem; font-weight:normal; text-align:left; } .tbl02{margin:0 0 10px 0; padding:0; background:#CCCCCC; color:#653923; width:100%; } .tbl02 th{margin:0; padding:10px; width:160px; background:#F6F6F6; font-size:1.2rem; font-weight:normal; text-align:left; } .tbl02 th.th2{margin:0; padding:10px; width:160px; background:#F6F6F6; font-size:1.2rem; font-weight:normal; text-align:center; } .tbl02 td{margin:0; padding:10px; background:#FFFFFF; font-size:1.2rem; font-weight:normal; text-align:left; } .tbl02 td input{ display:inline; margin:0; padding:5px; border:1px solid #595757;} .tbl02 td select{ display:inline; margin:0; padding:5px 5px; border:1px solid #595757;} .tbl02 td textarea{ display:block; margin:0; padding:5px; border:1px solid #595757; width:90%;} .btn_back{ display:inline; width:104px; height:35px; border:1px solid #653923; background:#FFFFFF; color:#653923; font-size:1.1rem; font-weight:bold; cursor:pointer;} .btn_confirm{ display:inline; width:104px; height:35px; border:1px solid #653923; background:#FFFFFF; color:#653923; font-size:1.1rem; font-weight:bold; cursor:pointer;} .btn_send{ display:inline; width:104px; height:35px; border:1px solid #653923; background:#FFFFFF; color:#653923; font-size:1.1rem; font-weight:bold; cursor:pointer;} } /* BlockCompany */ #BlockCompany { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0; width:620px; display:block; box-sizing:border-box; } #BlockCompany h3{margin:0 auto; padding:0; width:620px; display:block; box-sizing:border-box; font-size:2.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockCompany h4{ margin:0 auto; margin-bottom:20px; padding:0; width:620px; display:block; box-sizing:border-box; font-size:1.2rem; line-height:140%; color:#0068B6; text-align:center; font-weight:normal; } #BlockCompany p{ margin:0; padding:0; margin-bottom:20px; display:block; font-size:1.2rem; line-height:140%; color:#231815; text-align:left; } @media (max-width: 620px){ #BlockCompany { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0 10px; width:100%; display:block; box-sizing:border-box; } #BlockCompany h3{margin:0 auto; padding:0; width:100%; display:block; box-sizing:border-box; font-size:2.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockCompany h4{ margin:0 auto; margin-bottom:20px; padding:0; width:100%; display:block; box-sizing:border-box; font-size:1.2rem; line-height:140%; color:#0068B6; text-align:center; font-weight:normal; } #BlockCompany p{ margin:0; padding:0; margin-bottom:20px; display:block; font-size:1.2rem; line-height:140%; color:#231815; text-align:left; } } /* BlockMedia */ #BlockMedia { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0; width:780px; display:block; box-sizing:border-box; } #BlockMedia h3{margin:0 auto; margin-bottom:10px; padding:0; width:780px; display:block; box-sizing:border-box; font-size:2.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockMedia ul { margin: 0 auto; padding: 0; width:auto; height:auto; list-style:none; display:table; } #BlockMedia ul li{ margin: 0; padding: 2px 14px; border:1px solid #0068B6; border-collapse:collapse; width:auto; height:auto; list-style:none; float:left; display: table-cell; } #BlockMedia ul li a{ color:#006886; text-decoration:none; font-size: 1.4rem; } #BlockMedia ul li a:hover{text-decoration:underline; } #BlockMedia iframe{ margin:0 auto; margin-top:20px; margin-bottom:20px; padding:20px 0; border-top:3px dotted #194E70; width:780px; min-height:500px; display:block; box-sizing:border-box; overflow:hidden;} #BlockMediaInner { margin:0 auto; padding:0 0 50px 0; width:760px; display:block; box-sizing:border-box; } #BlockMediaInner h4{ margin:0 auto; padding:0; width:760px; display:block; box-sizing:border-box; font-size:1.8rem; line-height:140%; color:#194E70; text-align:center; } #BlockMediaInner dl { margin: 0; padding: 10px 30px; border-bottom:3px dotted #92ABBB; width:700px; height:auto; list-style:none; } #BlockMediaInner dl dt{ margin: 0; padding: 0; width:100px; height:auto; color:#0068B6; float:left; } #BlockMediaInner dl dd{ margin: 0; padding: 0; width:600px; height:auto; color:#653923; float:left; } #BlockMediaInner dl dd a{ color:#653923; text-decoration:none; } #BlockMediaInner dl dd a:hover{ color:#653923; text-decoration:underline } @media (max-width: 780px){ #BlockMedia { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0 10px; width:100%; display:block; box-sizing:border-box; } #BlockMedia h3{margin:0 auto; margin-bottom:10px; padding:0; width:100%; display:block; box-sizing:border-box; font-size:2.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockMedia ul { margin: 0 auto; padding: 0; width:auto; height:auto; list-style:none; display:table; } #BlockMedia ul li{ margin: 0; padding: 2px 10px; border:1px solid #0068B6; border-collapse:collapse; width:auto; height:auto; list-style:none; float:left; display: table-cell; } #BlockMedia iframe{ margin:0 auto; margin-top:20px; margin-bottom:20px; padding:20px 0; border-top:3px dotted #194E70; width:100%; min-height:500px; display:block; box-sizing:border-box; overflow:hidden;} #BlockMediaInner { margin:0 auto; padding:0 0 50px 0; width:100%; display:block; box-sizing:border-box; } #BlockMediaInner h4{ margin:0 auto; padding:0; width:100%; display:block; box-sizing:border-box; font-size:1.8rem; line-height:140%; color:#194E70; text-align:center; } #BlockMediaInner dl { margin: 0; padding: 10px 30px; border-bottom:3px dotted #92ABBB; width:100%; height:auto; list-style:none; box-sizing:border-box; } #BlockMediaInner dl dt{ margin: 0; padding: 0; width:100px; height:auto; color:#0068B6; float:left; } #BlockMediaInner dl dd{ margin: 0; padding: 0; width:auto; height:auto; color:#653923; float:left; } #BlockMediaInner dl dd a{ color:#653923; text-decoration:none; } #BlockMediaInner dl dd a:hover{ color:#653923; text-decoration:underline } } /* BlockFAQ */ #BlockFAQ { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0; width:800px; display:block; box-sizing:border-box; } #BlockFAQ h3{margin:0 auto; padding:0 10px 0 0; width:640px; display:block; box-sizing:border-box; font-size:2.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockFAQ dl{ margin:0 auto; padding:10px 0; border-bottom:1px solid #0068B6; width:640px; display:block; box-sizing:border-box; } #BlockFAQ dl dt{ margin:0 auto; padding:0 10px; width:640px; display:block; box-sizing:border-box; font-size:1.8rem; line-height:140%; color:#0068B6; text-align:left; } #BlockFAQ dl dd{ margin:0 auto; padding:0 10px 5px 10px; width:640px; display:block; box-sizing:border-box; font-size:1.4rem; line-height:140%; color:#231815; text-align:left; line-height: 130%; } #BlockFAQ dl dd p{ font-size:1.4rem; line-height: 130%; } #BlockFAQ pre{ margin:0; padding:0; font-size:1.4rem !important; line-height:140% !important; color:#231815 !important; text-align:center !important; overflow: auto; white-space: pre-wrap; word-wrap: break-word; line-height: 130%; } #BlockFAQ a{ color:#006886; text-decoration:none; font-size: 1.4rem; } #BlockFAQ a:hover{text-decoration:underline; } @media (max-width: 800px){ #BlockFAQ { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0 10px; width:100%; display:block; box-sizing:border-box; } #BlockFAQ h3{margin:0 auto; padding:0 10px 0 0; width:100%; display:block; box-sizing:border-box; font-size:2.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockFAQ dl{ margin:0 auto; padding:10px 0; border-bottom:1px solid #0068B6; width:100%; display:block; box-sizing:border-box; } #BlockFAQ dl dt{ margin:0 auto; padding:0 10px; width:100%; display:block; box-sizing:border-box; font-size:1.8rem; line-height:140%; color:#0068B6; text-align:left; } #BlockFAQ dl dd{ margin:0 auto; padding:0 10px 5px 10px; width:100%; display:block; box-sizing:border-box; font-size:1.4rem; line-height:140%; color:#231815; text-align:left; } #BlockFAQ pre{ margin:0; padding:0; font-size:1.4rem !important; line-height:140% !important; color:#231815 !important; text-align:center !important; overflow: auto; white-space: pre-wrap; word-wrap: break-word; } } /* BlockRule */ #BlockRule { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0; width:620px; display:block; box-sizing:border-box; } #BlockRule h3{margin:0 auto; margin-bottom:20px; padding:0; width:620px; display:block; box-sizing:border-box; font-size:2.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockRule h4{ margin:0 auto; padding:0; width:620px; display:block; box-sizing:border-box; font-size:2.1rem; line-height:140%; color:#0068B6; text-align:left; font-weight:normal; } #BlockRule p{ margin:0; padding:0; margin-bottom:20px; display:block; font-size:1.1rem; line-height:140%; color:#000000; text-align:left; } @media (max-width: 620px){ #BlockRule { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0 10px; width:100%; display:block; box-sizing:border-box; } #BlockRule h3{margin:0 auto; margin-bottom:20px; padding:0; width:100%; display:block; box-sizing:border-box; font-size:2.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockRule h4{ margin:0 auto; padding:0; width:100%; display:block; box-sizing:border-box; font-size:2.1rem; line-height:140%; color:#0068B6; text-align:left; font-weight:normal; } #BlockRule p{ margin:0; padding:0; margin-bottom:20px; display:block; font-size:1.1rem; line-height:140%; color:#000000; text-align:left; } } /* BlockPrivacy */ #BlockPrivacy { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0; width:620px; display:block; box-sizing:border-box; } #BlockPrivacy h3{margin:0 auto; padding:0; width:620px; display:block; box-sizing:border-box; font-size:2.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockPrivacy h4{ margin:0 auto; margin-bottom:20px; padding:0; width:620px; display:block; box-sizing:border-box; font-size:1.6rem; line-height:140%; color:#0068B6; text-align:center; font-weight:normal; } #BlockPrivacy p{ margin:0; padding:0; margin-bottom:20px; display:block; font-size:1.1rem; line-height:140%; color:#000000; text-align:left; } #BlockPrivacy ul{ margin:0 auto; padding:0; width:620px; list-style:none; } #BlockPrivacy ul li{ margin:0 auto; margin-bottom:20px; padding:0 0 0 1.4rem; width:620px; font-size:1.1rem; line-height:140%; color:#0068B6; text-align:left; text-indent:-1.4rem; } #BlockPrivacy ul li:nth-child(10){ margin:0 auto; margin-bottom:20px; padding:0 0 0 2.5rem; width:620px; font-size:1.1rem; line-height:140%; color:#0068B6; text-align:left; text-indent:-2.5rem; } #BlockPrivacy ul span{ margin:0; padding:0; font-size:1.1rem; line-height:140%; color:#000000; text-align:left; } @media (max-width: 620px){ #BlockPrivacy { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0 10px; width:100%; display:block; box-sizing:border-box; } #BlockPrivacy h3{margin:0 auto; padding:0; width:100%; display:block; box-sizing:border-box; font-size:2.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockPrivacy h4{ margin:0 auto; margin-bottom:20px; padding:0; width:100%; display:block; box-sizing:border-box; font-size:1.6rem; line-height:140%; color:#0068B6; text-align:center; font-weight:normal; } #BlockPrivacy p{ margin:0; padding:0; margin-bottom:20px; display:block; font-size:1.1rem; line-height:140%; color:#000000; text-align:left; } #BlockPrivacy ul{ margin:0 auto; padding:0; width:100%; list-style:none; } #BlockPrivacy ul li{ margin:0 auto; margin-bottom:20px; padding:0 0 0 1.4rem; width:100%; font-size:1.1rem; line-height:140%; color:#0068B6; text-align:left; text-indent:-1.4rem; box-sizing:border-box; } #BlockPrivacy ul li:nth-child(10){ margin:0 auto; margin-bottom:20px; padding:0 0 0 2.5rem; width:620px; font-size:1.1rem; line-height:140%; color:#0068B6; text-align:left; text-indent:-2.5rem; } #BlockPrivacy ul span{ margin:0; padding:0; font-size:1.1rem; line-height:140%; color:#000000; text-align:left; } } /* BlockLink */ #BlockLink { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0; width:820px; display:block; box-sizing:border-box; } #BlockLink h3{margin:0 auto; margin-bottom:20px; padding:0; width:820px; display:block; box-sizing:border-box; font-size:2.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockLinkInner { margin:0;padding:0; width:820px; display:block; box-sizing:border-box; } #BlockLink dl{ margin:0 10px; padding:0; width:185px; display:block; box-sizing:border-box; float:left; } #BlockLink dl dt{ margin:0 0 20px 0; padding:0; border-bottom:1px solid #0068B6; width:185px; display:block; box-sizing:border-box; } #BlockLink dl dt h4{ margin:0; padding:0; display:block; box-sizing:border-box; font-size:1.5rem; line-height:140%; color:#0068B6; text-align:left; } #BlockLink dl dd{ margin:0; padding:0; width:185px; display:block; box-sizing:border-box; font-size:1.1rem; line-height:140%; color:#653923; text-align:left; } #BlockLink dl dd ul{ margin:0; padding:0; display:block; list-style:none; } #BlockLink dl dd ul li{ margin:0 0 10px 0; padding:0; display:block; } #BlockLink dl dd ul li a{ color:#653923; text-decoration:none; } #BlockLink dl dd ul li a:hover{ color:#653923; text-decoration:underline; } @media (max-width: 620px){ #BlockLink { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0 10px; width:100%; display:block; box-sizing:border-box; } #BlockLink h3{margin:0 auto; margin-bottom:20px; padding:0; width:100%; display:block; box-sizing:border-box; font-size:2.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockLinkInner { margin:0;padding:0; width:100%; display:block; box-sizing:border-box; } #BlockLink dl{ margin:0 0 20px 0; padding:0; width:100%; display:block; box-sizing:border-box; float:none; } #BlockLink dl dt{ margin:0 0 20px 0; padding:0; border-bottom:1px solid #0068B6; width:100%; display:block; box-sizing:border-box; } #BlockLink dl dt h4{ margin:0; padding:0; display:block; box-sizing:border-box; font-size:1.5rem; line-height:140%; color:#0068B6; text-align:left; } #BlockLink dl dd{ margin:0; padding:0; width:100%; display:block; box-sizing:border-box; font-size:1.1rem; line-height:140%; color:#653923; text-align:left; } #BlockLink dl dd ul{ margin:0; padding:0; display:block; list-style:none; } #BlockLink dl dd ul li{ margin:0 0 10px 0; padding:0; display:block; } #BlockLink dl dd ul li a{ color:#653923; text-decoration:none; } #BlockLink dl dd ul li a:hover{ color:#653923; text-decoration:underline; } } /* BlockContact */ #BlockContact { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0; width:620px; display:block; box-sizing:border-box; } #BlockContact h3{margin:0 auto; padding:0; width:620px; display:block; box-sizing:border-box; font-size:2.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockContact h4{ margin:0; padding:0; margin-bottom:20px; display:block; font-size:1.2rem; line-height:140%; color:#000000; text-align:center; font-weight:normal; } #BlockContact p{ margin:0; padding:0; margin-bottom:20px; display:block; font-size:1.3rem; line-height:140%; color:#000000; text-align:center; } #BlockContact a{ color:#006886; text-decoration:none; } #BlockContact a:hover{ color:#006886; text-decoration:underline; } @media (max-width: 620px){ #BlockContact { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0 10px; width:100%; display:block; box-sizing:border-box; } #BlockContact h3{margin:0 auto; padding:0; width:100%; display:block; box-sizing:border-box; font-size:2.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockContact h4{ margin:0; padding:0; margin-bottom:20px; display:block; font-size:1.2rem; line-height:140%; color:#000000; text-align:center; font-weight:normal; } #BlockContact p{ margin:0; padding:0; margin-bottom:20px; display:block; font-size:1.3rem; line-height:140%; color:#000000; text-align:center; } } /* BlockGoods */ #BlockGoods { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:100px 0 0 0; width:960px; display:block; box-sizing:border-box; background:url(../img/bg_goods.png) top center no-repeat; } #BlockGoods h3{margin:0 auto; padding:0; width:780px; display:block; box-sizing:border-box; font-size:1.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockGoods h4{margin:0 auto; margin-bottom:10px; padding:0; width:780px; display:block; box-sizing:border-box; font-size:2.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockGoods p{ margin:0; padding:0; margin-bottom:20px; display:block; font-size:1.2rem; line-height:140%; color:#653923; text-align:center; } h3.h3_goods{margin:0 auto; padding:0; display:block; box-sizing:border-box; height:auto; font-size:1.2rem; line-height:140%; color:#194E70; text-align:left; } #BlockGoodsInner01 { margin:0 auto; padding:0; width:650px; display:block; box-sizing:border-box; } #BlockGoodsInner01 dl{ margin:0 5px; padding:0; width:120px; height:180px; display:block; float:left; } #BlockGoodsInner01 dl dt{ margin:0; padding:0; width:120px; height:110px; display:block; } #BlockGoodsInner01 dl dd{ margin:0; padding:0; width:120px; height:60px; display:block; font-size:1.0rem; line-height:140%; text-align:center;} #BlockGoods ul{ display:block; list-style:none; text-align:center; margin-bottom:25px;} #BlockGoods ul li{ display:inline-block; margin:0 auto; padding:10px; border:2px solid #653923; width:auto; color:#653923; font-size:1.8rem; font-weight:bold; text-align:center;} #BlockGoods ul li a{ color:#653923; font-size:2.1rem; font-weight:bold; margin-left: auto; margin-right: auto; text-decoration:none;} #BlockGoods ul li a:hover{ text-decoration:none;} @media (max-width: 960px){ #BlockGoods { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:100px 10px 0 10px; width:100%; display:block; box-sizing:border-box; background:url(../img/bg_goods.png) top center no-repeat; } #BlockGoods h3{margin:0 auto; padding:0; width:100%; display:block; box-sizing:border-box; font-size:1.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockGoods h4{margin:0 auto; margin-bottom:10px; padding:0; width:100%; display:block; box-sizing:border-box; font-size:2.4rem; line-height:140%; color:#194E70; text-align:center;} #BlockGoods p{ margin:0; padding:0; margin-bottom:20px; display:block; font-size:1.2rem; line-height:140%; color:#653923; text-align:center; } h3.h3_goods{margin:0 auto; padding:0; display:block; box-sizing:border-box; height:auto; font-size:1.2rem; line-height:140%; color:#194E70; text-align:left; } #BlockGoodsInner01 { margin:0 auto; padding:0; width:280px; display:block; box-sizing:border-box; text-align:center; } #BlockGoodsInner01 dl{ margin:0 10px; padding:0; width:120px; height:180px; display:block; float:left; vertical-align:top; } #BlockGoodsInner01 dl dt{ margin:0; padding:0; width:120px; height:110px; display:block; } #BlockGoodsInner01 dl dd{ margin:0; padding:0; width:120px; height:60px; display:block; font-size:1.0rem; line-height:140%; text-align:center;} } /* BlockPort */ #BlockPort { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0; width:960px; display:block; box-sizing:border-box; } #BlockPortInner01 { margin:0 auto; margin-bottom:30px; padding:0; width:800px; display:block; box-sizing:border-box; } #BlockPortInner01 p{ margin:0; padding:0; margin-bottom:5px; display:block; font-size:1.0rem; line-height:180%; color:#653923; text-align:left; } #BlockPortInner01L { margin:0; padding:0; width:355px; display:block; float:left; } #BlockPortInner01L h3{margin:0 auto; padding:0; width:355px; display:block; box-sizing:border-box; font-size:1.7rem; line-height:140%; color:#194E70;} #BlockPortInner01L h4{margin:0 auto; margin-bottom:10px; padding:0; width:355px; display:block; box-sizing:border-box; font-size:2.2rem; line-height:140%; color:#194E70;} #BlockPortInner01R { margin:0; padding:0; width:445px; display:block; float:right; } #BlockPortInner01R ul{ margin:0; padding:0; width:445px; display:block; list-style:none; } #BlockPortInner01R ul li.li01{ margin:0 0 0 83px; padding:0 0 0 10px; display:block; background:url(../img/arrow04.png) center left no-repeat; float:left; } #BlockPortInner01R ul li.li02{ margin:0 0 0 90px; padding:0 0 0 10px; display:block; background:url(../img/arrow04.png) center left no-repeat; float:left; } #BlockPortInner01R ul li a{ margin:0; padding:0; display:block; font-size:0.90rem; color:#006886; text-decoration: none;} #BlockPortInner01R ul li a:hover{ text-decoration: underline;} #BlockPortInner02 { margin:0 auto; padding:0; width:800px; display:block; box-sizing:border-box; } #BlockPortInner02 p{ margin:0; padding:0; margin-bottom:20px; display:block; font-size:1.0rem; line-height:180%; color:#653923; text-align:left; } #BlockPortInner02L { margin:0; padding:0; width:188px; display:block; float:left; } #BlockPortInner02R { margin:0; padding:0; width:602px; display:block; float:right; } #BlockPortInner02R h3{margin:0 auto; padding:0; width:780px; display:block; box-sizing:border-box; font-size:1.7rem; line-height:140%; color:#194E70;} #BlockPortInner02R h4{margin:0 auto; margin-bottom:10px; padding:0; width:780px; display:block; box-sizing:border-box; font-size:2.2rem; line-height:140%; color:#194E70;} @media (max-width: 960px){ #BlockPort { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0 20px; width:100%; display:block; box-sizing:border-box; } #BlockPortInner01 { margin:0 auto; margin-bottom:30px; padding:0; width:100%; display:block; box-sizing:border-box; } #BlockPortInner01 p{ margin:0; padding:0; margin-bottom:5px; display:block; font-size:1.0rem; line-height:180%; color:#653923; text-align:left; } #BlockPortInner01L { margin:0; padding:0; width:100%; display:block; float:none; } #BlockPortInner01L h3{margin:0 auto; padding:0; width:100%; display:block; box-sizing:border-box; font-size:1.7rem; line-height:140%; color:#194E70; text-align:center;} #BlockPortInner01L h4{margin:0 auto; margin-bottom:10px; padding:0; width:100%; display:block; box-sizing:border-box; font-size:2.2rem; line-height:140%; color:#194E70; text-align:center;} #BlockPortInner01R { margin:0; padding:0; width:100%; display:block; float:none; } #BlockPortInner01R ul{ margin:0; padding:0; width:100%; display:block; list-style:none; } #BlockPortInner01R ul li.li01{ margin:0 0 0 33px; padding:0 0 0 10px; display:block; background:url(../img/arrow04.png) center left no-repeat; float:left; } #BlockPortInner01R ul li.li02{ margin:0 33px 0 00; padding:0 0 0 10px; display:block; background:url(../img/arrow04.png) center left no-repeat; float:right; } #BlockPortInner01R ul li a{ margin:0; padding:0; display:block; font-size:0.90rem; color:#006886; text-decoration: none; } #BlockPortInner02 { margin:0 auto; padding:0; width:100%; display:block; box-sizing:border-box; } #BlockPortInner02 p{ margin:0; padding:0; margin-bottom:20px; display:block; font-size:1.0rem; line-height:180%; color:#653923; text-align:left; } #BlockPortInner02L { margin:0; padding:0; width:100%; display:block; float:none; text-align:center; } #BlockPortInner02R { margin:0; padding:0; width:100%; display:block; float:none; } #BlockPortInner02R h3{margin:0 auto; padding:0; width:100%; display:block; box-sizing:border-box; font-size:1.7rem; line-height:140%; color:#194E70; text-align:center;} #BlockPortInner02R h4{margin:0 auto; margin-bottom:10px; padding:0; width:100%; display:block; box-sizing:border-box; font-size:2.2rem; line-height:140%; color:#194E70; text-align:center;} } /* BlockEventTop */ #BlockEventTop { margin:0 auto; margin-bottom:25px; padding:0 25px; border-bottom:1px solid #633822; width:800px; display:block; box-sizing:border-box; } #BlockEventTop2 { margin:0 auto; margin-bottom:25px; padding:0 25px; width:800px; display:block; box-sizing:border-box; } #BlockEventTopInner01 { margin:15px 0 10px 0; padding:0; width:750px; display:block; box-sizing:border-box; } #BlockEventTopInner01 iframe{ margin:0; padding:0; border:1px solid #A9AAAA; width:750px; height:308px; display:block; box-sizing:border-box; overflow-x: hidden; overflow-y:scroll; } #BlockEventTopInner03 { margin:0; padding:0; display:block; box-sizing:border-box; } #BlockEventTopInner03 dl{ margin:0; padding:0; width:720px; height:300px; display:block; box-sizing:border-box;} #BlockEventTopInner03 dl dt{ margin:0; padding:0; width:214px; height:298px; display:block; float:left; position:fixed;} #BlockEventTopInner03 dl dd{ margin:0; padding:20px; width:484px; height:auto; display:block; box-sizing:border-box; float:right;} #BlockEventTopInner03 dl dd h3{ margin:0; padding:0; width:474px; height:40px; display:block; background:url(../img/h3_eventtop.png) top left no-repeat; text-indent:-9999px;} #BlockEventTopInner03 dl dd ul{ margin:0; padding:0; width:100%; display:block;} #BlockEventTopInner03 dl dd ul li{ margin:0; padding:5px 10px 5px 12px; width:100%; max-width:100%; display:block; color:#044D8E; background:url(../img/arrow01.png) center left no-repeat; box-sizing:border-box; font-size:0.8rem; line-height:140%; float:none;} #BlockEventTopInner03 dl dd ul li a{ color:#044D8E;} #BlockEventTopInner03 dl dd h4{ margin:0; padding:0; font-size:1.2rem; line-height:140%; color:#044D8E; font-family:"UD新ゴ H","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important;} #BlockEventTopInner03 dl dd h4.h4_month{ margin:0; padding:0; font-size:1.2rem; line-height:140%; color:#693805; font-family:"UD新ゴ H","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important;} #BlockEventTopInner03 { word-break: break-all !important; } #BlockEventTopInner02 { margin:0 0 5px 0; padding:0; width:750px; display:block; font-size:1.0rem; line-height:140%; color:#653923; text-align:center; } #BlockEventList { margin:0 auto; padding:0; width:780px; display:block; box-sizing:border-box; } #BlockEventList h3{margin:0 auto; padding:0; width:780px; height:30px; display:block; box-sizing:border-box; background:url(../img/h3_eventlist.png) top left no-repeat; text-indent:-9999px;} #BlockEventList p{margin:0 0 20px 0; padding:0; font-size:0.9rem; line-height:140%; color:#653923; text-align:center; } #BlockEventListInner01 { margin:0 auto; padding:0; width:780px; display:block; box-sizing:border-box; } #BlockEventListInner01 dl{ margin:0 5px; padding:0; width:120px; height:180px; display:block; float:left; } #BlockEventListInner01 dl dt{ margin:0; padding:0; width:120px; height:110px; display:block; } #BlockEventListInner01 dl dd{ margin:0; padding:0; width:120px; height:60px; display:block; font-size:0.8rem; line-height:140%; text-align:center;} #BlockEventListInner02 { margin:0 0 10px 0; padding:0; width:780px; display:block; font-size:1.0rem; line-height:140%; color:#653923; text-align:center; } #BlockEventListDetail { margin:0 auto; margin-top:30px; padding:0; width:780px; display:block; box-sizing:border-box; } #BlockEventListDetail h3{margin:0 auto; margin-bottom:10px; padding:0; width:620px; display:block; box-sizing:border-box; font-size:1.8rem; line-height:120%; color:#653923; text-align:center;} #BlockEventListDetail h4{ margin:0 auto; margin-bottom:20px; padding:0; width:620px; display:block; box-sizing:border-box; font-size:1.2rem; line-height:120%; color:#653923; text-align:center; font-weight:normal; } #BlockEventListDetail p{margin:0 0 20px 0; padding:0; font-size:0.9rem; line-height:140%; color:#653923; text-align:center; } #BlockEventListDetailInner { margin:0 auto; padding:0; width:620px; display:block; box-sizing:border-box; } #BlockEventListDetailInner ul{ margin:0; padding:0; width:620px; display:block; list-style:none; font-size:0; line-height:100%; } #BlockEventListDetailInner ul li{ margin:0 2px; padding:0; width:120px; height:111px; overflow:hidden; white-space: nowrap; display: inline-block; text-align:center;} #BlockEventListDetailInner ul li a{ margin:0; padding:0; width:120px; height:107px; overflow:hidden; white-space: nowrap; display: block; } #BlockEventListDetailInner ul li img{ min-width:120px; height:auto; margin-left: -50%; margin-right: -50%;} .link_pn{ margin:0 auto; padding:20px 0; width:780px; display:block; box-sizing:border-box; text-align:center; font-size:0.9rem; } .link_pn a{ color:#653923; } /* BlockBacknumber */ #BlockBacknumber { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0; width:804px; display:block; box-sizing:border-box; } #BlockBacknumber h3{ margin:0 auto; padding:0; width:804px; height:30px; display:block; box-sizing:border-box; background:url(../img/h3_backnumber.png) top left no-repeat; text-indent:-9999px;} #BlockBacknumber h4{ margin:0 auto; padding:0; width:620px; display:block; box-sizing:border-box; font-size:0.9rem; line-height:140%; color:#6A3906; text-align:center; font-weight:normal; } #BlockBacknumber p{ margin:0 0 20px 0; padding:0; display:block; font-size:0.9rem; line-height:140%; color:#6A3906; text-align:center; } .BlockBacknumberInner01 { margin:0 auto; margin-bottom:20px; padding:0 0 20px 0; border-bottom:1px solid #633822; width:780px; display:block; box-sizing:border-box; } .BlockBacknumberInner01 h5{ margin:0 auto; margin-bottom:20px; padding:0; width:770px; display:block; box-sizing:border-box; font-size:1.2rem; line-height:140%; color:#6A3906; text-align:left; font-weight:normal; } .BlockBacknumberInner01 p{margin:0 0 20px 0; padding:0; font-size:0.9rem; line-height:140%; color:#653923; text-align:center; } .BlockBacknumberInner01 dl{ margin:0 5px; padding:0; width:120px; height:180px; display:block; float:left; } .BlockBacknumberInner01 dl dt{ margin:0; padding:0; width:120px; height:110px; display:block; } .BlockBacknumberInner01 dl dd{ margin:0; padding:0; width:120px; height:60px; display:block; font-size:0.8rem; line-height:140%; text-align:center;} .BlockBacknumberInner02 { margin:0 auto; margin-top:40px; padding:0; width:770px; display:block; font-size:1.0rem; line-height:140%; color:#653923; text-align:center; } @media (max-width: 640px){ #BlockEventTop { margin:0 auto; margin-bottom:25px; padding:0; border-bottom:1px solid #633822; width:100%; display:block; box-sizing:border-box; } #BlockEventTop2 { margin:0 auto; margin-bottom:25px; padding:0; width:100%; display:block; box-sizing:border-box; } #BlockEventTopInner01 { margin:15px 0 10px 0; padding:0; width:100%; display:block; box-sizing:border-box; } #BlockEventTopInner01 iframe{ margin:0; padding:0; border:0; width:100%; height:298px; display:block; box-sizing:border-box; overflow-x: hidden; overflow-y:scroll; } #BlockEventTopInner03 { margin:0; padding:0; display:block; box-sizing:border-box; } #BlockEventTopInner03 dl{ margin:0; padding:0; width:100%; height:300px; display:block; box-sizing:border-box; text-align:center;} #BlockEventTopInner03 dl dt{ margin:0; padding:0; width:100%; height:auto; display:in-block; float:none; position: static;} #BlockEventTopInner03 dl dd{ margin:0; padding:20px 20px 20px 20px; width:100%; height:auto; display:block; box-sizing:border-box; float:none; text-align:left;} #BlockEventTopInner03 dl dd.rtop{ margin:0; padding:0 20px; width:100%; height:auto; display:block; box-sizing:border-box; float:none; text-align:left;} #BlockEventTopInner03 dl dd h3{ margin:-20px 0 0 0; padding:0; width:100%; height:40px; display:block; background:url(../img/h3_eventtop.png) top left no-repeat; text-indent:-9999px;} #BlockEventTopInner03 dl dd ul{ margin:0; padding:0; width:100%; display:block;} #BlockEventTopInner03 dl dd ul li{ margin:0; padding:5px 10px 5px 12px; width:100%; max-width:100%; display:block; color:#044D8E; background:url(../img/arrow01.png) center left no-repeat; box-sizing:border-box; font-size:0.8rem; line-height:140%; float:none;} #BlockEventTopInner03 dl dd ul li a{ color:#044D8E;} #BlockEventTopInner03 dl dd h4{ margin:0; padding:0; font-size:1.2rem; line-height:140%; color:#044D8E; font-family:"UD新ゴ H","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important;} #BlockEventTopInner03 dl dd h4.h4_month{ margin:0; padding:0; font-size:1.2rem; line-height:140%; color:#693805; font-family:"UD新ゴ H","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important;} #BlockEventTopInner02 { margin:0 0 5px 0; padding:0 10px; width:100%; display:block; font-size:1.0rem; line-height:140%; color:#653923; text-align:center; box-sizing:border-box; } #BlockEventList { margin:0 auto; padding:0; width:100%; display:block; box-sizing:border-box; } #BlockEventList h3{margin:0 auto; padding:0; width:100%; height:30px; display:block; box-sizing:border-box; background:url(../img/h3_eventlist.png) top center no-repeat; text-indent:-9999px;} #BlockEventList p{margin:0 0 20px 0; padding:0; font-size:0.9rem; line-height:140%; color:#653923; text-align:center; } #BlockEventListInner01 { margin:0 auto; padding:0; width:100%; display:block; box-sizing:border-box; text-align:center; } #BlockEventListInner01 dl{ margin:0 5px; padding:0; width:120px; height:180px; display:inline-block; float:none; } #BlockEventListInner01 dl dt{ margin:0; padding:0; width:120px; height:110px; display:block; } #BlockEventListInner01 dl dd{ margin:0; padding:0; width:120px; height:60px; display:block; font-size:0.8rem; line-height:140%; text-align:center;} #BlockEventListInner02 { margin:0 0 10px 0; padding:0; width:100%; display:block; font-size:1.0rem; line-height:140%; color:#653923; text-align:center; } #BlockEventListDetail { margin:0 auto; margin-top:30px; padding:0; width:80%; display:block; box-sizing:border-box; } #BlockEventListDetail h3{margin:0 auto; margin-bottom:10px; padding:0; width:100%; display:block; box-sizing:border-box; font-size:1.8rem; line-height:120%; color:#653923; text-align:center;} #BlockEventListDetail h4{ margin:0 auto; margin-bottom:20px; padding:0; width:100%; display:block; box-sizing:border-box; font-size:1.2rem; line-height:120%; color:#653923; text-align:center; font-weight:normal; } #BlockEventListDetail p{margin:0 0 20px 0; padding:0; font-size:1.0rem; line-height:140%; color:#653923; text-align:center; } #BlockEventListDetailInner { margin:0 auto; padding:0; width:90%; display:block; box-sizing:border-box; } #BlockEventListDetailInner ul{ margin:0; padding:0; width:100%; display:block; list-style:none; text-align:center; font-size:0; line-height:100%; } #BlockEventListDetailInner ul li{ margin:0 2px; padding:0; width:120px; height:111px; overflow:hidden; white-space: nowrap; display: inline-block; text-align:center;} #BlockEventListDetailInner ul li a{ margin:0; padding:0; width:120px; height:107px; overflow:hidden; white-space: nowrap; display: block; } #BlockEventListDetailInner ul li img{ min-width:120px; height:auto; margin-left: -50%; margin-right: -50%;} .link_pn{ margin:0 auto; padding:20px 0; width:100%; display:block; box-sizing:border-box; text-align:center; font-size:0.9rem; } .link_pn a{ color:#653923; } .link_pn_innerL{ margin:0 auto; margin-top:5px; margin-bottom:10px; padding:0; width:100%; height:94px; border:1px solid #653923; display: table; box-sizing:border-box; background:url(../img/pn_arrowl.png) center left no-repeat; } .link_pn_innerLA{ margin:0; padding:0 10px 0 40px; width:70%; display: table-cell; vertical-align:middle;box-sizing:border-box; } .link_pn_innerLB{ margin:0; padding:0; display:table-cell; height:94px; text-align:right; } .link_pn_innerLB img{ margin:0; padding:0; max-width:119px; height:97px;vertical-align: bottom; } .link_pn_innerR{ margin:0 auto; margin-top:5px; margin-bottom:10px; padding:0; width:100%; height:94px; border:1px solid #653923; display: table; box-sizing:border-box; background:url(../img/pn_arrowr.png) center right no-repeat; } .link_pn_innerRA{ margin:0; padding:0; display:table-cell; height:94px; text-align:left; } .link_pn_innerRA img{ margin:0; padding:0; max-width:119px; height:97px;vertical-align: bottom; } .link_pn_innerRB{ margin:0; padding:0 40px 0 10px; width:70%; display: table-cell; vertical-align:middle;box-sizing:border-box; } /* BlockBacknumber */ #BlockBacknumber { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0 10px; width:100%; display:block; box-sizing:border-box; } #BlockBacknumber h3{ margin:0 auto; padding:0; width:100%; height:30px; display:block; box-sizing:border-box; background:url(../img/h3_backnumber.png) top center no-repeat; text-indent:-9999px;} #BlockBacknumber h4{ margin:0 auto; padding:0; width:100%; display:block; box-sizing:border-box; font-size:0.9rem; line-height:140%; color:#6A3906; text-align:center; font-weight:normal; } #BlockBacknumber p{ margin:0 0 20px 0; padding:0; display:block; font-size:0.9rem; line-height:140%; color:#6A3906; text-align:center; } .BlockBacknumberInner01 { margin:0 auto; margin-bottom:20px; padding:0 0 20px 0; border-bottom:1px solid #633822; width:100%; display:block; box-sizing:border-box; text-align:center; } .BlockBacknumberInner01 h5{ margin:0 auto; margin-bottom:20px; padding:0; width:100%; display:block; box-sizing:border-box; font-size:1.2rem; line-height:140%; color:#6A3906; text-align:left; font-weight:normal; text-align:center; } .BlockBacknumberInner01 p{margin:0 0 20px 0; padding:0; font-size:0.9rem; line-height:140%; color:#653923; } .BlockBacknumberInner01 dl{ margin:0 5px; padding:0; width:120px; height:180px; display:inline-block; float:none; } .BlockBacknumberInner01 dl dt{ margin:0; padding:0; width:120px; height:110px; display:block; } .BlockBacknumberInner01 dl dd{ margin:0; padding:0; width:120px; height:60px; display:block; font-size:0.8rem; line-height:140%; text-align:center;} .BlockBacknumberInner02 { margin:0 auto; margin-top:40px; padding:0; width:770px; display:block; font-size:1.0rem; line-height:140%; color:#653923; text-align:center; } } /* BlockCafe */ #BlockCafe { margin:0 auto; margin-top:12px; margin-bottom:30px; padding:0; width:1000px; display:block; box-sizing:border-box; } #BlockCafeInner01 { margin:0 0 25px 0; padding:10px 0 25px 0; border-bottom:1px solid #633822; width:1000px; display:block; box-sizing:border-box; } #BlockCafeInner01 h3{ margin:0 0 15px 0; padding:0; width:100%; height:auto; display:block; color:#8EBD20; font-size:2.1rem; text-align: center; font-family:"こぶりなゴシック W6 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; } #BlockCafeInner01 p{margin:0; padding:0; line-height:140%; color:#000000; font-size:1.14rem; text-align: center; font-family:"こぶりなゴシック W3 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important;} #BlockCafeInner02 { margin:0 0 5px 0; padding:0; width:1000px; display:block; font-size:1.0rem; line-height:120%; color:#653923; text-align:center; } #BlockCafeInner02 h4{ margin:0 0 5px 0; padding:0; width:1000px; height:28px; display:block; background:url(../img/h4_cafe.png) top center no-repeat; text-indent:-9999px;} #BlockCafeInner02 p{margin:0 0 5px 0; padding:0; font-size:0.9rem; line-height:140%; color:#653923; text-align:center; } #BlockCafeInner02 iframe{ margin:0 auto; padding:0; border:1px solid #A9AAAA; width:950px; height:338px; display:block; box-sizing:border-box; overflow-x: hidden; overflow-y:scroll; } #BlockCafeInner03 { margin:0; padding:0; display:block; box-sizing:border-box; } #BlockCafeInner03 dl{ margin:0; padding:0; width:920px; height:300px; display:block; box-sizing:border-box;} #BlockCafeInner03 dl dt{ margin:0; padding:0; width:218px; height:298px; display:block; float:left; position:fixed;} #BlockCafeInner03 dl dt p{ margin:0; padding:0 2px; font-size:0.9rem; line-height:140%; text-align:center; color:#653923; } #BlockCafeInner03 dl dd{ margin:0; padding:20px 0 20px 0; width:684px; height:auto; display:block; box-sizing:border-box; float:right;} #BlockCafeInner03 dl dd dl{ margin:20px 20px 20px 0; padding:0; width:322px; height:auto; display:block; float:left;} #BlockCafeInner03 dl dd dl dt{ margin:0; padding:0; width:92px; height:auto; display:block; float:none; position:static;} #BlockCafeInner03 dl dd dl dt h4{ margin:0; padding:0; font-size:1.0rem; line-height:140%; color:#653923; font-weight:bold;} #BlockCafeInner03 dl dd dl dd{ margin:0; padding:0; width:322px; height:auto; display:block; float:none; font-size:0.8rem; color:#653923;} #BlockCafeInner03 dl dd dl dd dl{ margin:0; padding:0; width:322px; height:17px; display:block; float:none;} #BlockCafeInner03 dl dd dl dd dl dt{ margin:0; padding:0; width:208px; height:17px; display:block; background:url(../img/dot.png) center left repeat-x; float:left;} #BlockCafeInner03 dl dd dl dd dl dd{ margin:0; padding:0; width:114px; height:17px; display:block; background:url(../img/dot.png) center left repeat-x; text-align:right; float:right;} #BlockCafeInner03 dl dd dl dd dl dt span{ background:#FFFFFF; padding:0 2px;} #BlockCafeInner03 dl dd dl dd dl dd span{ background:#FFFFFF; padding:0 2px;} #BlockCafeInner03 dl dd dl dd dl.dl2 dt{ margin:0; padding:0; width:208px; height:17px; display:block; background:url(../img/dot.png) center left repeat-x; float:left;} #BlockCafeInner03 dl dd dl dd dl.dl2 dd{ margin:0; padding:0; width:114px; height:17px; display:block; background:url(../img/dot.png) center left repeat-x; text-align:right; float:right;} #BlockCafeInner03 dl dd dl dd dl.dl2 dt span{ background:#FFFFFF; padding:0 2px;} #BlockCafeInner03 dl dd dl dd dl.dl2 dd span{ background:#FFFFFF; padding:0 2px;} @media (max-width: 640px){ #BlockCafe { margin:0 auto; margin-top:12px; margin-bottom:30px; padding:0; width:100%; display:block; box-sizing:border-box; } #BlockCafeInner01 { margin:0 0 25px 0; padding:10px 10px 25px 10px; border-bottom:1px solid #633822; width:100%; display:block; box-sizing:border-box; } #BlockCafeInner01 h3{ margin:0 0 15px 0; padding:0; width:100%; height:auto; display:block; color:#8EBD20; font-size:2.1rem; text-align: center; font-family:"こぶりなゴシック W6 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important;} #BlockCafeInner01 p{margin:0; padding:0; line-height:140%; color:#000000; font-size:1.14rem; text-align: center; font-family:"こぶりなゴシック W3 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important;} #BlockCafeInner02 { margin:0 0 5px 0; padding:0; width:100%; display:block; font-size:1.0rem; line-height:120%; color:#653923; text-align:center; } #BlockCafeInner02 h4{ margin:0 0 5px 0; padding:0; width:100%; height:28px; display:block; background:url(../img/h4_cafe.png) top center no-repeat; text-indent:-9999px;} #BlockCafeInner02 p{margin:0 0 5px 0; padding:0 10px; font-size:0.9rem; line-height:140%; color:#653923; text-align:center; } #BlockCafeInner02 iframe{ margin:0 auto; padding:0; border:1px solid #A9AAAA; width:100%; height:298px; display:block; box-sizing:border-box; overflow-x: hidden; overflow-y:scroll; } #BlockCafeInner03 { margin:0 auto; padding:0; display:block; width:319px; box-sizing:border-box; } #BlockCafeInner03 dl{ margin:0 auto; padding:0; width:319px; height:auto; display:block; box-sizing:border-box; text-align:center;} #BlockCafeInner03 dl dt{ margin:0; padding:0; width:319px; height:auto; display:inline-block; float:none; position:static;} #BlockCafeInner03 dl dt p{ margin:0 auto; padding:0 2px; width:319px; display:block; font-size:0.9rem; line-height:140%; text-align:center; color:#653923; } #BlockCafeInner03 dl dd{ margin:0; padding:20px 0 20px 0; width:100%; height:auto; display:inline-block; box-sizing:border-box; float:none;} #BlockCafeInner03 dl dd dl{ margin:10px 0; padding:0; width:100%; height:auto; display:inline-block; float:none;} #BlockCafeInner03 dl dd dl dt{ margin:0; padding:0; width:100%; height:auto; display:block; float:none; text-align:center;} #BlockCafeInner03 dl dd dl dt h4{ margin:0; padding:0; font-size:1.0rem; line-height:140%; color:#653923; font-weight:bold;} #BlockCafeInner03 dl dd dl dd{ margin:0; padding:0; width:319px; height:auto; display:inline-block; float:none; font-size:0.8rem; color:#653923;} #BlockCafeInner03 dl dd dl dd dl{ margin:0; padding:0; width:319px; height:17px; display:block; float:none;} #BlockCafeInner03 dl dd dl dd dl dt{ margin:0; padding:0; width:208px; height:17px; display:block; background:url(../img/dot.png) center left repeat-x; float:left; text-align:left;} #BlockCafeInner03 dl dd dl dd dl dd{ margin:0; padding:0; width:111px; height:17px; display:block; background:url(../img/dot.png) center left repeat-x; text-align:right; float:right;} #BlockCafeInner03 dl dd dl dd dl dt span{ background:#FFFFFF; padding:0 2px;} #BlockCafeInner03 dl dd dl dd dl dd span{ background:#FFFFFF; padding:0 2px;} #BlockCafeInner03 dl dd dl dd dl.dl2 dt{ margin:0; padding:0; width:208px; height:17px; display:block; background:url(../img/dot.png) center left repeat-x; float:left; text-align:left;} #BlockCafeInner03 dl dd dl dd dl.dl2 dd{ margin:0; padding:0; width:111px; height:17px; display:block; background:url(../img/dot.png) center left repeat-x; text-align:right; float:right;} #BlockCafeInner03 dl dd dl dd dl.dl2 dt span{ background:#FFFFFF; padding:0 2px;} #BlockCafeInner03 dl dd dl dd dl.dl2 dd span{ background:#FFFFFF; padding:0 2px;} } /* BlockKids */ #BlockKids { margin:0 auto; margin-top:12px; margin-bottom:30px; padding:0; width:1200px; display:block; box-sizing:border-box; } #BlockKidsInner01 { margin:0 auto; margin-bottom: 40px; padding:10px 0 30px 0; width:1100px; display:block; box-sizing:border-box;background:url(../img/dot2.png) bottom center repeat-x; } #BlockKidsInner01 h3{ margin:0 0 15px 0; padding:0; width:100%; height:auto; display:block; color:#E29200; font-size:2.1rem; text-align: center; font-family:"こぶりなゴシック W6 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; } #BlockKidsInner01 p{margin:0; padding:0; line-height:140%; color:#000000; font-size:1.14rem; text-align: center; font-family:"こぶりなゴシック W3 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important;} #BlockKidsInner02 { margin:0 auto; margin-bottom: 40px; padding:0; width:1200px; display:flex; justify-content:space-between; flex-wrap: wrap; text-align:center; } #BlockKidsInner02 dl{ margin:0; padding:0; display:block; } #BlockKidsInner02 dl dt{ margin:0; padding:0; display:block; color:#000000; font-size:2.1rem; text-align: center; letter-spacing: -2px; font-family:"こぶりなゴシック W6 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; line-height: 100%; position: relative; z-index: 2; } #BlockKidsInner02 dl dt span{ margin:0; padding:0; display:block; color:#000000; font-size:1.4rem; text-align: center; letter-spacing: -2px; font-family:"こぶりなゴシック W6 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; } #BlockKidsInner02 dl dd{ margin:-26px 0 0 0; padding:0; display:block; position: relative; z-index: 1; } #BlockKidsInner02 p{margin:0 0 5px 0; padding:0; font-size:0.9rem; line-height:140%; color:#653923; text-align:center; } #BlockKidsInner03 { margin:0 auto; margin-bottom: 40px; padding:0; width:1200px; display:block; text-align:center; } #BlockKidsInner04 { margin:0 auto; margin-bottom: 40px; padding:0; width:1200px; display:block; text-align:center; } @media (max-width: 640px){ #BlockKids { margin:0 auto; margin-top:12px; margin-bottom:30px; padding:0; width:100%; display:block; box-sizing:border-box; } #BlockKidsInner01 { margin:0 auto; margin-bottom: 20px; padding:10px 20px 30px 20px; width:100%; display:block; box-sizing:border-box; background:url(../img/dot2.png) bottom center repeat-x; } #BlockKidsInner01 h3{ margin:0 0 15px 0; padding:0; width:100%; height:auto; display:block; color:#E29200; font-size:2.1rem; text-align: center; font-family:"こぶりなゴシック W6 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; } #BlockKidsInner01 p{margin:0; padding:0; line-height:140%; color:#000000; font-size:1.14rem; text-align: center; font-family:"こぶりなゴシック W3 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important;} #BlockKidsInner02 { margin:0 auto; margin-bottom: 20px; padding:0 20px; width:100%; display:flex; justify-content: center; flex-wrap: wrap; text-align:center; box-sizing: border-box; } #BlockKidsInner02 dl{ margin:0 0 10px 0; padding:0; display:block; } #BlockKidsInner02 dl dt{ margin:0; padding:0; display:block; color:#000000; font-size:2.1rem; text-align: center; letter-spacing: -2px; font-family:"こぶりなゴシック W6 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; line-height: 100%; position: relative; z-index: 2; } #BlockKidsInner02 dl dt span{ margin:0; padding:0; display:block; color:#000000; font-size:1.4rem; text-align: center; letter-spacing: -2px; font-family:"こぶりなゴシック W6 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; } #BlockKidsInner02 dl dd{ margin:-10px 0 0 0; padding:0; display:block; position: relative; z-index: 1; } #BlockKidsInner02 p{margin:0 0 5px 0; padding:0; font-size:0.9rem; line-height:140%; color:#653923; text-align:center; } #BlockKidsInner03 { margin:0 auto; margin-bottom: 20px; padding:0 20px; width:100%; display:block; text-align:center;box-sizing:border-box; } #BlockKidsInner04 { margin:0 auto; margin-bottom: 20px; padding:0 20px; width:100%; display:block; text-align:center; box-sizing:border-box;} } /* BlockNavigation */ #BlockNavigation { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0; width:100%; max-width:960px; display:block; box-sizing:border-box; } #BlockNavigation h3{ margin:0 0 15px 0; padding:0; width:100%; height:auto; display:block; color:#194E70; font-size:2.1rem; text-align: center; font-family:"こぶりなゴシック W6 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; } #BlockNavigation p{margin:0; padding:0; line-height:140%; color:#000000; font-size:1.14rem; text-align: center; font-family:"こぶりなゴシック W3 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important;} #BlockNavigationInner01 { margin:0 auto; margin-bottom:50px; padding:0;width:100%; max-width:960px; display:block; box-sizing:border-box; } .BlockNavigationInner02 { margin:0 auto; margin-bottom:20px; padding:0; width:780px; display:block; box-sizing:border-box; } .BlockNavigationInner02 dl{ margin:0 5px; padding:0; width:184px; height:auto; display:block; float:left; } .BlockNavigationInner02 dl dt{ margin:0 0 2px 0; padding:0; width:184px; height:142px; display:block; } .BlockNavigationInner02 dl dd{ margin:0; padding:0; width:184px; height:auto; display:block; font-size:0.8rem; line-height:140%; text-align:center;} .BlockNavigationInner02 dl dd h4{ margin:4px 0 0 0; padding:0; width:auto; display:block; font-size:1.0rem; color:#0074B6; box-sizing:border-box;text-align:left; font-family:"UD新ゴ DB","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; } #BlockNavigation .BlockNavigationInner02 dl dd p{ margin:0; padding:0; display:block; font-size:0.8rem; line-height:140%; color:#231815; text-align:left; } .BlockNavigationInner02 dl.long{ margin:0; padding:0; width:390px; height:auto; display:block; float: left; } .BlockNavigationInner02 dl.long dt{ margin:0 5px 2px 5px; padding:0; width:184px; height:auto; display:block; float:left; } .BlockNavigationInner02 dl.long dd{ margin:0 5px; padding:0; width:184px; height:142px; display:flex;flex-direction:column; justify-content: flex-end; flex-wrap:wrap; font-size:0.8rem; line-height:140%; text-align:center; float:left;} .BlockNavigationInner02 dl.long dd h4{ margin:0; padding:0; width:auto; display:block; box-sizing:border-box; font-size:1.0rem; line-height:140%; color:#0074B6; text-align:left; font-family:"UD新ゴ DB","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; } #BlockNavigation .BlockNavigationInner02 dl.long dd p{ margin:0; padding:0; display:block; font-size:0.8rem; line-height:140%; color:#231815; text-align:left; } @media (max-width: 780px){ #BlockNavigation { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0 10px; width:100%; display:block; box-sizing:border-box; } #BlockKidsInner01 h3{ margin:0 0 15px 0; padding:0; width:100%; height:auto; display:block; color:#194E70; font-size:2.1rem; text-align: center; font-family:"こぶりなゴシック W6 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; } #BlockKidsInner01 p{margin:0; padding:0; line-height:140%; color:#000000; font-size:1.14rem; text-align: center; font-family:"こぶりなゴシック W3 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important;} #BlockNavigationInner01 { margin:0 auto; margin-bottom:20px; padding:0; width:100%; display:block; box-sizing:border-box; } .BlockNavigationInner02 { margin:0 auto; margin-bottom:20px; padding:0; width:100%; max-width:378px; display:flex; justify-content:space-between; flex-wrap: wrap; box-sizing:border-box; } .BlockNavigationInner02 dl{ margin:0 0 10px 0; padding:0 5px; width:50%; max-width:184px; height:auto; display:block; box-sizing:border-box; float:none; } .BlockNavigationInner02 dl dt{ margin:0 0 2px 0; padding:0; width:100%; height:auto; display:block; } .BlockNavigationInner02 dl dd{ margin:0; padding:0; width:100%; height:auto; display:block; font-size:0.8rem; line-height:140%; text-align:center;} .BlockNavigationInner02 dl dd h4{ margin:2px 0 0 0; padding:0; width:auto; display:block; font-size:1.0rem; color:#0074B6; box-sizing:border-box;text-align:left; font-family:"UD新ゴ DB","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; } #BlockNavigation .BlockNavigationInner02 dl dd p{ margin:0; padding:0; display:block; font-size:0.7rem; line-height:140%; color:#231815; text-align:left; } .BlockNavigationInner02 dl.long{ margin:0 0 10px 0; padding:0 5px; width:50%; max-width:184px; height:auto; display:block; box-sizing:border-box; float:none; } .BlockNavigationInner02 dl.long dt{ margin:0 0 2px 0; padding:0; width:100%; height:auto; display:block; } .BlockNavigationInner02 dl.long dd{ margin:0; padding:0; width:100%; height:auto; display:block; font-size:0.8rem; line-height:140%; text-align:center;} .BlockNavigationInner02 dl.long dd h4{ margin:2px 0 0 0; padding:0; width:auto; display:block; font-size:1.0rem; color:#0074B6; box-sizing:border-box;text-align:left; font-family:"UD新ゴ DB","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; } #BlockNavigation .BlockNavigationInner02 dl.long dd p{ margin:0; padding:0; display:block; font-size:0.8rem; line-height:140%; color:#231815; text-align:left; } } /* BlockParty */ #BlockParty { margin:0 auto; margin-top:12px; margin-bottom:30px; padding:0; width:800px; display:block; box-sizing:border-box; } #BlockPartyInner01 { margin:0 auto; margin-bottom: 40px; padding:10px 0 30px 0; width:800px; display:block; box-sizing:border-box;background:url(../img/dot3.png) bottom center repeat-x; } #BlockPartyInner01 h3{ margin:0 0 15px 0; padding:0; width:100%; height:auto; display:block; color:#DE0515; font-size:2.1rem; text-align: center; font-family:"こぶりなゴシック W6 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; } #BlockPartyInner01 p{margin:0; padding:0; line-height:140%; color:#000000; font-size:1.14rem; text-align: center; font-family:"こぶりなゴシック W3 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important;} #BlockPartyInner02 { margin:0 auto; margin-bottom:35px; padding:0; width:608px; display:block; text-align:center; } #BlockPartyInner02 p{margin:0 0 5px 0; padding:0; font-size:0.9rem; line-height:140%; color:#000000; text-align:center; } #BlockPartyInner02 dl.eventdl01{ margin:0 0 20px 30px; padding:52px 0 0 0; width:253px; height:138px; display:block; background:url(../img/event_dl01.png) top left no-repeat; box-sizing:border-box; float:left;} #BlockPartyInner02 dl.eventdl01 dt{width:243px; height:50px; display:block; font-size:1.3rem; font-weight:bold; color:#000000;} #BlockPartyInner02 dl.eventdl01 dd{width:243px; display:block; font-size:0.75rem; font-weight:normal; color:#653923; text-align:left; line-height:120%;} #BlockPartyInner02 dl.eventdl01 dt p.p01{ display:block; margin:0; padding:0; font-size:1.3rem; font-weight:bold; color:#000000; position:relative; top:0; left:0;} #BlockPartyInner02 dl.eventdl01 dt p.p02{ display:block; margin:0; padding:0; font-size:1.3rem; font-weight:bold; color:#000000; position:relative; top:0; left:0;} #BlockPartyInner02 dl.eventdl01 dt p span{ font-size:0.9rem; font-weight:normal; color:#000000; text-align:left; line-height:120%;} #BlockPartyInner02 dl.eventdl02{ margin:0 30px 20px 0; padding:65px 0 0 0; width:253px; height:138px; display:block; background:url(../img/event_dl02.png) top left no-repeat; box-sizing:border-box; float:right;} #BlockPartyInner02 dl.eventdl02 dt{width:243px; height:40px; display:block; font-size:1.3rem; font-weight:bold; color:#000000; } #BlockPartyInner02 dl.eventdl02 dd{width:243px; display:block; font-size:0.75rem; font-weight:normal; color:#000000; text-align:left;line-height:120%;} #BlockPartyInner02 dl.eventdl02 dt p.p01{ display:block; margin:0; padding:0; font-size:1.3rem; font-weight:bold; color:#000000; position:relative; top:0; left:0;} #BlockPartyInner02 dl.eventdl02 dt p span{ font-size:0.9rem; font-weight:normal; color:#000000; text-align:left; line-height:120%;} #BlockPartyInner02 dl.eventdl03{ margin:0 10px; padding:0; width:588px; height:220px; display:block; background:url(../img/event_dl03.png) top left no-repeat; float:left;} #BlockPartyInner02 dl.eventdl03 dd{ margin:160px 0 0 420px; padding:0; width:149px; height:48px; display:block;} #BlockPartyInner02 .eventdl04{ margin:0 0 20px 0; padding:0; width:100%; display:block; text-align: center;} #BlockPartyInner03 { margin:0 auto; padding:0; width:592px; display:block; box-sizing:border-box; overflow:hidden; } #BlockPartyInner03 p{margin:0 0 4px 0; padding:0; font-size:0.775rem; line-height:140%; color:#000000; text-align:center; } #BlockPartyInner03 dl{ margin:0 3px 3px 0; padding:0; width:145px; height:145px; display:block; float:left; } #BlockPartyInner03 dl dt{ margin:0; padding:0; width:145px; height:145px; display:block; } #BlockPartyInner03 dl dd{ margin:-20px 0 0 0; padding:0 5px; width:135px; height:20px; display:block; font-size:0.9rem; color:#FFFFFF; line-height:140%; text-align:left;} @media (max-width: 640px){ #BlockParty { margin:0 auto; margin-top:12px; margin-bottom:0; padding:0 10px; width:100%; display:block; box-sizing:border-box; } #BlockPartyInner01 { mmargin:0 auto; margin-bottom: 20px; padding:10px 20px 30px 20px; width:100%; display:block; box-sizing:border-box; background:url(../img/dot3.png) bottom center repeat-x; } #BlockPartyInner01 h3{ margin:0 0 15px 0; padding:0; width:100%; height:auto; display:block; color:#DE0515; font-size:2.1rem; text-align: center; font-family:"こぶりなゴシック W6 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; } #BlockPartyInner01 p{margin:0; padding:0; line-height:140%; color:#000000; font-size:1.14rem; text-align: center; font-family:"こぶりなゴシック W3 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important;} #BlockPartyInner02 { margin:0 auto; margin-bottom:35px; padding:0; width:100%; display:block; text-align:center; } #BlockPartyInner02 p{margin:0 0 5px 0; padding:0; font-size:0.9rem; line-height:140%; color:#000000; text-align:center; } #BlockPartyInner02 dl.eventdl01{ margin:0 auto; margin-bottom:20px; padding:50px 0 0 0; width:253px; height:138px; display:block; background:url(../img/event_dl01.png) top center no-repeat; box-sizing:border-box; float:none;} #BlockPartyInner02 dl.eventdl01 dt{width:243px; height:50px; display:block; font-size:1.3rem; font-weight:bold; color:#000000;} #BlockPartyInner02 dl.eventdl01 dd{width:243px; display:block; font-size:0.75rem; font-weight:normal; color:#000000; text-align:left; line-height:120%;} #BlockPartyInner02 dl.eventdl01 dt p.p01{ display:block; margin:0; padding:0; font-size:1.3rem; font-weight:bold; color:#000000; position:relative; top:0; left:0;} #BlockPartyInner02 dl.eventdl01 dt p.p02{ display:block; margin:0; padding:0; font-size:1.3rem; font-weight:bold; color:#000000; position:relative; top:0; left:0;} #BlockPartyInner02 dl.eventdl01 dt p span{ font-size:0.9rem; font-weight:normal; color:#000000; text-align:left; line-height:120%;} #BlockPartyInner02 dl.eventdl02{ margin:0 auto; margin-bottom:20px; padding:65px 0 0 0; width:253px; height:138px; display:block; background:url(../img/event_dl02.png) top center no-repeat; box-sizing:border-box; float:none;} #BlockPartyInner02 dl.eventdl02 dt{width:243px; height:40px; display:block; font-size:1.3rem; font-weight:bold; color:#000000; } #BlockPartyInner02 dl.eventdl02 dd{width:243px; display:block; font-size:0.75rem; font-weight:normal; color:#000000; text-align:left;line-height:120%;} #BlockPartyInner02 dl.eventdl02 dt p.p01{ display:block; margin:0; padding:0; font-size:1.3rem; font-weight:bold; color:#000000; position:relative; top:0; left:0;} #BlockPartyInner02 dl.eventdl02 dt p span{ font-size:0.9rem; font-weight:normal; color:#000000; text-align:left; line-height:120%;} #BlockPartyInner02 dl.eventdl03{ margin:0 auto; padding:470px 0 0 43px; width:253px; height:538px; display:block; background:url(../img/event_dl03_sp.png) top center no-repeat; background-size:contain; float:none; box-sizing:border-box;} #BlockPartyInner02 dl.eventdl03 dd{ margin:0; padding:0; width:166px; height:54px; display:block;} #BlockPartyInner03 { margin:0 auto; padding:0; width:100%; display:block; box-sizing:border-box; overflow:hidden; text-align:center; } #BlockPartyInner03 p{margin:0 0 4px 0; padding:0; font-size:0.775rem; line-height:140%; color:#000000; text-align:center; } #BlockPartyInner03 dl{ margin:0 1px 2px 0; padding:0; width:145px; height:145px; display:inline-block; float:none; } #BlockPartyInner03 dl dt{ margin:0; padding:0; width:145px; height:145px; display:block; } #BlockPartyInner03 dl dd{ margin:-20px 0 0 0; padding:0 5px; width:135px; height:20px; display:block; font-size:0.9rem; color:#FFFFFF; line-height:140%; text-align:left;} } /* BlockGuidance */ #BlockGuidance { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0; width:960px; display:block; box-sizing:border-box; } #BlockGuidanceInner02 { margin:0 auto; margin-bottom:20px; padding:54px 0 0 0; width:640px; display:block; box-sizing:border-box; } #BlockGuidanceInner02L { margin:0; padding:0; width:300px; display:block; float:left; } #BlockGuidanceInner02L h3{ margin:0; margin-bottom:10px; padding:0; width:300px; display:block; box-sizing:border-box; font-size:1.7rem; line-height:140%; color:#194E70; text-align:left;font-family:"UD新ゴ M","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; } #BlockGuidanceInner02L p{ margin:0; padding:0; margin-bottom:20px; display:block; font-size:1.1rem; line-height:140%; color:#000000; text-align:left;font-family:"ヒラギノUD角ゴ W3 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; } #BlockGuidanceInner02R { margin:0; padding:0; width:328px; display:block; float:right; } #BlockGuidanceInner02R p{ margin:0; padding:0; display:block; font-size:0.75rem; line-height:140%; color:#000000; text-align:left; } #BlockGuidanceInner03 { margin:0 auto; margin-bottom:20px; padding:20px 0 0 0; border-top:3px dotted #194E70; width:820px; display:block; box-sizing:border-box; } #BlockGuidanceInner03 p{ margin:0; padding:0; display:block; font-size:1.1rem; line-height:140%; color:#000000; text-align:center; } #BlockGuidanceInner03 a{ color:#1B8EC5; } #BlockGuidanceInner03 h3{ margin:0 auto; margin-bottom:20px; padding:0; display:block; box-sizing:border-box; font-size:1.8rem; line-height:140%; color:#194E70; text-align:center; } #BlockGuidanceInner03 h4{ margin:0 auto; margin-bottom:10px; padding:0; font-size:1.5rem; line-height:140%; color:#000000; font-weight:normal; text-align:center; } #BlockGuidanceInner03 h5{ margin:0 auto; margin-bottom:10px; padding:0; font-size:1.2rem; line-height:150%; color:#000000; font-weight:normal; text-align:center; } .BlockSchedule2{ display: block; margin:0 auto;margin-bottom:30px; padding:0; width:490px; height:auto; text-align:right; border:0; } .BlockSchedule2 h3{margin:0 auto; margin-bottom:5px; padding:0; width:100%; display:block; box-sizing:border-box; font-size:1.2rem; line-height:140%; color:#194E70; text-align:center; letter-spacing:3px;} .BlockSchedule2 ul{ display: flex; justify-content:space-between; flex-wrap:nowrap; margin:0 auto; padding:4px 0; width:400px; list-style:none;} .BlockSchedule2 ul li { display:block; margin:0; padding:0; width:72px;} .BlockSchedule2 ul li dl{ display:block; margin:0; padding:0; border:2px solid #54C3F1; } .BlockSchedule2 ul li dl dt{ display:flex; justify-content: center; margin:0; padding:0 0 1px 0; background: #54C3F1; height:24px; align-items: center; } .BlockSchedule2 ul li dl dt sup{ display:block; color:#000000; position: relative; margin-left: -15px;font-family:"ヒラギノUD角ゴ W3 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important;font-size: 0.9rem; } .BlockSchedule2 ul li dl dt span{ display: flex; align-items: center; justify-content: center; margin: 0; width: 16px; height: 16px; border-radius: 50%; background: #FFFFFF; border:1px solid #000000; font-size: 0.9rem; font-weight: bold; color:#000000; text-align: center;font-family:"ヒラギノUD角ゴ W3 JIS2004","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important; } .BlockSchedule2 ul li dl dd{ display:flex; align-items: center; justify-content: center; flex-wrap:wrap; margin:0; padding:12px 0; background: #FFFFFF; color:#000000; font-size: 1.2rem; font-weight: bold; text-align: center; } .BlockSchedule2 ul li span.status { width:100%; margin:3px 0 0 0; padding:0; display:block; border:0; color:#000000; font-weight:bold; font-size: 1.5rem;} .BlockSchedule2 ul li span.none { width:100%; margin:3px 0 0 0; padding:0; display:block; border:0; font-size:1.0rem; color:#FFFFFF;} #BlockGuidanceInner04 { margin:0 auto; padding:20px 0 0 0; border-top:3px dotted #194E70; width:980px; display:block; box-sizing:border-box; } #BlockGuidanceInner04 h4{ margin:0; margin-bottom:10px; padding:0; display:block; box-sizing:border-box; font-size:1.6rem; line-height:140%; color:#194E70; text-align:center; } #BlockGuidanceInner04L { margin:0; padding:0; width:456px; display:block; float:left; } #BlockGuidanceInner04R { margin:0; padding:82px 0 0 0; width:456px; display:block; float:right; } #BlockGuidanceInner04R iframe{ margin:0; padding:0; width:456px; height:360px; display:block; } #BlockGuidanceInner05 { margin:0 auto; margin-bottom:20px; padding:20px 0 0 0; width:980px; display:block; box-sizing:border-box; text-align: center; } #BlockGuidanceInner06 { margin:0 auto; margin-bottom:20px; padding:10px 0 0 0; border-top:1px dotted #653923; border-bottom:1px dotted #653923; width:820px; display:block; box-sizing:border-box; } #BlockGuidanceInner07 { margin:0 auto; margin-bottom:20px; padding:10px 0 0 0; width:820px; display:block; box-sizing:border-box; text-align:center; } #BlockGuidanceInner07 p{ margin:0 0 10px 0; padding:0; display:block; font-size:1.4rem; line-height:140%; color:#194E70; font-weight:bold; text-align:center; } #BlockGuidanceInner08 { margin:0 auto; margin-bottom:10px; padding:20px 0 0 0; width:927px; display:flex; justify-content: space-between; flex-wrap:wrap; box-sizing:border-box; } #BlockGuidanceInner08 dl.guidancedl01{ margin:0; padding:81px 0 0 0; width:372px; height:683px; display:block; background:url(../img/guidance_dl01.jpg) top left no-repeat; box-sizing:border-box;} #BlockGuidanceInner08 dl.guidancedl01 dt{width:100%; display:block;} #BlockGuidanceInner08 dl.guidancedl01 dt ul{ display:flex; justify-content: flex-start; flex-wrap:wrap; width:372px; height:61px; padding:0 0 0 132px; box-sizing: border-box;} #BlockGuidanceInner08 dl.guidancedl01 dt ul li{ display:flex; align-items: center; justify-content: left; flex-wrap:wrap; width:120px; font-size:1.6rem; font-weight:bold; color:#000000; text-align:left; line-height:1.0rem; margin:0; padding:0 0 0 10px; box-sizing: border-box;} #BlockGuidanceInner08 dl.guidancedl01 dt ul:nth-of-type(4){ display:flex; justify-content: flex-start; flex-wrap:wrap; width:372px; height:61px; padding:0 0 0 132px; margin-bottom: 90px; box-sizing: border-box;} #BlockGuidanceInner08 dl.guidancedl01 dt ul:nth-of-type(2){ height:51px;} #BlockGuidanceInner08 dl.guidancedl01 dt ul:nth-of-type(5){ height:81px;} #BlockGuidanceInner08 dl.guidancedl01 dt ul:nth-of-type(6){ height:51px;} #BlockGuidanceInner08 dl.guidancedl01 dt ul:nth-of-type(7){ height:51px;} #BlockGuidanceInner08 dl.guidancedl02{ margin:0; padding:110px 0 0 0; width:487px; height:948px; display:block; background:url(../img/guidance_dl02.jpg) top left no-repeat; box-sizing:border-box;} #BlockGuidanceInner08 dl.guidancedl02 dt{width:100%; display:block;} #BlockGuidanceInner08 dl.guidancedl02 dt ul{ display:flex; justify-content: flex-start; flex-wrap:wrap; width:487px; height:61px; padding:0 0 0 316px; box-sizing: border-box;} #BlockGuidanceInner08 dl.guidancedl02 dt ul:nth-of-type(1){ margin-bottom: 94px;} #BlockGuidanceInner08 dl.guidancedl02 dt ul:nth-of-type(2){ margin-bottom: 94px;} #BlockGuidanceInner08 dl.guidancedl02 dt ul li{ display:flex; align-items: center; justify-content: left; flex-wrap:wrap; width:100%; font-size:2.0rem; font-weight:bold; color:#000000; text-align:left; line-height:1.0rem; margin:0; padding:0; box-sizing: border-box;} #BlockGuidanceInner08 dl.guidancedl02 dt ul li span{ font-size:1.6rem; font-weight:bold; color:#000000; text-align:left; line-height:1.0rem; margin:0; padding:0; box-sizing: border-box;} #BlockGuidanceInner09 { margin:0 auto; margin-top: -265px; margin-bottom:100px; padding:0 20px; width:948px; display:block; box-sizing:border-box; } #BlockGuidanceInner09 p{ margin:0; padding:0; display:block; font-size:1.1rem; line-height:150%; color:#000000; text-align:center; } #BlockGuidanceInner09 h3{ margin:0 auto; margin-bottom:20px; padding:0; display:block; box-sizing:border-box; font-size:1.8rem; line-height:150%; color:#000000; text-align:center; } #BlockGuidanceInner09 h4{ margin:0 auto; margin-bottom:10px; padding:0; font-size:1.5rem; line-height:140%; color:#000000; font-weight:normal; text-align:center; } #BlockGuidanceInner09b { margin:0 auto; margin-top: -265px; margin-bottom:200px; padding:0 20px; width:948px; display:block; box-sizing:border-box; } #BlockGuidanceInner09b p{ margin:0; padding:0; display:block; font-size:1.1rem; line-height:150%; color:#000000; text-align:center; } #BlockGuidanceInner09b h3{ margin:0 auto; margin-bottom:20px; padding:0; display:block; box-sizing:border-box; font-size:1.8rem; line-height:150%; color:#000000; text-align:center; } #BlockGuidanceInner09b h4{ margin:0 auto; margin-bottom:10px; padding:0; font-size:1.5rem; line-height:140%; color:#000000; font-weight:normal; text-align:center; } #BlockGuidanceInner10 { margin:0 auto; margin-top:34px; padding:0; width:960px; display:block; box-sizing:border-box; position:absolute; } #BlockGuidanceInner10 ul{ display:block; margin:0 auto; padding:0; width:920px; list-style:none; } #BlockGuidanceInner10 ul li { margin:0; padding:0; width:auto; height:19px; font-size:1.0rem; color:#000000; text-align:left;line-height:100%; display: block;} #BlockGuidanceInner10 ul li a{ padding:0 0 0 24px; color:#000000; text-decoration:none; background:url(../img/arrow03.png) center left no-repeat; } #BlockGuidanceInner10 ul li a:hover{padding:0 0 0 24px; color:#000000; text-decoration: underline;} @media (max-width: 640px){ #BlockGuidance { margin:0 auto; margin-top:30px; margin-bottom:30px; padding:0 10px; width:100%; display:block; box-sizing:border-box; } #BlockGuidanceInner02 { margin:0 auto; margin-bottom:20px; padding:30px 0 0 0; width:100%; display:block; box-sizing:border-box; } #BlockGuidanceInner02L { margin:0; padding:0; width:100%; display:block; float:none; } #BlockGuidanceInner02L h3{ margin:0; margin-bottom:10px; padding:0; width:100%; display:block; box-sizing:border-box; font-size:1.6rem; line-height:140%; color:#194E70; text-align:center; } #BlockGuidanceInner02L p{ margin:0; padding:0; margin-bottom:20px; display:block; font-size:0.9rem; line-height:140%; color:#231815; text-align:left; float:left; } #BlockGuidanceInner02R { display:block; float:none; width:100%; text-align: center; } #BlockGuidanceInner03 { margin:0 auto; margin-bottom:20px; padding:20px 0 0 0; border-top:3px dotted #194E70; width:100%; display:block; box-sizing:border-box; } #BlockGuidanceInner03 p{ margin:0; padding:0; display:block; font-size:0.8rem; line-height:140%; color:#653923; text-align:center; } #BlockGuidanceInner03 h3{ margin:0 auto; margin-bottom:20px; padding:0; display:block; box-sizing:border-box; font-size:1.8rem; line-height:140%; color:#194E70; text-align:center; } #BlockGuidanceInner03 h4{ margin:0 auto; margin-bottom:10px; padding:0; font-size:1.5rem; line-height:140%; color:#653923; font-weight:normal; text-align:center; } #BlockGuidanceInner03 h5{ margin:0 auto; margin-bottom:10px; padding:0; font-size:1.1rem; line-height:140%; color:#653923; font-weight:normal; text-align:center; } .BlockSchedule2{ display: block; margin:0 auto;margin-bottom:30px; padding:0; width:100%; max-width:480px; height:auto; text-align:right; border:0; } .BlockSchedule2 h3{margin:0 auto; margin-bottom:5px; padding:0; width:100%; display:block; box-sizing:border-box; font-size:1.2rem; line-height:140%; color:#194E70; text-align:center; letter-spacing:3px;} .BlockSchedule2 ul{ display: flex; justify-content:center; flex-wrap:nowrap; margin:0 auto; padding:4px 0; width:100%; max-width:400px; list-style:none;} .BlockSchedule2 ul li { display:block; margin:0 2px 10px 2px; padding:0; width:72px;} .BlockSchedule2 ul li dl{ display:block; margin:0; padding:0; border:2px solid #54C3F1; } .BlockSchedule2 ul li dl dt{ display:flex; justify-content: center; margin:0; padding:0 0 1px 0; background: #54C3F1; height:24px; align-items: center; } .BlockSchedule2 ul li dl dt sup{ display:block; color:#000000; position: relative; margin-left: -15px; } .BlockSchedule2 ul li dl dt span{ display: flex; align-items: center; justify-content: center; margin: 0; width: 16px; height: 16px; border-radius: 50%; background: #FFFFFF; border:1px solid #000000; font-size: 0.9rem; font-weight: bold; color:#000000; text-align: center; } .BlockSchedule2 ul li dl dd{ display:flex; align-items: center; justify-content: center; flex-wrap:wrap; margin:0; padding:12px 0; background: #FFFFFF; color:#000000; font-size: 1.2rem; font-weight: bold; text-align: center; } .BlockSchedule2 ul li span.status { width:100%; margin:3px 0 0 0; padding:0; display:block; border:0; color:#000000; font-weight:bold; font-size: 1.5rem;} .BlockSchedule2 ul li span.none { width:100%; margin:3px 0 0 0; padding:0; display:block; border:0; font-size:1.0rem; color:#FFFFFF;} #BlockGuidanceInner04 { margin:0 auto; padding:20px 0 0 0; border-top:3px dotted #194E70; width:100%; display:block; box-sizing:border-box; } #BlockGuidanceInner04 h4{ margin:0; margin-bottom:10px; padding:0; width:100%; display:block; box-sizing:border-box; font-size:1.6rem; line-height:140%; color:#194E70; text-align:center; } #BlockGuidanceInner04L { margin:0 0 20px 0; padding:0; width:100%; display:block; float:none; text-align:center; } #BlockGuidanceInner04R { margin:0; padding:0; width:100%; display:block; float:none; text-align:center; } #BlockGuidanceInner04R iframe{ margin:0 auto; margin-bottom:10px; padding:0; width:100%; height:353px; display:block; } #BlockGuidanceInner05 { margin:0 auto; margin-bottom:20px; padding:20px 0 0 0; width:100%; display:block; box-sizing:border-box; } #BlockGuidanceInner05 h5{ margin:0; padding:0; display:block; box-sizing:border-box; font-size:1.0rem; line-height:140%; color:#194E70; text-align:left; } #BlockGuidanceInner05 p{ margin:0 0 10px 0; padding:0; display:block; font-size:1.0rem; line-height:180%; color:#653923; text-align:left; } #BlockGuidanceInner06 { margin:0 auto; margin-bottom:20px; padding:10px 0 0 0; border-top:1px dotted #653923; border-bottom:1px dotted #653923; width:100%; display:block; box-sizing:border-box; } #BlockGuidanceInner06 h5{ margin:0; padding:0; display:block; box-sizing:border-box; font-size:1.2rem; line-height:140%; color:#194E70; text-align:left; } #BlockGuidanceInner06 p{ margin:0 0 10px 0; padding:0; display:block; font-size:1.2rem; line-height:140%; color:#653923; text-align:left; } #BlockGuidanceInner07 { margin:0 auto; margin-bottom:20px; padding:10px 0 0 0; width:100%; display:block; box-sizing:border-box; text-align:center; } #BlockGuidanceInner07 p{ margin:0 0 10px 0; padding:0; display:block; font-size:1.2rem; line-height:140%; color:#194E70; font-weight:bold; text-align:center; } #BlockGuidanceInner08 { margin:0 auto; margin-bottom:10px; padding:20px 0 0 0; width:100%; display:flex; justify-content: center; flex-wrap:wrap; box-sizing:border-box; } #BlockGuidanceInner08 dl.guidancedl01{ margin:0 0 20px 0; padding:76px 0 0 0; width:340px; height:624px; display:block; background:url(../img/guidance_dl01sp.jpg) top left no-repeat; box-sizing:border-box;} #BlockGuidanceInner08 dl.guidancedl01 dt{width:100%; display:block;} #BlockGuidanceInner08 dl.guidancedl01 dt ul{ display:flex; justify-content: flex-start; flex-wrap:wrap; width:372px; height:55px; padding:0 0 0 115px; box-sizing: border-box;} #BlockGuidanceInner08 dl.guidancedl01 dt ul li{ display:flex; align-items: center; justify-content: left; flex-wrap:wrap; width:110px; font-size:1.6rem; font-weight:bold; color:#000000; text-align:left; line-height:1.0rem; margin:0; padding:0 0 0 10px; box-sizing: border-box;} #BlockGuidanceInner08 dl.guidancedl01 dt ul:nth-of-type(4){ display:flex; justify-content: flex-start; flex-wrap:wrap; width:372px; height:55px; padding:0 0 0 115px; margin-bottom: 85px; box-sizing: border-box;} #BlockGuidanceInner08 dl.guidancedl02{ margin:0; padding:70px 0 0 0; width:340px; height:662px; display:block; background:url(../img/guidance_dl02sp.jpg) top left no-repeat; box-sizing:border-box;} #BlockGuidanceInner08 dl.guidancedl02 dt{width:100%; display:block;} #BlockGuidanceInner08 dl.guidancedl02 dt ul{ display:flex; justify-content: flex-start; flex-wrap:wrap; width:340px; height:61px; padding:0 0 0 220px; box-sizing: border-box;} #BlockGuidanceInner08 dl.guidancedl02 dt ul:nth-of-type(1){ margin-bottom: 46px;} #BlockGuidanceInner08 dl.guidancedl02 dt ul:nth-of-type(2){ margin-bottom: 46px;} #BlockGuidanceInner08 dl.guidancedl02 dt ul li{ display:flex; align-items: center; justify-content: left; flex-wrap:wrap; width:100%; font-size:1.6rem; font-weight:bold; color:#000000; text-align:left; line-height:1.0rem; margin:0; padding:0; box-sizing: border-box;} #BlockGuidanceInner08 dl.guidancedl02 dt ul li span{ font-size:1.4rem; font-weight:bold; color:#000000; text-align:left; line-height:1.0rem; margin:0; padding:0; box-sizing: border-box;} #BlockGuidanceInner09 { margin:0 auto; margin-bottom:20px; padding:0; width:100%; display:block; box-sizing:border-box; } #BlockGuidanceInner09 p{ margin:0; padding:0; display:block; font-size:0.8rem; line-height:140%; color:#653923; text-align:center; } #BlockGuidanceInner09 h3{ margin:0 auto; margin-bottom:20px; padding:0; display:block; box-sizing:border-box; font-size:1.8rem; line-height:140%; color:#194E70; text-align:center; } #BlockGuidanceInner09 h4{ margin:0 auto; margin-bottom:10px; padding:0; font-size:1.5rem; line-height:140%; color:#653923; font-weight:normal; text-align:center; } #BlockGuidanceInner09b { margin:0 auto; margin-bottom:20px; padding:0; width:100%; display:block; box-sizing:border-box; } #BlockGuidanceInner09b p{ margin:0; padding:0; display:block; font-size:0.8rem; line-height:140%; color:#653923; text-align:center; } #BlockGuidanceInner09b h3{ margin:0 auto; margin-bottom:20px; padding:0; display:block; box-sizing:border-box; font-size:1.8rem; line-height:140%; color:#194E70; text-align:center; } #BlockGuidanceInner09b h4{ margin:0 auto; margin-bottom:10px; padding:0; font-size:1.5rem; line-height:140%; color:#653923; font-weight:normal; text-align:center; } #BlockGuidanceInner10 { margin:0 auto; margin-top:34px; padding:0; width:100%; display:block; box-sizing:border-box; position:inherit; } #BlockGuidanceInner10 ul{ display:inline-block; margin:0 auto; padding:0; width:100%; list-style:none; text-align:center; } #BlockGuidanceInner10 ul li { margin:0; padding:0; width:auto; height:19px; font-size:1.0rem; color:#653923; text-align:left;line-height:100%; display: inline-block; } #BlockGuidanceInner10 ul li a{ padding:0 0 0 24px; color:#653923; text-decoration:none; background:url(../img/arrow03.png) center left no-repeat; } #BlockGuidanceInner10 ul li a:hover{padding:0 0 0 24px; color:#653923; text-decoration: underline;} } #BlockGuidanceInner08en { margin:0 auto; margin-bottom:10px; padding:20px 0 0 0; width:927px; display:flex; justify-content: space-between; flex-wrap:wrap; box-sizing:border-box; } #BlockGuidanceInner08en dl.guidancedl01en{ margin:0; padding:81px 0 0 0; width:372px; height:683px; display:block; background:url(../img/guidance_dl01_en.jpg) top left no-repeat; box-sizing:border-box;} #BlockGuidanceInner08en dl.guidancedl01en dt{width:100%; display:block;} #BlockGuidanceInner08en dl.guidancedl01en dt ul{ display:flex; justify-content: flex-start; flex-wrap:wrap; width:372px; height:61px; padding:0 0 0 132px; box-sizing: border-box;} #BlockGuidanceInner08en dl.guidancedl01en dt ul li{ display:flex; align-items: center; justify-content: left; flex-wrap:wrap; width:120px; font-size:1.6rem; font-weight:bold; color:#000000; text-align:left; line-height:1.0rem; margin:0; padding:0 0 0 20px; box-sizing: border-box;} #BlockGuidanceInner08en dl.guidancedl01en dt ul:nth-of-type(4){ display:flex; justify-content: flex-start; flex-wrap:wrap; width:372px; height:61px; padding:0 0 0 132px; margin-bottom: 90px; box-sizing: border-box;} #BlockGuidanceInner08en dl.guidancedl01en dt ul:nth-of-type(1){ height:51px;} #BlockGuidanceInner08en dl.guidancedl01en dt ul:nth-of-type(2){ height:61px;} #BlockGuidanceInner08en dl.guidancedl01en dt ul:nth-of-type(3){ height:51px;} #BlockGuidanceInner08en dl.guidancedl01en dt ul:nth-of-type(4){ height:101px;} #BlockGuidanceInner08en dl.guidancedl01en dt ul:nth-of-type(5){ height:51px;} #BlockGuidanceInner08en dl.guidancedl02en{ margin:0; padding:110px 0 0 0; width:487px; height:946px; display:block; background:url(../img/guidance_dl02_en.jpg) top left no-repeat; box-sizing:border-box;} #BlockGuidanceInner08en dl.guidancedl02en dt{width:100%; display:block;} #BlockGuidanceInner08en dl.guidancedl02en dt ul{ display:flex; justify-content: flex-start; flex-wrap:wrap; width:487px; height:61px; padding:0 0 0 316px; box-sizing: border-box;} #BlockGuidanceInner08en dl.guidancedl02en dt ul:nth-of-type(1){ margin-bottom: 94px;} #BlockGuidanceInner08en dl.guidancedl02en dt ul:nth-of-type(2){ margin-bottom: 94px;} #BlockGuidanceInner08en dl.guidancedl02en dt ul li{ display:flex; align-items: center; justify-content: left; flex-wrap:wrap; width:100%; font-size:1.8rem; font-weight:bold; color:#000000; text-align:left; line-height:1.0rem; margin:0; padding:0; box-sizing: border-box;} #BlockGuidanceInner08en dl.guidancedl02en dt ul li span{ font-size:1.2rem; font-weight:bold; color:#000000; text-align:left; margin:0; padding:0; box-sizing: border-box; line-height: 120%;} #BlockGuidanceInner08cn { margin:0 auto; margin-bottom:10px; padding:20px 0 0 0; width:927px; display:flex; justify-content: space-between; flex-wrap:wrap; box-sizing:border-box; } #BlockGuidanceInner08cn dl.guidancedl01cn{ margin:0; padding:81px 0 0 0; width:372px; height:683px; display:block; background:url(../img/guidance_dl01_cn.jpg) top left no-repeat; box-sizing:border-box;} #BlockGuidanceInner08cn dl.guidancedl01cn dt{width:100%; display:block;} #BlockGuidanceInner08cn dl.guidancedl01cn dt ul{ display:flex; justify-content: flex-start; flex-wrap:wrap; width:372px; height:61px; padding:0 0 0 132px; box-sizing: border-box;} #BlockGuidanceInner08cn dl.guidancedl01cn dt ul li{ display:flex; align-items: center; justify-content: left; flex-wrap:wrap; width:120px; font-size:1.6rem; font-weight:bold; color:#000000; text-align:left; line-height:1.0rem; margin:0; padding:0 0 0 10px; box-sizing: border-box;} #BlockGuidanceInner08cn dl.guidancedl01cn dt ul:nth-of-type(4){ display:flex; justify-content: flex-start; flex-wrap:wrap; width:372px; height:61px; padding:0 0 0 132px; margin-bottom: 90px; box-sizing: border-box;} #BlockGuidanceInner08cn dl.guidancedl01cn dt ul:nth-of-type(2){ height:51px;} #BlockGuidanceInner08cn dl.guidancedl01cn dt ul:nth-of-type(5){ height:81px;} #BlockGuidanceInner08cn dl.guidancedl01cn dt ul:nth-of-type(6){ height:41px;} #BlockGuidanceInner08cn dl.guidancedl02cn{ margin:0; padding:110px 0 0 0; width:487px; height:948px; display:block; background:url(../img/guidance_dl02_cn.jpg) top left no-repeat; box-sizing:border-box;} #BlockGuidanceInner08cn dl.guidancedl02cn dt{width:100%; display:block;} #BlockGuidanceInner08cn dl.guidancedl02cn dt ul{ display:flex; justify-content: flex-start; flex-wrap:wrap; width:487px; height:61px; padding:0 0 0 316px; box-sizing: border-box;} #BlockGuidanceInner08cn dl.guidancedl02cn dt ul:nth-of-type(1){ margin-bottom: 94px;} #BlockGuidanceInner08cn dl.guidancedl02cn dt ul:nth-of-type(2){ margin-bottom: 94px;} #BlockGuidanceInner08cn dl.guidancedl02cn dt ul li{ display:flex; align-items: center; justify-content: left; flex-wrap:wrap; width:100%; font-size:2.0rem; font-weight:bold; color:#000000; text-align:left; line-height:1.0rem; margin:0; padding:0; box-sizing: border-box;} #BlockGuidanceInner08cn dl.guidancedl02cn dt ul li span{ font-size:1.6rem; font-weight:bold; color:#000000; text-align:left; margin:0; padding:0; box-sizing: border-box;} @media (max-width: 640px){ #BlockGuidanceInner08en { margin:0 auto; margin-bottom:10px; padding:20px 0 0 0; width:100%; display:flex; justify-content: center; flex-wrap:wrap; box-sizing:border-box; line-height: 120%; } #BlockGuidanceInner08en dl.guidancedl01en{ margin:0 0 20px 0; padding:76px 0 0 0; width:340px; height:642px; display:block; background:url(../img/guidance_dl01_ensp.jpg) top left no-repeat; box-sizing:border-box;} #BlockGuidanceInner08en dl.guidancedl01en dt{width:100%; display:block;} #BlockGuidanceInner08en dl.guidancedl01en dt ul{ display:flex; justify-content: flex-start; flex-wrap:wrap; width:372px; height:55px; padding:0 0 0 115px; box-sizing: border-box;} #BlockGuidanceInner08en dl.guidancedl01en dt ul li{ display:flex; align-items: center; justify-content: left; flex-wrap:wrap; width:110px; font-size:1.6rem; font-weight:bold; color:#000000; text-align:left; line-height:1.0rem; margin:0; padding:0 0 0 10px; box-sizing: border-box;} #BlockGuidanceInner08en dl.guidancedl01en dt ul:nth-of-type(4){ display:flex; justify-content: flex-start; flex-wrap:wrap; width:372px; height:55px; padding:0 0 0 115px; margin-bottom: 113px; box-sizing: border-box;} #BlockGuidanceInner08en dl.guidancedl01en dt ul:nth-of-type(1){ height:41px;} #BlockGuidanceInner08en dl.guidancedl01en dt ul:nth-of-type(2){ height:61px;} #BlockGuidanceInner08en dl.guidancedl01en dt ul:nth-of-type(3){ height:51px;} #BlockGuidanceInner08en dl.guidancedl01en dt ul:nth-of-type(5){ height:51px;} #BlockGuidanceInner08en dl.guidancedl02en{ margin:0; padding:70px 0 0 0; width:340px; height:655px; display:block; background:url(../img/guidance_dl02_ensp.jpg) top left no-repeat; box-sizing:border-box;} #BlockGuidanceInner08en dl.guidancedl02en dt{width:100%; display:block;} #BlockGuidanceInner08en dl.guidancedl02en dt ul{ display:flex; justify-content: flex-start; flex-wrap:wrap; width:340px; height:61px; padding:0 0 0 220px; box-sizing: border-box;} #BlockGuidanceInner08en dl.guidancedl02en dt ul:nth-of-type(1){ margin-bottom: 46px;} #BlockGuidanceInner08en dl.guidancedl02en dt ul:nth-of-type(2){ margin-bottom: 46px;} #BlockGuidanceInner08en dl.guidancedl02en dt ul li{ display:flex; align-items: center; justify-content: left; flex-wrap:wrap; width:100%; font-size:1.4rem; font-weight:bold; color:#000000; text-align:left; line-height:1.0rem; margin:0; padding:0; box-sizing: border-box;} #BlockGuidanceInner08en dl.guidancedl02en dt ul li span{ font-size:1.2rem; font-weight:bold; color:#000000; text-align:left; margin:0; padding:0; box-sizing: border-box;} #BlockGuidanceInner08cn { margin:0 auto; margin-bottom:10px; padding:20px 0 0 0; width:100%; display:flex; justify-content: center; flex-wrap:wrap; box-sizing:border-box; } #BlockGuidanceInner08cn dl.guidancedl01cn{ margin:0 0 20px 0; padding:76px 0 0 0; width:340px; height:642px; display:block; background:url(../img/guidance_dl01_cnsp.jpg) top left no-repeat; box-sizing:border-box;} #BlockGuidanceInner08cn dl.guidancedl01cn dt{width:100%; display:block;} #BlockGuidanceInner08cn dl.guidancedl01cn dt ul{ display:flex; justify-content: flex-start; flex-wrap:wrap; width:372px; height:55px; padding:0 0 0 115px; box-sizing: border-box;} #BlockGuidanceInner08cn dl.guidancedl01cn dt ul li{ display:flex; align-items: center; justify-content: left; flex-wrap:wrap; width:110px; font-size:1.6rem; font-weight:bold; color:#000000; text-align:left; line-height:1.0rem; margin:0; padding:0 0 0 10px; box-sizing: border-box;} #BlockGuidanceInner08cn dl.guidancedl01cn dt ul:nth-of-type(4){ display:flex; justify-content: flex-start; flex-wrap:wrap; width:372px; height:55px; padding:0 0 0 115px; margin-bottom: 94px; box-sizing: border-box;} #BlockGuidanceInner08cn dl.guidancedl01cn dt ul:nth-of-type(1){ height:41px;} #BlockGuidanceInner08cn dl.guidancedl01cn dt ul:nth-of-type(2){ height:61px;} #BlockGuidanceInner08cn dl.guidancedl01cn dt ul:nth-of-type(3){ height:51px;} #BlockGuidanceInner08cn dl.guidancedl01cn dt ul:nth-of-type(5){ height:63px;} #BlockGuidanceInner08cn dl.guidancedl02cn{ margin:0; padding:70px 0 0 0; width:340px; height:655px; display:block; background:url(../img/guidance_dl02_cnsp.jpg) top left no-repeat; box-sizing:border-box;} #BlockGuidanceInner08cn dl.guidancedl02cn dt{width:100%; display:block;} #BlockGuidanceInner08cn dl.guidancedl02cn dt ul{ display:flex; justify-content: flex-start; flex-wrap:wrap; width:340px; height:61px; padding:0 0 0 220px; box-sizing: border-box;} #BlockGuidanceInner08cn dl.guidancedl02cn dt ul:nth-of-type(1){ margin-bottom: 46px;} #BlockGuidanceInner08cn dl.guidancedl02cn dt ul:nth-of-type(2){ margin-bottom: 46px;} #BlockGuidanceInner08cn dl.guidancedl02cn dt ul li{ display:flex; align-items: center; justify-content: left; flex-wrap:wrap; width:100%; font-size:1.6rem; font-weight:bold; color:#000000; text-align:left; line-height:1.0rem; margin:0; padding:0; box-sizing: border-box;} #BlockGuidanceInner08cn dl.guidancedl02cn dt ul li span{ font-size:1.4rem; font-weight:bold; color:#000000; text-align:left; margin:0; padding:0; box-sizing: border-box;} } #BlockGuidanceInner05b { margin:0 auto; margin-bottom:20px; padding:20px 0 0 0; width:980px; display:block; box-sizing:border-box; } #BlockGuidanceInner05b h5{ margin:0; padding:0; display:block; box-sizing:border-box; font-size:1.4rem; line-height:140%; color:#194E70; text-align:left; } #BlockGuidanceInner05b p{ margin:0 0 10px 0; padding:0; display:block; font-size:1.4rem; line-height:180%; color:#000000; text-align:left; } #BlockGuidanceInner06b { margin:0 auto; margin-bottom:20px; padding:10px 0 0 0; border-top:1px dotted #000000; border-bottom:1px dotted #000000; width:980px; display:block; box-sizing:border-box; } #BlockGuidanceInner06b h5{ margin:0; padding:0; display:block; box-sizing:border-box; font-size:1.6rem; line-height:140%; color:#194E70; text-align:left; } #BlockGuidanceInner06b p{ margin:0 0 10px 0; padding:0; display:block; font-size:1.6rem; line-height:140%; color:#000000; text-align:left; } @media (max-width: 640px){ #BlockGuidanceInner05b { margin:0 auto; margin-bottom:20px; padding:20px 0 0 0; width:100%; display:block; box-sizing:border-box; } #BlockGuidanceInner05b h5{ margin:0; padding:0; display:block; box-sizing:border-box; font-size:1.4rem; line-height:140%; color:#194E70; text-align:left; } #BlockGuidanceInner05b p{ margin:0 0 10px 0; padding:0; display:block; font-size:1.4rem; line-height:180%; color:#000000; text-align:left; } #BlockGuidanceInner06b { margin:0 auto; margin-bottom:20px; padding:10px 0 0 0; border-top:1px dotted #000000; border-bottom:1px dotted #000000; width:100%; display:block; box-sizing:border-box; } #BlockGuidanceInner06b h5{ margin:0; padding:0; display:block; box-sizing:border-box; font-size:1.6rem; line-height:140%; color:#194E70; text-align:left; } #BlockGuidanceInner06b p{ margin:0 0 10px 0; padding:0; display:block; font-size:1.6rem; line-height:140%; color:#000000; text-align:left; } } .font_num{ font-size:2.0rem !important; color:#FF0000 !important; font-family:"UD新ゴ B","Helvetica","Osaka","ＭＳ Ｐゴシック",sans-serif !important;} #BlockGuidanceInner03 p.newprice{text-align:left; color:#1B8EC5; font-size:1.8rem; font-weight:bold; margin-top:5px;} #BlockGuidanceInner03 p.newprice a{color:#1B8EC5; font-size:1.8rem; font-weight:bold;}