< !--色-- > グレー 薄い順 1 #FAFAFA 2 #BFBFBF 黒 1#626261 2#5A5A5A 3#343434 4#272726 5#151514 6#0D0D0D < !--/色-- > < !--フォント-- > 'Mittelschrift Austria D' 'Clarendon URW Light' "ゴシックMB101 L" < !--/フォント-- > < !-- 文字の大きさ -- > < !-- 文字の大きさ > .ClarendonURWExtNar-Lig {
    font-family: "ClarendonURWExtNar-Lig";
    font-weight: normal;
    font-style: normal;
}

.MittelschriftAusD {
    font-family: "MittelschriftAusD";
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: "MB101L";
    src: url(../font/A-OTF-GothicMB101Pr6-Light.otf);
}


@charst"utf-8";

::selection {
    background: #BFBFBF;
    color: #FFFFFF;
}

/* 文章中の外部*/

.gaibu_text {

    color: #bfbfbf;
    transition: color 0.27s linear;

}

.gaibu_text:hover {

    color: #000000;
}


body {
    background-size: cover;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    font-family: "ClarendonURWExtNar-Lig";
    font-feature-settings: "palt" 1;
}

.wrapper {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

#Profile {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal
}


@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

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


/* header */

header {
    overflow: hidden;
    width: auto;
    padding: 0 0 90 80;
    margin: 0 0 0 0;
}

header h1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 25px;
    float: left;
    overflow: hidden;
    position: relative;

}


#name {
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    letter-spacing: 10px;
    font-family: "MB101L";
    font-weight: normal;
    color: #000;
    
}

#name_black {
    /*    border-bottom: solid 2px;*/
    float: left;
    /*    border-bottom-color: #BFBFBF;*/
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    letter-spacing: 10px;
    font-family: "MB101L";
    font-weight: normal;
    color: #FFFFFF;
    /*   transition: color 0.27s linear;*/
}

#header_kazuki_black {
    display: block;
    clear: both;
    overflow: hidden;
    font-family: "MittelschriftAusD";
    font-size: 14px;
    letter-spacing: 4px;
    color: #FFFFFF;

}

#header_kazuki {
    display: block;
    clear: both;
    overflow: hidden;
    font-family: "MittelschriftAusD";
    font-size: 14px;
    letter-spacing: 4px;
}

header ul {
    width: 100;
    overflow: hidden;
    margin: 118px 0 0 0;
    padding: 0;
    position: fixed;
}

header ul li {
    text-align: left;
    font-size: 14px;
    font-family: "ClarendonURWExtNar-Lig";
}

.gaibu a {
    letter-spacing: 2px;
    line-height: 0px;
    font-size: 12px;
    color: #bfbfbf;
    transition: color 0.27s linear;

}

.gaibu a:hover {
    color: #000000;
}

#global_nav {
    letter-spacing: 2.5px;
    line-height: 30px;
}

#nav {
    margin-top: 25px;
    line-height: 30px;
}

#nav_black {
    margin-top: 25px;
    line-height: 30px;
}

#nav_black a {
    color: #FFFFFF;
}

ul .top {
    margin-bottom: 16px;
}

ul .current {
    font-family: "MittelschriftAusD";
    color: #000000;
    font-size: 15px;

}

#head_1 {
    top: 40;
    margin: 0;
    width: auto;
    float: left;
    position: fixed;
}

#head_1_HOME {
    top: 40;
    margin: 0;
    width: auto;
    float: left;
    position: absolute;
}

/* header */

/* wrapper */

.wrapper {
    overflow: hidden;
    width: auto;
    margin: 1.5 80 200 300;
    transition: color 0.27s linear;
    float: left;
}

.wrapper a:hover {
    color: #000000;
}

.title_Clarendom {
    color: #000000;
    margin: 11 0 3 0;
    padding: 0;
    font-size: 15px;
    letter-spacing: 1.5px;
    font-family: "ClarendonURWExtNar-Lig";
}

.caption_Clarendon {
    color: #000000;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: "MittelschriftAusD";
    /*    transition: color 0.27s linear;*/
}

.title_MB101 {
    color: #000000;
    margin: 6 0 0 0;
    padding: 0;
    font-size: 14px;
    letter-spacing: 2px;
    font-family: "MB101L";
    /*    transition: color 0.27s linear;*/
}

