@charset "utf-8";

@media screen and (max-width:767px){

/*    Contents
---------------------------------------------------------------------------

  Common
  Widget（パーツ）・Pager・Error・Scroll

  HOME                [ / ]
  アイテムから選ぶ          [ /item/list.html ]
  アイテムから選ぶ（詳細）      [ /item/entry.html ]
  スタッフブログ            [ /blog/ ]
  お客様の声              [ /voice/ ]
  デザイン集              [ /design/ ]
  はじめての方へ            [ /beginner/ ]
  ご利用ガイド            [ /how/ ]
  Tシャツ比較表            [ /comparison/ ]
  デザインの入稿方法          [ /creation/ ]
  よくあるご質問（Q＆A）        [ /faq/ ]
  会社概要              [ /company/ ]
  特定商取引法の表示          [ /guide/ ]
  料金表                [ /price/ ]
  シルクスクリーン          [ /processing/silk.html ]
  インクジェット            [ /processing/inkjet.html ]
  カッティング            [ /processing/cutting.html ]
  転写                [ /processing/transcription.html ]
  学割                [ /discount/ ]
  お問い合わせ            [ /contact/ ]
  大口ロット注文            [ /large_quantities/ ]
  無料簡単見積もり          [ /estimate/ ]
  カート                [ /cart/ ]
  サイトマップ            [ /sitemap/ ]
  404                  [ /404/ ]

  料金シミュレーション[ /simulation/ ]
  職人の技            [ /craftsman/ ]
  リピーター          [ /repeater/ ]
  法人の方            [ /corporate/ ]
  Tシャツができるまで [ /task/ ]
  漫画 [ /manga/ ]
------------------------------------------------------------------------ */


/* ========================================================================
    Common
======================================================================== */
body{
  background:#eeeeee;
}

header, #contents ,footer{
  width:320px;
  margin:0 auto;
  position:relative;
}

img{
  max-width:100%;
  height:auto;
}

.pc, aside, footer{
  display:none;
}

#overlay{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99;
}


/* -----------------------------------
  header
----------------------------------- */
header{
  background:url(../../img/common/bg_header.png);
  position:relative;
  z-index:100;
}

header .search{
  display:none;
}

header .inner{
  overflow:hidden;
}

header h1,
header p.logo{
  padding:10px;
  background:#ffffff;
}

header h1 img,
header p.logo img{
  width:95px;
}

header p.result{
  position:absolute;
  top:15px;
  left:115px;
  width:40px;
}


/* contact
----------------------------------- */
header .contact{
  padding:6px 0 0 0;
  text-align:center;
}

header .contact p{
  padding:0 0 6px 0;
  font-size:92.3%;
  color:#ffffff;
  line-height:1.8;
}

header .contact p img.tel{
  width:200px;
}

header .contact p span{
  font-size:166.6%;
  font-weight:bold;
  line-height:1;
}


/* btn
----------------------------------- */
header .btn{
  overflow:hidden;
  padding:0 0 10px 0;
}

header .btn p{
  float:left;
  padding:0 0 0 16px;
}


/* nav
----------------------------------- */
header #dl-menu a{
  color:#333333;
  text-decoration:none;
}

header nav p{
  position:absolute;
  top:10px;
  right:10px;
  cursor:pointer;
  z-index:100;
}

header nav ul{
  position:absolute;
  top:65px;
  left:0px;
  background:#279F39;
  padding:10px;
  z-index:100;
}

header nav ul li{
  float:left;
  width:150px;
  background:#ffffff;
  border:1px solid #dddddd;
  border-bottom:none;
  padding:0;
}

header nav ul li a{
  display:table-cell;
  height:45px;
  width:150px;
  vertical-align:middle;
  text-align:center;
  font-size:107.7%;
  line-height:1.4;
}

header nav ul li:nth-last-child(-n+2){
  border-bottom:1px solid #dddddd;
}

header nav ul li:nth-child(2n){
  border-left:none;
}


/* -----------------------------------
  contents
----------------------------------- */
#contents{
  padding:0 0 90px 0;
  font-size:92.3%; /* 12px */
}


/* -----------------------------------
  main
----------------------------------- */
main h2{
  overflow:hidden;
  margin:0 0 10px 0;
  padding:2px 0;
  background:#279F39;
  font-weight:bold;
  color:#ffffff;
  line-height:1.4;
}

main h2 img{
  max-width:none;
  width:auto;
  height:20px;
}

main p.lead{
  padding:0 0 10px 0 !important;
  font-size:133.3%;
  font-weight:bold;
  line-height:1.4;
}

main .division{
  margin:0 2px 22px 0;
  padding:10px;
  background:#ffffff;
  -webkit-box-shadow:2px 2px 0px rgb(195, 195, 195);
  -moz-box-shadow:2px 2px 0px rgb(195, 195, 195);
  box-shadow:2px 2px 0px rgb(195, 195, 195);
}


/* -----------------------------------
  path
----------------------------------- */
#path{
  overflow:hidden;
  padding:10px;
}

#path li{
  float:left;
  padding:0 0.5em 0 0;
}

#path li:before{
  content:">";
  margin:0 0.5em 0 0;
}

#path li:first-child:before{
  content:"";
  margin:0;
}

#path li a{
  color:#333333;
}


/* -----------------------------------
  menu
----------------------------------- */
#menu{
  overflow:hidden;
  width:320px;
  position:fixed;
  bottom:0px;
  left:50%;
  margin:0 0 0 -160px;
  z-index:100;
  border-top:1px solid #eeeeee;
}

#menu li{
  float:left;
}

#menu li a{
  display:block;
  width:160px;
  background:#000;
  text-align:center;
  font-size:107.7%;
  font-weight:bold;
  line-height:40px;
  color:#ffffff;
  border:1px solid #fff;
  text-decoration:none;
}



/* ========================================================================
  Widget（パーツ）・Pager・Error・Scroll
======================================================================== */

/* -----------------------------------
  widget_contact
----------------------------------- */
.widget_contact p{
  padding:0 10px;
}

.widget_contact p span{
  display:inline-block;
  text-indent:-1.0em;
  padding-left:1.0em;
  text-align:left;
  font-size:91.6%;
}

.widget_contact ul li{
  padding:0 0 10px 0;
}


/* -----------------------------------
  widget_guide
----------------------------------- */
.widget_guide{
  padding:0 0 4px 0;
  border-bottom:4px dotted #279f39;
}

.widget_guide li{
  float:left;
  width:145px;
  margin:0 0 10px 10px;
}

.widget_guide li a{
  display:block;
  height:41px;
  padding:0 0 0 40px;
  background:url(../../img/common/bg_guide.png) no-repeat center top;
  background-size:145px auto;
  -moz-background-size:145px auto;
  -webkit-background-size:145px auto;
  color:#333333;
  line-height:39px;
  text-decoration:none;
}


/* -----------------------------------
  widget_btn
----------------------------------- */
.widget_btn{
  padding:0 0 20px 0;
  text-align:center;
  font-size:0;
}

.widget_btn a{
  margin:0 4px;
}

.widget_btn a img{
  width:auto;
  max-height:28px;
}

.widget_btn button{
  width:144px;
  margin:0;
  padding:0;
  background:none;
  border:none;
}

.widget_btn button:nth-of-type(2){
  margin-left:10px;
}


/* contact（お問い合わせ・大口ロット注文）
----------------------------------- */
#contact .widget_btn{
  padding-top:20px;
}


/* -----------------------------------
  pager
----------------------------------- */
.pager{
  padding:0 0 20px 0;
  text-align:center;
}

.pager a{
  display:inline-block;
  margin:0 4px 10px;
  color:#333333;
  text-decoration:none;
}

.pager a:hover{
  text-decoration:underline;
}

.pager a.link_page{
  padding:0 8px;
  background:#279f39;
  border:2px solid #279f39;
  color:#ffffff;
  line-height:28px;
}

.pager a.link_page:hover{
  background:#5bd627;
  border:2px solid #5bd627;
  text-decoration:none;
}

.pager span{
  display:inline-block;
  margin:0 4px 10px;
  padding:0 8px;
  background:#ffffff;
  border:2px solid #279f39;
  line-height:28px;
}


/* -----------------------------------
  error（お問い合わせ・無料簡単見積もり）
----------------------------------- */
#error{
  padding:0 0 20px 0;
  text-align:center;
}

