@charset "UTF-8";


/*---------ページ全体の指定---------------------------------------------*/
/* スクロールバーを表示させる */
html{ overflow-y:scroll;}



body {
/*  font-family: "Verdana", "sans-serif", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
/*  font-family: "ヒラギノ明朝", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  font-family: "ヒラギノ明朝", "ヒラギノ角ゴ", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  align-items: center;
/*  background: #75E1D6;*/
  width: 100%;
	font-size: 10pt; line-height: 130%; color: #111111; }




img { border: none; }



h1,h2,h3,h4,h5,h6{
  margin: 0px; padding: 0px; }

p,pre,blockquote,ul,li,ol,dl,dd{
  margin: 0px; padding: 0px; }



/*---------レイアウトに関する指定---------------------------------------*/











/***************************  PC ****************************/

div.title { 
  /*margin: 0px 0px 0px 0px;*/ padding: 10px 0px 0px 0px; /*height: 300px;*/ margin-bottom: 20px; text-align:center; font-size: 14pt; }



/*
body-pc {
  background: #75E1D6;
  margin: 10px;
  height: 800px;
  text-align: center;
  border: 3px solid #00f;
}
*/


.wrapper-pc {
/*  margin: 0 auto 0 auto;*/
/*  margin-left: -30px;*/
  padding: 0px;
  width: 80%;
  justify-content: center;
  align-items: center;
  /*width:auto;*/ /*text-align:*/ center; border: 3px solid #00f;
}


.list-container-pc {
  margin-left: 40px;
/*  width: 960px;*/
/*  width: 1100px;*/
  width: 90%;

  height: 700px;
  display: flex;

  flex-direction: column;
  border: 1px solid #EEEEEF;
}

.list-body-pc {
  flex-grow: 1;
  flex-basis: 0;
  overflow-y: scroll;
  text-align: center;
  height: auto;
}


.list-item-pc {
  margin: 10px 10px 10px 10px;
  padding: 10px 0px 5px 10px;
  border: 1px solid #EEEEEF;
}



.list-product-pc {
  font-size: 120%;
  font-weight: 700;
  margin-bottom: 10px;
}

.list-left-pc {
  float:left;
  width: 200px;
}

.list-right-pc {
  display: flex;
  float:left;
  font-size: 105%;
  width: 70%;
/*  border: 1px solid #0000ff;*/
}


.list-none-pc {
  padding-top:20px;
  padding-bottom:5px;

  clear:left;
  text-align: center;
}


.list-eval-pc {
  font-size: 110%;
  width: 80%;
  float:left;

  text-align: left;

/*  border: 1px solid #555;*/
/*  color: #4caf50;*/
}



.b-radius {
  border-radius: 20px; /* ボックスの四つ角を丸くする */
}



/***************************  スマホ ****************************/

.wrapper {
/*  margin: 0 auto 0 auto; padding: 0px; width:400px; text-align: left;/}
 /* margin: 0 20px 0 auto;*/ margin-left: -20px; padding: 0px; width:400px; text-align: center; /*border: 1px solid #00f;*/}



body {
/*  background: #75E1D6;*/
/*  margin: 10px;
  width:380px;*/
/*  height: 800px;*/
}


.list-container {
/*  margin-left: 20px;*/
  margin: auto;
  width: 75%;
/*  width: 330px;*/
  height: 550px;
  display: flex;
  flex-direction: column;
/*  border: 1px solid #eef;*/
/*  border: 1px solid #c88;*/
  border: 3px solid #EEEEEF;
}


.list-body {
  flex-grow: 1;
  flex-basis: 0;
  overflow-y: scroll;
}



.list-item {
  width: 270px;
  margin: 10px 10px 10px 10px;
  padding: 10px 0px 5px 10px;
/*  border: 1px solid #aaf;*/
  border: 1px solid #EEEEEF;
/*  height: 600px;*/
}



.list-product {
  font-size: 120%;
  font-weight: 700;
  margin-bottom: 10px;
}





/*
.list-left {
  float:left;
  width: 200px;
}
.list-right {
  float:left;
  font-size: 105%;
  width: 500px;
}
*/


.list-none {
  padding-top:20px;
  padding-bottom:5px;

  clear:left;
  text-align: center;
/*  border: 1px solid #000;*/
}


.list-eval {
  font-size: 110%;
  float:left;
  color: #4caf50;
}


/*
.list-header {
  flex-grow: 0; /* 省略可 */
  flex-basis: auto; /* 省略可 */
}
*/