/* モバイル用のＣＳＳ規定（全デバイス共通） */

.red {background-color:red;}
.blue {background-color:blue;}

 /* はみだし防止規定 */
section,div{
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;}
img {max-width: 100%;}

 /*縦書き規定*/
.vlr {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;}

 /* 基本規定 */
body {font-size: 16px; line-height:1.2em; width:100%;
      background-image: url(../image/common/back/pinkback.jpg); margin: 0; padding: 0; }
.small{font-size: 12px;}
.normal{font-size: 16px;}
.large{font-size: 20px;}
.bold{font-weight:700;}
.mc { width:100%; max-width:980px; margin-left:auto; margin-right:auto;}
.center{ margin-left:auto; margin-right:auto;}
.tcenter{text-align :center;}
.floatr {float:right;}
.floatl {float:left;}
.cl{ clear:both;}
.tright{text-align :right;}
.tleft{text-align :left;}
.tindent1 { text-indent:1em;}
.tindent03 { text-indent:0.3em;}
.tindent05 { text-indent:0.5em;}
.tindent0 { text-indent:0;}
.tindent02r { text-indent:-0.2em;}
.tcenterv { vertical-align: middle;}
.paddingt7 { padding-top:7px;}
.margintb7 { margin-top:7px; margin-bottom:7px;}
.margint10 { margin-top:10px;}
.whiteline {border-bottom:2px solid white; height:7px;}
.wid80 {width:80%;}
.wid60 {width:60%;}
.block {display:block;}
.lheight15{ line-height:1.5em}
.r{ color:red;}
#tboxtel {text-decoration: none; color:black; font-weight:400;}

 /* タグ規定 */
h1 {font-size: 16px; font-weight:400; margin:0;}
p,div,h2 {margin:0; border:0; padding:0;}
a,a:link {text-decoration: none; color:black;}
label { cursor: pointer; } 
.tbox a,.tbox a:link { color: blue; font-weight:700; text-decoration: underline;}
ul {padding:0; margin: 0; }
#hac table {margin-top:2px; text-indent:0; margin-left:auto; margin-right:auto; font-weight:700;}
li{list-style-type:none;}

/*ヘッダー規定*/
header {background-color:white; width:100%; padding: 0; margin: 0; overflow:hidden; line-height:2.0em;}
#tel {font-size: 12px;}
.titleline {float:right; width: 45%; margin-right:3%; }

/*ナビ規定*/
nav { background-image: url(../image/common/back/brownback.jpg); width:100%;overflow:hidden;
      padding-top: 5px; margin: 0; text-align:center;}
.navi{ margin-bottom:1px; border-radius :20px; width: 70vw;}
.spmaini { width: 93%; max-width:460px; margin-left:auto; margin-right:auto;
           margin-top:3px;margin-bottom:3px; border:7px solid white; } 
.brownback { background-image: url(../image/common/back/brownback.jpg); width:100%;}
.namei { width:95%;}


/*アーティクル規定*/
article {width:100%; padding: 0; margin: 0; overflow:hidden;}


/*フッター規定*/
footer { background-image: url(../image/common/back/brownback.jpg);overflow:hidden;line-height:2.5em;
         padding: 0; margin: 0;overflow:hidden; width 100%; color:white; font-size : 16px;}
footer a,footer a:link { color:white; }

/*ボックス規定*/

/*店ボックス規定*/
.sbsubt { width:190px; margin-left:auto; margin-right:auto; 
          padding:9px 0px; white-space:nowrap;
          text-align:center; font-weight:700;font-size:20px;
          border-bottom: solid 2px red;}
.sbcon { width:206px; overflow:hidden; padding:5px 7px;
         margin:5px 5px; text-align:left; text-align: justify;}
.longname{font-size:16px;}
.sbtable {line-height:0.9em; margin-left:auto; margin-right:auto; text-align:left;}
.sbtd { width:40px;}
.hsb { height:74px;}

/*下画像ボックス用*/
.sbimage{ width:204px; height:138px; margin-top:0px; border-radius : 5px; margin-left:auto; margin-right:auto; }
.hsbbi { margin-top:158px;}
.hitem { height:52px;}
.price { text-align:center; margin-left:auto; margin-right:auto; padding-top:0px; font-weight:700;}


 /* フレックス規定 */
.flex { display: flex; flex-wrap: wrap;justify-content:center;}
.sbox{ background-color:white; width:234px; height:243px;text-align:center;
           margin-left:auto; margin-right:auto; border :solid 2px silver; border-radius :7px;}
.sboxb{ width:234px; height:324px; 
           margin-left:auto; margin-right:auto; border :solid 2px transparent; border-radius :7px;}
.sboxlist{ margin:0px; width:236px; padding:5px 2px;}
#ondisplays {display: none;}/* ０／４余り */
#ondisplays1 {display: none;}/* １／４余り */
#ondisplays1-1 {display: none;}/* １／４余りの後ろ二つ */

.flexarrow { display: flex; flex-wrap: nowrap; justify-content:space-between; width:80%}


 /* 強制規定 */
.zsmall{font-size: 12px;}
.znormal{font-size: 16px;}
.zlarge{font-size: 20px;}
.zbold{font-weight:700;}
.ztcenter{text-align :center;}
.zmargint6 {margin-top:6px;}
.zwhite {background-color:white;}
.zwidth300{ width:300px; }


/* サイド広告規定 */
.rightside,.leftside { display:none;}


/* ランドスケープ規定 */
@media all and (max-width: 479px) and (orientation: portrait){
.titlei{ width:100%;}/*ポートレートという単語を入れるため。タイトルの拡大中央ぞろえ、全体にあまり影響なし*/
}

/* タブレット用追加ＣＳＳ規定 */
@media all and (min-width: 480px){

#tel { position:absolute; top:2px; right:0; left:auto;}

 /* フレックス規定 */
#ondisplays1 {display: block;}
#ondisplays1-1 {display: none;}






}




/* タブレット用追加ＣＳＳ規定 */
@media all and (min-width: 640px){

 /* フレックス規定 */
#ondisplay {display: block;}
#lefton {display: block; width:35%; float:left; margin:0;}
#righton { width: 60%; max-width:980px; margin-left:0; margin-right:auto;position:relative;right:2%;
           margin-top:3px;margin-bottom:3px; border:7px solid white;} 
#rightonsoukai { width: 60%;max-width:980px;margin-left:0; margin-right:auto;position:relative;right:2%;
           margin-top:3px;margin-bottom:3px; border:7px solid #f97c00;}
#titleil{ width:35%; padding-top:0;}
#titlelr{ width:26.5%;}
.navi{ margin-bottom:1px; border-radius :20px; width: 70%;}


.namei { width:75%;}




}
/* タブレット用追加ＣＳＳ規定２ */
@media all and (min-width: 720px){




 /* フレックス規定 */
#ondisplays {display: block;}
#ondisplays1 {display: none;}
#ondisplays1-1 {display: none;}




}
/* PC用追加ＣＳＳ規定 */
@media all and (min-width: 960px){

header { line-height:1.2em;}







 /* フレックス規定 */
#ondisplay {display: none;}
#titleil{ width:50%; padding-top:0px;}
#titlelr{ width:35%;}
#ondisplays {display: none;}
#ondisplays1 {display: block;}
#ondisplays1-1 {display: block;}






}



@media all and (min-width: 1300px){
/* サイド広告規定 */
.rightside {float:right;max-width:150px; overflow:hidden; width:20%; display:block;}
.leftside {float:left;max-width:150px; overflow:hidden;  width:20%; display:block;}

}