html,body {width: 100%; box-sizing:border-box;}
* {font-family:'Shippori Mincho B1', serif;}
html { color:#111111; font-weight:400;font-family:'Shippori Mincho B1', serif;}
.youtube {
width: 100%;
aspect-ratio: 16 / 9;
}
.youtube iframe {
width: 100%;
height: 100%;
}
/*common*/
.cl {clear:both; font-size:0px; line-height:0px;}
img {border-style:none; vertical-align: bottom;}
form {margin:0px; padding:0px;}
.imgfl {float:left; margin:0px 40px 10px 0px;}
.imgfr {float:right; margin:0px 0px 10px 40px;}
.txt-s {font-size:10px; line-height:16px;}
.txt-m {font-size:12px; line-height:18px;}
.txt-l {font-size:17px; line-height:34px;}
.txt-l2 {font-size:18px; line-height:36px;}
.txt-l3 {font-size:20px; line-height:44px;}
.tar {text-align:right;}
.tac {text-align:center!important;}
.tal {text-align:left!important;}
.pctac {text-align:center!important;}
.pchid {display:none;}/*PCで非表示にするもの*/
.sphid {}/*スマホで非表示にするもの*/
.spimg {width:auto; height:auto; padding:0px 0px 10px 0px;}
a {color:#f36d00; text-decoration:none;}
a:hover {color:#f36d00; text-decoration:underline;}
strong {font-weight:600;}
/*box*/
.tx {padding:0px 0px 40px 0px;}
.tx2 {padding:0px 0px 20px 0px;}
.tx3 {padding:0px 0px 0px 0px;}
.tx_padding {padding:0px 0px 20px 0px;}
.tx p {margin:0px; padding:0px 0px 20px 0px;}
.tx2 p {margin:0px; padding:0px 0px 10px 0px;}
.tx3 p {margin:0px; padding:0px 0px 0px 0px;}
.tx_padding p {padding:0px 0px 10px 0px;}
/* ----- Index ----- */
.index {display:block;margin:0px; text-align:center; padding:0px 0px 40px 0px; margin-bottom:20px;}
.index_en {font-size:40px; line-height:50px; margin-bottom:10px; text-align:center; font-family:Mukta; font-weight:700; padding:0px 5px 0px 5px; color:#111111;}
.index_ja {font-weight:600;display:inline; color:#111111;margin:0px; padding:0px 0px 0px 0px;font-size:20px; line-height:38px; font-weight:600;}
.main_contents h1 {margin:0px 0px 30px 0px; margin:center; padding:20px 0px 20px 0px; text-align:center; font-size:32px; line-height:46px; font-weight:600;}
.main_contents h2 {margin:0px 0px 30px 0px; margin:center; padding:20px 0px 20px 0px; text-align:center; font-size:32px; line-height:46px; font-weight:600;}
.subh2 {margin:0px 0px 30px 0px; text-align:left!important; padding:0px 0px 20px 0px!important; margin:0px!important; font-size:24px!important; line-height:30px!important; font-weight:600;}
.main_contents h3 {display:block; margin:0px 0px 20px 0px; padding:13px 15px 15px 15px; border-top:3px solid #695e4d; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; color:#111111; font-size:22px; line-height:30px; font-weight:600;}
.main_contents h4 {display:block; margin:0px 0px 20px 0px; padding:10px 15px 10px 15px;border-left:3px solid #695e4d; color:#111111; font-size:20px; line-height:30px; font-weight:600;}
.main_contents h5 {display:block; margin:0px 0px 20px 0px; padding:10px 0px 10px 0px;color:#111111; font-size:20px; line-height:30px; font-weight:600;}
.engtitle {font-size:26px; line-height:26px; font-family:Mukta; font-weight:700;}
.jptitle {font-size:20px; line-height:20px; font-weight:600;}
.imgindex {display:block; margin:0px; padding:0px;}
.yokosen {display:flex;align-items: center;}
.yokosen:after {border-top: 1px solid #4e8c36;content: "";flex-grow: 1;}
.yokosen:before {margin-right: 1.8rem;}
.yokosen:after {margin-left: 1.8rem;}
.chuosen {display: flex;align-items: center;}
.chuosen:before,.chuosen:after {content: "";height: 1px;flex-grow: 1;background-color: #bbbbbb;}
.chuosen:before {margin-right: 1rem;}
.chuosen:after {margin-left: 1rem;}
.ami {background-image:url(../images/ami.gif);}
/* ----- MainBox ----- */
.base {padding:70px 0px 70px 0px;}
.base2 {padding:0px 0px 50px 0px;}
.container {width:1080px; margin:0px auto; }
.container_in {padding:40px 40px 40px 40px;}
.container1440 {max-width:1440px; margin:0px auto;}
.container1260 {max-width:1260px; margin:0px auto;}
/* ----- Main ----- */
body {background-color:#ffffff; min-width:1080px; margin:0px; text-align:left; padding:0px; color:#111111; position:relative;}
.content_pt {padding-top:100px;}
#spbase {width:100%; margin:0px auto;}
.banner {border:1px solid #eeeeee;}
/* ----- Head ----- */
header {width:100%; position:fixed; top:0; left:0; background-color:rgba(255, 255, 255, 0.9); z-index:9999;}
#header_in { width:100%; max-width:1720px; margin:0px auto; padding:0px 10px 0px 10px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#header_in h1 {opacity;1.0; display:block; width:20%; margin:0px; padding:10px;}
#header_in_menu {opacity;1.0; width:74%; max-width:960px;}
#header_in_menu ul { display:flex; justify-content:space-between; flex-wrap: wrap; margin:0px; padding:0px;}
#header_in_menu ul li {list-style:none; width:14.285%; position:relative;}
.menu_hov1 {display:block;-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.menu_hov1:hover {display:block; background-color: rgba(100, 100, 100,0.2 );-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.menu_hov1_now {display:block; background-color: rgba(100, 100, 100,0.2 );}
.submenu {display:none!important;}
#header_in_menu ul li:hover .submenu {display:block!important; position:absolute; z-index:99999; top:100%;}
.submenu li {list-style:none; text-align:center; width:240px!important; border-left:1px solid #dddddd; border-right:1px solid #dddddd;}
.submenu li a {display:block; border-bottom:1px solid #dddddd; color:#222222; margin:0px; padding:10px 10px 10px 10px; font-size:18px; line-height:26px;background-color: rgba(255,255,255,0.9 ); color:#11111; font-weight:500;-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.submenu li a:hover {background-color: rgba(243, 151, 0,0.9); color:#ffffff; text-decoration:none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
/*TopImage*/
#vegas {width:100%; height:0; padding-top:56.25%;}
/*top Index*/
.top_index {display:block; text-align:center; margin:0px; padding:0px 0px 30px 0px; font-size:32px; line-height:32px; font-family: 'Oswald'; font-weight:500;}
/*TopCat*/
#top_intro_base {padding-top:100px; padding-bottom:100px; background-image:url(../images_v2/top_container_bg1.jpg); background-position:bottom center; background-repeat:no-repeat;}
#top_intro {width:1140px; margin:0px auto;}
#top_intro_cat {padding:20px;display:flex; justify-content:space-between; flex-wrap: wrap; }
.top_intro_box {width:20.5%; text-align:center; padding-bottom:20px;}
.top_intro_box a {text-decoration:none; color:#111111;}
.top_intro_box h3 {display:block; font-size:17px; line-height:26px; font-weight:normal; font-weight:400; marign:0px; padding:0px;}
.top_intro_catimg img {border-radius: 300px; -webkit-border-radius: 300px; -moz-border-radius: 300px;-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.top_intro_catimg img:hover {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
/*top intro2*/
#top_intro2_base {padding-top:50px; padding-bottom:50px; background-color:#f1f1f1;}
#top_intro2 {width:96%; max-width:1140px; margin:0px auto;}
/*top news*/
.top_news_entry {background-color:#ffffff;margin-bottom:20px; background-image:url(../images_v2/news_kado.png); background-repeat:no-repeat; background-position:bottom right;}
.top_news_entry a {display:block; padding:20px; color:#111111; text-decoration:none;}
.top_news_entry a:hover {display:block; padding:20px; color:#111111; text-decoration:none;background-color:#f9f9f9;background-image:url(../images_v2/news_kado.png); background-repeat:no-repeat; background-position:bottom right;}
.top_news_meta {display:flex; justify-content:flex-start; flex-wrap: wrap;}
.top_news_date {width:110px; font-size:16px; line-height:30px; font-family: 'Oswald'; font-weight:400;}
.top_news_ico {width:130px; color:#ffffff; font-size:14px; background-color:#f39700; padding:4px; text-align:center;}
.top_news_main {padding-top:10px; font-size:18px; line-height:28px;}
/*access*/
#top_acces {border:2px solid #333333;}
#top_access iframe {height:495px; border:2px solid #333333!important;}
/*banner2*/
#banner2 {width:100%; margin:0px auto;display:flex; justify-content:space-between; flex-wrap: wrap;}
.banner2_in {width:23%;}
/*foot*/
footer {position:relative; background-color:#ffffff; border-top:1px solid #eeeeee; color:#222222;}
#footer {width:100%; max-width:1720px; margin:0px auto; padding:20px 10px 20px 10px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#footer h1 {opacity;1.0; display:block; width:20%; margin:0px; padding:0px;}
#footer_address {width:22%; font-size:15px; line-height:22px; display: flex; flex-direction: column;justify-content: center;}
#footer_menu {opacity;1.0; width:50%; display: flex; flex-direction: column;justify-content: center;}
#footer_menu ul { display:block; margin:0px; padding:0px;}
#footer_menu ul li {display:inline;list-style:none; padding:0px 5px 0px 5px; font-size:15px;line-height:26px; }
#footer_menu ul li a {color:#111111;}
/*backtop*/
#backtop {position:absolute; right:0; top:-40px; width:240px; margin-left:900px; background-color:#ffffff;}
#backtop a {display:block; color:#f36d00; text-decoration:none; height:40px; padding:10px; font-size:15px; text-align:center;}
@media screen and (max-width:1280px){
#header_in h1 {display:block; width:22%; margin:0px; padding:10px;}
#header_in_menu {width:70%;}
#footer_address {width:22%;font-size:13px; }
#footer_menu {width:50%;}
#footer_menu ul li {padding:0px 3px 0px 3px; font-size:14px;line-height:26px; }
}
@media screen and (max-width:960px){
#header_in h1 {display:block; width:26%; margin:0px; padding:0px;}
#header_in_menu {width:70%;}
}
@media screen and (max-width:640px){
.imgfl {float:none; display:block; margin:0px auto; max-width:290px; height:auto;}
.imgfr {float:none; display:block; margin:0px auto; max-width:290px; height:auto;}
.pchid {display:block;}
.sphid {display:none!important;}
.tabhid {display:none!important;}
.spimg {display:blokc; width:100%; max-width:270px; margin:0px auto;}
.pctac {text-align:left!important;}
.txt-s {font-size:10px; line-height:18px;}
.txt-m {font-size:12px; line-height:20px;}
.txt-l {font-size:14px; line-height:28px;}
.txt-l2 {font-size:16px; line-height:32px;}
.txt-l3 {font-size:18px; line-height:38px;}
.txt-l4 {font-size:24px; line-height:48px;}
/*index*/
.index {display:block;margin:0px; text-align:center; padding:20px 0px 20px 0px; margin-bottom:20px;}
.index_en {font-size:18px; line-height:30px; margin-bottom:10px; text-align:center; font-family:Mukta; font-weight:700; padding:0px 5px 0px 5px;color:#111111;}
.index_ja {font-weight:600;display:inline; color:#111111; margin:0px; padding:0px 0px 0px 0px;font-size:22px; line-height:36px; font-weight:600;}
.main_contents h1 {display:block; margin:10px 0px 20px 0px; padding:20px 0px 0px 0px; text-align:center; font-size:22px; line-height:36px; font-weight:600;}
.main_contents h1 span {display:inline; border-bottom:3px solid #111111; color:#111111; margin:0px; padding:0px 0px 0px 0px; text-align:left;}
.main_contents h1 a {color:#111111;}
.main_contents h1 a:hover {text-decoration:none;}
.main_contents h2 {display:block; margin:10px 0px 20px 0px; padding:20px 0px 0px 0px; text-align:center; font-size:22px; line-height:36px; font-weight:600;}
.main_contents h3 {display:block; margin:0px 0px 20px 0px; padding:13px 15px 15px 15px; border-top:3px solid #695e4d; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; color:#222222; font-size:20px; line-height:30px; font-weight:600;}
.main_contents h4 {display:block; margin:0px 0px 20px 0px; padding:10px 15px 10px 15px;border-left:3px solid #695e4d; color:#111111; font-size:20px; line-height:30px; font-weight:600;}
.main_contents h5 {display:block; margin:0px 0px 20px 0px; padding:10px 0px 10px 0px;color:#111111; font-size:20px; line-height:30px; font-weight:600;}
.yokosen {display:flex;align-items: center;}
.yokosen:after {border-top: 1px solid #d5d5d5;content: "";flex-grow: 1;}
.yokosen:before {margin-right: 1.8rem;}
.yokosen:after {margin-left: 1.8rem;}
.chuosen {display: flex;align-items: center;}
.chuosen:before,.chuosen:after {content: "";height: 1px;flex-grow: 1;background-color: #d5d5d5;}
.chuosen:before {margin-right: 1rem;}
.chuosen:after {margin-left: 1rem;}
/* ----- MainBox ----- */
.base {padding:20px 0px 20px 0px;}
.container {width:96%; margin:0px auto; display:block;}
.container_in {padding:10px;}
.container1440 {width:96%; max-width:auto; margin:0px auto;}
.container1260 {width:96%; max-width:auto; margin:0px auto;}
/* ----- Main ----- */
body {padding-top:58px; min-width:auto;}/*スマホ版メニュー分下げる*/
.apptop {padding-top:0px!important;}/*アプリの場合は余白を消す*/
#spbase {width:100%; min-width:320px;}
/*------ header -----*/
header {width:100%; position:fixed; top:0; left:0; background-color:rgba(255, 255, 255, 0.8);}
#header_in {width:100%; margin:0px auto; padding:0px 0px 0px 10px; display:block;}
#header_in h1 {display:block; width:200px; margin:0px; padding:0px;}
#header_in_menu {display:none;}
/*top Index*/
.top_index {display:block; text-align:center; margin:0px; padding:0px 0px 30px 0px; font-size:26px; line-height:26px; font-family: 'Oswald'; font-weight:500;}
/*TopCat*/
#top_intro_base {padding-top:50px; padding-bottom:50px; background-image:url(../images_v2/top_container_bg1.jpg); background-position:bottom center; background-repeat:no-repeat;}
#top_intro {width:96%; margin:0px auto;}
#top_intro_cat {padding:0px;display:flex; justify-content:space-between; flex-wrap: wrap; }
.top_intro_box {width:48%; text-align:center; padding-bottom:10px;}
.top_intro_box a {text-decoration:none; color:#111111;}
.top_intro_box h3 {display:block; font-size:15px; line-height:26px; font-weight:normal; font-weight:400; marign:0px; padding:0px;}
.top_intro_catimg img {border-radius: 300px; -webkit-border-radius: 300px; -moz-border-radius: 300px;}
.top_intro_catimg img:hover {border-radius: 300px; -webkit-border-radius: 300px; -moz-border-radius: 300px;}
/*top intro2*/
#top_intro2_base {padding-top:30px; padding-bottom:30px; background-color:#f1f1f1;}
#top_intro2 {width:96%; max-width:1140px; margin:0px auto;}
/*top news*/
.top_news_entry {background-color:#ffffff;margin-bottom:20px; background-image:url(../images_v2/news_kado.png); background-repeat:no-repeat; background-position:bottom right;}
.top_news_entry a {display:block; padding:15px; color:#111111; text-decoration:none;}
.top_news_entry a:hover {display:block; padding:15px; color:#111111; text-decoration:none;background-color:#f9f9f9;background-image:url(../images_v2/news_kado.png); background-repeat:no-repeat; background-position:bottom right;}
.top_news_meta {display:flex; justify-content:flex-start; flex-wrap: wrap;}
.top_news_date {width:110px; font-size:15px; line-height:30px; font-family: 'Oswald'; font-weight:400}
.top_news_ico {width:130px; color:#ffffff; font-size:14px; background-color:#f39700; padding:4px; text-align:center;}
.top_news_main {padding-top:10px; font-size:16px; line-height:26px;}
/*access*/
#top_acces {border:2px solid #333333;}
#top_access iframe {height:395px; border:2px solid #333333!important;}
/*banner2*/
#banner2 {width:100%; margin:0px auto;display:block;}
.banner2_in {width:100%; padding-bottom:5px;}
/*foot*/
footer {position:relative; background-color:#ffffff; color:#111111;}
#footer {width:100%; margin:0px auto; padding:50px 10px 20px 10px; display:block;}
#footer h1 {opacity;1.0; display:block; width:100%; max-width:240px; margin:0px auto; padding:0px;}
#footer_address {width:100%; font-size:14px; line-height:22px; text-align:center; padding-bottom:20px;}
#footer_menu {opacity;1.0; width:100%; display: flex; flex-direction: column;justify-content: center;}
#footer_menu ul { display:block; margin:0px; padding:0px;}
#footer_menu ul li {display:block; list-style:none; width:100%;font-size:16px;line-height:26px; }
#footer_menu ul li a {color:#111111; display:block; padding:8px; margin-bottom:2px; border:1px solid #7f898d; text-align:center;}
/*backtop*/
#backtop {position:absolute; right:0; left:0; top:0px; width:180px; margin-left:0; margin:0px auto; background-color:#636b6e;}
#backtop a {display:block; color:#ffffff; text-decoration:none; height:auto; padding:5px; font-size:14px; text-align:center;}
}