@charset "utf-8";
/*basis*/
.pcOnly {}
.spOnly { display: none;}
@media only screen and (max-width:768px){
  .pcOnly { display: none;}
  .spOnly { display: block;}
}

/*background*/
.bgWhite { background-color: #fff;}
.bgBlack { background-color: #000; color:#fff;}

/*Display*/
.displayB{ display:block; }
.displayN{ display:none; }
.displayT{ display:table; }
.displayTC{ display:table-cell; }
.displayI{ display:inline; }
.displayIB{ display:inline-block; }

/*Flexbox*/
.flex { -js-display:flex; display:flex; flex-wrap: wrap; }
/*折り返し設定*/
.flexWrap { flex-wrap: wrap;}
.flexNowrap { flex-wrap: nowrap; gap: 0 1em;}
/*横並びの設定*/
.flexStart { justify-content: flex-start;}
.flexEnd { justify-content: flex-end;}
.flexCenter { justify-content: center; }
.flexAround { justify-content: space-around; }
.flexBetween { justify-content: space-between; }
/*縦軸の設定*/
.alignStart { align-items: start;}
.alignStretch { align-items: stretch;}
.alignC { align-items: center; }
.alignEnd { align-items: flex-end; }
/*縦軸 個別設定*/
.alignSelfStart { align-self: start;}
.alignSelfC { align-self: center;}
.alignSelfEnd { align-self: flex-end;}
/*flexのコンテンツ自体の縦軸*/
.alignContentStart { align-content:start;}
.alignContentStretch { align-content:stretch;}
/*flex-itemの基本的な大きさ*/
.column1 { width: 100%;}
.column2 { width: 48%; }/*1/2*/
.column3 { width: 30%; }/*1/3*/
.column3-1 { width: 32%; }/*1/3*/
.column3-2 { width: 66%; }/*1/3*/
.column4 { width: 24%; }/*1/4*/
.column4-3 { width: 75%; }/*3/4*/
.column5 { width: 20%; }/*1/5*/
/*flex-itemの間隔設定*/
.gap1 { gap: 1% 1em;}
.gap2 { gap: 2% 1em;}
.gap3 { gap: 3% 1em;}
.gap4 { gap: 4% 1em;}
.gap5 { gap: 5% 2em;}
.gap10 { gap: 10% 1em;}
@media only screen and (max-width:768px){
  .sColumn1 {width: 100%;}
  .column4 { width: 48%; }/*1/4*/
  .column4-3 { width: 48%; }/*3/4*/
  .column5 { width: 48%; }/*1/5*/
}

/*Textalign*/
.textL{ text-align:left; }
.textR{ text-align:right; }
.textC{ text-align:center; }

/*Verticalalign*/
.verticalT{ vertical-align:top; }
.verticalM{ vertical-align:middle; }
.verticalB{ vertical-align:bottom; }

/*centering*/
.blockC{ margin: auto; }

/*margin common*/
.m0{ margin:0!important; }
.m5{ margin:5px!important; }
.m10{ margin:10px!important; }
.m15{ margin:15px!important; }
.m20{ margin:20px!important; }
.m25{ margin:25px!important; }
.m30{ margin:30px!important; }
.m35{ margin:35px!important; }
.m40{ margin:40px!important; }
.m45{ margin:45px!important; }
.m50{ margin:50px!important; }
.m55{ margin:55px!important; }
.m60{ margin:60px!important; }
.m65{ margin:65px!important; }
.m70{ margin:70px!important; }
.m75{ margin:75px!important; }
.m80{ margin:80px!important; }
.m85{ margin:85px!important; }
.m90{ margin:90px!important; }
.m95{ margin:95px!important; }
.m100{ margin:100px!important; }

.mt0{ margin-top:0!important; }
.mt5{ margin-top:5px!important; }
.mt10{ margin-top:10px!important; }
.mt15{ margin-top:15px!important; }
.mt20{ margin-top:20px!important; }
.mt25{ margin-top:25px!important; }
.mt30{ margin-top:30px!important; }
.mt35{ margin-top:35px!important; }
.mt40{ margin-top:40px!important; }
.mt45{ margin-top:45px!important; }
.mt50{ margin-top:50px!important; }
.mt55{ margin-top:55px!important; }
.mt60{ margin-top:60px!important; }
.mt65{ margin-top:65px!important; }
.mt70{ margin-top:70px!important; }
.mt75{ margin-top:75px!important; }
.mt80{ margin-top:80px!important; }
.mt85{ margin-top:85px!important; }
.mt90{ margin-top:90px!important; }
.mt95{ margin-top:95px!important; }
.mt100{ margin-top:100px!important; }

.mr0{ margin-right:0!important; }
.mr5{ margin-right:5px!important; }
.mr10{ margin-right:10px!important; }
.mr15{ margin-right:15px!important; }
.mr20{ margin-right:20px!important; }
.mr25{ margin-right:25px!important; }
.mr30{ margin-right:30px!important; }
.mr35{ margin-right:35px!important; }
.mr40{ margin-right:40px!important; }
.mr45{ margin-right:45px!important; }
.mr50{ margin-right:50px!important; }
.mr55{ margin-right:55px!important; }
.mr60{ margin-right:60px!important; }
.mr65{ margin-right:65px!important; }
.mr70{ margin-right:70px!important; }
.mr75{ margin-right:75px!important; }
.mr80{ margin-right:80px!important; }
.mr85{ margin-right:85px!important; }
.mr90{ margin-right:90px!important; }
.mr95{ margin-right:95px!important; }
.mr100{ margin-right:100px!important; }


.mb0{ margin-bottom:0!important; }
.mb5{ margin-bottom:5px!important; }
.mb10{ margin-bottom:10px!important; }
.mb15{ margin-bottom:15px!important; }
.mb20{ margin-bottom:20px!important; }
.mb25{ margin-bottom:25px!important; }
.mb30{ margin-bottom:30px!important; }
.mb35{ margin-bottom:35px!important; }
.mb40{ margin-bottom:40px!important; }
.mb45{ margin-bottom:45px!important; }
.mb50{ margin-bottom:50px!important; }
.mb55{ margin-bottom:55px!important; }
.mb60{ margin-bottom:60px!important; }
.mb65{ margin-bottom:65px!important; }
.mb70{ margin-bottom:70px!important; }
.mb75{ margin-bottom:75px!important; }
.mb80{ margin-bottom:80px!important; }
.mb85{ margin-bottom:85px!important; }
.mb90{ margin-bottom:90px!important; }
.mb95{ margin-bottom:95px!important; }
.mb100{ margin-bottom:100px!important; }

.ml0{ margin-left:0!important; }
.ml5{ margin-left:5px!important; }
.ml10{ margin-left:10px!important; }
.ml15{ margin-left:15px!important; }
.ml20{ margin-left:20px!important; }
.ml25{ margin-left:25px!important; }
.ml30{ margin-left:30px!important; }
.ml35{ margin-left:35px!important; }
.ml40{ margin-left:40px!important; }
.ml45{ margin-left:45px!important; }
.ml50{ margin-left:50px!important; }
.ml55{ margin-left:55px!important; }
.ml60{ margin-left:60px!important; }
.ml65{ margin-left:65px!important; }
.ml70{ margin-left:70px!important; }
.ml75{ margin-left:75px!important; }
.ml80{ margin-left:80px!important; }
.ml85{ margin-left:85px!important; }
.ml90{ margin-left:90px!important; }
.ml95{ margin-left:95px!important; }
.ml100{ margin-left:100px!important; }


/*padding common*/
.p0{ padding:0!important; }
.p5{ padding:5px!important; }
.p10{ padding:10px!important; }
.p15{ padding:15px!important; }
.p20{ padding:20px!important; }
.p25{ padding:25px!important; }
.p30{ padding:30px!important; }
.p35{ padding:35px!important; }
.p40{ padding:40px!important; }
.p45{ padding:45px!important; }
.p50{ padding:50px!important; }
.p55{ padding:55px!important; }
.p60{ padding:60px!important; }
.p65{ padding:65px!important; }
.p70{ padding:70px!important; }
.p75{ padding:75px!important; }
.p80{ padding:80px!important; }
.p85{ padding:85px!important; }
.p90{ padding:90px!important; }
.p95{ padding:95px!important; }
.p100{ padding:100px!important; }

.pt0{ padding-top:0!important; }
.pt5{ padding-top:5px!important; }
.pt10{ padding-top:10px!important; }
.pt15{ padding-top:15px!important; }
.pt20{ padding-top:20px!important; }
.pt25{ padding-top:25px!important; }
.pt30{ padding-top:30px!important; }
.pt35{ padding-top:35px!important; }
.pt40{ padding-top:40px!important; }
.pt45{ padding-top:45px!important; }
.pt50{ padding-top:50px!important; }
.pt55{ padding-top:55px!important; }
.pt60{ padding-top:60px!important; }
.pt65{ padding-top:65px!important; }
.pt70{ padding-top:70px!important; }
.pt75{ padding-top:75px!important; }
.pt80{ padding-top:80px!important; }
.pt85{ padding-top:85px!important; }
.pt90{ padding-top:90px!important; }
.pt95{ padding-top:95px!important; }
.pt100{ padding-top:100px!important; }


.pr0{ padding-right:0!important; }
.pr5{ padding-right:5px!important; }
.pr10{ padding-right:10px!important; }
.pr15{ padding-right:15px!important; }
.pr20{ padding-right:20px!important; }
.pr25{ padding-right:25px!important; }
.pr30{ padding-right:30px!important; }
.pr35{ padding-right:35px!important; }
.pr40{ padding-right:40px!important; }
.pr45{ padding-right:45px!important; }
.pr50{ padding-right:50px!important; }
.pr55{ padding-right:55px!important; }
.pr60{ padding-right:60px!important; }
.pr65{ padding-right:65px!important; }
.pr70{ padding-right:70px!important; }
.pr75{ padding-right:75px!important; }
.pr80{ padding-right:80px!important; }
.pr85{ padding-right:85px!important; }
.pr90{ padding-right:90px!important; }
.pr95{ padding-right:95px!important; }
.pr100{ padding-right:100px!important; }

.pb0{ padding-bottom:0!important; }
.pb5{ padding-bottom:5px!important; }
.pb10{ padding-bottom:10px!important; }
.pb15{ padding-bottom:15px!important; }
.pb20{ padding-bottom:20px!important; }
.pb25{ padding-bottom:25px!important; }
.pb30{ padding-bottom:30px!important; }
.pb35{ padding-bottom:35px!important; }
.pb40{ padding-bottom:40px!important; }
.pb45{ padding-bottom:45px!important; }
.pb50{ padding-bottom:50px!important; }
.pb55{ padding-bottom:55px!important; }
.pb60{ padding-bottom:60px!important; }
.pb65{ padding-bottom:65px!important; }
.pb70{ padding-bottom:70px!important; }
.pb75{ padding-bottom:75px!important; }
.pb80{ padding-bottom:80px!important; }
.pb85{ padding-bottom:85px!important; }
.pb90{ padding-bottom:90px!important; }
.pb95{ padding-bottom:95px!important; }
.pb100{ padding-bottom:100px!important; }

.pl0{ padding-left:0!important; }
.pl5{ padding-left:5px!important; }
.pl10{ padding-left:10px!important; }
.pl15{ padding-left:15px!important; }
.pl20{ padding-left:20px!important; }
.pl25{ padding-left:25px!important; }
.pl30{ padding-left:30px!important; }
.pl35{ padding-left:35px!important; }
.pl40{ padding-left:40px!important; }
.pl45{ padding-left:45px!important; }
.pl50{ padding-left:50px!important; }
.pl55{ padding-left:55px!important; }
.pl60{ padding-left:60px!important; }
.pl65{ padding-left:65px!important; }
.pl70{ padding-left:70px!important; }
.pl75{ padding-left:75px!important; }
.pl80{ padding-left:80px!important; }
.pl85{ padding-left:85px!important; }
.pl90{ padding-left:90px!important; }
.pl95{ padding-left:95px!important; }
.pl100{ padding-left:100px!important; }

/*FontWeight*/
.fw300 { font-weight: 300;}
.fw400 { font-weight: 400;}
.fw500 { font-weight: 500;}
.fw700 { font-weight: 700;}
.fcFFFFFF { color: #fff;}
.fc000000 { color: #000;}
.fc555555 { color: #555;}
.fcF5F5F5 { color: #f5f5f5;}
.fcFF0000 { color: #ff0000;}
.fc0000FF { color: #0000ff;}
.fc00FF00 { color: #00ff00;}

/*Text-decoration*/
.decoNone{ text-decoration:none; }
.decoUnderline{ text-decoration:underline; }


/*1丁目*/
.contentsBlue { font-weight:700; font-size: 24px; color: #2c5085; } 
.contentsOrange { font-weight:700; font-size: 24px; color: #F36C21; } 
.contentsSub { font-size:16px} 
.kakomi {background-color: #F36C21;color:#fff;padding:5px 10px;font-size:14px;display:inline-block;width: fit-content;} 
.copyR_right { float:inline-end;} 
.footbathText { width:60%; } 
.ichi-chomeSpecialEvent {border:1px solid #2c5085;border-radius:20px; padding:20px 30px;margin:auto;} 
.ichi-chomeSpecialEventMidashi{ color: #2c5085; font-weight:700;} 
@media only screen and (max-width:768px){
  .threepPart { display:block;} 
  .threepPartIndividual { width:100%;} 
  .contentsBlue, .contentsOrange {font-size: 20px;}
  .p-sites02__h02.firstSite { font-size: 1.5rem;}
  .contentstext{margin-bottom:20px;}
  .footbathText{ display:block; width:100%;} 
  .footbathImage{ display:block; margin: 0 auto;} 
} 

/*3丁目*/
.blueLetters { font-weight:700; color: #2c5085; } 
.sanchomeWest{ font-weight:700; color: #fff; background-color: #2c5085; padding:10px; border-radius:50%;} 
@media only screen and (max-width:768px){
  .nanachomeTextArea {display:block} 
  .leftPart{ width:100%;} 
  .rightPart{ width:100%;} 
  } 


/*7丁目*/
.smallLetter{ font-size:14px} 
@media only screen and (max-width:768px){
.nanachomeTextArea {display:block} 
.leftPart{ width:100%;} 
.rightPart{ width:100%;} 
}