@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*

Cascading Style Sheets : tori.css

- Last Updated on 2013. 08. 16
- (c) HAMAGUCHI SUISAN - http://www.goto-maki.net/

- Written by : Yoshiko Fujita

*/

body{
	font-family: Arial, Helvetica, clean, sans-serif;
	font weight : 100 ;
} 

#Contents {
	margin-top: 100px;
	width: 980px;
	margin: 10px auto;
	font-family:"Noto Sans JP";
}

.torircppic{
        width:980px;
        margin:0 auto;
        display: block;
}

p {
  font-size: 16px;
  font-weight: bold;
}

.space{  margin:40px auto;  text-align: center;font-size:2vw;}

table {
width:980px;
  margin: 0 auto;
}

.tbl-r01 td {
  padding: 10px;
  vertical-align:top;
}

 .tbl-r02 td{
 height:280px;
}

.bold{
  font-size:2.3vw;
  font-weight:bold;
}

h3 .bold{
       font-weight:110%;
       font-size:1.2;
}

.zeromargin{
  margin-top:0;
}

.stitle{
    text-align: left;
    font-size: 2vw;
    background-color:  #3C3736;
    height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;;
    padding-left: 30px;
    color: white;
}

.textmid{
 font-size:13pt;
 text-align:left;
}

#red{
	color: #FF4000;
}

#red a{
	color:#FF4000;
}

.rcpthumb{
 font-size:12pt;
}

.br-sp{
 display:none;
}
.itemtext{
 padding:5px 0 0 20px;
}

td .name{ font-size:14pt;font-weight:bold;}

.itemcont{ width:980px; margin:0 auto;}

.itemshop{ width:400px;vertical-align:top;float:left;}

.iteminfo{
   width:980px;
   padding:15px 100px 0 0;
   float:left;
   margin: 10px 0;
   text-align: left;
   font-weight: normal;
  }

.itemtitle{
 text-align:left;
 vartical-align:center;
 font-size:16pt;
 border-bottom:solid black;
 margin:0;
}

ul.itembox{
  width: 980px;
  margin :20px 0;
}

ul.itembox li.itemleft{
  float: left;
  width: 230px;
}

ul.itembox  li.itemright{
  float: left;
  width: 280px;
}

.itemdetail{
  width:280px;
  margin:10px 0;
}

.itemtext{
   width:400px;
    font-weight:normal;
    margin:10px 0;
    float: left;
  }

.itemimg{
 width:350px;
padding:0;
}

.itemimg2{
 width:150px;
}

.paso{display:block;}
.sma{display:none;}
.recipesp{display: none;}
 /*------------------------------------------------------*/
@media screen and (max-width: 980px){
#FadeContents {
    z-index: 50;
    width: 100vw;
}
.recipepc{display: none;}
.recipesp{
    background-color: darkorange;
}
 .tbl-r01{
width:100vw;
/*padding:0 20px;*/
margin:20px 0;
}

  .tbl-r01 td{
   border-bottom: none;
    display: block;
    width: 100vw;
    text-align:center;
    margin:0;
  font-size :3vw;
  padding: 0;
  }

td.nakamadetail{
    text-align: left;
    margin: 0 15%;
    width: 70%;
}


 .tbl-r02 td{
   border-bottom: none;
    display: block;
    width: 100vw;
    text-align:center;
    margin:0;
  }

.tbl-r02 img{
 margin:0 auto;
}
.tbl-r01 img{
 width:60%;
}

.paso{display:none;}
.sma{display:block;}

#Contents{
 width:100vw;
}
.bold{
  font-size:13pt;
  font-weight:bold;
}
.torircppic{
 width:100vw;
}
.rcpthumb{
 font-size:1.3vw;
}
.br-sp{
 display:block;
}
.itemimg{
 max-width:300px;
 width:100vw;
}
.itemtext{
 padding:20px 0;
}
.stitle{
    text-align: center;
    font-size: 4vw;
    background-color: #3C3736;
    height: 70px;
    padding-top: 10px;
    padding-left: 30px;
    color: white;
}
td .name{ font-size:4vw;font-weight:bold;}

.itemcont{ width :100vw; margin:o auto;}

.itemshop{ width:100vw;}

.iteminfo{
    width: 80vw;
    margin: 0 auto;
    clear: both;
    padding: 0 10%;
background: url(../../img/bg-bl.png);}

.itemtitle{
    width: 100%;
    text-align: left;
    font-size: 4.5vw;
    margin:60px 0;}

    ul.itembox {
        width: 100%;
    }

ul.itembox li.itemleft{
        width: 100%;
        float: left;
        text-align: center;
      }
      
ul.itembox  li.itemright{
        float: left;
      }
ul.itembox  li.itemright p{
        font-size: 11pt;
      }
.itemdetail{
    font-size: 2vw;
}
.itemtext{
    width: 100%;
    text-align: left;
    font-size: 9pt;
    font-weight:normal;
    margin-bottom:60px
}
header {
    height:auto;}

#swipe_image{
width:60vw;
margin-top:70px;
}

.itemcont div .cartjs_block{
    margin:0 auto;
    width: 60vw;}

tr .cartjs_sales_price td p .cartjs_product_price{
    margin:10px;}
}

    #Contents {
        width: 100vw;
        /* margin: 250px 0 0 0; */
    }
    .stitle {
        text-align: center;
        font-size: 14pt;
        background-color: #3C3736;
        height: 30px;
        padding-top: 10px;
        /* padding-left: 30px; */
        color: white;
    }
    li.itemleft img{
        width:80%;
    }
    ul.itembox li.itemright {
        float: left;
        width: 70%;
    }

    .spstitle{
        height: 50pt;
    }
}