html, body , div  {
    margin: 0;
    padding: 0;
    color: #959595;
}


a:link {
color: #959595;
text-decoration: none;
}
a:hover {
color: #959595;
text-decoration: underline;
}
a:visited { color: #959595; }
a:active { color: #959595; }




/*  ヘッダー■■■■■■■■■■■
■■■■■■■■■■■■■■ */


/* ■ヘッドナビ(フロート設定)■ */
.hed-nav {
    position: fixed;
    z-index: 2147483648 !important;
    top: 0px;
    width: 100%;
    height: 120px;
    background-color: #ffffff;
}


.hed-inr {
    width: 80%;
    margin: auto;
}

/* ■ミューレンロゴ■ */
.menu-hed0 {
    width: 100%;
    text-align: center;
    margin: 20px 0 10px 0;
}
.menu-hed0 img {
    width: 250px;
}


/* ■メインメニュー左側■ */
.menu-hed1 {
    float: left;
    width: 50%;
    text-align: center;
    margin-top: 10px;
}

.menu-hed1 ul {
	margin:0px;
    padding:0px;
    list-style:none;
}

.menu-hed1 ul:after {
    content:"";
    display:block;
    clear:both;
}

.menu-hed1 li {
    float: left;
    width: 32%;
    margin: 0px 0px 0px 0px;
}

li.menu-hed1-list {
    text-align: center;
}
li.menu-hed1-list a {
    font-size: 12px;
}



/* ■メインメニュー右側■ */
.menu-hed2 {
    float: left;
    width: 50%;
    text-align: center;
    margin-top: 10px;
}

.menu-hed2 ul {
	margin:0px;
    padding:0px;
    list-style:none;
}

.menu-hed2 ul:after {
    content:"";
    display:block;
    clear:both;
}

.menu-hed2 li {
    float: left;
    width: 32%;
    margin: 0px 0px 0px 0px;
}

li.menu-hed2-list {
    text-align: center;
}
li.menu-hed2-list a {
    font-size: 12px;
}



/* ■トップページ動画■ */
.wrapper {

  height: 125%; // 高さを画面いっぱいに指定する。(vhが効かない場合の対策)
  height: 125vh; // 高さを画面いっぱいに指定する。
  position: relative;  //横幅がウィンドウズサイズの縦幅よりもはみ出てしまう場合に、左にずらすために指定。
  width: 100%; // 横幅もいっぱいに。
}

#video {
  background: url('100th-1300.jpg') no-repeat; // 動画が再生を始めるまで、cssのほうでも背景を設定します。
  background-attachment: fixed; // 中央揃えになるように、fixed。
  background-position: center center; // positionも中央に。
  background-size: cover; // 画面サイズに応じてサイズを可変するように設定。
  left: 0;
  // 以下、画面いっぱいにするためのCSS設定
  min-height: 100%;
  min-height: 100vh;
  min-width: 100%;
  min-width: 100vw;
  // wrapperのサイズに応じて、leftの位置をjQueryで指定するため、positionはabsoluteにします。
  position: absolute;
  top: 0;
  // z-indexは調整してください。
  z-index: 1;
}

.wrapper-text {
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: 300px;
}
.wrapper-text p {
    font-size: 30px;
    color: #ffffff;
    font-family: sans-serif;
    /* font-weight: 900; */
}

/* ■トップページスマホ用　動画の変わりに使う画像■ */
.wrapper2 img {
    width: 100%;
	display: none;
}




/*  コンテンツ■■■■■■■■■■■
■■■■■■■■■■■■■■ */


/* ■content1はindexでのみ使用　/　以外はサブページで使用する■ */
.content1 {
    width: 80%;
    margin: auto;
}
.content1-1 {
    text-align: center;
}


.content2 {
    width: 65%;
    margin: auto;
    margin-top: 200px;
}
.content3 {
    margin: 0;
    padding: 0;
    color: #959595;
    text-align: center;
}
.content4 {
    margin: 0;
    padding: 0;
    color: #959595;
}
.content5 {
    margin: 0;
    padding: 0;
    color: #959595;
}

.content6 {
    margin: 0;
}
.content6 img {
    width: 100%;
}

.content7 {
    text-align: center;
}

.content8 {
    text-align: center;
}

.content9 {
    text-align: center;
}
.content9 img {
    width: 100%;
}

.content10 {
    text-align: center;
}
.content10 img {
    width: 100%;
	margin-bottom: 50px;
}

.content11 {
    text-align: center;
    margin: 100 0 0 0;
}
.content12 {
    text-align: center;
}

table.table1-0 {
    border-bottom: 1px solid #bbbbbb;
	width: 100%;
}
td.table1-1 {
    font-family: sans-serif;
    font-weight: 600;
    color: #717171;
    background-color: #e3e3e3;
    border-top: 1px solid #bbbbbb;
    border-left: 1px solid #bbbbbb;
    padding: 15px;
    width: 40%;
}
td.table1-2 {
    font-family: sans-serif;
    color: #717171;
    border-top: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    padding: 15px;
    width: 60%;
}
.content13 {
    text-align: center;
}
td.table2-1 {
    font-family: sans-serif;
    font-weight: 600;
    color: #717171;
    background-color: #e3e3e3;
    border: 1px solid #bbbbbb;
    padding: 15px;
}
td.table2-2 {
    font-family: sans-serif;
    color: #717171;
    padding: 15px;
}
.content14 {
    text-align: center;
}
td.table3-1 {
    font-family: sans-serif;
    font-weight: 600;
    color: #717171;
    background-color: #e3e3e3;
    border: 1px solid #bbbbbb;
    padding: 15px;
}
td.table3-2 {
    font-family: sans-serif;
    color: #717171;
    padding: 15px;
}

.content15 {
    margin: 0;
    padding: 0;
    color: #959595;
    text-align: center;
}

.content16 {
    text-align: center;
}

.content17 {
    text-align: center;
}

table.table3-0 {
    border-bottom: 1px solid #bbbbbb;
	width: 100%;
}
td.table3-1 {
    font-family: sans-serif;
    font-weight: 600;
    color: #717171;
    background-color: #e3e3e3;
    border-top: 1px solid #bbbbbb;
    border-left: 1px solid #bbbbbb;
    padding: 15px;
    width: 40%;
}
td.table3-2 {
    font-family: sans-serif;
    color: #717171;
    border-top: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    padding: 15px;
    width: 60%;
}

/* ■コンテンツのタイトル■ */
h3.tittle1 {
    font-family: serif;
    margin: 0;
    color: #000000;
}
h3.tittle2 {
    font-family: serif;
    margin: 200px 0 0 0;
    color: #000000;
}
h3.tittle3 {
    font-family: serif;
    margin: 0;
    color: #000000;
}
h1.tittle4 {
    font-family: serif;
    margin: 0;
    color: #000000;
}
h2.tittle5 {
    font-family: serif;
    margin: 150px 0 0 0;
    color: #000000;
}
.tittle-textsab {
    font-family: serif;
	font-size: 12px;
	margin: 0 0 50px 0;
}
.tittle-textsab1 {
    font-family: serif;
    font-size: 25px;
    margin: 10px 0 0px 0;
	color: #000000;
}

p.line1 {
    border-bottom: 1px solid #cecece;
	margin: 5px 0 40px 0;
}




/* ■商品一覧フォーマット■*/

.product {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.product ul {
    margin: 70px 0 0 0;
    padding: 0px;
    list-style: none;
}

.product ul:after {
    content:"";
    display:block;
    clear:both;
}

.product li {
    float: left;
    width: 33%;
    margin: 0px 1px 0px 0px;
}

li.product-list {
    text-align: left;
}

.product-list a {
    display: block;
}

.item-img {
    width: 100%;
    border-radius: 3px;
}

.item-name {
    padding: 2px 0px 2px 0px;
    margin: 5px 0 0 0;
    text-align: center;
    font-size: 14px;
}
.item-supplement {
    padding: 2px 0px 2px 0px;
    margin: 5px 0 0 0;
    text-align: center;
    font-size: 14px;
}





/* ■機能一覧フォーマット■*/

.function {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.function ul {
    margin: 30px 0 0 0;
    padding: 0px;
    list-style: none;
}

.function ul:after {
    content:"";
    display:block;
    clear:both;
}

.function li {
    float: left;
    width: 18%;
    margin: 0px 12px 0px 0px;
}

li.function-list {
    text-align: left;
}

.function-list a {
    display: block;
}

.function-img {
    width: 100%;
    border-radius: 3px;
}
.function-supplement {
    padding: 2px 0px 2px 0px;
    margin: 5px 0 0 0;
    text-align: center;
    font-size: 14px;
}



/* ■商品説明フォーマット■*/

.description {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.description ul {
    margin: 70px 0 0 0;
    padding: 0px;
    list-style: none;
}
.description li {
    width: 100%;
    margin: 150px 0px 0px 0px;
}

li.description-list {
    text-align: left;
}
.description-img {
    width: 100%;
    border-radius: 3px;
}
.description-supplement {
    padding: 2px 0px 2px 0px;
    margin: 5px 0 0 0;
    text-align: center;
    font-size: 14px;
}




/* ■商品カテゴリ一覧フォーマット■*/

.product-mune {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.product-mune ul {
    margin: 70px 0 0 0;
    padding: 0px;
    list-style: none;
}

.product-mune ul:after {
    content:"";
    display:block;
    clear:both;
}

.product-mune li {
    float: left;
    width: 32%;
    margin: 0px 3px 0px 5px;
}

li.product-mune-list {
    text-align: left;
}

.product-mune-list a {
    display: block;
}

.item-img1 {
    width: 100%;
    border-radius: 3px;
}

.item-name1 {
    padding: 2px 0px 2px 0px;
    margin: 5px 0 0 0;
    text-align: center;
    font-size: 14px;
}
.item-supplement1 {
    padding: 2px 0px 2px 0px;
    margin: 5px 0 0 0;
    text-align: center;
    font-size: 14px;
}




/*  フッター■■■■■■■■■■■
■■■■■■■■■■■■■■ */

.footer {
    background-color: #e0dac1;
    margin-top: 100px;
}

/* ■ミューレンロゴ■ */
.futter-0 {
    width: 100%;
    text-align: center;
    padding: 50px 0px 40px 0px;
}

.futter-0 img {
    width: 250px;
}


/* ■ショッピングモールのアイコン一覧■*/

.shop-mune {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.shop-mune ul {
    margin: auto;
    width: 20%;
    padding: 0px;
    list-style: none;
}

.shop-mune ul:after {
    content:"";
    display:block;
    clear:both;
}

.shop-mune li {
    float: left;
    width: 33%;
}

.shop-mune-list a {
    display: block;
}

.shop-img1 {
    width: 70%;
}



/* ■サイトポリシーと特定商取引■ */
.menu-fut1 ul {
    list-style:none;
	padding: 0;
}
.menu-fut1 li {
    width: 100%;
    margin: 20px 0px 30px 0px;
}
li.menu-fut1-list {
    text-align: center;
}
li.menu-fut1-list a {
    font-size: 14px;
}

/* ■コピーライト■ */
.futter-2 {
    font-size: 10px;
    text-align: center;
    padding: 30px 0 50px 0;
}








/* ###########################################################################
■ブラウザサイズが799px以下の場合の設定■

########################################################################### */


/* smartPhone */
@media screen and (max-width: 799px) {


body {
    margin-top: 80px;
}

td {
    font-size: 10px;
}


p {
    font-size: 12px;
}

.hed-inr {
    width: 100%;
    margin: auto;
}


.menu-hed0 {
    width: 100%;
    text-align: center;
    margin: 5px 0 5px 0;
}


.wrapper2 img {
    width: 100%;
	display: block;
}

.wrapper {
    height: 0;
}

.wrapper-text {
    display: none;
}

video#video {
    display: none;
}

.hed-nav {
    height: 80px;
}

.menu-hed0 img {
    width: 180px;
}

.menu-hed1 {
    margin-top: -5px;
    width: 100%;
}
.menu-hed2 {
    width: 100%;
    margin-top: -5px;
    clear: both;
}

li.menu-hed1-list a {
    font-size: 10px;
}
li.menu-hed2-list a {
    font-size: 10px;
}

.content1 {
    width: 100%;
    margin: auto;
}

.content1-1 p {
    font-size: 12px;
}







.content2 {
    width: 100%;
    margin-top: 150px;
}
.product-mune li {
    margin: 0px 0px 0px 4px;
}
.item-name1 {
    font-size: 12px;
}
.item-supplement1 {
    font-size: 10px;
}




h3.tittle2 {
    margin: 100px 0 0 0;
}
.product ul {
    margin: 40px 0 0 0;
}

.tittle-textsab1 {
    font-size: 15px;
    margin: 5px 0 0px 0;
}
.function li {
    margin: 0px 1px 0px 6px;
}



img.kouzou-img {
    width: 100%;
}



























.futter-0 img {
    width: 180px;
}

.shop-mune ul {
    width: 45%;
}

.menu-fut1 li {
    margin: 0px 0px 0px 0px;
}
li.menu-fut1-list a {
    font-size: 12px;
}



.futter-2 {
    padding: 0px 0 50px 0;
}


}   /* ブラウザサイズが799px以下の設定　終了 */