#contact .font16,
#estimate .font16{
  margin:0 0 4px 0;
  padding:4px 8px;
  background:#ff0000;
  color:#ffffff;
}



  .body-estimate header .contact,
  .body-estimate header .btn,
  .body-estimate #contents h1{
    display: none !important;
  }

/* -----------------------------------
  scroll
----------------------------------- */
.scroll{
  width:298px;
  overflow-x:scroll;
  margin:0 0 20px 0;
}

/* ----- scrollbar ----- */
.scroll::-webkit-scrollbar{height:10px;}
.scroll::-webkit-scrollbar-track{background:#eeeeee;}
.scroll::-webkit-scrollbar-thumb{background:#999999;}


/* ========================================================================
  HOME                    [ / ]
======================================================================== */
#home p.bnr{
  padding:0 0 20px 0;
}


/* -----------------------------------
  flow
----------------------------------- */
#home .flow{
  padding:0 0 20px 0;
}


/* -----------------------------------
  item
----------------------------------- */
#home .item p.btn{
  padding:10px 10px 20px;
  text-align:center;
}

#home .item li{
  float:left;
  width:155px;
  position:relative;
  margin:0 0 10px 0;
  padding:5px 5px 10px;
  background:#ffffff;
}

#home .item li:nth-child(2n){
  margin-left:10px;
}

#home .item li a{
  color:#333333;
  text-decoration:none;
}

#home .item li a:hover{
  text-decoration:underline;
}

#home .item li h3{
  padding:0 0 6px 0;
  text-align:center;
  font-weight:bold;
}

#home .item li h3.new:before{
  content:url(../../img/home/icon_new01.png);
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
}

#home .item li h3 a{
  display:block;
}

#home .item li h3 img{
  margin:0 0 6px 0;
}

#home .item li dl dt{
  margin:0 0 8px 0;
  background:#ea5513;
  text-align:center;
  color:#ffffff;
  line-height:20px;
}

#home .item li dl dd.new:after{
  content:url(../../img/home/icon_new02.png);
  padding:0 0 0 4px;
}

#home .item li p{
  position:absolute;
  bottom:12px;
  right:5px;
  text-align:right;
  font-size:83.3%;
}


/* -----------------------------------
  pickup
----------------------------------- */
#home .pickup ul{
  padding:0 0 10px 0;
}

#home .pickup ul li{
  float:left;
  width:155px;
  margin:0 0 10px 0;
}

#home .pickup ul li:nth-child(2n){
  margin-left:10px;
}

#home .pickup ul li a{
  display:block;
  padding:5px 5px 10px;
  background:url(../../img/common/bg_pickup.png) no-repeat center top;
  text-align:center;
  color:#333333;
  text-decoration:none;
}

#home .pickup ul li img{
  margin:0 0 10px 0;
}


/* -----------------------------------
  processing
----------------------------------- */
#home .processing ul,
#home .processing ul li{
  padding:0 0 10px 0;
}


/* -----------------------------------
  info
----------------------------------- */
#home .info{
  padding:0 0 20px 0;
}

#home .info ul{
  margin:0 2px 2px 0;
  padding:10px 10px 0;
  background:#ffffff;
  -webkit-box-shadow:2px 2px 0px rgb(195, 195, 195);
  -moz-box-shadow:2px 2px 0px rgb(195, 195, 195);
  box-shadow:2px 2px 0px rgb(195, 195, 195);
}

#home .info ul li{
  padding:0 0 10px 0;
}

#home .info ul li time{
  display:block;
}

#home .info ul li a{
  color:#333333;
}


/* ========================================================================
  アイテムから選ぶ          [ /item/list.html ]
  アイテムから選ぶ（詳細）      [ /item/entry.html ]
======================================================================== */
#item{
  padding:0 0 10px 0;
}

#item p.bnr{
  padding:0 0 10px 0;
}


/* -----------------------------------
  thickness（生地の厚さ）
----------------------------------- */
#item span.thickness{
  display:inline-block;
  margin:0 4px;
  padding:0 2px;
  border:1px solid #aaaaaa;
  color:#e45827;
  line-height:18px;
}

#item span.thickness span{
  color:#dddddd;
}


/* -----------------------------------
  flow
----------------------------------- */
#item .flow p{
  padding:0 0 20px 0;
}

#item .flow p.step{
  padding:0 0 10px 0;
  text-align:center;
}


/* -----------------------------------
  search
----------------------------------- */
#item .search{
  overflow:hidden;
  margin:-10px 0 10px 0;
  padding:10px;
  background:#ffffff;
}

#item .search .select{
  padding:0 0 10px 0;
}

#item .search .select select{
  width:150px;
  height:20px;
}

#item .search .order{
  padding:0 10px 0 0;
}

#item .search .order p{
  float:left;
  padding:0 8px;
  border-right:1px solid #dddddd;
  line-height:1;
}

#item .search .order p:first-of-type{
  padding-left:0;
}

#item .search .order p a{
  color:#333333;
}


/* -----------------------------------
  list（一覧）
----------------------------------- */
#item .list{
  overflow:hidden;
  padding:0 0 10px 0;
}

#item .list li{
  float:left;
  width:153px;
  margin:0 12px 12px 0;
  padding:0 10px 10px;
  background:#ffffff;
  -webkit-box-shadow:2px 2px 0px rgb(195, 195, 195);
  -moz-box-shadow:2px 2px 0px rgb(195, 195, 195);
  box-shadow:2px 2px 0px rgb(195, 195, 195);
}

#item .list li:nth-child(2n){
  margin-right:0;
}

#item .list h3{
  position:relative;
}

#item .list h3 a{
  display:block;
  padding:4px 0 10px 0;
  color:#333333;
  text-decoration:none;
}

#item .list h3 img{
  display:block;
  margin:0 auto;
}

#item .list h3 span{
  display:none;
}

#item .list p{
  word-wrap:break-word;
}

#item .list p.catch{
  display:table-cell;
  width:251px;
  height:42px;
  vertical-align:middle;
  border-bottom:1px dotted #aaaaaa;
  line-height:1.4;
}

#item .list p.price{
  padding:10px 0;
}

#item .list p.btn{
  text-align:center;
}


/* info
----------------------------------- */
#item .list .info{
  padding:10px 0;
  border-top:1px dotted #aaaaaa;
  border-bottom:1px dotted #aaaaaa;
}


/* -----------------------------------
  entry（詳細）
----------------------------------- */
#item .entry h2{
  padding:0 10px;
  background:#f5f4f4;
  border-top:1px dotted #cccccc;
  color:#333333;
  line-height:30px;
}


/* gallery
----------------------------------- */
#item .entry .gallery{
  padding:0 0 30px 0;
}

#item .entry .gallery img{
  border:1px solid #eeeeee;
}

#item .entry .gallery p{
  padding:0 0 10px 0;
}

#item .entry .gallery ul li{
  float:left;
  width:67px;
  margin:0 0 0 10px;
}

#item .entry .gallery ul li:first-child{
  margin-left:0;
}


/* info
----------------------------------- */
#item .entry .info{
  position:relative;
  padding:0 0 20px 0;
}

#item .entry .info h1{
  padding:0 70px 20px 0;
}

#item .entry .info p.brand{
  position:absolute;
  top:0px;
  right:0px
}

#item .entry .info p.brand img{
  width:60px;
}


/* ----- price ----- */
#item .entry .price{
  padding:0 0 20px 0;
}

#item .entry .price p{
  padding:0 0 4px 0;
  text-align:right;
}

#item .entry .price table th{
  padding:6px;
  border:1px solid #dcdcdd;
  font-weight:bold;
}

#item .entry .price table td{
  padding:6px;
  border:1px solid #dcdcdd;
  text-align:center;
}

#item .entry .price table th[scope="col"],
#item .entry .price table td[scope="col"]{
  background:#f5f4f4
}


/* ----- spec ----- */
#item .entry .spec{
  padding:0 0 20px 0;
}

#item .entry .spec .stock p{
  padding:10px 0 0 0;
}


/* color
----------------------------------- */
#item .entry .color{
  padding:0 0 20px 0;
}

#item .entry .color p{
  text-align:center;
}


/* size
----------------------------------- */
#item .entry .size{
  padding:0 0 20px 0;
}

#item .entry .size table{
  table-layout:fixed;
}

#item .entry .size table th{
  padding:6px 0;
  background:#333333;
  border:1px solid #dcdcdd;
  font-weight:bold;
  color:#ffffff;
}

