.web-logo-section img {
    position: fixed;
    top: 10px;
    right: 20px;
    /*border: 0px solid #d9d9d9;*/
    /*background-color: rgba(255,255,255,0.8);*/
}

p.web-ft-sns {
    text-align: center;
}

.web-ft-sns a {
    color: #222222;
    font-size: 15px;
    margin-left: 7px;
    margin-right: 7px;
    border: 1px solid #b1b1b1;
    border-radius: 100%;
    display: inline-block;
    width: 27px;
    height: 27px;
    line-height: 27px;
    background-color: #fff;
	text-align: center;
}

.web-ft-sns a:hover {
    background-color: #373737;
    color: #fff;
    border: 1px solid #373737;
}

.web-ft-sns input {
    font-family: 'FontAwesome' !important;
    color: #222222;
    font-size: 15px;
    margin-left: 7px;
    margin-right: 7px;
    border: 1px solid #b1b1b1;
    border-radius: 100%;
    display: inline-block;
    padding: 5.5px 6.5px;
    background-color: #fff;
}

.web-ft-sns input:hover {
    background-color: #373737;
    color: #fff;
    border: 1px solid #373737;
}

p.web-category-link-tt {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #00bc70;
    margin-bottom: 0px;
    margin-top: 0px;
}

.codrops-demos a:hover p.web-category-link-tt {
    color: #00bc70 !important;
}

p.web-category-link-sub-tt {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #525252;
    margin-bottom: 0px;
    margin-top: 0px;
}

.card__container--closed h2#web-brocher-list-big-name-black {
    color: #00b05b;
    font-weight: 600;
    font-size: 1.25em;
    line-height: 1;
	margin-bottom: 0px;
}

.card__container--closed p#web-brocher-list-big-sub-name-black {
    color: #3c3c3c;
    font-weight: 600;
    font-size: 0.91em;
    line-height: 1;
    letter-spacing: -0.5px;
    margin-top: 5px;
}

h2#web-brocher-list-big-name-black {
    color: #00b05b;
    font-weight: 600;
    font-size: 0.85em;
    line-height: 1;
	margin-bottom: 44px;
}

p#web-brocher-list-big-sub-name-black {
    color: #3c3c3c;
    font-weight: 600;
    font-size: 0.91em;
    line-height: 1;
    letter-spacing: -0.5px;
    margin-top: 5px;
}

.card__container--closed h2#web-brocher-list-big-name-white {
    color: #fff;
    font-weight: 600;
    font-size: 1.01em;
    line-height: 1;
    margin-bottom: 0px;
}

.card__container--closed p#web-brocher-list-big-sub-name-white {
    color: #fff;
    font-weight: 600;
    font-size: 0.91em;
    line-height: 1;
    letter-spacing: -0.5px;
    margin-top: 5px;
}

h2#web-brocher-list-big-name-white {
    color: #00b05b;
    font-weight: 600;
    font-size: 0.85em;
    line-height: 1;
	margin-bottom: 44px;
}

p#web-brocher-list-big-sub-name-white {
    color: #00b05b;
    font-weight: 600;
    font-size: 0.91em;
    line-height: 1;
    letter-spacing: -0.5px;
    margin-top: 5px;
}

.meta {
    display: none;
}

.card__copy {
    padding-top: 0px;
}

i.card__btn-close.fa.fa-arrow-left {
    left: 0px;
	color: #000;
    font-size: 28px;
}









p.web-ft-text {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #000000;
}







.card__copy p a:hover img {
    box-shadow: rgba(100,100,111,0.20) 0px 7px 29px 0px;
}








/**  µ¥½ºÅ©Å¾ css ½ÃÀÛ  */
@media only screen and (min-width: 1400px) {

}
/**  µ¥½ºÅ©Å¾ css ³¡  */





/**  ³ëÆ®ºÏ css ½ÃÀÛ  */
@media only screen and (min-width: 1001px) and (max-width: 1400px) {

}
/**  ³ëÆ®ºÏ css ³¡  */








/**  ÅÂºí¸´ css ½ÃÀÛ  */
@media only screen and (min-width: 769px) and (max-width: 1000px) {
.web-logo-section {
    display: none;
}

.card__copy img {
    width: 100%;
}
}




/**  ½º¸¶Æ®Æù css ½ÃÀÛ  */
@media only screen and (max-width: 768px) {
.web-logo-section img {
    top: 5px;
    right: 5px;
    width: 45px;
}

p.web-category-link-tt {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.5px;
}

p.web-category-link-sub-tt {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -0.5px;
}

.card__container--closed h2#web-brocher-list-big-name-white {
    font-size: 1.0em;
}

h2#web-brocher-list-big-name-white {
    font-size: 0.75em;
    margin-bottom: 26px;
}

.card__container.card__container--closed image.web-header-img {
    height: auto;
}

image.web-header-img {
    height: auto;
}

.card__container.card__container--closed .card__image {
    max-height: 500px;
}

.card__copy img {
    width: 100%;
}

.card__btn-close {
    font-size: 20px;
    padding: 12px 12px 0px 12px;
}

i.card__btn-close.fa.fa-arrow-left {
    font-size: 19px;
}

.card__caption {
    padding: 25px 0px 0px 0px;
}

.card__copy {
    padding-bottom: 62px;
}

.codrops-demos a {
    width: 49%;
    display: inline-block;
    margin-bottom: 4px;
    border: 1px solid #fff;
    background-color: #fff;
    padding: 10px 4px 8px 4px;
}

.codrops-demos {
    width: 92%;
    margin: auto;
}
}











/** ¾ÆÀÌÆù 6(s)+, 7+, 8+  **/
@media only screen and (min-width: 414px) and (max-width: 768px) {

}


/** ¾ÆÀÌÆù 4  **/
@media only screen and (max-width: 320px) {

}

/** °¶·°½Ã s8, s8+, note8  **/
@media only screen and (min-width: 359px) and (max-width: 413px) {

}