html,
body {
    margin: 0;
    padding: 0;
    font-family: Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: normal;
    letter-spacing: 0.09em;
    line-height: 1.4em;
    text-shadow: 0px 1.5px 1px rgba(100, 100, 100, 0.9);
    color: #ffffff;
    line-height: 1.7em;
}

body {
    background-image: url(../img/top.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(99, 99, 99, 0.6);
    background-blend-mode: darken;
}

#oyashirazu_body {
    background-image: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #a8a8a8;
}

#introduction {
    padding: 0 0 50px 0;
}

.box_wrap {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 30px 0 30px 0;
}

.l_box {
    width: 48%;
    padding: 0 2% 0 0;
}

.r_box {
    width: 48%;
    padding: 50px 0 0 2%;
}

.preview_btn {
    text-align: center;
    display: inline-block;
    width: 100px;
    padding: 10px;
    margin: 0 15px 0 0;
    border: 1px solid #737373;
}

.download_btn {
    text-align: center;
    display: inline-block;
    width: 100px;
    padding: 10px;
    border: 1px solid #737373;
}

.link_btn:hover {
    color: #595959;
    margin-top: 2px;
    margin-bottom: -2px;
    box-shadow: 0px .6px 0px #ccc, 0px 1.2px 0px #c9c9c9, 0px 1.8px 0px #bbb, 0px 2.4px 0px #b9b9b9, 0px 3.0px 0px #aaa, 0px 3.6px 1px rgba(0, 0, 0, .05), 0px 0px 5px rgba(0, 0, 0, .05), 0px 0.6px 3px rgba(0, 0, 0, .15), 0px 1.8px 5px rgba(0, 0, 0, .1), 0px 3.0px 10px rgba(0, 0, 0, .125), 0px 6px 10px rgba(0, 0, 0, .1), 0px 12px 20px rgba(0, 0, 0, .075);
}

a.link_btn {
    text-shadow: none;
    font-weight: bolder;
}

.link_btn {
    color: #595959 !important;
    text-align: center;
    border-radius: 16px;
    display: inline-block;
    width: auto;
    padding: 20px;
    /*border: 1px solid #737373;*/
    background-color: #e9e9e9;
    box-shadow: 0px 1.2px 0px #ccc, 0px 2.4px 0px #c9c9c9, 0px 3.6px 0px #bbb, 0px 4.8px 0px #b9b9b9, 0px 6px 0px #aaa, 0px 7.2px 1px rgba(0, 0, 0, .05), 0px 0px 5px rgba(0, 0, 0, .05), 0px 1.2px 3px rgba(0, 0, 0, .15), 0px 3.6px 5px rgba(0, 0, 0, .1), 0px 6px 10px rgba(0, 0, 0, .125), 0px 12px 10px rgba(0, 0, 0, .1), 0px 24px 20px rgba(0, 0, 0, .075);
}

.stl_preview {
    display: block;
    margin: 0 0 8px 0 !important;
}

.thumb_img {
    display: block;
    margin: 0 0 8px 0;
}

canvas {
    background-color: #a9a9a9;
    width: 460px !important;
    height: 460px !important;
}

.close_btn {
    position: absolute;
}

.close_btn img {
    width: 64px;
    height: 64px;
}

#top_h1 {
    margin: 0 0 0 -10px;
}

#header {
    /*position: fixed;*/
    flex: auto;
    display: flex;
    width: 100%;
}

#h_wrap {
    display: flex;
    width: 960px;
    height: 130px;
    margin: 30px auto 30px;
}

#main_logo {
    /*filter: drop-shadow(0px 5px 0px rgba(128,128,128,0.7));*/
    filter: drop-shadow(0px .6px 0px #ccc) drop-shadow(0px 1.2px 0px #c9c9c9) drop-shadow(0px 1.8px 0px #bbb) drop-shadow(0px 2.4px 0px #b9b9b9) drop-shadow(0px 3px 0px #aaa) drop-shadow(0px 3.6px 1px rgba(0, 0, 0, .05)) drop-shadow(0px 0px 5px rgba(0, 0, 0, .05)) drop-shadow(0px 0.6px 3px rgba(0, 0, 0, .15)) drop-shadow(0px 1.8px 5px rgba(0, 0, 0, .1)) drop-shadow(0px 3px 10px rgba(0, 0, 0, .125)) drop-shadow(0px 6px 10px rgba(0, 0, 0, .1)) drop-shadow(0px 12px 20px rgba(0, 0, 0, .075));
}

