@charset "utf-8";
/* NotoSans */
body .noto-sans {font-family: 'Noto Sans JP', sans-serif;}

/*Box sizing*/
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

body {
margin:0;
padding:0;
}

button{cursor:pointer}

/*センター合わせ*/
.center {margin:0 auto;}
.t-center {text-align:center;}
.t-right {text-align:right;}
/*スマホだけセンター*/
@media (max-width:767px){
.sp-center{text-align: center;}}

/*全幅カラムにする*/
.full-width {
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}

/* --リンクの装飾消す-- */
a { text-decoration: none; }

/*マウスオーバー時透明*/
.hover-img { transition: 1.0s;}
.hover-img:hover { opacity: 0.5;}

/*マウスオーバー時拡大*/
.hover-big { transition-duration: 0.3s;}
.hover-big:hover {  transform: scale(1.1);  transition-duration: 0.3s; }

/*位置固定レイアウト*/
.fix-wrap { position: relative; }

/*文字縮小*/
.font-80{font-size:0.8em;}
.font-50{font-size:0.5em;}

/*width100%*/
.respon-img{width:100% ;}


.small-p{
font-size: 0.8em;
    line-height: 1.7em;
    display: inline-block;
}

@media (max-width:767px){
.right-box{padding-top:30px;}

}
@media (min-width:768px){
.right-box{padding-left:20px;}

}
@media (min-width:1025px){
}


@media (max-width:767px){/*スマホ*/
}
@media (min-width:768px){/*iPadからiPadPro*/
}
@media (min-width:1025px){/*PC*/
}

/*サイドメニュー追随*/
.category_list_widget {
    position: sticky;
    top: 80px;
}

.floating{
    position: sticky;
    top: 80px;
}

/*------------------------------▽▽▽全ページ共通CSSここから▽▽▽------------------------------*/
/*------------------------------△△△全ページ共通CSSここまで△△△------------------------------*/