#item .entry .size table td{
  padding:6px 0;
  border:1px solid #dcdcdd;
  text-align:center;
}

/* video
----------------------------------- */
.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
	
	
	
/* wear
----------------------------------- */
#item .entry .wear{
  padding:0 0 20px 0;
}

#item .entry .wear p{
  text-align:center;
}


/* btn
----------------------------------- */
#item .entry .btn{
  padding:0 0 10px 0;
}

#item .entry .btn p{
  width:174px;
  margin:0 auto;
  padding:0 0 10px 0;
}


/* ========================================================================
  スタッフブログ            [ /blog/ ]
  お客様の声              [ /voice/ ]
======================================================================== */
#blog h2{
  padding:4px 10px 4px 6px;
}

#blog h2:before{
  content:"■";
  padding:0 4px 0 0;
}

#blog h2 a{
  color:#ffffff;
  text-decoration:none;
}

#blog h2 a:hover{
  text-decoration:underline;
}

#blog h2 time{
  float:right;
}

#blog p{
  padding:0 0 10px 0;
}


/* ========================================================================
  デザイン集              [ /design/ ]
======================================================================== */
#design section{
  padding:0 0 20px 0;
}


/* -----------------------------------
  list
----------------------------------- */
#design .list{
  padding:0 0 10px 0;
}

#design .list li{
  float:left;
  width:153px;
  margin:0 12px 12px 0;
  background:#ffffff;
  -webkit-box-shadow:2px 2px 0px rgb(195, 195, 195);
  -moz-box-shadow:2px 2px 0px rgb(195, 195, 195);
  box-shadow:2px 2px 0px rgb(195, 195, 195);
}

#design .list li:nth-child(2n){
  margin-right:0;
}

#design .list li a{
  display:block;
  padding:6px 10px;
  text-decoration:none;
}

#design .list li a span{
  display:block;
  margin:4px 0;
  background:#dcdcdd;
  text-align:center;
  color:#333333;
  line-height:28px;
}


/* -----------------------------------
  category
----------------------------------- */
#design .category{
  padding:0;
}

#design .category h2{
  padding:4px 10px 4px 6px;
}

#design .category h2:before{
  content:"■";
  padding:0 4px 0 0;
}


/* ========================================================================
  はじめての方へ            [ /beginner/ ]
======================================================================== */
#beginner h2{
  background:none;
}

#beginner p{
  padding:0 0 10px 0;
}


/* -----------------------------------
  flow
----------------------------------- */
#beginner .flow{
  padding:0 0 10px 0
}

#beginner .flow h2{
  background:#279F39;
}


/* -----------------------------------
  estimate
----------------------------------- */
#beginner .estimate dl{
  margin:0 0 10px 0;
  padding:10px 10px 0;
  border:1px dotted #999999;
}

#beginner .estimate dl dt,
#beginner .estimate dl dd{
  padding:0 0 10px 0;
}


/* list
----------------------------------- */
#beginner .estimate .list{
  padding:0 0 10px 0;
}

#beginner .estimate .list li{
  float:left;
  width:144px;
  margin:0 10px 10px 0;
}

#beginner .estimate .list li:nth-child(2n){
  margin-right:0;
}


/* btn
----------------------------------- */
#beginner .estimate .btn{
  margin:0 0 10px 0;
  border-bottom:1px solid #333333;
}

#beginner .estimate .btn li{
  padding:10px 0 20px 0;
  border-top:1px solid #333333;
  text-align:center;
}

#beginner .estimate .btn li span{
  display:block;
  padding:0 0 10px 0;
}

#beginner .estimate .btn li img{
  width:200px;
}


/* -----------------------------------
  design
----------------------------------- */
#beginner .design ul li{
  float:left;
  width:144px;
  margin:0 10px 10px 0;
}

#beginner .design ul li:nth-child(2n){
  margin-right:0;
}


/* -----------------------------------
  check
----------------------------------- */
#beginner .check ul{
  margin:0 0 10px 0;
  padding:10px 10px 0;
  border:1px dotted #999999;
}

#beginner .check ul li{
  padding:0 0 10px 1.0em;
  text-indent:-1.0em;
}


/* -----------------------------------
  pay
----------------------------------- */
#beginner .pay section{
  overflow:hidden;
  margin:0 0 20px 0;
  padding:10px 10px 0;
  background:#f5f5f5;
  border:2px solid #279f39;
}

#beginner .pay h3{
  padding:0 0 10px 0;
  font-size:116.6%;
  font-weight:bold;
}

#beginner .pay .note{
  text-indent:-1.0em;
  padding-left:1.0em;
}

#beginner .pay table{
  margin:0 0 10px 0;
}

#beginner .pay table caption{
  padding:6px 20px;
  background:#279F39;
  border:1px solid #dcdcdd;
  border-bottom:none;
  font-weight:bold;
  color:#ffffff;
}

#beginner .pay table th{
  padding:6px 20px;
  background:#ffffff;
  border:1px solid #dcdcdd;
  text-align:left;
}

#beginner .pay table td{
  padding:6px 20px;
  background:#ffffff;
  border:1px solid #dcdcdd;
  color:#ff0000;
}

#beginner .pay dl dt{
  margin:0 0 10px 0;
  padding:10px;
  background:#999999;
  text-align:center;
  font-size:107.7%;
  font-weight:bold;
  color:#ffffff;
}

#beginner .pay dl dd{
  padding-bottom:10px;
}


/* column
----------------------------------- */
#beginner .pay .column .block{
  float:left;
  width:168px;
}

#beginner .pay .column .block p br{
  display:none;
}

#beginner .pay .column .time{
  float:right;
  width:120px;
}

#beginner .pay .column .time td{
  text-align:center;
  color:#333333;
}


/* ========================================================================
  ご利用ガイド            [ /how/ ]
======================================================================== */
#how p{
  padding:0 0 10px 0;
}


/* -----------------------------------
  navi
----------------------------------- */
#how .navi{
  padding:0 0 2px 0;
}

#how .navi li{
  float:left;
  width:94px;
  margin:0 8px 8px 0;
}

#how .navi li:nth-child(3n){
  margin-right:0;
}


/* -----------------------------------
  select
----------------------------------- */
#select h3{
  display:inline-block;
  margin:0 0 10px 0;
  padding:0 10px;
  background:#F2F2F2;
  font-size:116.6%;
  font-weight:bold;
  line-height:30px;
}

#select h4{
  overflow:hidden;
  padding:0 0 10px 0;
}

#select h4 img{
  max-width:none;
  width:auto;
  height:24px;
}

#select dl dt{
  font-weight:bold;
}

#select dl dt img{
  margin:0 0 4px 0;
}

#select dl dd{
  padding:0 0 10px 0;
  font-size:85.7%;
}


/* about
----------------------------------- */
#select .about{
  padding:0 0 20px 0;
}

#select .yarn{
  margin:10px 0 20px 0;
  padding:20px 0;
  border-top:1px dotted #279f39;
  border-bottom:1px dotted #279f39;
}

#select .yarn .difference{
  padding:10px 10px 0;
  background:#DFF1E1;
}

#select .yarn .difference p{
  text-align:center;
  font-size:116.6%;
  font-weight:bold;
  color:#279f39;
}

#select .yarn .difference dl{
  overflow:hidden;
}

#select .yarn .difference dl dt{
  padding:0 0 0 60px;
  font-weight:bold;
}

#select .yarn .difference dl dd:first-of-type{
  float:left;
  width:50px;
  margin:-10px 10px 0 0;
}


/* list
----------------------------------- */
#select .list{
  padding:0 0 20px 0;
}

#select .list li{
  float:left;
  width:144px;
  margin:0 10px 0 0
}

#select .list li:nth-child(2n){
  margin-right:0;
}


/* attention
----------------------------------- */
#select .attention{
  padding:10px;
  border:1px solid #c3c3c3;
  font-size:85.7%;
}

#select .attention p{
  text-align:center;
}

#select .attention ul li{
  padding-left:1.0em;
  text-indent:-1.0em;
}


/* -----------------------------------
  color
----------------------------------- */
#color p{
  margin:0 0 10px 0;
  padding:10px;
  border:2px solid #279f39;
  text-align:center;
  font-size:133.3%;
  color:#279f39;
}


/* sample
----------------------------------- */
#color .sample{
  padding:0 0 14px 0;
}

#color .sample li{
  float:left;
  width:94px;
  margin:0 8px 6px 0;
  text-align:center;
}