#main_logo:hover {
    padding-top: 4px;
    filter: drop-shadow(0px .3px 0px #ccc) drop-shadow(0px .6px 0px #c9c9c9) drop-shadow(0px .9px 0px #bbb) drop-shadow(0px 1.2px 0px #b9b9b9) drop-shadow(0px 1.5px 0px #aaa) drop-shadow(0px 1.8px 1px rgba(0, 0, 0, .05)) drop-shadow(0px 0px 5px rgba(0, 0, 0, .05)) drop-shadow(0px 0.3px 3px rgba(0, 0, 0, .15)) drop-shadow(0px 0.9px 5px rgba(0, 0, 0, .1)) drop-shadow(0px 1.5px 10px rgba(0, 0, 0, .125)) drop-shadow(0px 3px 10px rgba(0, 0, 0, .1)) drop-shadow(0px 6px 20px rgba(0, 0, 0, .075));
}

#main_logo:active {
    padding-top: 5px;
    filter: drop-shadow(0px .3px 0px #ccc) drop-shadow(0px .6px 0px #c9c9c9) drop-shadow(0px .9px 0px #bbb) drop-shadow(0px 1.2px 0px #b9b9b9) drop-shadow(0px 1.5px 0px #aaa) drop-shadow(0px 1.8px 1px rgba(0, 0, 0, .05)) drop-shadow(0px 0px 5px rgba(0, 0, 0, .05)) drop-shadow(0px 0.3px 3px rgba(0, 0, 0, .15)) drop-shadow(0px 0.9px 5px rgba(0, 0, 0, .1)) drop-shadow(0px 1.5px 10px rgba(0, 0, 0, .125)) drop-shadow(0px 3px 10px rgba(0, 0, 0, .1)) drop-shadow(0px 6px 20px rgba(0, 0, 0, .075));
}

#nav {
    font-family: 'Bungee', cursive;
    list-style: none;
    display: flex;
    padding-left: 0px;
    font-size: 24px;
    margin-left: 200px;
}

#nav li {
    width: 180px;
    text-align: center;
    height: 24px;
    line-height: 20px;
    margin: 10px 2px 0 0;
}

#nav li a {
    display: block;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}

#nav li a:hover {
    margin-top: 2px;
    text-shadow: 0 .5px 0 #ccc, 0 1px 0 #c9c9c9, 0 1.5px 0 #bbb, 0 2px 0 #b9b9b9, 0 2.5px 0 #aaa, 0 3px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 .5px 3px rgba(0, 0, 0, .3), 0 1.5px 5px rgba(0, 0, 0, .2), 0 2.5px 10px rgba(0, 0, 0, .25), 0 5px 10px rgba(0, 0, 0, .2), 0 10px 20px rgba(0, 0, 0, .15);
}

#nav li a:active {
    color: #ddf;
    margin-top: 3px;
    text-shadow: 0 .5px 0 #ccc, 0 1px 0 #c9c9c9, 0 1.5px 0 #bbb, 0 2px 0 #b9b9b9, 0 2.5px 0 #aaa, 0 3px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 .5px 3px rgba(0, 0, 0, .3), 0 1.5px 5px rgba(0, 0, 0, .2), 0 2.5px 10px rgba(0, 0, 0, .25), 0 5px 10px rgba(0, 0, 0, .2), 0 10px 20px rgba(0, 0, 0, .15);
}

#lead {
    width: auto;
    padding: 10px 15px 20px;
    /*background-color: rgb(255, 255, 255, 0.9);*/
}

#lead p {
    margin: 10px 0 20px 0;
}

#uc {
    position: absolute;
    right: 10px;
    bottom: 20px;
}

pre {
    display: block;
}

pre code.hljs {
    padding: 0 10px 0 10px;
}

video#bgvid {
    position: fixed;
    right: -400px;
    bottom: -131px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: url(../op.jpg) no-repeat;
    background-size: cover;
}

#video_wrap {
    overflow: hidden;
    width: 100%;
    position: absolute;
    z-index: -10;
}

#video_wrap iframe {}

#all_wrap {
    margin: 0 auto 0;
    overflow: hidden;
    height: 100%;
    z-index: 10;
}

#all_wrap p img,
#all_wrap p video {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

