@charset "UTF-8";

/*-------------------------
__hoge_style
-------------------------*/

.page_title{max-width: 1100px;margin: 0 auto;padding: 0 50px;box-sizing: border-box;}
.page_title .main_ttl{font-size:42px;font-weight:900;margin-bottom:50px;position:relative;}
.page_title .main_ttl::after{position: absolute;content:"";width:50px;height:4px;background:#ea7035;bottom:-20px;left:50%;transform:translateX(-50%);}
.page_title .page_caption{font-size:18px;font-weight:700;line-height:1.6;}

#content .o_btn{position:relative;display:inline-block;width:100%;}
#content .o_btn a{font-size:18px;color:#fff;padding:15px 0;background:#ea7035;border:2px solid #000;box-sizing:border-box;display:inline-block;border-radius:18px;position:relative;width:100%;transition:.3s;}
#content .o_btn a::after{content:"";width:5px;height:5px;border-top:3px solid #fff;border-right:3px solid #fff;transform:rotate(45deg) translateY(-48%);position:absolute;top:48%;right:15px;border-radius:1px;transition:0.3s ease-in-out;}
#content .w_btn{position:relative;display:inline-block;width:100%;}
#content .w_btn a{font-size:18px;color:#000;padding:15px 0;background:#fff;border:2px solid #000;box-sizing:border-box;display:inline-block;border-radius:18px;position:relative;width:100%;transition:.3s;}
#content .w_btn a::after{content:"";width:5px;height:5px;border-top:3px solid #000;border-right:3px solid #000;transform:rotate(45deg) translateY(-48%);position:absolute;top:48%;right:15px;border-radius:1px;transition:0.3s ease-in-out;}
#content .g_btn{position:relative;display:inline-block;width:100%;}
#content .g_btn a{font-size:18px;color:#000;padding:15px 0;background:#C8DC64;border:2px solid #000;box-sizing:border-box;display:inline-block;border-radius:18px;position:relative;width:100%;transition:.3s;}
#content .g_btn a::after{content:"";width:5px;height:5px;border-top:3px solid #000;border-right:3px solid #000;transform:rotate(45deg) translateY(-48%);position:absolute;top:48%;right:15px;border-radius:1px;transition:0.3s ease-in-out;}

@media screen and (min-width: 768px) {
#content .o_btn a:hover{background:#39b54a;}
#content .w_btn a:hover{background:#C8DC64;}
#content .g_btn a:hover{background:#00A73C;color:#fff;}
#content .g_btn a:hover::after{border-top:3px solid #fff;border-right:3px solid #fff;}
}
@media screen and (max-width: 767px) {
.page_title{padding: 0 20px;}
.page_title .main_ttl{font-size:27px;margin-bottom:50px;}
.page_title .page_caption{font-size:14px;}
#content .o_btn a{font-size:14px;border-radius:10px;padding:15px 0 15px 10px;text-align:left;}
#content .w_btn a{font-size:14px;border-radius:10px;padding:15px 0 15px 10px;text-align:left;}
#content .g_btn a{font-size:14px;border-radius:10px;padding:15px 0 15px 10px;text-align:left;}
}

/*-------------------------
__ #sitemap
-------------------------*/

#sitemap .inner .ttl{font-size:32px;margin-bottom:30px;}
#sitemap .inner .subttl{font-size:20px;margin-bottom:20px;text-align:left;}

#sitemap .inner .serach_wrap{background:#f2f2f2;border-radius:30px;padding:50px;box-sizing:border-box;margin-bottom:50px;}
#sitemap .inner .serach_wrap .mysearch{margin-bottom:50px;}
#sitemap .inner .serach_wrap .mysearch ul{display:flex;gap:20px;}
#sitemap .inner .serach_wrap .mysearch ul li{width:50%;}

#sitemap .inner .serach_wrap .roku_link{margin-bottom:50px;}
#sitemap .inner .serach_wrap .roku_link dd ul{display:flex;gap:20px;}
#sitemap .inner .serach_wrap .roku_link dd ul li{width:25%;}

#sitemap .inner .serach_wrap .type_link{}
#sitemap .inner .serach_wrap .type_link dd{display:flex;gap:20px;}
#sitemap .inner .serach_wrap .type_link dd dl{width:25%;}
#sitemap .inner .serach_wrap .type_link dd dl dt{font-size:16px;text-align:left;margin-bottom:10px;}
#sitemap .inner .serach_wrap .type_link dd dl dd ul{display:flex;gap:10px;flex-direction:column;width:100%;}

#sitemap .inner .contents{background:#F0E6D2;border-radius:30px;padding:50px;box-sizing:border-box;}
#sitemap .inner .contents ul{display:flex;gap:20px;flex-wrap:wrap;}
#sitemap .inner .contents ul li{width:calc(50% - 10px);}

@media screen and (max-width: 767px) {
#sitemap .inner{padding:0!important;}
#sitemap .inner .ttl{font-size:21px;margin-bottom:20px;}
#sitemap .inner .subttl{font-size:16px;margin-bottom:10px;}

#sitemap .inner .serach_wrap{border-radius:0;padding:30px 20px;margin-bottom:0;}
#sitemap .inner .serach_wrap .mysearch{margin-bottom:30px;}
#sitemap .inner .serach_wrap .mysearch ul{display:flex;gap:10px;}
#sitemap .inner .serach_wrap .mysearch ul li{width:50%;}

#sitemap .inner .serach_wrap .roku_link{margin-bottom:30px;}
#sitemap .inner .serach_wrap .roku_link dd ul{flex-wrap:wrap;gap:10px;}
#sitemap .inner .serach_wrap .roku_link dd ul li{width:calc(50% - 5px);}

#sitemap .inner .serach_wrap .type_link dd{display:flex;gap:10px;flex-wrap:wrap;}
#sitemap .inner .serach_wrap .type_link dd dl{width:calc(50% - 5px);}
#sitemap .inner .serach_wrap .type_link dd dl dt{font-size:14px;margin-bottom:5px;}
#sitemap .inner .serach_wrap .type_link dd dl dd ul{gap:5px;}

#sitemap .inner .contents{border-radius:0;padding:30px 20px;}
#sitemap .inner .contents ul{display:flex;gap:10px;flex-wrap:wrap;}
#sitemap .inner .contents ul li{width:calc(50% - 5px);}
}

@media screen and (max-width: 449px) {

#sitemap .inner .serach_wrap .mysearch ul{flex-wrap:wrap;}
#sitemap .inner .serach_wrap .mysearch ul li{width:100%;}

#sitemap .inner .contents{border-radius:0;padding:30px 20px;}
#sitemap .inner .contents ul{flex-wrap:wrap;}
#sitemap .inner .contents ul li{width:100%;}
}