/* ============================
	saikourestaurant style
============================ */

/* general
============================================= */
body {background-color:#ff5940;
}

/* 背景PCのみ */
@media all and (min-width: 768px) {
body{
margin: 0;padding: 0;
width: 100%;
background-image: url(../img/bg.png?new), url(../img/bg2.png?new2022);
background-position:  center top 90px, center bottom;
background-repeat: repeat-x,repeat-x;
}
}

/* main画像
============================================= */
.mainimg img.lazyload{
background-size: contain;
}

.top1 .mainimg div{
padding-top: 70.9722222222222% !important;
}

#tbsfree .mainimg div{
padding-top: 56.25% !important;
}

.top1 .mainimg .onair_space {
background: none !important;
}
@media screen and (min-width: 768px) {
main.top1  {
  padding-top:0px;
}
.top1 .mainimg .onair_space p {
    bottom: 2%;
}
}
@media screen and (max-width: 767px) {
header p {
padding-bottom:0;
}
.top1 .mainimg .onair_space p {
bottom: 0;
}
.top1 .menu label {
margin: -20px auto 0 auto;
background:rgba(255, 90, 64, 1) !important;
}
.top1 .menu .hidebox ul {
    margin-top:1em;
    border-top:1px solid rgba(129, 137, 157, 0);
}
}
/* コンテンツ内容の枠
============================================= */
#contents{
width: 96% !important;
}

.unit,
#share_space,
.sns_space
{
border-radius: 10px;
box-sizing: border-box;
}
#share_space{
margin-bottom: 1em;
}
#onair.unit,
#plussns.unit,
#next_onair.unit,
#about.unit
{
padding-top:2em;
background:url(../img/bg_unit.png) center top -50px repeat-x #fff;
background-size:3%;
border-top: solid 6px #fff000;
border-bottom: solid 6px #fff000;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}
.unit .photo{
margin-top: 1em;
}
@media screen and (max-width: 767px) {
#onair.unit,
#plussns.unit,
#next_onair.unit,
#about.unit
{
background-image: url(../img/bg_unit.png);
background-position: center top -20px;
}
}
/* menu
============================================= */
.menu .hidebox{
background:rgba(255, 90, 64, 1) !important;
font-family: rocknroll-one, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1em;
}
.menu .hidebox ul {
}
.menu .hidebox li {
background: #fff000;
border-right:solid 1px #ff5940;
border-left:solid 1px #ff5940;
border-top:solid 1px #ff5940;
border-bottom:solid 1px #ff5940;
}
.menu .hidebox li:nth-child(odd) {border-right:solid 1px #ff5940 !important;}
.menu .hidebox li span
{
line-height:0.95em;
color: #000;
transition-duration: .4s;
}

.menu .hidebox li span:hover
{
color: #ff5940;
}

.menu .hidebox li span::after{
content: " ✦";
color: #ff5940;
}
.menu .hidebox li span::before{
content: "✦ ";
color: #ff5940;
}

@media screen and (min-width: 768px) {
.menu .hidebox li {
}
.menu .hidebox li span {
font-size:140%;
padding:15px;
white-space: nowrap;
}
}
@media screen and (max-width: 767px) {
.menu .hidebox li span {
font-size:120%;
padding:20px 0;
white-space: nowrap;
}
}


/* p
============================================= */
#contents p,
#contents .cont{
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 1.6em;
  letter-spacing: 0.08em;
  font-feature-settings: "palt";
  text-justify: inter-ideograph;
  text-align: justify;
}
#contents .cont .tCenter{
  text-align: center !important;
}
/* h2+h3
============================================= */
#contents section h2,
#contents section h3{
font-family: rocknroll-one, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.2em;
}
#contents section h2{
display:inline-block;
position: relative;
text-align: center !important;
color: #000;
vertical-align: top;
}
#contents section h2::after,
#contents section h2::before{
content: "";
background:url(../img/icon.png) center center no-repeat;
background-size:contain;
}
#contents .cont h3{
position: relative;
width:100%;
margin:1em auto .5em;
padding: 0.5em 4em 0.5em 2em;
display: inline-block;
line-height: 1.3;
background: #ff5940;
box-sizing: border-box;
vertical-align: middle;
border-radius: 30px;
border-left: 0;
background-image: url(../img/icon2.png);
background-position:right 10px center;
background-size:13%;
background-repeat: no-repeat;
color:#fff;
border-bottom: solid 3px rgba(0,0,0,0.2);
}
#contents .cont h3:before {
position: absolute;top:0;left:0;
  content: '✦';
  color:#fff000;
  margin-right: 8px;