#color .sample li:nth-child(3n){
  margin-right:0;
}

#color .sample li img{
  display:block;
  margin:0 auto 4px;
}

#color .sample li span{
  display:block;
  font-size:83.3%;
  color:#999999;
}


/* note
----------------------------------- */
#color .note{
  padding:0 0 10px 0;
}

#color .note li{
  padding-left:1.0em;
  text-indent:-1.0em;
}


/* -----------------------------------
  positions
----------------------------------- */
#position h3{
  font-weight:bold;
}

#position h3:before{
  content:"■";
  padding:0 4px 0 0;
  color:#279f39;
}

#position p{
  padding-left:18px;
}


/* attentions
----------------------------------- */
#position .attention{
  padding:0 0 10px 0;
}

#position .attention p{
  overflow:hidden;
}

#position .attention p img{
  float:right;
  width:140px;
  margin:0 0 0 10px;
}


/* list
----------------------------------- */
#position .list p:last-of-type{
  padding:0;
}


/* -----------------------------------
  size
----------------------------------- */
#size ul li{
  padding:10px 0;
}

#size　.box img{
    margin-bottom: 50px!important;
  }

#size .box img{
    float: none;
  }
#size .box table{
    width: 100%;
    float: none;
  }

#size .box table th,
#size .size-table .box table td{
    padding: 10px 5px;
  }
#size .box table tr:first-of-type th:first-of-type {
    width: 40px;
  }
#size .box table tr:first-of-type th[colspan]:first-of-type{
    width: 100px;
  }

#size table,td,th{
  table-layout: fixed;
 border:1px #000000 solid;
  }

#size table {
  margin: 15px auto 20px auto;
  border-collapse: collapse;
  text-align: left;
}
#size table th {
  padding: 8px;
  font-weight: normal;
}
#size table td {
  padding: 8px;
}

#size table{
  overflow: scroll;
  text-align: center;
}

#size .size-table--main{
  width: 100%;
}

  #size .size-table--main td{
  padding: 5px 0px;
  font-size: 80%;
  text-align: center;

}
    #size .size-table--main th{
  padding: 5px 0px;
  font-size: 70%;
  text-align: center;
}

#size table th {
  background: #F5F5F5;}
/* -----------------------------------
  wear
----------------------------------- */
#wear h3{
  background:#32983E;
  margin:0 0 10px 0;
  padding:4px 10px;
  font-weight:bold;
  color:#ffffff;
}

#wear h4{
  width:240px;
  margin:0 0 10px 0;
}

#wear > section{
  padding:10px 0 0 0;
}

#wear section section{
  border-bottom:1px solid #000000;
  margin:0 0 20px 0;
  padding:0 0 20px 0;
}

#wear section section:last-of-type{
  border:none;
  margin:0;
  padding:0 0 10px 0;
}


/* scroll
----------------------------------- */
#wear .scroll{
  margin:0;
  border:1px solid #000000;
}

#wear .scroll p{
  width:1000px;
  padding:20px 0 10px 0;
}

#wear section section:last-of-type .scroll p{
  width:400px;
}

#wear .scroll p img{
  max-width:auto;
  margin:0 20px;
}


/* -----------------------------------
  sizeimage
----------------------------------- */
#sizeimage section{
  padding:10px 0 0 0;
}

#sizeimage section:last-of-type{
  padding-bottom:0;
}

#sizeimage h3{
  overflow:hidden;
  margin:0 0 10px 0;
  padding:4px 10px;
  background:#32983e;
  font-weight:bold;
  color:#ffffff;
}

#sizeimage h3 span{
  display:block;
  font-size:83.3%;
}


/* ========================================================================
  Tシャツ比較表            [ /comparison/ ]
======================================================================== */
#comparison p{
  padding:0 0 10px 0;
}

#comparison .scroll{
  margin-bottom:10px;
}

#comparison table{
  width:730px;
}

#comparison table th{
  border:1px solid #cccccc;
}

#comparison table th[scope="col"]{
  width:100px;
  padding:4px;
}

#comparison table th[scope="row"]{
  width:120px;
  padding:8px;
  font-weight:bold;
}

#comparison table th[scope="row"] img{
  display:block;
  margin:5px auto;
}

#comparison table th[scope="row"] span{
  display:block;
  padding:1px 2px;
  background:#666666;
  font-weight:normal;
  color:#ffffff;
}

#comparison table td{
  position:relative;
  padding:8px;
  border:1px solid #cccccc;
  text-align:center;
}

#comparison table td span{
  display:block;
  width:84px;
  position:absolute;
  top:50%;
  left:50%;
  margin:0 0 0 -42px;
  text-align:center;
  color:#f89422;
}

#comparison table td span.mark{
  width:auto;
  position:static;
  margin:0 0 40px 0;
  font-size:400%;
}

#comparison table td:first-of-type{
  text-align:left;
  vertical-align:top;
}

#comparison table td:first-of-type a{
  position:absolute;
  bottom:8px;
  left:50%;
  width:84px;
  margin:0 0 0 -42px;
  padding:4px 6px;
  background:#8cc63e;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  color:#ffffff;
  text-decoration:none;
}


/* ========================================================================
  デザインの入稿方法          [ /creation/ ]
======================================================================== */
#creation h2{
  padding-left:10px;
}

#creation h3{
  background:url(../../img/creation/bg_h3.gif) no-repeat left center;
  background-size:12px auto;
  -moz-background-size:12px auto;
  -webkit-background-size:12px auto;
  margin:0 0 10px 0;
  padding:0 0 0 22px;
  font-size:116.6%;
  font-weight:bold;
}

#creation h4{
  padding:0 0 10px 0;
}

#creation h4 span{
  display:inline-block;
  background:#f2f2f2;
  padding:0 10px;
  font-size:116.6%;
  font-weight:bold;
  line-height:36px;
}

#creation h4 span.note{
  padding:10px 0 0 0;
  background:none;
  font-size:12px;
  color:#E72D30;
  line-height:1.6;
}

#creation p{
  padding:0 0 10px 0;
}


/* -----------------------------------
  read
----------------------------------- */
#creation ul.read li{
  padding-left:1.3em;
  text-indent:-1.3em;
}


/* -----------------------------------
  navi
----------------------------------- */
#creation .navi{
  margin:0 -5px;
  padding:0 0 10px 0;
  text-align:center;
  font-size:0;
}

#creation .navi li{
  display:inline-block;
  width:92px;
  margin:0 5px 10px;
  text-align:center;
  font-size:10px;
  vertical-align:top;
}

#creation .navi li img{
  margin:0 0 4px 0;
}


/* -----------------------------------
  indent
----------------------------------- */
#creation p.indent{
  font-weight:bold;
}

#creation p.indent span{
  color:#E72D30;
}

#creation ul.indent{
  padding:0 0 10px 0;
}

#creation ul.indent li{
  padding-left:1.0em;
  text-indent:-1.0em;
  font-weight:bold;
}

#creation ul.indent li span{
  color:#E61B42;
}


/* -----------------------------------
  hand
----------------------------------- */
#hand{
  position:relative;
  padding:0 0 10px 0;
}

#hand p.fax{
  text-align:right;
}

#hand p.fax img{
  margin:0 0 4px 0;
}

#hand section{
  padding:10px 0;
}

#hand ul li{
  float:left;
  width:144px;
  margin:0 10px 10px 0;
}

#hand ul li:nth-child(2n){
  margin-right:0;
}


/* -----------------------------------
  image
----------------------------------- */
#image{
  padding:0 0 20px 0;
}


/* -----------------------------------
  ai
----------------------------------- */
#ai{
  padding:0 0 10px 0;
}

#ai p{
  padding-bottom:20px;
}


/* -----------------------------------
  ps
----------------------------------- */
#ps{
  padding:0 0 10px 0;
}

#ps p{
  padding-bottom:20px;
}


/* column
----------------------------------- */
#ps .column{
  overflow:hidden;
  padding:0 0 20px 0;
}

#ps .column p{
  float:left;
  width:104px;
  padding:0;
}

#ps .column dl{
  float:right;
  width:184px;
}

#ps dl dt{
  padding:0 0 10px 0;
  font-size:116.6%;
  font-weight:bold;
  line-height:1.4;
}

#ps dl dd{
  font-weight:bold;
}


/* ========================================================================
  よくあるご質問（Q＆A）        [ /faq/ ]
======================================================================== */
#faq{
  padding:20px 0 0 0;
}

#faq section{
  padding:0 0 10px 0;
}

