@charset "utf-8";

/* navbar collapse for iPad (bootstrap) */
@media (max-width: 1150px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
/* navbar collapse for iPad (bootstrap) */
@media (max-width: 991px){.col-md-3, .col-md-4 {margin-bottom: 30px;}}

#shoplink a, #shoplink a:visited { color: #990033; padding-top: 1rem; font-size: 1.5rem;}
@media (max-width: 767px){#shoplink a, #shoplink a:visited { font-size: 1rem;}}

h1{margin-bottom:0; }
.smaller{ font-size: 3.8rem;}
@media (max-width: 991px){.smaller{ font-size: 25px;}}
@media (max-width: 767px){.smaller{ font-size: 18px;}}
.navbar, .navbar-nav  a { background-color: #ffcccc;  font-family:"tbchibirgothicplusk-pro",sans-serif; z-index: 20; }

@media (min-width: 767px){.notshowing{display: none;}}
@media (min-width: 420px){.notshowing2{display: none;}}

@media (min-width: 992px){.notshowing3{display: none; background-color: #fff;}}

#wrap{ font-size: 12px; margin-top: -20px; padding-top: 20px;}

.smallletter{font-size:1.3rem;}

h2, h3,h4{ font-family: "kan415typos-std",sans-serif; color: #990000; font-size: 2rem;}
h4{ margin: 2.5rem 0;}
h6 { font-family:"tbchibirgothicplusk-pro",sans-serif; color: #909090; font-size: 1.2rem; padding-top: 2.5rem;}

h5{  font-family:"tbchibirgothicplusk-pro",sans-serif; color: #990000; font-size: 1.5rem; }
.mainex{ font-family: "a-otf-ud-shin-maru-go-pr6n",sans-serif;  font-size: 1.5rem; margin-top:2rem; line-height: 2.8rem;}
@media (max-width:991px){.mainex{ font-size: 2.3rem; margin-top:3.5rem; line-height: 3.5rem}}
@media (max-width:767px){.mainex{ font-size: 1.5rem; margin-top:2rem;}}
p {font-family:"tbchibirgothicplusk-pro",sans-serif; font-size: 1.5rem;}
@media (max-width:991px){p {font-size:2.5rem; line-height: 3rem;}}
@media (max-width:767px){p {font-size:1.5rem;}}

#news{padding: 20px 0;}
#news a, #news a:visited{color: #6B6B6B; text-decoration: underline;}
.newscont{margin: 20px 0; border-top:2px solid #990000; border-bottom:2px solid #990000;}
.newsdetail{ font-family: "a-otf-ud-shin-maru-go-pr6n",sans-serif;  font-size: 1.5rem; padding: 0 2rem;}

.newsdetail dt{width:15%; float: left;}
.newsdetail dd{width: 80%; margin-left: 130px;}
@media (max-width:767px){
	newsdetail dt, .newsdetail dd{display: block; line-height: 2.5rem;}
.newsdetail dt{width:100%;float: none;}
.newsdetail dd{width: 100%;margin-left: 0;}	
}

#box2{ padding-top: 30px;}
.whatisdeco, .threesteps, .toolgoods {background-color: #FFFFFF; border-radius: 20px; padding: 1rem; line-height: 2.7rem; }
.whatisdeco{ background:  url(itemimg/whatisdecoback.jpg)  no-repeat right bottom  #FFFFFF; background-size: auto 100%; min-height: 530px;}
.yohaku {padding: 0 3.1rem;}
@media (max-width:991px){.yohaku img {width: 50%;}}
@media (max-width:767px){.yohaku img {width: 80%;}}

.threesteps {z-index: 2;}
.threesteps p { padding: 0  1.2rem 0.85rem 1.2rem;}
.threesteps .col-md-4:nth-child(-n+2){border-right: #f08f86 2px dotted; }
@media (max-width:991px){.threesteps .col-md-4:nth-child(-n+2){border-right: none;}}


#movie p { font-family: "kan415typos-std",sans-serif; color: #990000; font-size: 2rem; padding-top: 1rem; line-height: 2rem;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin: 0 auto; background: #fff; border-radius: 5rem;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 5rem; }

#box3{margin-top:30px;}
#box3 a, #box3 a:visited, #box4 a, #box4 a:visited { color: #6B6B6B; text-decoration: underline;}
#box3 ul{padding-left: 0;}
#box3 li, #box4 li{ font-family:"tbchibirgothicplusk-pro",sans-serif; font-size: 1.5rem; list-style: none; padding-left: 0; margin-left: 0; text-align: center;}
.toolgoods  .row { padding: 0 2rem;}
.toolgoods .col-md-12{ margin-bottom: 20px;}
.bookintro {border-bottom: #f08f86 2px dotted; margin-bottom: 30px; min-height:340px; padding-top: 1.2rem;}

.cardetc { border-bottom: #f08f86 2px dotted; margin-bottom: 30px; min-height:360px;}
.cardetc .col-lg-6:first-child{border-right: #f08f86 2px dotted;}
@media (max-width:991px){.cardetc .col-lg-6:first-child{border-right: none;}}

.craftpaper{ border-bottom: #f08f86 2px dotted; margin-bottom: 30px; min-height:995px;}
.craftpaper .col-md-4 img{width:95%;}
.aboutpaper{text-align: center;color: #990000;}
.craftexample1, .craftexample2{ padding-top: 35px;}
.craftexample1 img{width:85%; padding:20px 0;}
.craftexample2 img{width:75%; padding:5px 0;}
.mywork{padding:1rem 2rem;}
.example1 h5{font-size:2.2rem; font-family: "kan415typos-std",sans-serif; margin: 3rem auto 2.5rem;}
.example1 .col-md-3{margin-bottom: 2rem;}
.example1 .col-md-3 img{width:98%;}
.colorup{color: #990000;}

.boxes {background-color: #FFFFFF; border-radius: 20px; padding: 1rem 4rem; line-height: 2.3rem; margin-top: 50px;}

#box4 .sampleD{margin:0 auto; text-align: center; width:90px; height: 40px; display: block; background-color:#ffcccc; border-radius: 10px; line-height: 40px;  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size: 1.2rem;}
#box4,.youshi{padding: 0 2rem;}
.youshi .col-md-6 p {text-align: center;}
.pleasedownload{ border-top: #f08f86 2px dotted; margin-top: 3rem;display: block;}
.samples{min-height: 750px;}
.samples{margin-top: 3rem;}
.samples:nth-child(3),.samples:nth-child(4){margin-top: 5rem;}
.sample-parts{width: 58%;}
.shiagari{width: 40%;}
@media (max-width:767px){.sample-parts{width: 70%;}.samples{min-height: auto;}
.samples{margin-top: 1.5rem;}
.samples:nth-child(3),.samples:nth-child(4){margin-top: 1.5rem;}}


.heightshiji {height:70px; display: block;}
.chousei {padding: 80px 100px 0;  height: auto; width: auto; display: block;}
@media (max-width:767px){.chousei {padding: 0; height: 100%; margin-bottom: 2rem;}}

#box6 h5{ height: 30px; display: block;}


#links{max-width: 940px; margin: 2rem auto 3rem auto;}
#links img { margin-bottom: 4px;}

.imgarea{max-height:230px; }
#box7{ margin-top:30px; margin-bottom:-10px; }
footer{ background-color:#e5805c ;}
footer a, footer a:visited{color:#fff; font-size: 1.5rem; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}



.shoptop{position: fixed;
    bottom: 16px;
    right: 16px;text-align: center; font-size: 1.3rem; line-height: 1.9rem;}
.shoptop a
    {
    display: block;
    text-decoration: none;background-color: #990033; padding: 5px 10px;border-radius: 2rem;
    }
.shoptop a, .shoptop a:visited{color:#fff;}
.shoptop:hover
{
    opacity: 0.85 ;
}
.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown{background-color: #f08f86;}
.dropdown-menu li{ list-style:none; margin: -5px 0;position: relative;}
.dropdown-menu li a{height: 50px; background-color: #f08f86; padding-bottom: -5px; color: #732D14; padding-top: 13px;}
.dropdown-menu li a:hover {color: #990033;}
.dropdown-backdrop {position: static;}