#all_wrap p img.inline {
    display: inline;
}

.fill_op {
    background-color: rgba(255, 255, 255, 0.5);
}

.main_wrap {
    margin: 50px auto 0;
    width: 960px;
}

a {
    text-decoration: none;
    color: #e5e5e5;
}

a:visited {
    color: #e5e5e5;
}

a:hover {
    color: #ffffff;
}

ul {
    list-style: decimal;
    padding-left: 35px;
    margin: 35px 0 30px 0;
}

ul.top {
    margin: 16px 0 30px 0;
}

ul li {
    padding: 2px 0 2px 0;
}

h1,
h2,
h3 {
    font-weight: normal;
    font-size: 28px;
    /*letter-spacing: 0.09em;*/
    padding: 10px 0 20px 0;
    margin: 0;
    /*line-height: 1.0em;*/
}

h2 {
    margin-top: 0px;
    font-size: 24px;
    /*background: #f3f3ec;*/
}

h3 {
    margin-top: 0px;
    font-size: 20px;
    /*background: #f3f3ec;*/
}

p {
    margin: 0 0 4px 0;
    padding: 5px 0 5px 0;
    font-size: 16px;
    line-height: 1.7em;
    /*
	background: #f3f3ec;
	*/
    /*border-bottom: 1px solid #666;*/
}

p.noborder {
    border-bottom: 0px;
}

#breast {
    position: fixed;
    top: 0px;
    margin: 0 auto;
    margin: -5px 0 0 -2px;
    padding: 0px 0 0px 0px;
    background: #fff;
    opacity: 0.9;
    z-index: 2;
    font-size: 28px;
    /* border-radius */
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    /* box-shadow */
    box-shadow: rgb(255, 255, 255) 0px 0px 30px 40px;
    -webkit-box-shadow: rgb(255, 255, 255) 0px 0px 30px 40px;
    -moz-box-shadow: rgb(255, 255, 255) 0px 0px 30px 40px;
}

#breast h1 {
    line-height: .7em;
}

#breast span {
    font-size: 20px;
}

#breast a {
    display: inline-block;
    margin: 0px 25px 0 0;
    font-weight: normal;
    font-size: 30px;
    letter-spacing: 0.09em;
    padding: 0;
    margin: 0;
    line-height: 1.0em;
}

#stomach {
    position: relative;
    width: 960px;
    margin: 0 auto;
    min-height: 900px;
    padding: 80px 0 0 0;
}

#stomach a {
    margin: 0;
}

#stomach p {
    margin: 0 0 30px 0;
    padding: 10px 0 10px 0;
    font-size: 16px;
    line-height: 1.6em;
    background: #f3f3ec;
}

#stomach p a {
    text-decoration: underline;
}

#stomach p.small {
    font-size: 14px;
}

#stomach a:hover {
    opacity: 0.5;
}

#stomach img {
    /*width:280px;*/
}

#stomach .wrap_right {
    line-height: 0;
    text-align: right;
    margin: 30px 0 30px 0;
}

#stomach .wrap_left {
    line-height: 0;
    text-align: left;
    margin: 30px 0 30px 0;
}

#stomach .wrap_center {
    line-height: 0;
    text-align: left;
    margin: 30px 0 30px 0;
}

#main_img {
    max-width: 100%;
}

#stomach .lightbox_img_wrap {
    margin: 0;
    line-height: 0;
    overflow: hidden;
}

#stomach iframe {
    /*margin: 0 0 30px 0;*/
}

#bones {
    z-index: 0;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url(../images/ps.png);
}

table {
    width: 960px;
    table-layout: fixed;
}

table,
td,
th {
    border: 1px solid #595959;
    border-collapse: collapse;
}

td.atama {
    width: 100px;
}

td,
th {
    padding: 3px;
    width: 30px;
    height: 25px;
}

th {
    font-weight: normal;
    background: #fafafa;
}

.even {
    background: #fbf8f0;
}

.odd {
    background: #fefcf9;
}

#vimeoframe {
    position: absolute;
    z-index: -1;
}

.bg {
    background-color: rgb(255, 255, 255, 0.5);
}

#article {
    width: 960px;
    margin: 0 auto;
}

.top_img_wrap {
    width: 960px;
    display: block;
    position: relative;
    margin: 200px auto;
}

.top_img_wrap img {
    position: absolute;
    right: 0px;
}