@charset "shift_jis";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
/* --------------------------
    all
-------------------------- */

ul, li {list-style: none;}
#contents {
	width: 100%;
	max-width: 100%;
}

/* font */
#contents .noto100, #contents .noto200, #contents .noto300, #contents .noto400, #contents .noto500, #contents .noto600, #contents .noto700, #contents .noto800, #contents .noto900 {font-family: 'Noto Sans Japanese', serif !important; letter-spacing: -0.05em !important;}
.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}

@media screen and (min-width:768px) {
#col_center {
    margin: 0 0 0 195px;
}
}
#contents {
	padding: 0;
	color: #000;
	background-color: #fff;
	font-family: Meiryo,"Hiragino Kaku Gothic ProN",Osaka,sans-serif,sans-serif;
	text-align:center;
	letter-spacing: -.40em;
	font-size: 1.2em;
	word-break: break-all;
	word-wrap: break-word;
	box-sizing:border-box;
}
#contents * {
	box-sizing:border-box;
	letter-spacing: normal;
}
.slick-slide .itempr {width: 90%;}
.slick-slide .itemre img {display: inline-block;}

section {
color: #333;
}
#contents .bg-box{
max-width: 1200px;
margin: 0 auto;
}
h3.third-ttl, h2.sub-ttl {border-left: none;}

/* --------------------------
    contents
-------------------------- */
@media only screen and (max-width: 1200px) {
#contents .bg-box{max-width: 100%; width: 100%;}
}

/* --------------------------
    color
-------------------------- */

