@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

@keyframes shiny {
    0% { left: -20%; }
    10% { left: 120%; }
    100% { left: 120%; }
}
/* table {font-size:0.85em !important;} */
.c-scrollHint {margin-top:0;}
.btnlink {margin: 0 auto; padding-top: 10px; text-align:center;}
.shiny-aff-btn {
	position:relative;
    display: inline-block;
	padding: 10px 20px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
	font-weight: bold;
    color: #ffffff;
	border-radius: 30px;
    background-color: #f74a4a;
    overflow: hidden;
}

.shiny-aff-btn::after {
    content: '';
    position: absolute;
    top: -10%;
    left: -20%;
    width: 40px;
    height: 100%;
    transform: scale(2) rotate(20deg);
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
    
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.shiny-aff-btn:hover{
	cursor:pointer;	
	opacity: 0.8;
}

.textlink {
    color: #1967d2;
	text-decoration: underline;
	cursor:pointer;
}
.textlink:hover{
	color:#e63900;
}

.imgtlink {
	text-decoration: underline;
	cursor:pointer;
}
.imglink:hover{
  opacity: 0.6;
  transition-duration: 0.3s;
	cursor:pointer;

}

body {
	font-family: "Noto Sans JP", sans-serif;
}

#body_wrap.w-wrap {
	min-width: 0;
}

#content.l-content.l-container {
	max-width: 1420px;
	width: 100%;
	margin: 0 auto;
	padding-left: 2rem;
	padding-right: 2rem;
}

body.uwatch_swell .w-header__inner{
	width: 100%;
}

.w-header__menu-toggle {
	display: inline-flex;
	align-items: center;
}

.w-header__menu-toggle img,
.w-header__nav-item img {
	display: block;
}

.w-mobile-nav__list-item a::before {
	content: none !important;
	display: none !important;
}

.u-watch-mobile-nav__icon {
	display: block;
	width: 10rem;
	margin-bottom: 0.5rem;
}

.u-watch-mobile-nav__icon--open {
	display: none;
}

.w-mobile-nav__list-item.open .u-watch-mobile-nav__icon--default {
	display: none;
}

.w-mobile-nav__list-item.open .u-watch-mobile-nav__icon--open {
	display: block;
}

.w-footer {
	display: block;
}

.w-footer__nav img {
	display: inline;
	width: auto;
}

@media only screen and (max-width: 960px) {
	#content.l-content.l-container {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}

	[data-scrolled="true"] .p-fixBtnWrap {
		transform: translateY(-60px);
	}
}


.breadcrumb .fa-home,
.breadcrumb .fa-folder,
.breadcrumb .fa-file-o {
  display: none; /*非表示*/
}
.breadcrumb {
  color: #404040;
  font-size: 16px;
  padding: 10px 0;
  position: relative;
	margin-bottom: 16px;
}
.breadcrumb::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 60px);
  height: 100%;
  background-color: #e9eeee;
  z-index: -1;
}
.breadcrumb div {
  display: inline;
}
.breadcrumb .sbp-main-before {
  margin-top: 0;
  background-color: transparent;
}
@media only screen and (max-width: 960px) {
	.breadcrumb .sbp-main-before {
		font-size: 12px;
		margin-top: 0;
		margin-bottom: 0;
	}
}
.breadcrumb a {
  color: #4192f6;
}
.breadcrumb a:hover {
  opacity: 0.7;
}
.breadcrumb .fa-angle-right:before {
  font-family: "Noto Sans JP", sans-serif;
  content: ">";
}
.breadcrumb .sp {
  margin: 0 0.5em;
}