/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 16 2023 | 06:10:54 */
/* clearfix 
--------------------------------------- */
.cf:before,
.cf:after{content:'';display:table;}
.cf:after{clear:both;}
.cf{*zoom:1;}
*{zoom:1;}

.left { float:left; display:inline; }
.right { float:right; display:inline; text-align:left!important;}

.box01 {
    padding: 0.5em;
    border: solid 1px #D2AED1;
	height:78px;
	width:100%;
}
.box02 {
    padding: 0.5em;
	width:100%;
	background-color:#D2AED1;
	color:#FFF !important;
	font-size:36px;
}
@media screen and (max-width: 768px) {
.box01 {
    padding: 0.5em;
    border: solid 1px #D2AED1;
	height:100px;
	width:100%;
}
	.box02 {
    padding: 0.5em;
		padding-top: 1.5em;
	width:100%;
	background-color:#D2AED1;
	color:#FFF !important;
	font-size:24px;
		height:86px;
}
}

/* 横並びを縦に */
.contents {
     width: 100%;
     max-width: 1200px;
     margin: auto;
 }
 .contents img {
     width: 100%;
 }
 .text-center {
     text-align: center;
 }
 .flexbox {
     display: flex;
	 padding: 0.5em;
    border: solid 1px #D2AED1;
 }
 .box3 {
     padding: 0.5em;
	width:25%;
	background-color:#D2AED1;
	color:#FFF !important;
	font-size:36px;
 }
 .box4 {
     width: 75%;
     margin: auto .5rem;
 }
 @media screen and (max-width: 767px) {
     .flexbox {
         display: block;
		 padding: 0.5em;
    border: solid 1px #D2AED1;
     }
     .flexbox .box3 {
         width: 100%;
         margin: 0 auto;
     }
     .flexbox .box4 {
         width: 100%;
		 padding-top: 1em;
     }
 }

/* ユーチューブ */
.youtube{
position:relative;
width:100%;
padding-top:56.25%;
}
.youtube iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

/* ベース */
.bbb { font-weight:bold; }
.nnn { font-weight:normal !important; }
.uuu { text-decoration:underline !important; }
.uuu_no { text-decoration:none !important; }
.rrr { text-align:right !important; }
.lll { text-align:left !important; }
.ccc { text-align:center !important; }

/* 行間 */
.lh120 { line-height:120%; }
.lh140 { line-height:140%; }
.lh160 { line-height:160%; }
.lh180 { line-height:180%; }
.lh200 { line-height:200%; }
.lh260 { line-height:260%; }
.lh300 { line-height:300%; }
.lh320 { line-height:320%; }

