@charset "utf-8";

a:link { text-decoration: none; color:#4f4f4f; }
a:visited { text-decoration: none; color:#4f4f4f; }
a:hover { text-decoration: none; color:#4f4f4f; }
a:active { text-decoration: none; color:#4f4f4f; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin:0;	padding:0;}table {	border-collapse:collapse;	border-spacing:0;}fieldset,img { 	border:0;}address,caption,cite,code,dfn,th,var {	font-style:normal;	font-weight:normal;}ol,ul {	list-style:none;
}caption,th {	text-align:left;}h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}q:before,q:after {	content:'';
}abbr,acronym {  border:0;}

.embed-container-inner {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0; 
    overflow:hidden; 
    width: 100%;
    max-width: 100%; 
    height: auto;
}
.embed-container-inner iframe,
.embed-container-inner object,
.embed-container-inner embed { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}

.embed-container{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding-top: 48px;
}

a:hover img{
 border:0px;
 border:none;
}
a.caution:link,
a.caution:visited{
    color: #FF3300;
    font-size: 11px;
}
.caution{
    color: #FF3300;
    font-size: 11px;
}
.nondisplay{
   display: none; 
}

*{
	margin: 0;
	padding: 0;
}
.ancher{
    padding-top:75px;
    display: block; 
}
html, body {
    height: 100%;
    width: 100%;
}
.full-screen{
    width: 100%;
    height: 100%;
}
body{
	font-family: 'Crimson Text', serif;
	width: 100%;
	height: 100%;
    letter-spacing: 0.1em;
    background-color: #FFF;
    font-size: 13px;
    color: #4f4f4f;
}

p{
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 20px;
    color: #707070;
    text-align: justify;
}


ul {
    list-style: none outside none;
}

h2,
h3{
    background-color: transparent;
    text-align: center;
    letter-spacing: 0.1em;
}

a#page-top:link,
a#page-top:visited {
    background: #7c3345;
    color: #fff;
    padding: 12px 0;
    text-align: center;
    width: 100%:;
    display: block;
    margin-bottom: 0px;
}
a#page-top:hover {
    text-decoration: none;
    background: #6c2735;
}
a.back-to-home:link,
a.back-to-home:visited {
    background: #000;
    color: #fff;
    padding: 12px 0;
    text-align: center;
    width: 100%:;
    display: block;
    margin-bottom: 0px;
}
a.back-to-home:hover {
    text-decoration: none;
    background-color:#9e9e9e;
    color: #FFF;
}


h1{
    font-size: 20px;
    line-height: 150%;
    margin: 0 0 15px 0;
    text-align: center;
}
    h2{
        text-align: center;
        font-size: 22px;
        margin-bottom: 24px;
    }
#scroll-btn{
    position: absolute;
    bottom: 60px;
    width: 600px;
    left: 50%;
    margin: 0 0 0 -300px;
    text-align: center;
    letter-spacing: 0.1em;
}
#scroll-btn:hover{
    opacity: 0.8;
}
    
    #scroll-btn h1{
        text-align: center;
    }

    #scroll-btn h1 a:link,
    #scroll-btn h1 a:visited{
        color: #FFF;
    }
        #scroll-btn img{
            display: block;
            width: 250px;
            margin: 0 auto;
        }



.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.smponly{
    display: none;
}
.pconly{
    display: block;
}
#tp2015ss-header{
    height: 100% !important;
    min-height: 100%;
    position: relative;
}
#tp2015ss-header iframe{
    height: 100% !important;
    min-height: 100%;
}

    #tp2015ss-header-photo{
        padding: 24px 0;
        line-height:0;
    }
    #tp2015ss-header-photo h1,
    #tp2015ss-header-photo h2,
    #tp2015ss-header-photo h3{
        line-height: 100%;
        letter-spacing: 0.1em;
    }
        #tp2015ss-header-photo h1{
            height: auto;
            max-width: 430px;
            widows: 100%;
            margin: 0 auto 0px;
        }
        #tp2015ss-header-photo h2{
            width: 195px;
            height: auto;
            margin: 0 auto 12px;
        }
        #tp2015ss-header-photo h3{
            width: 195px;
            height: auto;
            margin: 0 auto;
        }
        #tp2015ss-header-photo h1 img{
            width: 100%;
            height: auto;
            vertical-align:text-bottom;
        }


