TRUONG / T-Shats Frontend

Browse Code »

Commit 990a1e38d4e83757343a01726d2f114fcd1ccb8d

Authored by DANG 2016-11-11 00:44:06 +0900

1 parent ffc06a7f8a

Exists in master and in 2 other branches

Edit css

Showing 3 changed files with 17 additions and 4 deletions Inline Diff

app/images/logo_mobile_world.png
app/styles/main.css
app/views/main.html

app/images/logo_mobile_world.png

Diff comments View file @ 990a1e3

7.29 KB

app/styles/main.css

Diff comments View file @ 990a1e3

 /* Space out content a bit */
 @import "../fonts/font.css";
 body {
   font-family: 'Hiragino Kaku Gothic Pro', sans-serif;
 }
 .padding-right-0{
   padding-right: 0!important;
 }
 .padding-left-0{
   padding-left: 0!important;
 }
 button.red{
   color: #ffffff;
   background-color: #ff0000;
   border: 1px solid #ff0000;
 }
 button.white{
   border: 1px solid #ff8080;
   color: #ff8080;
   background-color: #ffffff;
 }
 button.brown{
   background-color: #666666;
   border: 1px solid #666666;
   color: #ffffff;
   border-radius: 5px;
 }
 button.black{
   border: 1px solid #c9c9c9;
   background-color: #343434;
   color: #ffffff;
   padding: 1px 6px;
 }
 #tshirt-container{
   border-left: 1px solid #dcdcdc;
   border-right: 1px solid #dcdcdc;
 }
 /*HEADER*/
 header{
   border-bottom: 1px solid #dcdcdc;
 }
 header .logo{
   color: #ed1d24;
   font-size: 30px;
   text-transform: uppercase;
   font-weight: bold;
 }
 header .logo img{
   width: 60px;
 }
 /*NAVIGATION*/
 nav{
   border-bottom: 1px solid #dcdcdc;
   padding: 10px 0;
 }
 nav h2{
   font-size: 27px;
   margin: 0 0;
 }
 nav ul{
   list-style: none;
   padding-left: 0;
   margin-bottom: 0;
 }
 nav ul li{
   margin-left: 2px;
   float: left;
   padding: 6px 12px;
   background-color: #999999;
   position: relative;
 }
 nav ul li i.fa{
   position: absolute;
   color: #ffffff;
   font-size: 18px;
   right: -4px;
   top: 50%;
   transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
 }
 nav ul li a{
   color: #ffffff;
 }
 nav ul li:hover a{
   text-decoration: none;
   color: #ffffff;
 }
 nav ul li.action{
   color: #ffffff;
   background-color: #ed1d24;
 }
 /*ASIDE*/
 aside{
   margin: 10px 0;
 }
 aside .break-down{
   padding: 0 0;
 }
 aside .break-down i.fa{
   font-size: 35px;
   color: #ff0000;
 }
 aside .break-line{
   height: 10px;
 }
 aside .break-line hr{
   border-top: 1px dotted #cccccc;
 }
 aside .step{
   margin: 0 0;
 }
 aside .step .title{
   font-size: 15px;
   line-height: 16px;
   font-weight: bold;
   margin-bottom: 3px;
 }
 aside .step .title-notice{
   font-size: 13px;
   line-height: 16px;
   margin-bottom: 3px;
 }
 aside .step .title-notice .require{
   font-size: 10px;
 }
 aside .step .step-box{
   border: 2px solid #dcdcdc;
   font-size: 12px;
 }
 /*Step 1*/
 aside .step .step-box .tshirt-design{
   border: 1px solid #cccccc;
   background-color: #f5f5f5;
   margin: 10px 10px;
 }
