/* ---------------- 全体 ---------------- */

body{
width:100%;
height:100%;
margin:0;
padding:0;
min-width:250px;

color:#000;
font-family:'Quicksand',"メイリオ",Meiryo, sans-serif;
font-size:15px;
line-height:2em;
letter-spacing:0.2em;

-webkit-text-size-adjust: 100%;

}



/*  ピックアップ  */

.pick {
    color: red;
    border-bottom: 1px dotted;
    font-weight: 700;
}






/*  アニメーションを追加  */

#container div,#container img,#container p,#container span{
transition: .5s;
transition-delay: .5s;
}




/*  リンク  */
a{
text-decoration:none;
}

a:hover{
opacity:0.7;
}

.link_bt{
width:50%;
text-align:center;
background-color:#000;
color:#fff;
padding:0;
margin:0;
}

.link_bt a{
width:100%;
height:100%;
padding:15px 0;
display:block;
}

.link_bt a:link ,.link_bt a:visited {
color:#fff;
}




/*  回り込み解除  */
.clear{
clear:both;
}




/*  区切り線  */
#container .box:last-child{
border:none;
}




/*  ページイメージ画像  */
#page_visual{
width:100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
text-align: center;
overflow: hidden;
color:#fff;
}


/* ---------------- index.html ---------------- */


/*  メイン画像  */
#main_visual {
width:100%;
height:50vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
text-align: center;
overflow: hidden;
}


#main_visual .logo img{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}


/*  2カラム  */
.two_column_index{
display:flex;
justify-content: space-between;
margin:0 auto;
}






/* ---------------- inkjet.html silkscreen.html ---------------- */

/*  注意点   */

.attention_num {
list-style-type: decimal-leading-zero;
text-align:left;
}


.attention_num li{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px #000 dotted;
}


.attention_dot {
list-style-type:disc;
text-align:left;
}

.attention_dot li{
margin-bottom:5px;
padding-bottom:5px;
}

.attention_dot b {
font-size:120%;
margin:30px 0 5px 0;
padding:0;
list-style-type: none;
font-weight:600;
display:inline-block;
}




/*  価格表  */


.price_table table td:hover {
background-color:#a0ffce;
}


.price_table table tbody th ,.price_table table td {
padding:10px;
}


.option_table table tbody th ,.price_table table td {
padding:10px;
}






/*  オプション表  */

.option_table ul{
margin:30px 0 0 0;
padding:0;
list-style-type:none;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}


.option_table ul li:first-child{
width:100%;
display:block;
background-color:#a2a2a2;
color:#fff;
text-align:center;
font-weight:600;
margin-bottom:10px;
}


.option_table ul li:nth-child(n+2){
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}


.option_table ul li:nth-child(n+2) span{
-webkit-flex-grow: 1;
flex-grow: 1;
	display: flex;
align-items: center;
}

.option_table ul li:nth-child(n+2) span:after {
content: "";
flex-grow: 1;
height: 1px;
background: #444;
display: block;
margin:0 .9em;
}




/*  動画  */
.frame {
position: relative;
width: 80%;
text-align:center;
margin:0 auto;
}


.frame-container {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




/* ---------------- template.html ---------------- */

/*  テンプレート表  */


.template_table table{
width:100%;
}

.template_table table td:first-child{
border-bottom:1px dotted #ababab;
}

.template_table table td:nth-child(n+2){
border-bottom:1px dotted #ababab;
padding:10px 0;
}

.template_table table td .aitemplate a{
padding:15px 0;
display:block;
text-align:center;
background: linear-gradient( #ffaa64, #fd722f);
color:#201001;
border-radius: 15px;/* CSS3草案 */
-webkit-border-radius: 15px;/* Safari,Google Chrome用 */
-moz-border-radius: 15px;/* Firefox用 */
box-sizing:border-box;
font-weight:700;
}

.template_table table td .psdtemplate a{
padding:15px 0;
display:block;
text-align:center;
background: linear-gradient( #00acd4, #0076b6);
color:#fff;
border-radius: 15px;/* CSS3草案 */
-webkit-border-radius: 15px;/* Safari,Google Chrome用 */
-moz-border-radius: 15px;/* Firefox用 */
box-sizing:border-box;
font-weight:700;
}


/* インク表 */

#ink_color{
display:flex;
flex-wrap: wrap;
justify-content: space-between;
} 


#ink_color div{
text-align:center;
} 


#ink_color div p{
width:100%;
margin-bottom:0;
border:1px solid #999;
box-sizing:content-box;
} 

#ink_color div .keiko{
background: linear-gradient(135deg, rgba(255, 255, 255, .8), rgba(255, 255, 255, .0)30%),
url(images/bg-cherrybrossam.jpg);
background-size: cover;
} 








/* ---------------- towel.html ---------------- */

/*  特徴表  */


.feature_table table td:hover {
background-color:#a0ffce;
}


.feature_table table tbody th ,.feature_table table td {
padding:10px;
}


.feature_table table td {
padding:10px;
}