/* base
--------------------------------------- */
.tx_blk { color:#000 !important; }
.tx_wht { color:#FFF !important; }
.tx_lbl { color:#009FE7 !important; }
.tx_dbl { color:#0067B6 !important; }
.tx_red { color:#E50012 !important; }
.tx_blu { color:#0E6BAD !important; }
.tx_blu2 { color:#128CCD !important; }
.tx_grn { color:#009039 !important; }
.tx_drd { color:#C00 !important; }
.tx_org { color:#FF7F00 !important; }
.tx_dkb{ color:#043564 !important; }

.bg_dkb { background-color:#043564; }
.bg_wtr { background-color:#CCD9ED; }
.bg_dbl { background-color:#0041A1; }
.bg_kgr { background-color:#BEF054; }
.bg_eee { background-color:#EEEEEE; }
.bg_org { background-color:#FF7F00; }
.bg_org2 { background-color:#FFC07A; }
.bg_ccc { background-color:#CCCCCC; }
.bg_lgr { background-color:#EEFAF5; }
.bg_bdg { background-color:#FBF5E9; }
.bg_lbl { background-color:#E2F5FB; }
.bg_cgr { background-color:#98CD97; }
.bg_blu { background-color:#0E6BAD; }
.bg_blw { background-color:#5D2D22; }
.bg_pnk { background-color:#fce9e3; }
.bg_red { background-color:#E50012; }
.bg_wgry{ background-color:#f9f9f9; }
.bg_pup{ background-color:#D2AED1; }


/* フォントサイズ */
.t10 { font-size:10px; }
.t11 { font-size:11px; }
.t12 { font-size:12px; }
.t13 { font-size:13px; }
.t14 { font-size:14px; }
.t15 { font-size:15px; }
.t16 { font-size:16px; }
.t18 { font-size:18px; }
.t20 { font-size:20px; }
.t22 { font-size:22px; }
.t24 { font-size:24px; }
.t26 { font-size:26px; }
.t28 { font-size:28px; }
.t30 { font-size:30px; }
.t32 { font-size:32px; }
.t34 { font-size:34px; }
.t36 { font-size:36px; }
.t38 { font-size:38px; }
.t40 { font-size:40px; }
.t42 { font-size:42px; }
.t44 { font-size:44px; }
.t45 { font-size:45px; }
.t46 { font-size:46px; }
.t48 { font-size:48px; }
.t50 { font-size:50px; }
.t60 { font-size:60px; }
.t75 { font-size:75px; }
.t78 { font-size:78px; }
.t80 { font-size:80px; }


/* width */
.col5{width:5%;}
.col10{width:10%;}
.col15{width:15%;}
.col20{width:20%;}
.col23{width:23%;}
.col24{width:24%;}
.col25{width:25%;}
.col28{width:28%;}
.col30{width:30%;}
.col33{width:33.3333%;}
.col34{width:34%;}
.col35{width:35%;}
.col40{width:40%;}
.col45{width:45%;}
.col48{width:48%;}
.col50{width:50%;}
.col55{width:55%;}
.col58{width:58%;}
.col60{width:60%;}
.col65{width:65%;}
.col67{width:67%;}
.col70{width:70%;}
.col72{width:72%;}
.col75{width:75%;}
.col80{width:80%;}
.col90{width:90%;}
.w100{width:100%;}

/* padding */

.p0 { padding:0px; }
.p3 { padding:3px; }
.p15 { padding:15px; }
.p20 { padding:20px; }
.p40 { padding:40px; }
.p50 { padding:50px; }

.pt5 { padding-top:5px; }
.pl5 { padding-left:5px; }
.pb5 { padding-bottom:5px; }
.pr5 { padding-right:5px; }

.pt10 { padding-top:10px; }
.pl10 { padding-left:10px; }
.pb10 { padding-bottom:10px; }
.pr10 { padding-right:10px; }

.pt15 { padding-top:15px; }
.pl15 { padding-left:15px; }
.pb15 { padding-bottom:15px; }
.pr15 { padding-right:15px; }

.pt20 { padding-top:20px; }
.pl20 { padding-left:20px; }
.pb20 { padding-bottom:20px; }
.pr20 { padding-right:20px; }

.pt30 { padding-top:30px; }
.pl30 { padding-left:30px; }
.pb30 { padding-bottom:30px; }
.pr30 { padding-right:30px; }

.pt40 { padding-top:40px; }
.pl40 { padding-left:40px; }
.pb40 { padding-bottom:40px; }
.pr40 { padding-right:40px; }

.pt50 { padding-top:50px; }
.pl50 { padding-left:50px; }
.pb50 { padding-bottom:50px; }
.pr50 { padding-right:50px; }

/* margin */

.m0 { margin:0; }

.mt5 { margin-top:5px; }
.ml5 { margin-left:5px; }
.mb5 { margin-bottom:5px; }
.mr5 { margin-right:5px; }

.mt10 { margin-top:10px; }
.ml10 { margin-left:10px; }
.mb10 { margin-bottom:10px; }
.mr10 { margin-right:10px; }

.mt15 { margin-top:15px; }
.ml15 { margin-left:15px; }
.mb15 { margin-bottom:15px; }
.mr15 { margin-right:15px; }

.mt20 { margin-top:20px; }
.ml20 { margin-left:20px; }
.mb20 { margin-bottom:20px; }
.mr20 { margin-right:20px; }

.mt30 { margin-top:30px; }
.ml30 { margin-left:30px; }
.mb30 { margin-bottom:30px; }
.mr30 { margin-right:30px; }

.mt40 { margin-top:40px; }
.ml40 { margin-left:40px; }
.mb40 { margin-bottom:40px; }
.mr40 { margin-right:40px; }

.mt50 { margin-top:50px; }
.ml50 { margin-left:50px; }
.mb50 { margin-bottom:50px; }
.mr50 { margin-right:50px; }

.mt60 { margin-top:60px; }
.ml60 { margin-left:60px; }
.mb60 { margin-bottom:60px; }
.mr60 { margin-right:60px; }

.ml100 { margin-left:100px; }
.ml150 { margin-left:150px; }
.ml200 { margin-left:200px; }
.ml250 { margin-left:250px; }

/* スマホで改行 */
.sp_br {
  display: none; //768px以上では改行タグを無効に。
}
@media screen and (max-width: 768px) {
  .sp_br {
    display: block; //768px未満で改行タグを有効に。
  }
}