+aside .step .step-box .tshirt-design:hover{
+  border: 1px solid #ff0000;
+}
+aside .step .step-box .tshirt-design button:hover{
+  background-color: #fa7b7b;
+  border: 1px solid #fa7b7b;
+}
 aside .step .step-box .tshirt-design div{
   float: left;
 }
 aside .step .step-box .tshirt-design .icon{
   padding: 4px 4px;
   border-right: 1px solid #cccccc;
 }
 aside .step .step-box .tshirt-design .icon img{
   height: 50px;
 }
 aside .step .step-box .tshirt-design .name{
   padding: 10px 10px;
 }
 aside .step .step-box .tshirt-design .action{
   padding: 10px 10px;
   float: right;
 }
 aside .step .step-box .tshirt-design .action button{
   padding: 8px 10px;
 }
 /*Step 2*/
 aside .step .step-box .tshirt-color{
   padding: 6px 10px;
   position: relative;
 }
 aside .step .step-box .tshirt-color ul.choice-color{
   float: left;
   list-style: none;
   padding-left: 0;
   width: 100%;
   margin-bottom: 3px;
 }
 aside .step .step-box .tshirt-color ul.choice-color li{
   margin: 0 10px 0 0;
   border: 1px solid #cccccc;
   padding: 2px 2px;
   float: left;
+  cursor: pointer;
+}
+aside .step .step-box .tshirt-color ul.choice-color li.action{
+  border: 1px solid #ff0000;
+}
+aside .step .step-box .tshirt-color ul.choice-color li:hover{
+  border: 1px solid #ff0000;
 }
 aside .step .step-box .tshirt-color ul.choice-color li div{
   height: 30px;
   width: 30px;
 }
 aside .step .step-box .tshirt-color ul.choice-color li.white div{
   background-color: #ece7e4;
 }
 aside .step .step-box .tshirt-color ul.choice-color li.blue div{
   background-color: #e7dfd0;
 }
 aside .step .step-box .tshirt-color .color-name{
   width: 100%;
   font-size: 10px;
 }
 aside .step .step-box .tshirt-color .view-more{
   position: absolute;
   bottom: 6px;
   right: 10px;
 }
 /*Step 3*/
 aside .step .step-box .tshirt-saveorder{
   padding: 10px 10px 6px 10px;
 }
 aside .step .step-box .tshirt-saveorder .action{
   width: 50%;
   float: left;
 }
 aside .step .step-box .tshirt-saveorder .action:first-child{
   padding-right: 5px;
 }
 aside .step .step-box .tshirt-saveorder .action:last-child{
   padding-left: 5px;
 }
 aside .step .step-box .tshirt-saveorder .action button{
   padding: 8px 10px;
 }
 aside .step .step-box .tshirt-saveorder .action button .text{
   float: left;
   width: 80%;
   text-align: center;
   padding-left: 10px;
   vertical-align: bottom;
 }
 aside .step .step-box .tshirt-saveorder .action button .arrow{
   float: left;
   width: 20%;
   height: 40px;
   position: relative;
 }
 aside .step .step-box .tshirt-saveorder .action button .arrow i.fa{
   position: absolute;
   top: 50%;
   right: -6px;
   transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
 }
 aside .step .step-box .tshirt-saveorder .notice{
   padding: 5px 0 0 0;
 }
 /*Step 4*/
 aside .step .title-notice{
 }
 aside .step .step-box .change-design{
   padding: 4px 4px;
 }
 aside .step .step-box .change-design table{
 }
 aside .step .step-box .change-design table tr{
   border-bottom: 1px dotted #cccccc;
 }
 aside .step .step-box .change-design table tr:last-child{
   border-bottom: 0;
 }
 /*Step 5- finish*/
 aside .step .finish-design{
   padding: 20px 0;
 }
 aside .step .finish-design button{
   width: 100%;
   padding: 8px 10px;
 }
 /*DESIGN CONTENT*/
 #tshirt-content{
   position: relative;
 }
 #tshirt-content .switch-border-design{
   position: absolute;
   top: 5px;
   right: 10px;
   color: red;
   font-size: 11px;
 }
 #tshirt-content .tshirt-image{
   padding: 20px 0 0 0;
 }
 #tshirt-content .tshirt-choice{
 }
 #tshirt-content .tshirt-choice ul{
   list-style: none;
   padding-left: 0;
   display: table;
   margin: auto;
 }
 #tshirt-content .tshirt-choice ul li{
   float: left;
   margin: 10px 10px;
 }
 #tshirt-content .tshirt-choice ul li .image{
   border: 1px solid #cccccc;
   padding: 3px 3px;
 }
 #tshirt-content .tshirt-choice ul li.focus{
 }
 #tshirt-content .tshirt-choice ul li.focus .image{
   border: 1px solid #ff0000;
 }
 /*MODAL Design*/
 #tshirt-design{
   background-color: #666666;
 }
 #tshirt-design .modal-dialog{
   width: 75%;
   margin: 0 auto;
 }
 #tshirt-design .modal-dialog .modal-content{
   background-color: transparent;
   border-radius: 0;
   border: 0;
   -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .5)!important;
   box-shadow: 0 0 0 rgba(0, 0, 0, .5)!important;
 }
 #tshirt-design .modal-dialog .modal-content .modal-header{
   padding: 0 0 10px 0;
   border-bottom: 0;
   border-shadow: none!important;
 }
 #tshirt-design .modal-dialog .modal-content .modal-body{
   background-color: #f5f5f5;
   padding: 0 0;
 }
 #tshirt-design header{
   border-bottom: 1px solid #cccccc;
   background-color: #dddddd;
 }
 #tshirt-design header ul.nav{
   padding-left: 0;
   list-style: none;
 }
 #tshirt-design header ul.nav li{
   float: left;
   padding: 8px 26px;
   border-right: 1px solid #cccccc;
   font-size: 14px;
   cursor: pointer;
 }
 #tshirt-design header ul.nav li:hover, #tshirt-design header ul.nav li.active{
   background-color: red;
   color: #ffffff;
 }
 #tshirt-design header ul.nav li:hover i.fa, #tshirt-design header ul.nav li.active i.fa{
   color: #ffffff;
 }
 #tshirt-design header ul.nav li i.fa{
   color: #fe070f;
   font-size: 20px;
   margin-right: 10px;
 }
 #tshirt-design header .action{
 }
 #tshirt-design header .action button{
   padding: 2px 10px;
   margin: 6px 10px;
 }
 #tshirt-design header .action button:hover{
   background-color: red;
   color: #ffffff;
 }
 /*Aside modal*/
 .aside{
 }
 .aside #choice-design-option{
   list-style: none;
   padding-left: 0;
   margin-top: 10px;
 }
 .aside #choice-design-option li{
   border: 1px solid #cdcdcd;
   position: relative;
   cursor: pointer;
 }
 .aside #choice-design-option li .hover{
   background-color: #fddad4;
   opacity: 0.6;
   position: absolute;
   width: 100%;
   height: 100%;
   display: none;
 }
 .aside #choice-design-option li:hover .hover{
   display: block;
 }
 .aside #choice-design-option li .title{
   background: url("../images/bg1.png") repeat #cdcdcd;
   padding: 3px 10px;
 }
 .aside #choice-design-option li .title i.fa{
   color: #000000;
 }
 .aside #choice-design-option li .content{
 }
 .aside #choice-design-option li .content i.fa{
   font-size: 30px;
   color: #fe070f;
   margin: 8px 0;
 }
 .aside #choice-design-option li .content .des{
   padding: 3px 10px 3px 0;
 }
 .aside #choice-illustration{
   list-style: none;
   padding-left: 0;
   margin-top: 10px;
 }
 .aside #choice-illustration li{
   border: 1px solid #cdcdcd;
   position: relative;
 }
 .aside #choice-illustration li .title{
   background: url("../images/bg1.png") repeat #cdcdcd;
   padding: 3px 10px;
 }
 .aside #choice-illustration li .content {
   padding: 10px 10px;
 }
 .aside #choice-illustration li .content select{
   width: 100%;
 }
 .aside #choice-illustration li .content .illustration-list {
   width: 100%;
   border: #bbb solid 1px;
   background: #FFF;
   margin-top: 5px;
 }
 .aside #choice-illustration li .content .illustration-list .illstration-item{
   height: 65px;
   overflow: hidden;
   float: left;
   margin-left: 5px;
 }
 .aside #choice-illustration li .content .illustration-list .illstration-item:hover {
   outline: 2px solid #ed1d24;
 }
 .aside #choice-illustration li .content .illustration-list .illstration-item img {
   width: 62px;
   cursor: pointer;
 }
 .aside #choice-illustration li .content .color-patterns {
   width: 100%;
   border: #bbb solid 1px;
   background: #FFF;
   margin-top: 5px;
 }
 .aside #choice-illustration li .content .color-patterns .color-pattern-item{
   height: 20px;
   float: left;
   margin-left: 4px;
   margin-top: 2px;
   width: 20px;
   cursor: pointer;
   border: 1px solid #ddd;
 }
 .aside #choice-illustration li .content .color-patterns .color-pattern-item:hover {
   outline: 1px solid #ed1d24;
 }
 /*Design content*/
 .tshirt-design-container{
   position: relative;
 }
 .tshirt-design-container .design-content{
   padding: 10px 50px 10px 25px;
 }
 .tshirt-design-container .design-content .content{
   width: 100%;
   min-height: 650px;
   background-color: #f0efea;
   padding: 40px 85px;
   height: 100%;
 }
 .tshirt-design-container .design-content .content .selection-design{
   border: 1px solid #ff0000;
   width: 100%;
   height: 620px;
 }
 .tshirt-design-container .agree-design{
   position: absolute;
   right: -16px;
   top: 40%;
 }
 .tshirt-design-container .trash-design{
   position: absolute;
   right: 5px;
   bottom: 0;
 }
 /*FOOTER*/
 footer{
   background-color: #333333;
 }
 footer ul.nav-footer{
   padding-left: 0;
   list-style: none;
 }
 footer ul.nav-footer li{
   float: left;
   padding: 3px 10px;
   border-right: 1px dotted #ffffff;
 }
 footer ul.nav-footer li a{
   color: #ffffff;
   font-size: 11px;
 }
 /* Customize container */
 @media (min-width: 768px) {
   .container {
     /*max-width: 730px;*/
   }
 }
 /* Responsive: Portrait tablets and up */
 @media screen and (min-width: 768px) {
   /* Remove the padding we set earlier */
 }

