@charset "UTF-8";

body {
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  line-height: 1.5;
  letter-spacing: 0.15em;
  background-color: #000;
}
/* ▼共通 */

.mintyo {
  font-family: 'ヒラギノ明朝 ProN W3','HiraMinProN-W3','游明朝','Yu Mincho','ＭＳ 明朝','MS Mincho',sans-serif;
}

.clear-both {
	clear: both;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
/* リンク */

a {
  color: #443634;
}
/* ページ幅 */
#wrap {
  width:1200px;
    margin: 0 auto;
}

#wrap_usuzumi {
  width:1200px;
    margin: 0 auto;
    background-color: #3a3a3a;
}

/* ヘッダー */

div.top {
  height: 100px;
}

div.top p.left {
  width: 390px;
  margin-top: 22px;
  float: left;
}

div.top p.right {
  width: 220px;
  margin-top: 24px;
  float: right;
}

nav {
  width: 100%;
  height: 145px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:0 8px;
}

nav a li {
  margin: 0 8px;
  width: 94px;
}

nav a li img {
  width: 94px;
}

/* フッター */

footer {
  width: 100%;
  padding: 30px 0;
  background-color: #FFF;
  text-align: center;
}

footer p {
  line-height: 1.5;
}

/* 準備中ページ */
.zyunbi {
  color: #FFF;
  font-size: 20px;
  margin: 30px 0 700px 0;
}


/* TOP */

h1 {
  font-family: 'ヒラギノ明朝 ProN W6','HiraMinProN-W6','游明朝','Yu Mincho','ＭＳ 明朝','MS Mincho',sans-serif;
  text-align: center;
  margin: 37px 0;
  color: #FFF;
  font-size: 48px;
}

#video {
  margin-bottom: 65px;
}

#video video {
  width: 1000px;
  margin-left: 100px;
  margin-bottom: 25px;
}

#video p {
  color: #FFF;
  text-align: center;
  font-size: 21px;
  line-height: 1.9;
}

#btn4 {
  padding-bottom: 50px;
  border-bottom: 2px solid #FFF;
}

#btn4 ul {
  color: #fff;
  display: flex;
  justify-content: center;
}

#btn4 ul li {
  margin: 0 35px;
}

#btn4 ul li p {
  margin-top: 22px;
  text-align: center;
  font-size: 20px;
  line-height: 1.4;
}

#btn4 ul li p span {
  font-size: 12px;
}

#top_btm {
  padding-top: 35px;
  padding-left: 30px;
  padding-bottom: 50px;
}

#top_btm .b_left {
  width: 700px;
  float: left;
}

#top_btm .left {
  color: #FFF;
  float: left;
}

#top_btm .left h2 {
  font-family: 'ヒラギノ明朝 ProN W6','HiraMinProN-W6','游明朝','Yu Mincho','ＭＳ 明朝','MS Mincho',sans-serif;
  font-size: 58px;
  float: left;
}

#top_btm .left span {
  display: inline-block;
  width: 90px;
  margin: 28px 15px 0 15px;
  border-top: solid 1px #FFF;
  float: left;
}

#top_btm .left .p_left {
  float: left;
  margin-top: 12px;
  font-size: 32px;
}

#top_btm .name {
  color: #FFF;
  display: block;
  margin-top: 130px;
  text-align: right;
  font-size: 17px;
  line-height: 1.5;
  margin-right: 10px;
}

#top_btm .name span {
  display: inline-block;
  font-family: 'ヒラギノ明朝 ProN W6','HiraMinProN-W6','游明朝','Yu Mincho','ＭＳ 明朝','MS Mincho',sans-serif;
  font-size: 35px;
  margin-left: 10px;  
}



#top_btm .right {
  width: 500px;
  color: #FFF;
  float: right;
}

/* ▼▼▼ 子ページ ▼▼▼ */

/* ニュース */

#news {
  margin-top: 40px;
  margin-bottom: 200px;
}

#news h2 {
  color: #FFF;
  font-size: 40px;
  letter-spacing: 2.8em;
  text-align: center;
  margin-bottom: 50px;
  padding-bottom: 30px;
  border-bottom: 2px solid #fff;
}

#news .box {
  width: 840px;
  margin: 0 180px 0 180px;
}

#news .box2 {
  width: 1000px;
  margin: 70px 100px 0 100px;
}

#news .box2 img {
  width: 1000px;
}

#news .box3 {
  margin: 0px 350px 0 350px;
  width: 500px;
}

#news .box3 .left {
  width: 150px;
  float:left;
}

#news .box3 .left img {
  width: 150px;
}

#news .box3 .right {
  margin-top: 30px;
  float: right;
}

#news .box4 {
  width: 1000px;
  margin: 70px 100px 100px 100px;
}

#news .box4 span {
  display: block;
  margin-bottom: 24px;
}

#news .box4 .left {
  width: 488px;
  float: left;
}