.caption_MB101 {
    margin: 0 0 0 0;
    padding: 0;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: "MittelschriftAusD";
    /*    transition: color 0.27s linear;*/
}

.wrapper img {
    transition: opacity 0.27s linear;
    background: #FFFFFF;
}

@media screen and (min-width: 700px) {
    .wrapper img:hover {
        opacity: 0.6;
        background: #FFFFFF;
    }
}


list_top_1 {
    margin: 0 auto;
    width: 30%;
    float: left;
}

list_top_2 {
    margin: 0 auto;
    width: 30%;
    float: left;
    margin-left: 5%;
}

list_top_3 {
    margin: 0;
    width: 30%;
    float: left;
    margin-left: 5%;
}

list_4,
list_7 {
    margin: 0 auto;
    width: 30%;
    float: left;
    margin-top: 60px;
}

list_5,
list_8 {
    margin: 0;
    width: 30%;
    float: left;
    margin-top: 60px;
    margin-left: 5%;
}

list_6,
list_9 {
    margin: 0 auto;
    width: 30%;
    float: left;
    margin-left: 5%;
    margin-top: 60px;
}

/* wrapper */

/* footer */

footer {
    position: fixed;
    bottom: 40;
    left: 80;
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
    color: #000000;
    font-size: 10px;
    text-align: left;
    font-family: "MittelschriftAusD";
    clear: both;
}

#Profile_footer {
    /*
    position: absolute;
    bottom: 60;
*/
}

#Profile_footer_iphone {
    display: none;
}


/* footer */

/* Profile */

#Profile {
    position: absolute;
    font-family: "MB101L";
    margin: 0 80 0 300;
    padding-bottom: 100;
    top: 137;
    width: auto;
}

/*
#Profile_footer::before {
    content: '';
    display: block;
    padding-top: 460%;
}
*/

#shoukai {
    margin: 0;
    margin-top: 20;
}

#shoukai p {
    margin: 0;
    margin-top: 5;
    font-size: 14px;
    color: #000000;
}

#keireki {
    color: #000000;
    margin: 0;
    margin-top: 40;
    font-size: 14px;
    font-weight: 900;
}

#keireki p {
    margin: 0;
    margin-top: 18;
    color: #000000;
    font-weight: 900;
}

#keireki a {
    color: #bfbfbf;
    transition: color 0.27s linear;
}

#keireki a:hover {
    color: #000000;
}

#keireki .keirekibunn {
    line-height: 1.6;
    margin: 0 0 0 0;
}

#contact {
    margin: 0;
    font-family: "MittelschriftAusD";
    margin: 60 0 0 0;
    text-align: left;
}

#contact p {
    margin: 0 0 0 0;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: left;
    color: #0d0d0d;
}


/* Profile */

/* top */

.current_p {
    color: #000000;
    font-family: "MittelschriftAusD";
    letter-spacing: 2px;
    font-size: 15px;
    border-bottom: 0px;
}

.current_black {
    color: #FFFFFF;
    font-family: "MittelschriftAusD";
    letter-spacing: 2px;
    font-size: 15px;
    border-bottom: 0px;
}

.current_black_s {
    color: #FFFFFF;
}


canvas {
    width: 100%;
    float: right;
}

/* top */

/* top_processing */

.wrapper_pro {
    clear: both;
    overflow: hidden;
    width: 170;
    padding: 60 0 0 0;
    margin: 0 0 0 80;
    position: relative;
}

.wrapper_pro a {
    color: #000000;
}

.wrapper_pro ul {
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 0px;
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 26px;
    margin-top: 10px;
    font-family: "ClarendonURWExtNar-Lig";
    float: left;
    list-style: none;
}

#kaisetu {
    width: 100%;
    line-height: 20px;
    margin-top: 16px;
}

.small_pro {
    font-size: 12px;
    font-family: "MittelschriftAusD";
    color: #000000;
}

.small_pro_black {
    color: #FFFFFF;
    font-size: 12px;
    font-family: "MittelschriftAusD";
}

#head_1_h {
    margin: 0;
    float: left;
    position: relative;
}

#pro {
    width: 7%;
    overflow: hidden;
    margin: 1 0 0 26.5%;
    padding: 0;
}

canvas {
    outline: none;
    float: right;
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
}


/* top_processing */

/* each 作品の個別ページ */