#faq section:last-of-type{
  padding:0;
}

#faq h2{
  background:none;
  color:#333333;
  line-height:1.6;
}

#faq dl dt{
  overflow:hidden;
  padding:0 0 10px 40px;
  cursor:pointer;
}

#faq dl dt > span,
#faq dl dd > span{
  display:inline-block;
  float:left;
  width:40px;
}

#faq dl dt > span{
  margin:0 0 0 -40px;
}

#faq dl dt span span{
  color:#279f39;
}

#faq dl dd{
  display:none;
  overflow:hidden;
  padding:0 0 10px 0;
}

#faq dl dd span span{
  color:#e7211a;
}

#faq dl dd ul li{
  text-indent:-1.0em;
  padding:0 0 10px 1.0em;
}


/* ========================================================================
  会社概要                  [ /company/ ]
======================================================================== */
#company p.about{
  margin:0 0 10px 0;
  padding:10px;
  border:1px solid #279f39;
  color:#279f39;
}

#company table{
  border-top:1px solid #dcdcdd;
}

#company table th{
  display:block;
  padding:6px 10px;
  background:#f5f4f4;
  border:1px solid #dcdcdd;
  border-top:none;
  text-align:left;
}

#company table td{
  display:block;
  padding:6px 10px;
  border:1px solid #dcdcdd;
  border-top:none;
}

#company table td p strong{
  display:block;
  padding:10px 0;
}

#company table td dl dt{
  padding:20px 0 0 0;
  color:#ff0000;
}

#company table td dl dt:first-of-type{
  padding:0;
}


/* ========================================================================
  特定商取引法の表示          [ /guide/ ]
======================================================================== */
#guide table{
  border-top:1px solid #dcdcdd;
}

#guide table th{
  display:block;
  padding:6px 10px;
  background:#f5f4f4;
  border:1px solid #dcdcdd;
  border-top:none;
  text-align:left;
}

#guide table td{
  display:block;
  padding:6px 10px;
  border:1px solid #dcdcdd;
  border-top:none;
}

#guide table td p strong{
  display:block;
  padding:10px 0;
}

#guide table td p.note{
  text-indent:-1.0em;
  padding:0 0 10px 1.0em;
}

#guide table td dl dt{
  padding:20px 0 0 0;
  font-weight:bold;
}

#guide table td ul{
  padding:10px 0;
}

#guide table td ul li{
  text-indent:-1.5em;
  padding-left:1.5em;
}

#guide table td ul.paper li{
  text-indent:-1.0em;
  padding-left:1.0em;
}

#guide table td dl dt:first-of-type,
#guide table td ul.paper{
  padding:0;
}


/* ========================================================================
  料金表                [ /price/ ]
  シルクスクリーン          [ /processing/silk.html ]
======================================================================== */
#price p{
  padding:0 0 10px 0;
}


/* -----------------------------------
  price
----------------------------------- */
#price .price table{
  margin:0 0 10px 0;
  table-layout:fixed;
}

#price .price table caption{
  padding:10px 0 4px 0;
  text-align:left;
  font-weight:bold;
}

#price .price table th{
  padding:6px 2px;
  background:#F5F4F4;
  border:1px solid #dcdcdd;
}

#price .price table th[scope="row"]{
  background:none;
}

#price .price table td{
  padding:6px 2px;
  border:1px solid #dcdcdd;
  text-align:center;
  color:#ff0000;
}


/* column
----------------------------------- */
#price .column{
  padding:0 0 10px 0;
}


/* blousons
----------------------------------- */
#price .blouson{
  padding:0 0 10px 0;
}


/* box
----------------------------------- */
#price .price .box{
  padding:10px 10px 0;
  background:#FFFBC7;
}

#price .price .box ul li{
  text-indent:-1.0em;
  padding:0 0 10px 1.0em;
}


/* -----------------------------------
  small_lot
----------------------------------- */
#price .small_lot p{
  padding:0;
}


/* ========================================================================
  インクジェット            [ /processing/inkjet.html ]
  カッティング            [ /processing/cutting.html ]
  転写                [ /processing/transcription.html ]
======================================================================== */

/* -----------------------------------
  共通
----------------------------------- */
#processing p{
  padding:0 0 10px 0;
}

#processing ul{
  padding:0 0 10px 0;
}

#processing ul li{
  text-indent:-1.0em;
  padding-left:1.0em;
}


/* price
----------------------------------- */
#processing .price table{
  margin-bottom:20px;
}

#processing .price table th{
  padding:6px 2px;
  background:#F5F4F4;
  border:1px solid #dcdcdd;
}

#processing .price table td{
  padding:6px 2px;
  border:1px solid #dcdcdd;
  text-align:center;
  color:#ff0000;
}

#processing .price p{
  margin:-10px 0 0 0;
  padding-bottom:20px;
}

#processing .price p.estimate{
  margin:0;
  padding:20px 0 10px 0;
  border-top:1px dotted #333333;
  font-size:116.6%;
  font-weight:bold;
}

#processing .price p.estimate img{
  display:block;
  width:180px;
  margin:0 auto 10px;
}


/* attention
----------------------------------- */
#processing .attention .box{
  padding:10px 10px 0;
  background:#fffbc7;
}

#processing .attention ul{
  padding:0;
}

#processing .attention ul li{
  padding:0 0 10px 1.0em;
}

#processing .attention dl{
  padding:0 0 10px 0;
}


/* -----------------------------------
  インクジェット
----------------------------------- */

/* print
----------------------------------- */
#processing .print{
  overflow:hidden;
  padding:0 0 20px 0;
}

#processing .print dl{
  float:left;
  width:144px;
  margin:0 0 0 10px;
  padding:5px;
  border:1px solid #cccccc;
}

#processing .print dl:first-of-type{
  margin-left:0;
}

#processing .print dl dt{
  padding:0 0 5px 0;
}

#processing .print dl dd img{
  margin:0 0 5px 0;
}


/* example
----------------------------------- */
#processing .example{
  padding:0 0 10px 0;
}

#processing .example p{
  display:none;
}

#processing .example .column{
  margin:0 0 10px 0;
  padding:0 0 5px 0;
  border:1px solid #cccccc;
}

#processing .example dl{
  padding:5px 5px 0;
}

#processing .example dl:first-of-type{
}

#processing .example dl dt{
  padding:0 0 5px 0;
}


/* process
----------------------------------- */
#processing .process{
  padding:0 0 10px 0;
}


/* -----------------------------------
  転写
----------------------------------- */

/* column
----------------------------------- */
#processing .trimming .column{
  padding:0 0 10px 0;
}

#processing .trimming dl{
  float:left;
  width:144px;
  margin:0 0 0 10px;
  padding:5px;
  border:1px solid #cccccc;
}

#processing .trimming dl:first-of-type{
  margin:0;
}


/* ========================================================================
  学割                [ /discount/ ]
======================================================================== */
#discount h2{
  padding:0;
  background:none;
}

#discount h2 img{
  height:auto;
}

#discount section{
  padding:0 0 10px 0;
}

#discount p{
  padding:0 0 10px 0;
}

#discount p.center img{
  width:200px;
}

#discount dl{
  padding:10px 0;
}

#discount dl dt{
  padding:0 0 10px 0;
  text-align:center;
  font-size:200%;
  font-weight:bold;
}

#discount dl dd ul li{
  text-indent:-1.0em;
  padding-left:1.0em;
}


/* -----------------------------------
  navi
----------------------------------- */
#discount .navi{
  padding:0 0 10px 0;
}

#discount .navi li{
  float:left;
  width:92px;
  margin:0 0 0 11px;
}

#discount .navi li:first-child{
  margin-left:0;
}


/* ========================================================================
  お問い合わせ            [ /contact/ ]
  大口ロット注文            [ /large_quantities/ ]
======================================================================== */
#contact .must{
  color:#ed1c24;
}

#contact p{
  padding:0 0 10px 0;
}

#contact p.here{
  margin:0 0 -10px 0;
  padding:0;
  background:#2f973e;
  text-align:center;
  font-weight:bold;
  color:#ffffff;
  line-height:34px;
  position:relative;
  z-index:1;
}

#contact ul.note{
  padding:0 0 20px 0
}

#contact ul.note li{
  padding-left:1.0em;
  text-indent:-1.0em;
}




.rely_img{
position:static;
left:0;
top:0px;
text-align:center;
padding-top:20px;
}
.rely_img img{
width:140px;
}