#tp2015ss-header-mainvisual{
    height: 75%;
    width: 100%;
}

.full-screen,
.full-size,
.owl-wrapper-outer,
.owl-wrapper,
.owl-item{
    height: 100%;
    width: 100%;
}
#tp2015ss-header-mainvisual .owl-carousel .owl-wrapper-outer,
#tp2015ss-header-mainvisual-smp .owl-carousel .owl-wrapper-outer {
    height: 100%;
    width: 100%;
}
.full-screen-inner{
    height: 100%;
    width: auto;
    margin: 0 auto;
}
    .full-screen-inner img{
        height: 100%;
        width: auto;
        display: block;
        margin: 0 auto;
    }
    .slide-week01-02{
        background: url(/2015ss/week01-02/images/main.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size:cover;
        -moz-background-size:cover;
        position: relative;
    }
    .slide-week03-04{
        background: url(/2015ss/week03-04/images/main.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size:cover;
        -moz-background-size:cover;
        position: relative;
    }
    .slide-week05-06{
        background: url(/2015ss/week05-06/images/main.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size:cover;
        -moz-background-size:cover;
        position: relative;
    }
    .slide-week07-08{
        background: url(/2015ss/week07-08/images/main.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size:cover;
        -moz-background-size:cover;
        position: relative;
    }
    .slide-week09-10{
        background: url(/2015ss/week09-10/images/main.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size:cover;
        -moz-background-size:cover;
        position: relative;
    }
    .slide-week11-12{
        background: url(/2015ss/week11-12/images/main.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size:cover;
        -moz-background-size:cover;
        position: relative;
    }
.slide-week-img{
    width: 250px;
    height: auto;
    position: absolute;
    right: 48px;
    bottom:40px;
}
    .slide-week-img img{
        width: 100%;
        height: auto;
    }


.collection-contents{
    overflow: hidden;
    padding: 48px 0;
}

.collection-introduction-text{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
    .inner{
        margin: 0 24px;
    }

.collection-week{
    padding: 0px 0 0px;
}

.collection-week ul li{
    text-align: center;
}
    .collection-week ul li a:link,
    .collection-week ul li a:visited{
        width: 100%;
        height: auto;
        padding: 36px 0;
        display: block;
        color: #FFF;
        background-color: #f9f5ed;
        border-bottom: 1px solid #FFF;
        font-family: 'Crimson Text', serif;
        letter-spacing: 0.2em;
    }
    .collection-week ul li a:hover{
        background-color: #e8e7e6;
    }
            .collection-week ul li.back-to-home a:link,
            .collection-week ul li.back-to-home  a:visited{
                width: 100%;
                height: auto;
                padding: 12px 0;
                display: block;
                color: #000;
                background-color: #f9f5ed;
                border-bottom: 1px solid #FFF;
                font-family: 'Crimson Text', serif;
                letter-spacing: 0.2em;
            }
            .collection-week ul li.back-to-home  a:hover{
                background-color: #e8e7e6;
            }
        .collection-week ul li.plain{
            width: 100%;
            height: auto;
            padding: 36px 0;
            display: block;
            color: #FFF;
            background-color: #e8e7e6;
            border-bottom: 1px solid #FFF;
            font-family: 'Crimson Text', serif;
            letter-spacing: 0.2em;
        }
        .collection-week ul li.reseption{
            width: 100%;
            height: auto;
            padding: 24px 0;
            display: block;
            color: #000;
            background-color: #e8e7e6;
            border-bottom: 1px solid #FFF;
            font-family: 'Crimson Text', serif;
            letter-spacing: 0.2em;
        }
            .collection-week ul li.reseption-link a:link,
            .collection-week ul li.reseption-link a:visited{
                width: 100%;
                height: auto;
                padding: 24px 0;
                display: block;
                color: #000;
                background-color:#F9F5ED;
                border-bottom: 1px solid #FFF;
                font-family: 'Crimson Text', serif;
                letter-spacing: 0.2em;
            }
            .collection-week ul li.reseption-link a:hover{
                background-color: #e8e7e6;
            }
    .collection-week ul li .week-img{
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
        .collection-week ul li .week-img img{
            width: 100%;
            height: auto;
        }

    .collection-week ul li.to-home a:link,
    .collection-week ul li.to-home a:visited{
        width: 100%;
        height: auto;
        padding: 24px 0;
        display: block;
        color: #FFF;
        background-color: #707070;
        border-bottom: 1px solid #505050;
        font-family: 'Crimson Text', serif;
        letter-spacing: 0.2em;
    }
    .collection-week ul li.to-home a:hover{
        width: 100%;
        height: auto;
        padding: 24px 0;
        display: block;
        color: #FFF;
        background-color: #707070;
        border-bottom: 1px solid #505050;
        font-family: 'Crimson Text', serif;
        background-color: #404040;
    }

    .instagram-photo{
        margin:0 auto;
        max-width:1024px;
        width:100%;
    }
    .instagram-placeholder{
        width: 25%;
        height: auto;
        line-height:0;
        float: left;
    }
        .instagram-placeholder img{
            width: 100%;
            height: auto;
            vertical-align:text-bottom;
        }

.collection-share{
    overflow: hidden;
}
    .collection-share ul{
        float: left;
        left: 50%;
        position: relative;
    }
        .collection-share ul li{
            float: left;
            left: -50%;
            margin: 0px 12px;
            position: relative;
            font-size: 14px;
        }
            .collection-share ul li.facebook a:hover{
                color: #305097;
            }
            .collection-share ul li.twitter a:hover{
                color: #00aced;
            }
    .sounfcloud-inner{
        width: 100%;
        max-width: 1024px;
        margin: 0 auto;
    }

    .collection-week-photo{
        overflow: hidden;
        margin-bottom: 0px;
        padding-bottom: 48px;
    }
        .collection-week-photo ul{
            width: 100%;
            max-width: 1024px;
            margin: 0 auto;
        }
        .collection-week-photo ul li{
            width: 25%;
            float: left;
            line-height:0;
        }
            .collection-week-photo ul.look-width li{
                width: 50%;
                float: left;
                line-height:0;
            }
            .main-image ul li{
                width: 100%;
                float: left;
                line-height:0;
            }
            .main-image ul.main-set li{
                width: 50%;
                float: left;
                line-height:0;
            }
                .main-image ul li img{
                    width: 100%;
                    height: auto;
                    vertical-align:text-bottom;
                }
        .collection-week-photo ul li img{
            width: 100%;
            height: auto;
            vertical-align:text-bottom;
        }

.footer{
    font-size: 12px;
    text-align: center;
    background-color:#E8E7E6;
    padding: 20px 0;
    margin: 0px 0 0px 0;
    letter-spacing: normal;
    position: relative;
}
.footer .specialthanks{
    font-size: 12px;
}

.sns{
    overflow: hidden;
    padding: 0px 0 12px
}
    .sns ul{
        float: left;
        left: 50%;
        position: relative;
    }
        .sns ul li{
            float: left;
            left: -50%;
            margin: 0px 6px;
            position: relative;
            display: block;
            width: 24px;
            height: 24px;
        }
            .sns ul li span{
                display: none;
            }
        a.tp-link:link,
        a.tp-link:visited{
            background: url(/2015ss/images/icon-tp.png);
            background-size: 48px 48px;
            display: block;
            width: 48px;
            height: 48px;
            position: absolute;
            right: 24px;
            top:20px;
        }
        a.tp-link span{
            display: none;
        }
        .sns ul li.sns-list-facebook a:link,
        .sns ul li.sns-list-facebook a:visited{
            background: url(/2015ss/images/icon-facebook.png);
            background-size: 24px 24px;
            display: block;
            width: 24px;
            height: 24px;
        }
        .sns ul li.sns-list-twitter a:link,
        .sns ul li.sns-list-twitter a:visited{
            background: url(/2015ss/images/icon-twitter.png);
            background-size: 24px 24px;
            display: block;
            width: 24px;
            height: 24px;
        }
        .sns ul li.sns-list-instagram a:link,
        .sns ul li.sns-list-instagram a:visited{
            background: url(/2015ss/images/icon-instagram.png);
            background-size: 24px 24px;
            display: block;
            width: 24px;
            height: 24px;
        }
          

/* header */


#container{
width:100%;
overflow: hidden;
z-index: 10;
}

    .smp-only{
        display: none;
    }
    .pc-only{
        display: block;
    }
/* main */


/* footer */

/*===============================================
breakpoint:848
===============================================*/
@media screen and (max-width: 1024px){

    .collection-week{
        padding-top: 0px;
    }
        .collection-week-photo {
            margin-bottom:0;
            overflow:hidden;
            padding-bottom:0px;
        }
    .collection-contents{
        overflow: hidden;
        padding: 24px 0;
    }
        .collection-week ul li.plain{
            padding: 24px 0;
        }
    .embed-container {
        padding-top:0px;
    }
}

/*===============================================
breakpoint:1020
===============================================*/
@media screen and (max-width: 430px){
    .smp-only{
        display: block;
    }
    .pc-only{
        display: none;
    }
    #tp2015ss-header-photo{
        padding: 0px 0;
    }
    .collection-week-photo ul li{
        width: 50%;
        float: left;
        line-height:0;
    }
        .collection-week-photo ul.look-width li{
            width: 100%;
            float: left;
            line-height:0;
        }
    .collection-week-photo .main-image ul li{
        width: 100%;
        float: none;
        line-height:0;
    }
    .collection-week-photo .main-image ul.main-set li{
        width: 50%;
        float: left;
        line-height:0;
    }
    .instagram-placeholder{
        width: 50%;
    }

    html, body {
        height: auto;
        width: 100%;
    }
    .full-screen{
        width: 100%;
        height: auto;
    }
    body{
        width: 100%;
        height: auto;
   }

    #tp2015ss-header-mainvisual,
    #tp2015ss-header-mainvisual-smp{
        height: 100%;
        width: 100%;
    }
        .full-screen-inner{
            height: 100%;
            width: auto;
            margin: 0 auto;
        }
            .full-screen-inner img{
                height: auto;
                width: 100%;
                display: block;
                margin: 0 auto;
            }
        .slide-week01-02{
            background: url(/2015ss/week01-02/images/main-smp.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size:cover;
            -moz-background-size:cover;
            position: relative;
        }
        .slide-week03-04{
            background: url(/2015ss/week03-04/images/main-smp.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size:cover;
            -moz-background-size:cover;
            position: relative;
        }
        .slide-week05-06{
            background: url(/2015ss/week05-06/images/main-smp.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size:cover;
            -moz-background-size:cover;
            position: relative;
        }
        .slide-week07-08{
            background: url(/2015ss/week07-08/images/main-smp.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size:cover;
            -moz-background-size:cover;
            position: relative;
        }
        .slide-week09-10{
            background: url(/2015ss/week09-10/images/main-smp.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size:cover;
            -moz-background-size:cover;
            position: relative;
        }
        .slide-week11-12{
            background: url(/2015ss/week11-12/image/main-smp.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size:cover;
            -moz-background-size:cover;
            position: relative;
        }
    h2 {
      font-size:22px;
      margin-bottom:12px;
      text-align:center;
      line-height: 100%;
    }
    .copyright{
    }
    .sns {
      overflow:hidden;
      padding:0 0 0px;
    }
        a.tp-link:link,
        a.tp-link:visited{
            background: url(/2015ss/images/icon-tp.png);
            background-size: 48px 48px;
            display: block;
            width: 48px;
            height: 48px;
            position: relative;
            clear: both;
            right: auto;
            top:auto;
            margin: 6px auto 6px;
        }
}