@charset "shift_jis";

/* --------------------------
    taio-btn
-------------------------- */
.taio-btn-area {
text-align: center;
padding: 3em 0 2em;
}
h3.taio-ttl {
background-color:#333;
color:#fff;
padding:.8em 0;
font-size:1.85em;
font-weight: normal;
margin: 0 auto 1em;
}
.taio-btn-ul {
list-style: none;
display: inline-block;
width: 98%;
margin: 0 auto;
letter-spacing: -.40em;
}
.taio-btn-list {
display: inline-block;
letter-spacing: normal;
vertical-align: top;
font-weight: normal;
width: 24%;
margin: 0 auto 1em;
}
.taio-btn-link {
display: inline-block;
width: 95%;
margin: 0;
padding: 1em;
border: 1px solid #333;
color: #333;
text-decoration: none;
font-size: 1.2em;
border-radius:10px;
-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;

}
.taio-name-big {
color: #333;
font-size: 1.1em;
}
.taio-name-small {
display: inline-block;
width: 100%;
background-color: #e4fffd;
font-size: .9em;
padding: .4em 0;
margin: .5em auto 0;
}
.list-5 .taio-maker {
margin: 0 auto;
}
.taio-maker-big {
font-size: 1.5em;
}
.taio-btn-link:hover ,
.taio-btn-link:hover * {
text-decoration: none;
}
.taio-btn-link:hover {
border: 1px dashed #2976c6;
}
.taio-btn-link:hover .taio-name-small {
background-color: #2976c6;
color: #fff;
}


/*---------------------------
mail-area
---------------------------*/
.mail-area {
background-color: #eaeaea;
display: inline-block;
width: 90%;
margin: 1.5em auto 0;
text-align: center;
font-size: 1.2em;
}
.inquiry-btn {
padding: 1em 0;
}
.inquiry-link {
    display: inline-block;
    width: 90%;
    padding: 1em 0;
    color: #fff;
    background-color: #333;
    font-size: 1.2em;
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.2), 0 3px 5px rgba(0,0,0,0.25);
     -webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;
vertical-align: middle;

}
.inquiry-link:hover {
    color: #fff;
    text-decoration: none;
    box-shadow: 0 15px 15px rgba(0,0,0,0.1), 0 10px 20px rgba(0,0,0,0.15);
}
.icon-mail {
margin: auto .5em auto auto;
padding: 0;
vertical-align: middle;
}
.inquiry-link:hover .icon-mail {
opacity: 1.0;
}
.copy-box {
border: 1px dashed #1a1a1a;
background-color: #fff;
padding: 1em;
    width: 90%;
display: inline-block;
margin: 1em auto;
font-size: 1.2em;
line-height: 1.5;
text-align: left;
}

.inquiry-box {
padding: 0 0 1em 0;
    width: 90%;
display: inline-block;
margin: 0 auto;
font-size: 1em;
line-height: 1.5;
}







@media screen and (min-width:480px) { 
/* ========== for iPhone ========== */

.pc-none {
display: none;
}

}


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

/*---------------------------
inquiry
---------------------------*/

.inquiry-link {
    width: 70%;
    font-size: 1.4em;
}
.inquiry-box {
    width: 70%;
font-size: 1.3em;
}
.taio-name-big {
font-size: 1.5em;
}
}



/*--------------------------------------------------
    general class
--------------------------------------------------*/
/* margin, padding */
.m0 { margin:0 !important; }
.m1 { margin:1em !important; }
.m2 { margin:2em !important; }
.m3 { margin:3em !important; }
 
.mt0 { margin-top:0 !important; }
.mt1 { margin-top:1em !important; }
.mt2 { margin-top:2em !important; }
.mt3 { margin-top:3em !important; }
 
.mb0 { margin-bottom:0 !important; }
.mb1 { margin-bottom:1em !important; }
.mb2 { margin-bottom:2em !important; }
.mb3 { margin-bottom:3em !important; }
 
.p0 { padding:0 !important; }
.p1 { padding:1em !important; }
.p2 { padding:2em !important; }
.p3 { padding:3em !important; }
 
.pt0 { padding-top:0 !important; }
.pt1 { padding-top:1em !important; }
.pt2 { padding-top:2em !important; }
.pt3 { padding-top:3em !important; }
 
.pb0 { padding-bottom:0 !important; }
.pb1 { padding-bottom:1em !important; }
.pb2 { padding-bottom:2em !important; }
.pb3 { padding-bottom:3em !important; }
 
.m10 { margin:10px !important; }
.m20 { margin:20px !important; }
.m30 { margin:30px !important; }
 
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
 
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
 
.p10 { padding:10px !important; }
.p20 { padding:20px !important; }
.p30 { padding:30px !important; }
 
.pt10 { padding-top:10px !important; }
.pt20 { padding-top:20px !important; }
.pt30 { padding-top:30px !important; }
 
.pb10 { padding-bottom:10px !important; }
.pb20 { padding-bottom:20px !important; }
.pb30 { padding-bottom:30px !important; }
 
/* width */
.wid100 { width:100%; }
.wid95 { width:95%; }
.wid90 { width:90%; }
.wid85 { width:85%; }
.wid80 { width:80%; }
.wid75 { width:75%; }
.wid70 { width:70%; }
.wid65 { width:65%; }
.wid60 { width:60%; }
.wid55 { width:55%; }
.wid50 { width:50%; }
.wid45 { width:45%; }
.wid40 { width:40%; }
.wid35 { width:35%; }
.wid30 { width:30%; }
.wid25 { width:25%; }
.wid20 { width:20%; }
.wid15 { width:15%; }
.wid10 { width:10%; }
.wid5 { width:5%; }
 
/* text-align */
.txtAL { text-align:left; }
.txtAC { text-align:center; }
.txtAR { text-align:right; }
 
/* font-size */
.fsLL { font-size:1.5em; }
.fsL { font-size:1.2em; }
.fsS { font-size:0.8em; }
.fsSS { font-size:0.5em; }
 
/* list */
ul.caution {
    margin:1em 0;
}
ul.caution li {
    padding-left:1.3em;
    text-indent:-1.3em;
}
ul.caution li span {
    margin-right:0.3em;
    color:#cc0000;
}
 
/* border */
hr {
    margin:1em 0;
    border:none;
    border-top:1px solid #999999;
}