#news .box4 .right {
  width: 488px;
  float: right;
}


#news h3 {
  color: #FFF;
  margin: 35px 0 50px 0;
  font-size: 42px;
  font-weight: bold;
  line-height: 1.5;
}

#news p {
  color: #FFF;
  font-size: 20px;
  line-height: 1.8;
}

#news p span {
  color: #FFf000;
  font-weight: bold;
}

#news p.bold {
  font-weight: bold;
}

#news .btn_box {
  text-align: center;
}

#news .btn,
#news a.btn,
#news button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

#news .btn,
#news a.btn {
  color: #fff;
  background: #eb6100;
}

#news .btn:hover,
#news a.btn:hover {
  color: #fff;
  background: #eb6100;
}

/* =スナップ= */

#news .box5 h3 {
  width: 1200px;
  text-align: center;
}

#news .box6 {
  text-align: center;
}

#news .box7 {
  width: 1100px;
  text-align: center;
  margin-right: -50px;
  margin-left: 50px;
}

#news .box7 li{
  margin-right: 50px;
  padding-bottom: 50px;
  float: left;
} 

#news .box7 li img{
  width: 500px;
}

#news .box8 {
  width: 1100px;
  text-align: center;
  margin-right: -50px;
  margin-left: 50px;
}

#news .box8 li{
  margin-right: 50px;
  padding-bottom: 50px;
  float: left;
} 

#news .box8 li img{
  width: 315px;
}

/* アバウト */

#about {
  margin-top: 40px;
}

#about h2 {
  color: #fff;
  font-size: 44px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}

#about .center {
  text-align: center;
}

#about h3 {
  color: #fff;
  font-size: 35px;
  margin: 50px 0 50px 0;
  }

#about p {
  color: #fff;
  font-size: 20px;
  line-height: 1.8;
}

#about .ayumi {
  margin-top: 80px;
  margin-bottom: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#about .ayumi div {
  margin: 0 20px;
}

#about .ayumi .setsumei {
  color: #FFF;
  font-size: 20px;
  border-bottom: 2px #fff dashed;
  padding: 10px 0;
}

#about .ayumi .setsumei span {
  color: #f6bcb8;
}

/* 商人物語 */

#monogatari {
  margin-top: 40px;
}

#monogatari h2 {
  color: #fff;
  font-size: 44px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}

#monogatari .center {
  text-align: center;
}

#monogatari section {
  margin-top: 50px;
  padding: 30px 0;
  border-top: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  background: url(img/monogatari02.png) no-repeat 885px 325px;
}

#monogatari section div.left {
  width: 336px;
  margin-left: 130px;
  float: left;
}

#monogatari section p.right {
  width: 704px;
  color: #FFF;
  font-size: 17px;
  line-height: 1.8;
  margin-top: 100px;
  margin-left: 30px;
  float: right;
}

#monogatari .syounin {
  margin-top: 50px;
  margin-bottom: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#monogatari .syounin p.print {
  color: #FFF;
  font-size: 20px;
  line-height: 1.8;
}

#monogatari .syounin div {
  margin: 0 20px;
}

#monogatari .syounin .setsumei {
  color: #FFF;
  font-size: 20px;
  border-bottom: 2px #fff dashed;
  padding: 10px 0;
}

#monogatari .syounin .setsumei span {
  color: #f6bcb8;
}

/* 言いたい放題 */

#houdai {
  margin-top: 40px;
  padding-bottom: 150px;
}

#houdai h2 {
  color: #fff;
  font-size: 44px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}

#houdai .h2_float {
  width: 410px;
  margin: 0 auto;
}

#houdai .h2_float p {
  width: 55px;
  float: left;
}

#houdai .h2_float h2 {
  width: 300px;
  margin-top: 10px;
  float: left;
}

#houdai p {
  color: #FFF;
  font-size: 20px;
  text-align: center;
}

#houdai video {
  display: block;
  width: 1000px;
  outline: none;
  margin: 50px 0 100px 100px;
  background-color: #000;
}

/* 理事長からのメッセージ */

#message {
  margin-top: 40px;
}

#message h2 {
  color: #fff;
  font-size: 44px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}

#message div.prof p.name {
    color: #FFF;
    display: block;
    text-align: right;
    font-size: 17px;
    line-height: 1.5;
    margin-right: 10px;
  }

#message div.prof p.name span {
    display: inline-block;
    font-family: 'ヒラギノ明朝 ProN W6','HiraMinProN-W6','游明朝','Yu Mincho','ＭＳ 明朝','MS Mincho',sans-serif;
    font-size: 35px;
    margin-left: 10px;  
}

#message video {
  display: block;
  width: 1000px;
  outline: none;
  margin: 50px 0 1000px 100px;
  background-color: #000;
}