.rely2_text{
padding:20px 0 10px 0 !important;
border-bottom:1px solid #666;
margin-left:0;
}
.rely2_text2{
padding:10px 0 10px 0 !important;
margin-left:0;
}


.rely_title2{
border-top:1px dashed #ccc;
text-align:center;
margin-top:20px;
}
.rely_title2 img{
margin-top:-30px;
}



/* -----------------------------------
  input
----------------------------------- */
#contact textarea{
  width:100%;
  min-height:150px;
  margin:4px 0;
  padding:4px 10px;
}

#contact select{
  height:30px;
  margin:4px 0;
}

#contact input[type="text"],
#contact input[type="tel"],
#contact input[type="email"],
#contact input[type="number"]{
  width:200px;
  height:30px;
  margin:4px 0;
  padding:0 8px;
  line-height:30px;
}

#contact input.sizeS{
  width:80px;
}


/* -----------------------------------
   form
----------------------------------- */
#contact dl.form dt{
  padding:0 0 4px 0;
  font-size:116.6%;
}

#contact dl.form dt span{
  padding:0 10px 0 0;
  font-size:85.7%;
  vertical-align:middle;
}

#contact dl.form dt a{
  display:inline-block;
  margin:0 0 6px 22px;
}

#contact dl.form dd{
  padding:0 0 20px 22px;
}

#contact dl.form dd.place{
  margin:0 0 20px 24px;
  padding:0;
  border-top:1px dotted #cccccc;
}

#contact dl.form dd.place div{
  padding:10px 0 0 0;
  border-bottom:1px dotted #cccccc;
}

#contact dl.form dd.place div span{
  display:inline-block;
  line-height:30px;
  vertical-align:top;
}

#contact dl.form dd.place div input,
#contact dl.form dd.place div select{
  margin:0 8px 10px 0;
}


/* -----------------------------------
  box
----------------------------------- */
#contact .box{
  padding:10px;
  background:#ecebe7;
}

#contact .box dl{
  padding:20px 0 0 0;
}

#contact .box dl dd ul li{
  padding-left:1.0em;
  text-indent:-1.0em;
}

#contact .box table{
  position:relative;
}

#contact .box table:after{
  content:"";
  width:100%;
  border-bottom:1px solid #535251;
  position:absolute;
  bottom:-2px;
  left:0px;
}

#contact .box table tr{
  padding:10px 0 0 0;
  border-bottom:1px solid #535251;
}

#contact .box table th{
  display:block;
  padding:10px 0 4px 0;
  text-align:left;
  vertical-align:top;
}

#contact .box table th[colspan="2"]{
  padding-bottom:10px;
}

#contact .box table th span{
  padding:0 10px 0 0;
}

#contact .box table td{
  display:block;
  padding:0 0 10px 0;
}

#contact .box table td p{
  padding:4px 0;
}

#contact .box table td label{
  display:inline-block;
  margin:4px 0;
}

#contact .box table td button{
  height:30px;
  margin:0 4px;
  padding:0 4px;
  background:#279F39;
  border:none;
  -webkit-box-shadow:2px 2px 0px rgb(195, 195, 195);
  -moz-box-shadow:2px 2px 0px rgb(195, 195, 195);
  box-shadow:2px 2px 0px rgb(195, 195, 195);
  font-weight:bold;
  color:#ffffff;
}


/* other
----------------------------------- */
#contact .box table tr.other{
  border:none;
}

#contact .box table tr.other th{
  padding-bottom:0;
}


/* print
----------------------------------- */
#contact .box .print p.red{
  text-align:center;
}

#contact .box .inTable:after{
  content:"";
  width:auto;
  border:none;
}

#contact .box .inTable tr{
  border:none;
}

#contact .box .inTable th{
  padding:10px 0 0 0;
}

#contact .box .inTable td{
  padding:0;
}

#contact .box .inTable td span{
  padding:0 8px 0 0;
}

#contact .box .inTable td select{
  margin:0 8px 10px 0;
}


/* time
----------------------------------- */
#contact .box .time{
  padding:0 0 0 1.4em;
}


/* -----------------------------------
  thanks（完了画面）
----------------------------------- */
#contact .thanks p{
  padding:10px 0;
}




/* -----------------------------------
  rely（大口ロット注文）
----------------------------------- */


a.btn-order{
display:block;
max-width:500px;
padding:12px 0;
background:#fff000;
border:2px solid #00913a;
font-size:16px;
text-align:center;
border-radius:3px;
margin:10px auto 10px;
color:#111;
text-decoration:none;
font-family: 'YasashisaBold';
  transition: all 0.2s ease;
}
a.btn-order:hover{
opacity:0.8;
}


.large_quantities_ex{
font-size:16px;
padding-top:20px !important;
font-family: 'YasashisaBold';
}



.large_quantities_dl{
}
.large_quantities_dl dt{
font-family: 'YasashisaBold';
font-size:16px;
margin-bottom:10px;
overflow:hidden;
line-height:1.2;
}
.large_quantities_dl dt span{
background-color:#2f973e;
display:inline-block;
color:#fff;
width:24px;
height:24px;
box-sizing:border-box;
text-align:center;
margin-right:0.5em;
padding-top:6px;
float:left;
line-height:1;
}
.large_quantities_dl dd{
font-size:108%;
padding-bottom:10px;
border-bottom:1px solid #ccc;
margin-bottom:12px;
}
.large_quantities_dl dd small{
font-size:12px;
}



/* ========================================================================
  無料簡単見積もり          [ /estimate/ ]
  カート                [ /cart/ ]
======================================================================== */
#estimate h2{
  padding:4px 10px 4px 6px;
}

#estimate h2:before{
  content:"■";
  padding:0 4px 0 0;
}

#estimate h3{
  overflow:hidden;
  padding:0 0 10px 0;
  font-size:133.3%;
  font-weight:bold;
  color:#269e3a;
  line-height:24px;
}

#estimate h3 span{
  float:left;
  width:80px;
  margin:0 10px 0 0;
  background:#269e3a;
  text-align:center;
  font-size:87.5%;
  color:#ffffff;
  line-height:24px;
}

#estimate p{
  padding:0 0 20px 0;
}

#estimate p.step{
  padding:0 0 17px 0;
  text-align:center;
}


/* -----------------------------------
  image
----------------------------------- */
#estimate .image{
  overflow:hidden;
  margin:0 0 20px 0;
}

#estimate .image p{
  padding:0 0 10px 0;
}

#estimate .image p.thumbnail{
  float:right;
  padding:0 10px 10px 0;
}

#estimate .image p.thumbnail img{
  width:100px;
  border:1px solid #dddddd;
}

#estimate .image p.change{
  padding:0;
  text-align:center;
}

#estimate .image p.change img{
  width:auto;
  height:30px;
}


/* -----------------------------------
  input
----------------------------------- */
#estimate textarea{
  width:100%;
  min-height:150px;
  margin:4px 0;
  padding:4px 10px;
}

#estimate select{
  height:30px;
  margin:4px 0;
}

#estimate input[type="text"],
#estimate input[type="tel"],
#estimate input[type="email"],
#estimate input[type="number"]{
  width:200px;
  height:30px;
  margin:4px 0;
  padding:0 8px;
  line-height:30px;
}

#estimate input.sizeS{
  width:80px;
}


/* button
----------------------------------- */
#estimate .image p input[type="button"],
#estimate table td button{
  height:30px;
  padding:0 10px;
  background:#279F39;
  border:none;
  -webkit-box-shadow:2px 2px 0px rgb(195, 195, 195);
  -moz-box-shadow:2px 2px 0px rgb(195, 195, 195);
  box-shadow:2px 2px 0px rgb(195, 195, 195);
  font-weight:bold;
  color:#ffffff;
}

#estimate table td button{
  margin:0 4px;
  padding:0 4px;
}


/* -----------------------------------
  table
----------------------------------- */

/* cart
----------------------------------- */
#estimate table.cart{
  width:500px;
  margin:0;
}

#estimate table.cart th{
  display:table-cell;
  padding:10px 20px;
  text-align:center;
}

#estimate table.cart td{
  display:table-cell;
  padding:10px;
  text-align:center;
}

#estimate table.cart td:first-of-type{
  width:100px;
  border-right:none;
}

#estimate table.cart td:nth-of-type(2){
  border-left:none;
  text-align:left;
}


/* -----------------------------------
  thanks（完了画面）
----------------------------------- */
#estimate .thanks p{
  padding:10px 0;
}