.wrapper_each {

    overflow: hidden;
    width: auto;
    margin: 1.5 80 200 300;
    transition: color 0.27s linear;
    float: left;
}

/* 作品より上のキャプション */

.top_title {

    float: left;
    color: #000000;
    margin: 66 0 0 0;
    padding: 0 0 0 0;
    font-size: 16px;
    font-family: "MB101L";
    text-align: left;
    overflow: hidden;
    position: relative;

}

.top_comment {

    float: left;
    margin: 5 0 0 0;
    padding: 0;
    font-size: 12px;
    font-family: "MB101L";
    color: #555555;
    overflow: hidden;
    clear: both;

}

/* 個別の写真のタイトルとキャプション */

.each_photo_title {

    float: left;
    color: #000000;
    margin: 0;
    padding: 20 0 0 0;
    font-size: 16px;
    font-family: "MB101L";
    text-align: left;
    overflow: hidden;
    position: relative;

}

.each_bxslider_title {

    float: left;
    color: #000000;
    margin: 0;
    padding: 25 0 0 0;
    font-size: 16px;
    font-family: "MB101L";
    text-align: left;
    overflow: hidden;
    position: relative;

}

.each_photo_comment {

    float: left;
    margin: 0;
    padding: 5 0 0 0;
    font-size: 12px;
    font-family: "MB101L";
    color: #555555;
    overflow: hidden;
    clear: both;

}


/* vimeoのタイトルとキャプション */

.vimeo_title {

    float: left;
    color: #000000;
    margin: 0;
    padding: 20 0 0 0;
    font-size: 16px;
    font-family: "MB101L";
    text-align: left;
    overflow: hidden;
    position: relative;
    

}

.vimeo_comment {

    float: left;
    margin: 0;
    padding: 5 0 0 0;
    font-size: 12px;
    font-family: "MB101L";
    color: #555555;
    overflow: hidden;
    clear: both;

    
}

.otherEach_link {

    float: left;
    margin: 0 0 0 0;
    padding: 5 0 0 0;
    font-size: 12px;
    font-family: "MB101L";
    color: #000000;
    overflow: hidden;
    clear: both;

}


/* vimeoの大きさ・margin */

.vimeo_top {

    margin: 0 auto 0 auto;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
}

.vimeo_top_PinBottle {
    margin: 0 auto 0 auto;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
}

.vimeo_top_light {

    margin: 0 auto 0 auto;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    padding-bottom: 63%;
    height: 0;
    overflow: hidden;
}

.vimeo_top_graduation_20 {

    margin: 0 auto 0 auto;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    padding-bottom: 74%;
    height: 0;
    overflow: hidden;
}

.vimeo_top_particle_geometry {

    margin: 0 auto 0 auto;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    padding-bottom: 64%;
    height: 0;
    overflow: hidden;

}

.vimeo_top_shinnshuku_mozi {

    margin: 0 auto 0 auto;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
}

.vimeo_textdown {

    margin: 80 auto 0 auto;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;

}


/* 画像の大きさ・margin */

.list_each_top {

    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 80 0 0 0;
    width: 100%;

}

.list_each_top_pc {

    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 80 0 0 0;
    width: 100%;

}

.list_each_top_sp {
    display: none;
}

.list_each_pc_noMargin {

    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0 0 0 0;
    width: 100%;

}

.list_each_sp_noMargin {
    display: none;
}

.list_each_pc {

    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 60 0 0 0;
    width: 100%;

}

.list_each_sp {
    display: none;
}

.list_each_top_left {

    clear: both;
    overflow: hidden;
    width: 50%;
    float: left;
    padding: 80 0 0 0;

}

.list_each_top_right {

    overflow: hidden;
    width: 50%;
    float: right;
    padding: 80 0 0 0;

}

.list_each_top_square {

    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 80 0 0 0;
    width: 100%;
    max-width: 700px;

}


.list_each {

    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 60 0 0 0;
    width: 100%;
}

.list_each_left {

    clear: both;
    overflow: hidden;
    width: 50%;
    float: left;
    padding: 60 0 0 0;
}

.list_each_right {

    overflow: hidden;
    width: 50%;
    float: right;
    padding: 60 0 0 0;
}

.list_each_square {
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 60 0 0 0;
    width: 100%;
    max-width: 700px;
}