#message div.video {
  width: 1000px;
  height: 337px;
  margin: 50px 0px 700px 100px;
  background-color: #000;
  color: #FFF;
  text-align: center;
  font-size: 36px;
  padding-top: 225px;
}

#message div.prof {
  width: 750px;
  margin: 0 auto 50px auto;
}

#message div.prof p.left {
  width: 320px;
  height: 167px;
  padding-top: 100px;
  float: left;
}

#message div.prof div.right {
  width: 400px;
  float: right;
}

#message .box {
  width: 840px;
  margin: 0 180px 100px 180px;
}

#message p {
  color: #FFF;
  font-size: 20px;
  line-height: 1.8;
}




/* 卸売（会員リスト） */

#oroshiuri {
  margin-top: 40px;
}

#oroshiuri h2 {
  color: #fff;
  font-size: 44px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: 2px solid #fff;
}

#oroshiuri h2 span {
  font-size: 14px;
}

#oroshiuri ul {
  width: 1000px;
  margin-left: 100px;
  margin-bottom: 10px;
}

#oroshiuri ul li.name01 {
  width: 50px;
}

#oroshiuri ul li.name02 {
  width: 230px;
}

#oroshiuri ul li.name03 {
  width: 394px;
}

#oroshiuri ul li.name04 {
  width: 243px;
}

#oroshiuri ul li.name05 {
  width: 83px;
}

#oroshiuri ul li {
  color: #FFF;
  text-align: center;
  float: left;
}

#oroshiuri #list01 {
  width: 1150px;
  height: 1997px;
  background: url(img/list_01.png) no-repeat 50px 0px;
}

#oroshiuri #list02 {
  width: 1150px;
  height: 1997px;
  background: url(img/list_02.png) no-repeat 50px 0px;
}

#oroshiuri #list03 {
  width: 1150px;
  height: 1997px;
  background: url(img/list_03.png) no-repeat 50px 0px;
}

#oroshiuri #list04 {
  width: 1150px;
  height: 1173px;
  background: url(img/list_04.png) no-repeat 50px 0px;
}

#oroshiuri #list01 p,
#oroshiuri #list02 p,
#oroshiuri #list03 p,
#oroshiuri #list04 p {
  text-align: right;
}

#oroshiuri #list01 p.icon01 {
  padding-top: 15px;
}

#oroshiuri #list01 p.icon02 {
  padding-top: 25px;
}

#oroshiuri #list01 p.icon03 {
  padding-top: 440px;
}

#oroshiuri #list01 p.icon04 {
  padding-top: 90px;
}

#oroshiuri #list01 p.icon05 {
  padding-top: 370px;
}

#oroshiuri #list01 p.icon06 {
  padding-top: 510px;
}

#oroshiuri #list02 p.icon01 {
  padding-top: 15px;
}

#oroshiuri #list02 p.icon02 {
  padding-top: 230px;
}

#oroshiuri #list02 p.icon03 {
  padding-top: 300px;
}

#oroshiuri #list02 p.icon04 {
  padding-top: 25px;
}

#oroshiuri #list02 p.icon05 {
  padding-top: 230px;
}

#oroshiuri #list02 p.icon06 {
  padding-top: 715px;
}

#oroshiuri #list02 p.icon07 {
  padding-top: 25px;
}

#oroshiuri #list03 p.icon01 {
  padding-top: 1045px;
}

#oroshiuri #list03 p.icon02 {
  padding-top: 575px;
}

#oroshiuri #list03 p.icon03 {
  padding-top: 25px;
}

#oroshiuri #list03 p.icon04 {
  padding-top: 165px;
}

#oroshiuri #list04 p.icon01 {
  padding-top: 85px;
}

#oroshiuri #list04 p.icon02 {
  padding-top: 160px;
}

#oroshiuri #list04 p.icon03 {
  padding-top: 100px;
}

#oroshiuri #list04 p.icon04 {
  padding-top: 25px;
}

#oroshiuri #list04 p.icon05 {
  padding-top: 225px;
}

#oroshiuri .meibo_2025 {
  width: 1000px;
  margin: 0 auto;
}

#oroshiuri .meibo_2025 p img {
  vertical-align: bottom;
}

#oroshiuri .meibo_2025 p.left {
  width: 918px;
  float: left;
}

#oroshiuri .meibo_2025 p.right {
  width: 82px;
  float: right;
}


#oroshiuri .meibo_2025 p.left img {
  width: 918px;
}

#oroshiuri .meibo_2025 p.right img {
  width: 82px;
}



/* 小売 */

#kouri div.print_wrap {
  width: 500px;
  margin: 0 auto;
}

#kouri div img {
  width: 150px;
}

#kouri div p {
  color: #FFF;
  font-size: 18px;
  line-height: 1.5;
}

#kouri div.left {
  width: 250px;
  float: left;
  text-align: center;
}

#kouri div.right {
  width: 250px;
  float: right;
  text-align: center;
}