app/views/main.html

Diff comments View file @ 990a1e3

1	<div ng-controller="MainCtrl" class="col-sm-10 col-sm-offset-1" id="tshirt-container">	1	<div ng-controller="MainCtrl" class="col-sm-10 col-sm-offset-1" id="tshirt-container">
2	<div class="row">	2	<div class="row">
3	<header>	3	<header>
4	<div class="logo">	4	<div class="logo">
5	<img src="images/uniqlo_logo.png" alt="Logo Uniqlo" />	5	<img src="images/logo_mobile_world.png" alt="Logo Mobile World" />
6	Uniqlo Customize	6	MOBILE WORLD
7	</div>	7	</div>
8	</header>	8	</header>
9	<nav class="clearfix">	9	<nav class="clearfix">
10	<div class="col-sm-12">	10	<div class="col-sm-12">
11	<h2 class="pull-left">加工箇所を選択してデザインしてください。</h2>	11	<h2 class="pull-left">加工箇所を選択してデザインしてください。</h2>
12	<ul class="pull-right">	12	<ul class="pull-right">
13	<li><a href="#">商品に戻る</a><i class="fa fa-caret-left" aria-hidden="true"></i></li>	13	<li><a href="#">商品に戻る</a><i class="fa fa-caret-left" aria-hidden="true"></i></li>
14	<li><a href="#">加工方法に戻る</a><i class="fa fa-caret-left" aria-hidden="true"></i></li>	14	<li><a href="#">加工方法に戻る</a><i class="fa fa-caret-left" aria-hidden="true"></i></li>
15	<li class="action">デザインする</li>	15	<li class="action">デザインする</li>
16	</ul>	16	</ul>
17	</div>	17	</div>
18	</nav>	18	</nav>
19	<article class="clearfix">	19	<article class="clearfix">
20	<aside class="col-sm-5">	20	<aside class="col-sm-5">
21	<div class="step">	21	<div class="step">
22	<div class="title">	22	<div class="title">
23	1. デザインを作る	23	1. デザインを作る
24	</div>	24	</div>
25	<div class="step-box">	25	<div class="step-box">
26	<div class="tshirt-design clearfix">	26	<div class="tshirt-design clearfix">
27	<div class="icon">	27	<div class="icon">
28	<img src="images/t-shirt_icon/tshirt1.gif" alt="icon t-shirt" />	28	<img src="images/t-shirt_icon/tshirt1.gif" alt="icon t-shirt" />
29	</div>	29	</div>
30	<div class="name">	30	<div class="name">
31	背中背中 (28x22)	31	背中背中 (28x22)
32	</div>	32	</div>
33	<div class="action">	33	<div class="action">
34	<button class="red" ng-click="modalTShirtDesign()">	34	<button class="red" ng-click="modalTShirtDesign()">
35	<i class="fa fa-caret-right" aria-hidden="true"></i> デザインを作る	35	<i class="fa fa-caret-right" aria-hidden="true"></i> デザインを作る
36	</button>	36	</button>
37	</div>	37	</div>
38	</div>	38	</div>
39	</div>	39	</div>
40	</div>	40	</div>
41		41
42	<!-- BREAK DOWN-->	42	<!-- BREAK DOWN-->
43	<div class="text-center break-down">	43	<div class="text-center break-down">
44	<img src="images/bg_step_arrow.gif" alt="arrow" />	44	<img src="images/bg_step_arrow.gif" alt="arrow" />
45	</div>	45	</div>
46		46
47	<!-- STEP 2-->	47	<!-- STEP 2-->
48	<div class="step">	48	<div class="step">
49	<div class="title">	49	<div class="title">
50	2.アイテムカラーを変更する	50	2.アイテムカラーを変更する
51	</div>	51	</div>
52	<div class="step-box clearfix">	52	<div class="step-box clearfix">
53	<div class="tshirt-color">	53	<div class="tshirt-color">
54	<ul class="choice-color clearfix">	54	<ul class="choice-color clearfix">
55	<li class="white"><div></div></li>	55	<li class="white action"><div></div></li>
56	<li class="blue"><div></div></li>	56	<li class="blue"><div></div></li>
57	</ul>	57	</ul>
58	<div class="color-name">	58	<div class="color-name">
59	color: 00 WHITE	59	color: 00 WHITE
60	</div>	60	</div>
61	<div class="view-more">	61	<div class="view-more">
62	在庫確認 <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>	62	在庫確認 <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
63	</div>	63	</div>
64	</div>	64	</div>
65	</div>	65	</div>
66	</div>	66	</div>
67		67
68	<!-- BREAK DOWN-->	68	<!-- BREAK DOWN-->
69	<div class="text-center break-down">	69	<div class="text-center break-down">
70	<img src="images/bg_step_arrow.gif" alt="arrow" />	70	<img src="images/bg_step_arrow.gif" alt="arrow" />
71	</div>	71	</div>
72		72
73	<!-- STEP 3-->	73	<!-- STEP 3-->
74	<div class="step">	74	<div class="step">
75	<div class="step-box clearfix">	75	<div class="step-box clearfix">
76	<div class="tshirt-saveorder">	76	<div class="tshirt-saveorder">
77	<div class="clearfix">	77	<div class="clearfix">
78	<div class="action">	78	<div class="action">
79	<button class="white">	79	<button class="white">
80	<div class="text">	80	<div class="text">
81	このデザインを保存する	81	このデザインを保存する
82	</div>	82	</div>
83	<div class="arrow">	83	<div class="arrow">
84	<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>	84	<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
85	</div>	85	</div>
86	</button>	86	</button>
87	</div>	87	</div>
88	<div class="action">	88	<div class="action">
89	<button class="red">	89	<button class="red">
90	<div class="text">	90	<div class="text">
91	このデザインで注文する	91	このデザインで注文する
92	</div>	92	</div>
93	<div class="arrow clearfix">	93	<div class="arrow clearfix">
94	<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>	94	<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
95	</div>	95	</div>
96	</button>	96	</button>
97	</div>	97	</div>
98	</div>	98	</div>
99	<div class="notice">	99	<div class="notice">
100	デザインを保存するには、ログインしてください	100	デザインを保存するには、ログインしてください
101	</div>	101	</div>
102	</div>	102	</div>
103	</div>	103	</div>
104		104
105	<!-- BREAL LINE-->	105	<!-- BREAL LINE-->
106	<div class="text-center break-line">	106	<div class="text-center break-line">
107	<hr />	107	<hr />
108	</div>	108	</div>
109		109
110	<!-- STEP 4-->	110	<!-- STEP 4-->
111	<div class="step">	111	<div class="step">
112	<div class="title-notice">	112	<div class="title-notice">
113	商品・デザインの変更はこちら <span class="require">作業中のデザインは破棄されます</span>	113	商品・デザインの変更はこちら <span class="require">作業中のデザインは破棄されます</span>
114	</div>	114	</div>
115	<div class="step-box">	115	<div class="step-box">
116	<div class="change-design">	116	<div class="change-design">
117	<table>	117	<table>
118	<tr>	118	<tr>
119	<td class="text-center">商品</td>	119	<td class="text-center">商品</td>
120	<td>MENドライカノコポロシャツ・ポケツキ半袖（ホワイト）</td>	120	<td>MENドライカノコポロシャツ・ポケツキ半袖（ホワイト）</td>
121	<td class="text-right">	121	<td class="text-right">
122	<button class="brown"><i class="fa fa-caret-right" aria-hidden="true"></i> 変更</button>	122	<button class="brown"><i class="fa fa-caret-right" aria-hidden="true"></i> 変更</button>
123	</td>	123	</td>
124	</tr>	124	</tr>
125	<tr>	125	<tr>
126	<td width="10%" class="text-center">加工方法</td>	126	<td width="10%" class="text-center">加工方法</td>
127	<td width="70%">シルク：胸中央 (27×27)</td>	127	<td width="70%">シルク：胸中央 (27×27)</td>
128	<td width="20%" class="text-right">	128	<td width="20%" class="text-right">
129	<button class="brown"><i class="fa fa-caret-right" aria-hidden="true"></i> 変更</button>	129	<button class="brown"><i class="fa fa-caret-right" aria-hidden="true"></i> 変更</button>
130	</td>	130	</td>
131	</tr>	131	</tr>
132	</table>	132	</table>
133	</div>	133	</div>
134	</div>	134	</div>
135	</div>	135	</div>
136	<!-- STEP 5- finish-->	136	<!-- STEP 5- finish-->
137	<div class="step">	137	<div class="step">
138	<div class="finish-design">	138	<div class="finish-design">
139	<button class="white">	139	<button class="white">
140	自分で保存したデザインを呼び出す <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>	140	自分で保存したデザインを呼び出す <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
141	</button>	141	</button>
142	</div>	142	</div>
143		143
144	</div>	144	</div>
145	</div>	145	</div>
146	</aside>	146	</aside>
147	<section id="tshirt-content" class="col-sm-7 text-center">	147	<section id="tshirt-content" class="col-sm-7 text-center">
148	<div class="switch-border-design">	148	<div class="switch-border-design">
149	<i class="fa fa-square-o" aria-hidden="true"></i> 枠線を消す	149	<i class="fa fa-square-o" aria-hidden="true"></i> 枠線を消す
150	</div>	150	</div>
151	<div class="tshirt-image">	151	<div class="tshirt-image">
152	<img src="images/t-shirt/front.png" alt="" />	152	<img src="images/t-shirt/front.png" alt="" />
153	</div>	153	</div>
154	<div class="tshirt-choice">	154	<div class="tshirt-choice">
155	<ul>	155	<ul>
156	<li class="front focus">	156	<li class="front focus">
157	<div>前</div>	157	<div>前</div>
158	<div class="image">	158	<div class="image">
159	<img src="images/t-shirt_icon/tshirt1-front.png" alt="" />	159	<img src="images/t-shirt_icon/tshirt1-front.png" alt="" />
160	</div>	160	</div>
161		161
162	</li>	162	</li>
163	<li class="back">	163	<li class="back">
164	<div>後</div>	164	<div>後</div>
165	<div class="image">	165	<div class="image">
166	<img src="images/t-shirt_icon/tshirt1-back.png" alt="" />	166	<img src="images/t-shirt_icon/tshirt1-back.png" alt="" />
167	</div>	167	</div>
168		168
169	</li>	169	</li>
170	</ul>	170	</ul>
171	</div>	171	</div>
172	</section>	172	</section>
173	</article>	173	</article>
174	<footer class="clearfix">	174	<footer class="clearfix">
175	<ul class="nav-footer">	175	<ul class="nav-footer">
176	<li><a href="#">店舗検索</a></li>	176	<li><a href="#">店舗検索</a></li>
177	<li><a href="#">お客様窓口</a></li>	177	<li><a href="#">お客様窓口</a></li>
178	<li><a href="#">企業情報</a></li>	178	<li><a href="#">企業情報</a></li>
179	<li><a href="#">採用情報</a></li>	179	<li><a href="#">採用情報</a></li>
180	<li><a href="#">プライバシーポリシー</a></li>	180	<li><a href="#">プライバシーポリシー</a></li>
181	</ul>	181	</ul>
182	</footer>	182	</footer>
183		183
184	<!--MODAL CONTENT-->	184	<!--MODAL CONTENT-->
185	<div ng-include="'views/tshirt-design.html'"></div>	185	<div ng-include="'views/tshirt-design.html'"></div>
186	</div>	186	</div>
187		187
188		188
189	</div>	189	</div>
190		190