.left_resize {

    margin: 0 30 0 0;

}

.right_resize {

    margin: 0 0 0 30;

}


sakuhin1_s {
    margin: 0 auto 0 auto;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    padding-bottom: 62%;
    height: 0;
    overflow: hidden;
}


sakuhin1_o {
    margin: 0 auto;
    width: 66%;
    float: left;
    position: relative;
}

sakuhin1_i {
    margin: 0 auto;
    width: 32%;
    float: left;
}

sakuhin1_k {
    overflow: hidden;
    margin: 0;
    width: 100%;
}

sakuhin2_k {
    margin: 0;
    width: 100%;
    float: right;
    margin-left: 6%;
}

/* vimeo */

.content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* vimeo */

#ten {
    width: 100%;
    margin: 0 auto 3% auto;
    font-family: "MB101L";
    overflow: hidden;
}

.oomozi_works_te {
    color: #000000;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 18px;
    font-family: "MB101L";
    text-align: left;
    position: relative;
}

.oomozi_works_iwa {
    color: #000000;
    margin: 0 0 0 25%;
    padding: 0;
    font-size: 18px;
    font-family: "MB101L";
    text-align: left;
    position: relative;
}

.komozi_works_te {
    margin: 1% 0 0 0;
    padding: 0;
    font-size: 14px;
    font-family: "MB101L";
    text-align: left;
    color: #626261;
    position: relative;
}

.komozi_works_iwa {
    margin: 1% 0 0 25%;
    padding: 0;
    font-size: 14px;
    font-family: "MB101L";
    text-align: left;
    color: #626261;
    position: relative;
}

.oomozi_works_te1 {
    float: left;
    color: #000000;
    margin: 1.2% 0 0 0;
    padding: 0;
    font-size: 16px;
    font-family: "MB101L";
    text-align: left;
    overflow: hidden;
    position: relative;
}

.komozi_works_te1 {
    float: left;
    margin: 0.5em 0 4% 0;
    padding: 0;
    font-size: 12px;
    font-family: "MB101L";
    color: #626261;
    overflow: hidden;
    clear: both;
}

sakuhin1_s2 {
    width: 40%;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
}

sakuhin1_s2_A_B {
    width: 55%;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
}