.bg-st {background-color: #ffd908;}

/* 文字色 */
.col-y { color: #ffeb30 !important; }
.col-y2 { color: #fff7af !important; }
.col-p { color: #fb81e6 !important; }
.col-p2 { color: #ffbef4 !important; }
.col-r { color: #ff5373 !important; }
.col-r2 { color: #ffafbe !important; }
.col-o { color: #ff6d3c !important; }
.col-o2 { color: #ffae93 !important; }
.col-sp { color: #3bbfff !important; }
.col-sp2 { color: #a1e0ff !important; }
.col-b { color: #3451b7 !important; }
.col-b2 { color: #a3b3ec !important; }
.col-v { color: #ae54da !important; }
.col-v2 { color: #daaef0 !important; }
.col-g { color: #78cd8a !important; }
.col-g2 { color: #c3eecc !important; }
.col-bk1 { color: #111 !important; }
.col-bk2 { color: #333 !important; }
.col-bk3 { color: #666 !important; }
.col-bk4 { color: #999 !important; }
.col-w { color: #fff !important; }
.col-ygrad { background: linear-gradient(180deg,  #fef98c 0%,#fece45 50%,#bc7a15 100%); display: inline-block; background: -webkit-linear-gradient(270deg,  #fef98c 0%,#fece45 50%,#bc7a15 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}


/* 背景色 */
.bg-y { background-color: #ffeb30 !important; }
.bg-y2 { background-color: #fff7af !important; }
.bg-p { background-color: #fb81e6 !important; }
.bg-p2 { background-color: #ffbef4 !important; }
.bg-r { background-color: #ff5373 !important; }
.bg-r2 { background-color: #ffafbe !important; }
.bg-o { background-color: #ff6d3c !important; }
.bg-o2 { background-color: #ffae93 !important; }
.bg-sb { background-color: #3bbfff !important; }
.bg-sb2 { background-color: #a1e0ff !important; }
.bg-b { background-color: #3451b7 !important; }
.bg-b2 { background-color: #a3b3ec !important; }
.bg-v { background-color: #ae54da !important; }
.bg-v2 { background-color: #daaef0 !important; }
.bg-g { background-color: #06c755!important; }
.bg-g2 { background-color: #c3eecc !important; }
.bg-bk { background-color: #000 !important; }
.bg-bk1 { background-color: #111 !important; }
.bg-bk2 { background-color: #333 !important; }
.bg-bk3 { background-color: #666 !important; }
.bg-bk4 { background-color: #999 !important; }
.bg-w { background-color: #fff !important; }
.bg-x { background-color: #4a98ea !important; }

/* ボタン色 */
.btn-y a span { background-color: #ffdf01 !important; }
.btn-p a span { background-color: #ff1b7d !important; color: #fff !important; }
.btn-r a span { background-color: #fe3c3d !important; color: #fff !important; }
.btn-o a span { background-color: #ff6d3c !important; color: #fff !important; }

#contents .btn-r .link-btn .btn-inner,#contents .btn-p .link-btn .btn-inner,#contents .btn-sp .link-btn .btn-inner,#contents .btn-v .link-btn .btn-inner,#contents .btn-b .link-btn .btn-inner,#contents .btn-o .link-btn .btn-inner,#contents .btn-g .link-btn .btn-inner{
color: #ffffff !important; 
}

#contents .btn-r .csdf-right-dtl-txt-greater.icon-greater-right-b::before,#contents .btn-p .csdf-right-dtl-txt-greater.icon-greater-right-b::before,#contents .btn-sp .csdf-right-dtl-txt-greater.icon-greater-right-b::before,#contents .btn-v .csdf-right-dtl-txt-greater.icon-greater-right-b::before,#contents .btn-b .csdf-right-dtl-txt-greater.icon-greater-right-b::before,#contents .btn-o .csdf-right-dtl-txt-greater.icon-greater-right-b::before,#contents .btn-g .csdf-right-dtl-txt-greater.icon-greater-right-b::before{
color: #ffffff !important; 
}

#contents .contents-area.bg-g .sub-ttl {
    color: #ffffff;
}

/*--------------------------------------------------
    general class
--------------------------------------------------*/
/* margin, padding */
.m0a { margin:0 auto !important; }

.m0 { margin:0 !important; }
.m1 { margin:1em !important; }
.m2 { margin:2em !important; }
.m3 { margin:3em !important; }
 
.mt0 { margin-top:0 !important; }
.mt1 { margin-top:1em !important; }
.mt2 { margin-top:2em !important; }
.mt3 { margin-top:3em !important; }
 
.mb0 { margin-bottom:0 !important; }
.mb1 { margin-bottom:1em !important; }
.mb2 { margin-bottom:2em !important; }
.mb3 { margin-bottom:3em !important; }
 
.p0 { padding:0 !important; }
.p1 { padding:1em !important; }
.p2 { padding:2em !important; }
.p3 { padding:3em !important; }
 
.pt0 { padding-top:0 !important; }
.pt1 { padding-top:1em !important; }
.pt2 { padding-top:2em !important; }
.pt3 { padding-top:3em !important; }
 
.pb0 { padding-bottom:0 !important; }
.pb1 { padding-bottom:1em !important; }
.pb2 { padding-bottom:2em !important; }
.pb3 { padding-bottom:3em !important; }
 
.m10 { margin:10px !important; }
.m20 { margin:20px !important; }
.m30 { margin:30px !important; }
 
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
 
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
 
.p10 { padding:10px !important; }
.p20 { padding:20px !important; }
.p30 { padding:30px !important; }
 
.pt10 { padding-top:10px !important; }
.pt20 { padding-top:20px !important; }
.pt30 { padding-top:30px !important; }
 
.pb10 { padding-bottom:10px !important; }
.pb20 { padding-bottom:20px !important; }
.pb30 { padding-bottom:30px !important; }

.mla { margin-left: auto !important; }
.mra { margin-right: auto !important; }
	
/* width */
.wid100 { width:100%; }
.wid95 { width:95%; }
.wid90 { width:90%; }
.wid85 { width:85%; }
.wid80 { width:80%; }
.wid75 { width:75%; }
.wid70 { width:70%; }
.wid65 { width:65%; }
.wid60 { width:60%; }
.wid55 { width:55%; }
.wid50 { width:50%; }
.wid45 { width:45%; }
.wid40 { width:40%; }
.wid35 { width:35%; }
.wid30 { width:30%; }
.wid25 { width:25%; }
.wid20 { width:20%; }
.wid15 { width:15%; }
.wid10 { width:10%; }
.wid5 { width:5%; }

/* bg-boxと一緒に指定 */
.max1000 {max-width: 1000px !important;}
.max850 {max-width: 850px !important;}
.max600 {max-width: 600px !important;}

 
/* text-align */
.txtAL { text-align:left !important; }
.txtAC { text-align:center !important; }
.txtAR { text-align:right !important; }
 
/* font-size */
.fsLLL { font-size:1.8em !important; }
.fsLL { font-size:1.5em !important; }
.fsL { font-size:1.2em !important; }
.fsS { font-size:0.8em !important; }
.fsSS { font-size:0.5em !important; }


@media screen and (max-width: 779px) {
.spno { display: none !important;}
.widsp100 { width:100% !important; }
.widsp95 { width:95% !important; }
.widsp90 { width:90% !important; }
.widsp85 { width:85% !important; }
.widsp80 { width:80% !important; }
.widsp75 { width:75% !important; }
.widsp70 { width:70% !important; }
.widsp65 { width:65% !important; }
.widsp60 { width:60% !important; }
.widsp55 { width:55% !important; }
.widsp50 { width:50% !important; }
.widsp45 { width:45% !important; }
.widsp40 { width:40% !important; }
.widsp35 { width:35% !important; }
.widsp30 { width:30% !important; }
.widsp25 { width:25% !important; }
.widsp20 { width:20% !important; }
.widsp15 { width:15% !important; }
.widsp10 { width:10% !important; }
.widsp5 { width:5% !important; }
	

	
	
	
}

@media screen and (min-width: 780px) {
.pcno { display: none !important;}
}