/* index.html スマートフォン用ページ  */


body {
  font-size: 1em;
  font-family:'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN W3',' Meiryo', 'メイリオ', 'sans-serif','Osaka','Arial',"ＭＳＰゴシック";
  line-height:1.6em;
  color:#564b47;
  text-align:center;
  padding:0px;
  margin: 0px;
}


/*----------------title-------------------------*/

.title{
 background-color: #ffffff;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 height: auto;
 text-align: center;
}

.title img{
  max-width: 200px;
}

.sns{
  float: right;
  display: block;
  margin: 10px;
}

.tw{
  float: left;
  margin-top: 6px;
  display: block;
}

.fb{ 
 margin-left: 80px;
}

.concept{
  margin: 0px;
  background-color: #ffffff;
  background-image: url(../img/title_tb.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: right;
  padding: 10px;
  text-align: center;
}


.concept p{
 color:#564b47;
 font-size:1em;
 line-height: 2em;
 margin:36px 30%;
 padding: 14px ;
 border-style: solid;
 border-width: 2px 0px 2px 0px;
}

/* -----------------content--------------------- */



.content {
 background-color: #ffffff;
 margin: 0px;
 text-align: left;
 padding:0px;
}

.main01{
  clear: both;
  text-align: center;
}

/*----block01_hは休暇用メッセージ----*/

.block01,
.block01_h{
  background-color: #ffffff;
  margin: 10px;
  border-style: solid;
  border-width: 1px;
  border-color:  #bbb5b2; 
  overflow: hidden;
}


.block01 p,
.block01_h p{
  overflow: auto;
  zoom:1;
  font-size: 0.8em;
}

.block01 img{
 margin: 4px;
 float: left;
 width: 200px;
 height: auto;
 vertical-align: top;
}


/*---subtitle---*/
.block02_left,
.block02_right,
.block02_center{
 position: relative;
 padding:20px 2px 0px 2px;
}

.block02_left p{
 position: absolute;
 top:28%;
 left: 20%;
 margin: 10px;
 color: #ffffff;
 font-size:0.8em;
 line-height: 2em;
 text-align: left;
 }

.block02_right p{
 position: absolute;
 top:40%;
 left: 60%;
 margin: 10px;
 color: #ffffff;
 font-size:0.8em;
 line-height: 2em;
 text-align: left;
 }

.block02_center p{
 position: absolute;
 top:40%;
 left: 24%;
 margin: 10px;
 color: #564b47;
 font-size:0.8em;
 line-height: 2em;
 text-align: center; 
}

.block02_left img,
.block02_right img,
.block02_center img{
  max-width: 100%;
}

/*-------#button----------*/

.block-ri03{
  margin: 0px 10px 32px 10px;
  background-color: #ffffff;
  text-align: center;
}

.rink03{
  text-decoration: none;
  display: inline-block;
  font-size: 0.8em;
  padding: 4px 6px 4px 4px;
  margin: 2px 18px 2px 6px;
  border-style: solid;
  border-color:#dddbdb; 
  background-color:#dddbdb;
  border-radius: 18px;
}



/*---------list-----------*/
ul{
  list-style: none;
  padding: 0px;
}

/*------ link ------*/
.menu01{
  margin:10px 10px 10px 10px;
}

/*iconなしリンク*/
.rink01 {
 text-decoration: none;
 display: block;
 font-size: 1.2em;
 height: 40px;
 margin:0px;
 padding: 20px 10px 10px 10px;
 border-style: solid;
 border-width: 1px;
 border-radius: 4px;
 border-color:#bbb5b2; 
}

.rink01:hover{
 font-weight: bold;
 background-color: #F8f8f8;
}



/*iconありリンク*/
.rink02 {
  text-decoration: none;
  font-size: 1em;
  display: block;
  height: 60px;
  margin:0px;
  padding: 20px 10px;
  border-style : solid;
  border-radius: 4px;
  border-width: 1px;
  border-color :#bbb5b2;   
}

.rink02 img{
  width: 40px;
  margin-right: 10px;
  float: left;
}

.rink02:hover{
  background-color: #F8f8f8;
  font-weight: bold;
}


/*twitterの文字*/
.spantwitter{
  font-family: "Gothman","Gothman Narrow","Helvetica Neue";
  color: #000000;
  font-weight: bold;
}
/*facebookの文字*/
.spanfb{
  color: #3b5998;
  font-weight: bold;
}



/*-----twitter---------*/

.twitter{
 width: 80%;
 padding: 20px;
 }

/* -----------footer--------------------------- */

.info{
  margin: 0px;
  clear: both;
  padding: 10px;
  background-color: #efdbc1;
  color: #2b1100;
  text-align: center;
  font-size: 0.8em;
  line-height: 1.2em;
}

.infolog{
  padding: 10px;
  margin: auto;
}

.infolog img{
  width: 30%;
}
.footer {
 margin: 0px;
 clear: both;
 padding: 10px;
 background-color : #2b1100;
 color : #efdbc1;
 text-align: right;
 font-size: 0.8em;
 }


/*-------a tagu ------------------------*/


a {
  color: #564b47;
  text-decoration: none;
}



/*----H tag--------------------*/



/*商品名*/

h1{
 font-size:1.4em;
 line-height: 1.8em;
}