sakuhin1_s3 {
    width: 55%;
    float: right;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

sakuhin1_s4 {
    width: 49.5%;
    float: left;
    margin-bottom: 1%;
    padding: 0;
    overflow: hidden;
    clear: both;
}

sakuhin1_s5 {
    width: 49.5%;
    float: right;
    margin-bottom: 1%;
    padding: 0;
    overflow: hidden;
}

sakuhin1_s6 {
    width: 49.5%;
    float: left;
    padding: 0;
    overflow: hidden;
    clear: both;
}

sakuhin1_s7 {
    width: 49.5%;
    float: right;
    padding: 0;
    overflow: hidden;
}

sakuhin1_s8 {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
}

sakuhin1_sara1 {

    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
}

sakuhin1_sara1_p {
    float: left;
    width: 50%;
    margin: 0 0 0 25%;
    padding: 0;
    overflow: hidden;
    clear: both;
}

sakuhin1_sara2 {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
}

sakuhin1_sara3 {
    float: right;
    width: 50%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

sakuhin1_sara4 {
    float: left;
    width: 28%;
    margin: 0;
    margin-top: 2%;
    padding: 0;
    overflow: hidden;
    clear: both;
}

sakuhin1_i {
    width: 50%;
    margin: 0 auto 0 25%;
    overflow: hidden;
}

sakuhin1_sara5 {
    float: right;
    width: 70%;
    margin: 0;
    margin-top: 2%;
    padding: 0;
    overflow: hidden;
}

.oomozi_works_te2 {
    float: left;
    color: #000000;
    margin: 1.2% 0 0 0;
    padding: 0;
    font-size: 16px;
    font-family: "MB101L";
    text-align: left;
    overflow: hidden;
    clear: both;
}

.komozi_works_te2 {
    float: left;
    margin: 0.5em 0 4% 0;
    padding: 0;
    font-size: 12px;
    font-family: "MB101L";
    color: #626261;
    overflow: hidden;
    clear: both;
}


sakuhin1_shin_1 {
    width: 49%;
    float: left;
    padding: 0;
    margin-top: 2.5%;
    margin-bottom: 4%;
    overflow: hidden;
    clear: both;
}

sakuhin1_shin_2 {
    width: 49%;
    float: right;
    margin-top: 2.5%;
    margin-bottom: 4%;
    padding: 0;
    overflow: hidden;
}

sakuhin1_shin_3 {
    width: 49%;
    float: left;
    padding: 0;
    margin-bottom: 4%;
    overflow: hidden;
    clear: both;
}

sakuhin1_shin_4 {
    width: 49%;
    float: right;
    padding: 0;
    margin-bottom: 4%;
    overflow: hidden;
}

sakuhin1_shin_5 {
    width: 100%;
    float: left;
    padding: 0;
    margin-bottom: 4%;
    overflow: hidden;
    clear: both;
}

/* each */

/* imac */

@media screen and (min-width: 1660px) {


    header {
        overflow: hidden;
        width: auto;
        padding: 0 0 90 200;
        margin: 0 0 0 0;

    }

    .wrapper {

        margin: 1.5 200 200 440;
    }

    .wrapper_pro {

        padding: 60 0 0 0;
        margin: 0 0 0 200;

    }

    .wrapper_each {

        margin: 1.5 200 200 440;
    }

    #Profile {

        margin: 0 200 0 440;
        padding-bottom: 100;

    }


    footer {
/*        margin: 0 0 60 200;*/
        bottom: 40;
        left: 200;
    }

}


/* imack* /


/* ipad 横 */

@media screen and (min-width: 1000px) and (max-width: 1200px) {

    /* wrapper */
    .wrapper {
        width: auto;
        margin: 1.5 80 200 300;
    }

    list_top_1 {
        margin: 0 auto;
        width: 46%;
        float: left;
    }

    list_top_2 {
        margin: 0 auto;
        width: 46%;
        float: right;
    }

    list_top_3,
    list_5,
    list_7,
    list_9 {
        margin: 0 auto;
        width: 46%;
        float: left;
        margin-top: 60px;
    }

    list_4,
    list_6,
    list_8 {
        margin: 0 auto;
        width: 46%;
        float: right;
        margin-top: 60px;
    }


    /* wrapper */
    /* each */
    /* each */
    #Profile {
        margin: 0 80 0 300;
        padding-bottom: 100;
    
    }

    footer {
/*        margin: 0 0 60 80;*/
        bottom: 40;
        left: 80;

    }

}

/* ipad 横*/

/* ipad 縦*/

@media screen and (min-width: 700px) and (max-width: 1000px) {

    /* head */
    header {
        padding: 0 0 90 60;
    }

    #head_1 {
        width: auto;
    }


    .wrapper_pro {
        margin: 0 0 0 60;
    }
    /* head */
    /* wrapper */
    .wrapper {
        width: auto;
        margin: 1.5 60 200 270;
    }

    list_top_1 {
        margin: 0 auto;
        width: 100%;
        float: left;
    }

    list_top_2,
    list_top_3,
    list_4,
    list_5,
    list_6,
    list_7,
    list_8,
    list_9 {
        margin: 0 auto;
        width: 100%;
        float: right;
        margin-top: 60px;
    }

    .title_MB101 {

        margin: 25 0 0 0;

    }

    /* wrapper */
    /* each */
    .wrapper_each {
        margin: 1.5 60 200 270;
    }

    .list_each_top_wrapper {

        clear: both;
        overflow: hidden;
        margin: 0;
        padding: 0 0 0 0;
        width: 100%;

    }

    .list_each_top {

        clear: both;
        overflow: hidden;
        margin: 0;
        padding: 80 0 0 0;
        width: 100%;

    }

    .list_each_top_pc {

        display: none;

    }

    .list_each_top_sp {

        display: block;
        clear: both;
        overflow: hidden;
        margin: 0;
        padding: 80 0 0 0;
        width: 100%;

    }

    .list_each_pc_noMargin {

        display: none;

    }

    .list_each_sp_noMargin {

        display: block;
        clear: both;
        overflow: hidden;
        margin: 0;
        padding: 0 0 0 0;
        width: 100%;

    }

    .list_each_pc {

        display: none;

    }

    .list_each_sp {

        display: block;
        clear: both;
        overflow: hidden;
        margin: 0;
        padding: 60 0 0 0;
        width: 100%;

    }

    .list_each_top_left {

        clear: both;
        overflow: hidden;
        width: 100%;
        float: left;
        padding: 80 0 0 0;

    }

    .list_each_top_right {

        clear: both;
        overflow: hidden;
        width: 100%;
        float: left;
        padding: 60 0 0 0;

    }

    .list_each {

        clear: both;
        overflow: hidden;
        margin: 0;
        padding: 60 0 0 0;
        width: 100%;
    }

    .list_each_left {

        clear: both;
        overflow: hidden;
        width: 100%;
        float: left;
        padding: 60 0 0 0;
    }

    .list_each_right {

        overflow: hidden;
        width: 100%;
        float: left;
        padding: 60 0 0 0;
    }


    .left_resize {

        margin: 0;

    }

    .right_resize {

        margin: 0;

    }

    /* each */
    /* Profile */
    #Profile {
        margin: 0 60 0 270;
        padding-bottom: 100;
    }

    footer {
/*        margin: 0 0 80 60;*/
        bottom: 40;
        left: 60;

    }
    /* Profile */
}