padding: 0.5em 0 0 1em;
}


#contents section h3{
position: relative;
width: 90%;
margin:1em auto .5em;
padding: 0.5em 4em 0.5em 2em;
display: inline-block;
line-height: 1.3;
background: #fff000;
box-sizing: border-box;
vertical-align: middle;
border-radius: 30px;
border-left: 0;
background-image: url(../img/icon2.png);
background-position:right 10px center;
background-size:13%;
background-repeat: no-repeat;
color:#000;
border-bottom: solid 3px rgba(0,0,0,0.2);
}

#this_onair h3{
width: 100% !important;
}

#contents section h3:before {
position: absolute;top:0;left:0;
content: '✦';
color:#ff5940;
margin-right: 8px;
padding: 0.5em 0 0 1em;
}

@media all and (min-width: 768px) {
#contents section h2{
font-size:260%;
line-height: 1;
width: 480px;
}

#contents section h2::after{
position: absolute;right:-70px;top:0;
content: "";
background:url(../img/icon.png) center center no-repeat;
background-size:contain;
width:55px;height:55px;
}
#contents section h2::before{
position: absolute;left:-70px;top:0;
content: "";
background:url(../img/icon.png) center center no-repeat;
background-size:contain;
width:55px;height:55px;
}
#contents h3{
font-size: 120% !important;
}
}
@media all and (max-width: 767px) {
#contents section h2{
font-size: 180%;
line-height: 1;
width:60%;
}
#contents section h2::after{
position: absolute;right:-50px;top:0;
width:35px;height:35px;
}
#contents section h2::before{
position: absolute;left:-50px;top:0;
width:35px;height:35px;
}
#contents h3{
font-size: 100% !important;
}
}
@media all and (max-width: 370px) {
#contents section h2{
font-size: 160%;
line-height: 1.2em;
}
#contents section h2::after{
position: absolute;right:-40px;top:0;
width:35px;height:35px;
}
#contents section h2::before{
position: absolute;left:-40px;top:0;
width:35px;height:35px;
}
}

/* set
============================================= */
#contents section .set{margin-top:1em !important;}
/* next
============================================= */
#next_date {
  color: rgb(255,90,64);
}
.unit .sub_txt {
  border-left: 2px solid rgba(255,90,64,1);
}
.morebtn {
    border: 1px solid rgba(255,90,64,1);
    color: rgba(255,90,64,1);
}
#this_header{margin-bottom:1em;}

/* sns_space dt
============================================= */
.sns_txt{font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;}

#share_space dt,
.sns_space dt{
font-family: rocknroll-one, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.2em;
}
#share_space dt,
.sns_space dt{
text-align: center !important;
color: #000;
}
#share_space dt::after,
#share_space dt::before
{top:0;
background-color:rgba(0,0,0,0);}

#share_space dt::after,
.sns_space dt::after{
content: " ✦" !important;
color: #ff5940;
}
#share_space dt::before,
.sns_space dt::before{
content: "✦ " !important;
color: #ff5940;
}

#share_space{padding-top:1em; }

.sns_space dt{padding-top:0 !important;}
.sns_space dl{
background:#fff000;
background-size: 20%;
border-radius: 10px;
padding:1em ;
border-bottom: solid 3px rgba(0,0,0,0.2);
}
#share_space dd {padding-bottom:0;}
.sns_space dd {padding-top:1em;padding-bottom:0;}
.sns_space .sns {
background:#ff5940;
border-radius:8px;
}
.sns_space {
padding: 0.5em 0;
}
.sns_space .sns {
padding:25px 0;
height:0;
}


@media all and (min-width: 768px) {
#share_space dt,
.sns_space dt{
font-size: 200%;
}
}

@media all and (max-width: 767px) {
#share_space dt,
.sns_space dt{
font-size: 160%;
}
}
/* link-color
============================================= */
#new h2 .link_txt a
{
color:#fff !important;
}
#new h2 .link_txt:before {
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid rgba(255, 255, 255, 1);
    border-left: 0;
    border-bottom: 0;
    position: absolute;
    bottom: 3px;
    right: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}



/* copyright
============================================= */
@media all and (max-width: 767px) {
.copyright,.copyright a{
background: #000;
color:#fff !important;
}
}

/* pagetop
============================================= */
@media all and (min-width: 768px) {
.bktotop{
display: block;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
position: fixed;
bottom:0;
right: 20px;
}
.bktotop a{
display:block;
background:url(../img/pagetop.png?new2022) center center no-repeat;
background-size: contain;
width:110px;height:110px;
transition:0.5s ;
}
.bktotop a:hover{cursor: pointer;}
}



/* eof */