/* -----------------------------------
  cart（カート）
----------------------------------- */
#cart table{
  width:560px;
  border:1px solid #dcdcdd;
}

#cart table th{
  padding:6px;
  background:#f5f4f4;
  border:1px solid #dcdcdd;
}

#cart table td{
  padding:6px;
  border:1px solid #dcdcdd;
  text-align:center;
}

#cart table td:first-of-type{
  width:100px;
  border-right:none;
}

#cart table td:nth-of-type(2){
  border-left:none;
  text-align:left;
}

#cart table td input{
  width:50px;
  height:30px;
  padding:0 8px;
  line-height:30px;
}

#cart table td button{
  width:50px;
  height:30px;
  line-height:28px;
  background:none;
  border:1px solid #aaaaaa;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}


/* ========================================================================
  サイトマップ            [ /sitemap/ ]
  404                  [ /404/ ]
======================================================================== */

/* -----------------------------------
  error
----------------------------------- */
#sitemap .error{
  padding:10px 0;
  text-align:center;
}

#sitemap .error h2{
  padding:0;
  background:none;
  font-size:150%;
  color:#333333;
}

#sitemap .error p{
  padding:0 0 10px 0;
}

#sitemap .error ul li{
  padding:0 0 10px 0;
  font-size:116.6%;
}


/* -----------------------------------
  search
----------------------------------- */
#sitemap .search h2{
  margin-bottom:20px;
  padding:4px 10px;
  text-align:center;
  font-size:150%;
}

#sitemap .search > ul{
  width:230px;
  margin:0 auto;
  font-size:116.6%;
}

#sitemap .search ul li a,
#sitemap .search ul li span{
  display:block;
  margin:0 0 10px 0;
  padding:10px 10px 10px 54px;
  border:1px solid #279f39;
  color:#333333;
  text-decoration:none;
}

#sitemap .search ul li a:before,
#sitemap .search ul li span:before{
    content:"■";
  padding:0 4px 0 0;
  color:#279f39;
}

#sitemap .search ul li ul{
  padding:0 0 10px 0;
}

#sitemap .search ul li ul li a{
  display:inline;
  margin:0;
  padding:0;
  border:none;
  text-align:left;
  color:#333333;
  line-height:2;
}

#sitemap .search ul li ul li a:before{
    content:"";
  padding:0;
}





/* ========================================================================
  料金シミュレーション            [ /simulation/ ]
======================================================================== */

.simulation-table{
border:1px solid #222;
border-collapse:collapse;
margin:10px auto;
}
.simulation-table thead th{
background-color:#009e41;
border:1px solid #222;
color:#fff;
padding:4px 0;
font-size:9px;
text-align:center;
font-weight:bold;
vertical-align:middle;
}
.simulation-table tbody th{
background-color:#fffbd1;
border:1px solid #222;
text-align:center;
padding:5px 1%;
font-size:9px;
line-height:1.3;
}
.simulation-table tbody td{
background-color:#fff;
border:1px solid #222;
text-align:center;
padding:5px 3%;
font-size:9px;
color:#e72c2f;
font-weight:bold;
line-height:1.3;
}

.simulation-table tbody td span{
font-size:120%;
}


.simulation-btn{
text-align:center;
margin:10px auto;
}


.simulation-silk-btn{
text-align:center;
margin-top:10px;
}


.simulation-block{
padding-top:20px;
padding-bottom:10px;
}

.simulation-title{
font-family: 'YasashisaBold' !important;
font-weight:normal;
font-size:18px;
border-bottom:2px solid #009e41;
margin-bottom:10px;
}



/* ========================================================================
  職人の技            [ /craftsman/ ]
======================================================================== */


.craftsman-photo{
padding:10px;
}
.craftsman-photo li{
float:left;
width:50%;
box-sizing:border-box;
padding-left:5px;
margin-bottom:5px;
}


.craftsman-staff{
}

.craftsman-block{
margin-bottom:10px;
background-color:#fff;
padding-left:4%;
padding-right:4%;
padding-top:10px;
padding-bottom:10px;
}

.craftsman-title{
background-color:#999;
font-family: 'YasashisaBold' !important;
font-size:22px;
font-weight:normal;
color:#fff;
text-align:center;
margin-bottom:5px;
}

.craftsman-lead{
line-height:1.3;
font-family: 'YasashisaBold' !important;
font-size:18px;
font-weight:normal;
color:#999;
text-shadow:1px 1px 0 #111;
text-align:center;
margin-bottom:10px;
}

.craftsman-comment{
text-align:center;
}
.craftsman-img{
text-align:center;
}

