@charset "utf-8";
/* CSS Document */

.PS_r{
position: relative;
}

/*------文字色--------*/

.CL_00{
color: #333333 !important;
}

.CL_66{
color: #666666 !important;
}

.CL_cc{
color: #cccccc !important;
}

.CL_ff{
color: #ffffff !important;
}

.CL_73{
color: #737070 !important;
}

.CL_blu{
color: #008AC5 !important;
}

.CL_grn{
color: #64852F !important;
}

/*------背景色--------*/

.BG_00 {
background-color:#000000 !important;
}

.BG_ff {
background-color:#ffffff !important;
}

.BG_33 {
background-color:#333333 !important;
}

.BG_66 {
background-color:#666666 !important;
}

.BG_99 {
background-color:#999999 !important;
}

.BG_cc {
background-color:#cccccc !important;
}

.BG_ee {
background-color:#eeeeee !important;
}

/*------ページ背景色--------*/

.page_bg01{
background-color: #FAFAF3 !important;
}

.page_bg02{
background-color: #F0EEE6 !important;
padding: 60px 60px;
}

/*------マーカー--------*/

.marker01{
background: linear-gradient(0deg, rgb(250 230 118) 40%, transparent 0, transparent) !important;
}

/*------ボーダー--------*/

.BD_00 {
border: solid 1px #000000 !important;
}

.BD_cc {
border: solid 1px #cccccc !important;
}

.BDB_33 {
border-bottom: solid 1px #333 !important;
}

.P_BDB {
border-bottom: dashed 2px #E4DABE !important;
}

.BDR_66 {
border-right: solid 1px #666 !important;
}

.BDRR_84 {
border: solid 1px #84babc !important;
}

.BDR_rad16 {
border-radius: 16px !important;
}

.BDR_rad24 {
border-radius: 24px !important;
}

/*------文字間--------*/

.LS_0{
letter-spacing: 0 !important;
}

.LS_1{
letter-spacing: 1px !important;
}

.LS_2{
letter-spacing: 2px !important;
}

.LS_3{
letter-spacing: 3px !important;
}

.LS_4{
letter-spacing: 4px !important;
}

.LS_5{
letter-spacing: 5px !important;
}

.LH_1{
line-height: 1.6em;
}

.LH_2{
line-height: 2em;
}

.LH_3{
line-height: 3em;
}

.TS_ff{
text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}

.TS_00{
text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
}

.MH_500{
min-height: 500px;
}

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

.LS_0_sp{
letter-spacing: 0 !important;
}

.LH_0_sp{
line-height: 1.6 !important;
}

.MH_0{
min-height: auto !important;
}

.page_bg02{
padding: 45px 20px;
}

}