@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(66,66,66,1.00)}a:hover { color:rgba(255,255,255,1.00)}
/* css setting */
.fs_page_list a:hover, #pt101-2-1 a:hover{
color: #aaaaaa;
}

/*--------　20180115リナックス移行の際のデフォルトページ修正分　--------*/
#pt101-2-1{
text-align: justify;
}
a   {
text-decoration:none;
}

.hover_opacity:hover{
opacity: 0.8;
transition:0.6s;
}

.letter-spacing{
letter-spacing: 0.1rem;
}

.opacity {
opacity: 0.9;
}

.white_rgba {
background-color: rgba(255,255,255,0.9);
}

.blue_rgba {
background-color: rgba(10,50,150,0.8);
}

.main_color {
color: #ff8000;
}

.main_backgroundcolor {
background-color: #ff8000;
}

.news .entryData:after{
background: #c8c8c8 !important;
font-size: 0.8rem !important;
color: #ffffff !important;
margin-left: 0.2rem !important;
}

#pt101-2-1 .fs_c_title , #pt102-2-1 .fs_c_title {
  background-repeat: no-repeat;
  margin: 3rem 2rem 1.5rem 2rem;
  padding: 0 0 1rem 0;
  border-bottom: 1px solid #c8c8c8;
  font-size: 1.3rem;
  color: #969696
}


#pt101-2-1 .fs_content , #pt102-2-1 .fs_content {
  background-repeat: no-repeat;
  padding: 0 2rem 4rem 2rem;
  font-size: 1rem;
}

.border-radius {
 border-radius: 2rem;
}

tr td {
vertical-align: middle;
}

#archiveBoxesC3 .archiveEachBox .eachArticle p.post-time,
#archiveBoxesC2 .archiveEachBox .eachArticle p.post-time
 {
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: bold;
    font-family: メイリオ , Meiryo ,sans-serif;
    padding: 0.25rem 1rem;
    background: #008cd7;
}

@media screen and (max-width: 480px) { 
#archiveBoxesC2 .archiveEachBox, #archiveBoxesC3 .archiveEachBox{ 
    margin:0; 
} 
}


/* -------------------- マルチイメージ -------------------- */

.cuosor {
  pointer-events: none ;
  cursor: default ;
}

/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {pointer-events: none;}
}
@media screen and (min-width: 498px) {
.tel_splink {pointer-events: none;}
}

/*　--------------------　オンライン注文ボタン　--------------------　*/

.online_btn img{ width:200px; }
.online_btn { position: fixed; bottom:1rem; right:1rem; z-index:10;}
.online_btn { display:none; }

@media screen and (max-width: 768px) {
.online_btn img{ width:200px; }
}
@media screen and (max-width: 480px) {
.online_btn img{ width:100%; }
.online_btn { bottom:0; right:0;}
}