/* ipad 縦 */

/* iphone */

@media screen and (max-width: 700px) {


    /* head */
    header {
        padding: 0 0 50 30;
        z-index: 10;
    }

    #head_1 {
        margin: 0 0 0 0;
        z-index: 10;
    }

    #head_1_HOME {
        top: 20;
        z-index: 10;
    }

    #head_1 {
        top: 20;
        z-index: 10;
    }


    #head_1 h1 {
        font-size: 22px;
        z-index: 10;
    }

    header #header_kazuki {
        font-size: 12px;
    }

    header #header_kazuki_black {
        font-size: 12px;

    }


    header ul li {
        font-size: 12px;
        z-index: 10;
    }

    ul .current {
        font-size: 14px;
    }

    .gaibu {
        display: none;
    }

    #name {
        font-size: 22px;
    }

    #name_black {
        font-size: 22px;
    }


    #header_kazuki_Profile {
        display: block;
        clear: both;
        overflow: hidden;
        color: #BFBFBF;
        /*    transition: color 0.27s linear;*/
    }

    #global_nav {
        width: 100%;
        position: fixed;
    }

    header ul {
        position: static;
        width: 100;
        margin: 4 30 0 0;
        padding: 0;
        float: right;

    }


    header ul li {
        font-size: 12px;
    }

    ul li.top {
        display: none;

    }


    /* head */
    /* wrapper */
    .wrapper {
        width: 100%;
        margin: 0 0 0 0;
    }

    list_top_1 {
        margin: 0 auto;
        width: 100%;
        float: left;
        margin-top: 100;
    }

    list_top_2,
    list_top_3,
    list_4,
    list_5,
    list_6,
    list_7,
    list_8,
    list_9 {
        margin: 0 auto;
        width: 100%;
        float: right;
        margin-top: 30px;
    }

    .title_Clarendom {
        margin: 30 0 0 30;
        font-size: 15px;
        letter-spacing: 1.5px;
    }

    .caption_Clarendon {
        margin: 4 0 0 30;
        font-size: 12px;
        letter-spacing: 1px;
    }

    .title_MB101 {
        margin: 25 0 0 30;
        font-size: 14px;
        letter-spacing: 2px;
        z-index: 10;
    }

    .caption_MB101 {
        margin: 3 0 0 30;
        font-size: 12px;
        letter-spacing: 1px;
    }

    /* wrapper */
    /* top_processing */
    .wrapper_pro {
        margin-left: 30;
    }

    .wrapper_pro ul {
        font-size: 12px;
    }

    #kaisetu {
        width: 100%;
        line-height: 20px;
        margin-top: 16px;
    }

    .small_pro {
        font-size: 12px;
        font-family: "MittelschriftAusD";
        color: #000000;
    }

    .small_pro_black {
        color: #FFFFFF;
        font-size: 12px;
        font-family: "MittelschriftAusD";
    }

    #head_1_h {
        margin: 0;
        float: left;
        position: relative;
    }

    #pro {
        width: 7%;
        overflow: hidden;
        margin: 1 0 0 26.5%;
        padding: 0;
    }


    /* top_processing */
    /* each */
    .wrapper_each {
        width: 100%;
        margin: 100 0 0 0;
    }

    /* 作品より上のキャプション */
    .top_title {

        margin: 0 30;
        font-size: 14px;


    }

    .top_comment {

        margin: 5 30 0 30;


    }

    /* 個別の写真のタイトルとキャプション */
    .each_photo_title {

        padding: 14 30 0 30;
        font-size: 14px;

    }

    .each_bxslider_title {

        padding: 28 30 0 30;
        font-size: 14px;

    }

    .each_photo_comment {

        padding: 5 30 0 30;

    }


    /* vimeoのタイトルとキャプション */
    .vimeo_title {

        padding: 14 30 0 30;
        font-size: 14px;


    }

    .vimeo_comment {

        padding: 5 30 0 30;

    }

    .otherEach_link {

        padding: 5 30 0 30;

    }

    .list_each_top_pc {

        display: none;

    }

    .list_each_top_sp {

        display: block;
        clear: both;
        overflow: hidden;
        margin: 0;
        padding: 80 0 0 0;
        width: 100%;

    }

    .list_each_pc_noMargin {

        display: none;

    }

    .list_each_sp_noMargin {

        display: block;
        clear: both;
        overflow: hidden;
        margin: 0;
        padding: 0 0 0 0;
        width: 100%;

    }

    .list_each_pc {

        display: none;

    }

    .list_each_sp {

        display: block;
        clear: both;
        overflow: hidden;
        margin: 0;
        padding: 60 0 0 0;
        width: 100%;

    }

    .list_each_top_left {

        clear: both;
        overflow: hidden;
        width: 100%;
        float: left;
        padding: 80 0 0 0;

    }

    .list_each_top_right {

        clear: both;
        overflow: hidden;
        width: 100%;
        float: left;
        padding: 80 0 0 0;

    }

    .list_each {

        clear: both;
        overflow: hidden;
        margin: 0;
        padding: 60 0 0 0;
        width: 100%;
    }

    .list_each_left {

        clear: both;
        overflow: hidden;
        width: 100%;
        float: left;
        padding: 60 0 0 0;
    }

    .list_each_right {

        overflow: hidden;
        width: 100%;
        float: left;
        padding: 60 0 0 0;
    }


    .left_resize {

        margin: 0;

    }

    .right_resize {

        margin: 0;

    }


    /* each */
    /* Profile */
    #Profile {
        font-family: "MB101L";
        margin: 0 30 0 30;
        padding-bottom: 0;
        width: auto;
        top: 120;
    }

    #contact {
        margin: 0;
        margin: 60 0 60 0;
    }

    #Profile_footer_iphone {
        display: block;
        width: 150;
        margin: 0 0 60 0;
        padding: 0 0 0 0;
        letter-spacing: 1px;
        color: #000000;
        font-size: 10px;
        clear: both;
        font-family: "MittelschriftAusD";
    }


    /* Profile */
    #contact {
        line-height: 1.5em;
    }

    #Profile_footer {
        display: none;
    }

    footer {
        left: 0;
        bottom: 0;
        position: relative;
        margin: 0 0 60 30;
        padding: 70 0 0 0;
    }

}


/* 任天堂特設サイト */


#nintendo_video{

    margin: 100 0 0 0;
}

.nintendo_comment {

    float: left;
    margin: 0;
    padding: 5 0 0 0;
    font-size: 12px;
    letter-spacing: 0.1em;
    font-family: "MB101L";
    color: #555555;
    overflow: hidden;
    clear: both;

}


.wrapper_nintendo {

    overflow: hidden;
    width: 65%;
    margin: 1.5 80 0 415;
    transition: color 0.27s linear;
    float: left;
}

.vimeo_nintendo{
    
    
    margin: 100 auto 0 auto;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    padding-bottom: 56%;
    padding-top: 90;
    
    height: 0;
    overflow: hidden;
}

.margin_nin{
    
    display: block;
    padding-top: 45px;
    margin-top: -45px;
}


.vimeo_title_nin {

    float: left;
    color: #000000;
    margin: 0;
    padding: 0 0 0 0;
    font-size: 16px;
    font-family: "MB101L";
    text-align: left;
    overflow: hidden;
    position: relative;

}

.vimeo_comment_nin {

    float: left;
    margin: 0;
    padding: 5 0 0 0;
    font-size: 12px;
    font-family: "MB101L";
    color: #555555;
    overflow: hidden;
    clear: both;

}