.craftsman-red .craftsman-title{ background-color:#e72431; }
.craftsman-red .craftsman-lead{  color:#e72431 ; }

.craftsman-blue .craftsman-title{ background-color:#00489a; }
.craftsman-blue .craftsman-lead{  color:#00489a ; }

.craftsman-green .craftsman-title{ background-color:#57b53d; }
.craftsman-green .craftsman-lead{  color:#57b53d ; }

.craftsman-yellow .craftsman-title{ background-color:#c2aa2b; }
.craftsman-yellow .craftsman-lead{  color:#c2aa2b ; }




/* ========================================================================
  リピーター            [ /repeater/ ]
======================================================================== */



.repeater{
text-align:left;
}
.repeater-box{
border-bottom:1px solid #2e9e3f;
padding-bottom:8px;
margin-bottom:12px;
}
.repeater-box-img{
text-align:center;
padding-bottom:7px;
}
.repeater-box-img img{
width:auto;
height:80px;
}
.repeater-box-title{
font-family: 'YasashisaBold' !important;
font-weight:normal;
font-size:16px;
margin-bottom:5px;
}
.repeater-box-title span{
display:inline-block;
text-align:center;
background-color:#2e9e3f;
color:#fff;
width:24px;
height:24px;
padding-top:2px;
margin-right:6px;
}
.repeater-box-text{
font-size:108%;
font-weight:bold;
}
.repeater-box-text small{
font-size:11px;
font-weight:bold;
}



.repeater-tips{
background-color:#fffaca;
padding:6px;
margin-top:15px;
}

.repeater-tips-title{
font-family: 'YasashisaBold' !important;
font-weight:normal;
font-size:15px;
margin-bottom:8px;
margin-top:10px;
line-height:1.2;
overflow:hidden;
}
.repeater-tips-title span{
display:inline-block;
text-align:center;
background-color:#ea5514;
color:#fff;
width:24px;
height:24px;
margin-right:6px;
padding-top:8px;
float:left;
line-height:1;
}


.repeater-tips-box{
border:2px solid #ea5514;
padding:12px;
background-color:#fff;
}
.repeater-tips-list{
margin-bottom:10px;
}
.repeater-tips-list li{
font-size:13px;
margin-left:1em;
}
.repeater-tips-list li::before{
content:"";
display:inline-block;
width:7px;
height:7px;
border-radius:100%;
background-color:#ea5514;
margin-right:0.5em;
margin-left:-1em;
}

.repeater-tips-lead{
color:#ea5514;
font-size:15px;
text-align:center;
margin:25px 0 0px;
font-family: 'YasashisaBold' !important;
}
.repeater-tips-lead span{
display:none;
}


.repeater-form-title{
background-color:#003377;
padding:12px 0;
text-align:center;
font-size:32px;
color:#fff;
margin:20px 0;
font-family: 'YasashisaBold' !important;
}


.repeater .here{
background-color:#003377 !important;
}



/* ========================================================================
  法人の方            [ /corporate/ ]
======================================================================== */


.corporate{
}


.corporate_dl{
}
.corporate_dl dt{
font-family: 'YasashisaBold';
font-size:15px;
margin-bottom:10px;
line-height:1.1;
}
.corporate_dl dt span{
background-color:#111;
display:inline-block;
color:#fff;
width:24px;
height:24px;
box-sizing:border-box;
text-align:center;
margin-right:6px;
float:left;
line-height:1.5;
}
.corporate_dl dd{
font-size:108%;
padding-bottom:10px;
border-bottom:1px solid #ccc;
margin-bottom:12px;
}
.corporate_dl dd small{
font-size:12px;
}


.corporate-bg{
padding-bottom:10px;
}


/* ========================================================================
  Tシャツができるまで            [ /task/ ]
======================================================================== */


.task{
}



.task-anchor{
margin-left:-2%;
margin-bottom:20px;
}

.task-anchor li{
width:31%;
float:left;
position:relative;
margin-left:2%;
margin-bottom:5px;
}
.task-anchor li a{
display:block;
background-color:#fff;
padding:1px 11px 11px 1px;
box-shadow:3px 3px 0 #c1c3c2;
}
.task-anchor li img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
  transition: all 0.2s ease !important;
}
.task-anchor li a:hover img{
opacity:1 !important;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}
.task-anchor li::after{
content:"";
display:block;
position:absolute;
right:-5px;
top:25px;
width: 0;
z-index:9;
height: 0;
border-style: solid;
border-width: 10px 0 10px 8px;
border-color: transparent transparent transparent #575757;
}

.task-anchor li:last-child::after{
display:none;
}


.lead-task{
color:#2e9e3f;
font-size:18px;
font-family: 'YasashisaBold';
border-bottom:2px solid #2e9e3f;
padding:5px 0 !important;
margin-bottom:15px;
line-height:1.2;
}


.task-lead{
font-family: 'YasashisaBold';
font-size:16px;
}
.task-lead span{
color:#e95513;
}


.task-box{
margin-bottom:10px;
}

.task-img{
vertical-align:top;
padding-bottom:5px;
}
.task-img img{
width:50%;
height:auto;
vertical-align:top;
}

.task-box-inner{
}

.task-box-section{
background:url(../../img/task/arrow.png) no-repeat center bottom;
padding-bottom:34px;
margin-bottom:2px;
}

.task-box-title{
font-family: 'YasashisaBold';
font-size:16px;
margin-bottom:4px;
}

.task-box-title span{
background-color:#2e9e3f;
display:inline-block;
color:#fff;
width:20px;
height:20px;
box-sizing:border-box;
text-align:center;
margin-right:8px;
font-size:14px;
}

.task-box-text{
font-size:12px;
}


.task-lead-small{
color:#e95513;
font-size:15px;
font-family: 'YasashisaBold';
text-align:center;
margin-top:-10px;
}


.task-subtitle{
font-size:16px;
font-family: 'YasashisaBold';
text-align:center;
padding:5px 0 !important;
}


.task-box-tips{
border:2px solid #333;
}

.task-box-tips-title{
background-color:#333;
color:#fff;
padding:4px 10px 4px 10px;
font-size:15px;
}
.task-box-tips-title::before{
content:"";
display:inline-block;
width:14px;
height:14px;
border-radius:100%;
background-color:#fff;
margin-right:0.3em;
}


.task-box-tips-inner{
background-color:#eee;
padding:10px 5px 0 5px;
}
.task-box-tips-column{
padding-bottom:15px;
}

.task-arrow{
text-align:center;
padding:0px 0 10px 0;
}
.task-arrow img{
margin:0 10px;
}

.task-complete{
background:url(../../img/task/frame.png) no-repeat center center;
background-size:100% 100%;
padding:30px 20px 30px 20px;
margin-bottom:40px;
}


/* ========================================================================
  追加base
======================================================================== */

.base{
}

.base p{
padding-bottom:0.8em;
}


.text-small{
font-size:11px;
}

.clearfix::after{
content:"";
clear:both;
display:table;
}

.relative {  position: relative !important; }

.align-right {  float: right !important; }
.align-left  {  float: left !important; }

.text-align-center {  text-align: center !important; }
.text-align-right  {  text-align: right !important; }
.text-align-left   {  text-align: left !important; }


  .l-bottom-xxsmall {  margin-bottom: 5px  !important; }
  .l-bottom-xsmall  {  margin-bottom: 7px !important; }
  .l-bottom-small   {  margin-bottom: 10px !important; }
  .l-bottom         {  margin-bottom: 15px !important; }
  .l-bottom-large   {  margin-bottom: 20px !important; }
  .l-bottom-xlarge  {  margin-bottom: 30px !important; }
  .l-bottom-xxlarge {  margin-bottom: 40px !important; }

  .l-top-xxsmall {  margin-top: 5px  !important; }
  .l-top-xsmall  {  margin-top: 7px !important; }
  .l-top-small   {  margin-top: 10px !important; }
  .l-top         {  margin-top: 15px !important; }
  .l-top-large   {  margin-top: 20px !important; }
  .l-top-xlarge  {  margin-top: 30px !important; }
  .l-top-xxlarge {  margin-top: 40px !important; }

  .l-bottom-xxsmall-p {  padding-bottom: 5px  !important; }
  .l-bottom-xsmall-p  {  padding-bottom: 7px !important; }
  .l-bottom-small-p   {  padding-bottom: 10px !important; }
  .l-bottom-p         {  padding-bottom: 15px !important; }
  .l-bottom-large-p   {  padding-bottom: 20px !important; }
  .l-bottom-xlarge-p  {  padding-bottom: 30px !important; }
  .l-bottom-xxlarge-p {  padding-bottom: 40px !important; }

  .l-top-xxsmall-p {  padding-top: 5px  !important; }
  .l-top-xsmall-p  {  padding-top: 7px !important; }
  .l-top-small-p   {  padding-top: 10px !important; }
  .l-top-p         {  padding-top: 15px !important; }
  .l-top-large-p   {  padding-top: 20px !important; }
  .l-top-xlarge-p  {  padding-top: 30px !important; }
  .l-top-xxlarge-p {  padding-top: 40px !important; }

.heading{
background-color:#2f973e;
color:#fff;
padding:2px 20px 2px 15px;
font-family: 'YasashisaBold';
font-weight:normal;
font-size:16px;
}
.heading::before{
content:"";
display:inline-block;
width:12px;
height:12px;
background-color:#fff;
margin-right:8px;
}
.heading small{
color:#fff000;
font-size:13px;
margin-left:1em;
font-weight:bold;
}

/* ========================================================================
  テンプレート            [ /template/ ]
======================================================================== */

#template img{
  max-width:100%;
  height:auto;
}

#template p{
  padding:0 0 10px 0;
}

.template2{
  float:left;
  }
#template .clear{
  clear:left}

/* -----------------------------------
  navi
----------------------------------- */
#template .navi{
  padding:0 0 0 15px;
}


#template .navi li{
  float:left;
  padding:10px;
}

/* ========================================================================
  漫画            [ /manga/ ]
======================================================================== */

/* -----------------------------------
  manga_contents
----------------------------------- */
#manga_contents{
  margin:0 auto;
  overflow:hidden;
  font-size:107.7%; /* 14px */
}


#manga_contents h1{
    margin-bottom:30px;}

.manga{
    background-color: #FFFFFF;
    text-align: center;
}

.manga img{margin: 10px 0 0;}
.manga span img{margin:30px 0;}

/* -----------------------------------
  manga_voice
----------------------------------- */
  .manga_voice{
    text-align: center;
    margin: 50px 0 30px;
  }

/* -----------------------------------
  見積もりボタン

----------------------------------- */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
.manga-btn a{
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
width: 300px;
font-size: 121%;
padding:15px 0;
text-align: center;
margin: 50px auto;
border-radius:10px;
font-weight:bold;
display: block;
color: #ffffff;
text-decoration: none;
}


.manga-btn a:hover {  opacity: 0.8;}


/* -----------------------------------
  manga_item
----------------------------------- */
#manga_home .item p.btn{
  padding:10px 10px 20px;
  text-align:center;
}

#manga_home .item li{
  float:left;
  width:155px;
  position:relative;
  margin:0 0 10px 0;
  padding:5px 5px 10px;
  background:#ffffff;
}

#manga_home .item li:nth-child(2n){
  margin-left:10px;
}

#manga_home .item li a{
  color:#333333;
  text-decoration:none;
}

#manga_home .item li a:hover{
  text-decoration:underline;
}

#manga_home .item li h3{
  padding:0 0 6px 0;
  text-align:center;
  font-weight:bold;
}

#manga_home .item li h3.new:before{
  content:url(../../img/home/icon_new01.png);
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
}

#manga_home .item li h3 a{
  display:block;
}

#manga_home .item li h3 img{
  margin:0 0 6px 0;
}

#manga_home .item li dl dt{
  margin:0 0 8px 0;
  background:#ea5513;
  text-align:center;
  color:#ffffff;
  line-height:20px;
}

#manga_home .item li dl dd.new:after{
  content:url(../../img/home/icon_new02.png);
  padding:0 0 0 4px;
}

#manga_home .item li p{
  position:absolute;
  bottom:12px;
  right:5px;
  text-align:right;
  font-size:83.3%;
}


}