@charset "UTF-8";
/* 共通設定
--------------------------------------------------------------------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, div, p, dl, dt, dd, form, table, tr, th, td {
  margin: 0;
  padding: 0; }

table, tr, th, td {
  font-size: 100%;
  text-align: left; }

table {
  border-collapse: collapse; }

ul {
  list-style: none; }

input, textarea {
  font-size: 1em;
  /* for IE */ }

/* 共通クラス
----------------------------------------------------------------------------------*/
/* フロート
-------------------------------------------------*/
.fLeft {
  float: left; }

.fRight {
  float: right; }

.clear {
  clear: both; }

/* テキスト揃え方向ヨコ
-------------------------------------------------*/
.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

/* テキスト揃え方向タテ
-------------------------------------------------*/
.valign-top {
  vertical-align: top; }

.valign-middle {
  vertical-align: middle; }

.valign-bottom {
  vertical-align: bottom; }

/* マージン
-------------------------------------------------*/
/* 上 */
.mt5 {
  margin-top: 5px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt25 {
  margin-top: 25px; }

.mt30 {
  margin-top: 30px; }

.mt35 {
  margin-top: 35px; }

.mt40 {
  margin-top: 40px; }

/* 右 */
.mr5 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

.mr20 {
  margin-right: 20px; }

.mr25 {
  margin-right: 25px; }

.mr30 {
  margin-right: 30px; }

.mr35 {
  margin-right: 35px; }

.mr40 {
  margin-right: 40px; }

/* 下 */
.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb25 {
  margin-bottom: 25px; }

.mb30 {
  margin-bottom: 30px; }

.mb35 {
  margin-bottom: 35px; }

.mb40 {
  margin-bottom: 40px; }

/* 左 */
.ml5 {
  margin-left: 5px; }

.ml10 {
  margin-left: 10px; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.ml25 {
  margin-left: 25px; }

.ml30 {
  margin-left: 30px; }

.ml35 {
  margin-left: 35px; }

.ml40 {
  margin-left: 40px; }

/* マージン無し */
.mrgZero {
  margin: 0 !important; }

/* パディング
-------------------------------------------------*/
/* 上 */
.pt5 {
  padding-top: 5px; }

.pt10 {
  padding-top: 10px; }

.pt15 {
  padding-top: 15px; }

.pt20 {
  padding-top: 20px; }

.pt25 {
  padding-top: 25px; }

.pt30 {
  padding-top: 30px; }

.pt35 {
  padding-top: 35px; }

.pt40 {
  padding-top: 40px; }

/* 右 */
.pr5 {
  padding-right: 5px; }

.pr10 {
  padding-right: 10px; }

.pr15 {
  padding-right: 15px; }

.pr20 {
  padding-right: 20px; }

.pr25 {
  padding-right: 25px; }

.pr30 {
  padding-right: 30px; }

.pr35 {
  padding-right: 35px; }

.pr40 {
  padding-right: 40px; }

/* 下 */
.pb5 {
  padding-bottom: 5px; }

.pb10 {
  padding-bottom: 10px; }

.pb15 {
  padding-bottom: 15px; }

.pb20 {
  padding-bottom: 20px; }

.pb25 {
  padding-bottom: 25px; }

.pb30 {
  padding-bottom: 30px; }

.pb35 {
  padding-bottom: 35px; }

.pb40 {
  padding-bottom: 40px; }

/* 左 */
.pl5 {
  padding-left: 5px; }

.pl10 {
  padding-left: 10px; }

.pl15 {
  padding-left: 15px; }

.pl20 {
  padding-left: 20px; }

.pl25 {
  padding-left: 25px; }

.pl30 {
  padding-left: 30px; }

.pl35 {
  padding-left: 35px; }

.pl40 {
  padding-left: 40px; }

/* パディング無し */
.padZero {
  padding: 0 !important; }

/* ボーダー対策
-------------------------------------------------*/
img {
  border: none; }

/* アウトライン対策
-------------------------------------------------*/
object {
  outline: none; }

/* clear:float
--------------------------------------------------------------------------------------------------------------------*/
.clearfix, div.corporate-container, .costume-index, .costume-detail div.contactus, .stock-container, div.order-container {
  display: inline-block;
  /* for Mac IE */
  zoom: 1;
  /*for IE 5.5-7*/ }

.clearfix:after, div.corporate-container:after, .costume-index:after, .costume-detail div.contactus:after, .stock-container:after, div.order-container:after {
  /*for modern browser*/
  content: "";
  height: 0;
  clear: both;
  display: block; }

/* Mac版IEを除外 \*/
/* .clearfix { display: block; }
*/
/* Hides from IE-mac \*/
* html .clearfix, * html div.corporate-container, * html .costume-index, * html .costume-detail div.contactus, .costume-detail * html div.contactus, * html .stock-container, * html div.order-container {
  height: 1%; }

.clearfix, div.corporate-container, .costume-index, .costume-detail div.contactus, .stock-container, div.order-container {
  display: block; }

/* End hide from IE-mac */
/*
10px	84%
11px	92%
12px	100%
13px	109%
14px	117%
15px	125%
16px	134%
17px	142%
18px	150%
19px	159%
20px	167%
21px	175%
22px	184%
23px	192%
24px	200%
25px	209%
26px	217%
*/
/* ************************************************************************************************************************ */
/*
	Base
*/
/* ************************************************************************************************************************ */
html {
  font-size: 62.5%; }

body {
  /* iPhoneを横向きにしたときに文字を拡大させない */
  -webkit-text-size-adjust: 100%;
  /* */
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
  font-size: 10px;
  font-size: 1.0rem; }

div.container {
  width: 960px;
  margin: 0 auto;
  padding-bottom: 20px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; }

/* ************************************************************************************************************************ */
/*
	Header
*/
/* ************************************************************************************************************************ */
header.lotaion-image {
  width: 960px;
  height: 940px; }

header.h {
  width: 960px;
  height: 80px; }
  header.h a {
    display: block;
    width: 960px;
    height: 80px;
    background: url(../img/common/header.jpg) no-repeat;
    text-indent: -10000px; }

.contents__punkz {
  margin-left: 30px; }
  .contents__punkz a {
    color: #1A75BA;
    text-decoration: none; }
  .contents__punkz a:hover {
    text-decoration: underline; }

/* ************************************************************************************************************************ */
/*
	Top Page
*/
/* ************************************************************************************************************************ */
div.contents {
  width: 960px;
  margin: 15px auto 0 auto; }

div.index-container {
  width: 900px;
  margin: 20px auto 0 auto;
  position: relative; }

article.index__description {
  position: absolute;
  margin: 0 20px 0 0;
  width: 500px; }
  article.index__description h2 {
    font-size: 2.0rem;
    border-left: 10px solid #AD0622;
    padding-left: 0.5rem; }
  article.index__description p {
    margin-top: 15px;
    font-size: 1.2rem;
    line-height: 1.6; }

article.index__fb-news {
  margin: 0 0 0 540px;
  width: 360px;
  height: 300px;
  position: relative; }
  article.index__fb-news h3.fgg {
    height: 27px; }
  article.index__fb-news div.topics {
    width: 338px;
    padding: 10px;
    border: 1px solid #3b5998; }

/* ************************************************************************************************************************ */
/*
	Navigation & PunkzList
*/
/* ************************************************************************************************************************ */
nav.gnav {
  background: url(../img/common/nav_bg.jpg) repeat-x;
  width: 960px;
  height: 23px;
  padding: 7px 0 0 0; }
  nav.gnav ul.gnav__inner {
    width: 960px;
    background-position-x: 929px; }
    nav.gnav ul.gnav__inner li {
      height: 30px;
      display: inline-block; }
      nav.gnav ul.gnav__inner li:first-child a {
        border-left: 1px solid #666; }
      nav.gnav ul.gnav__inner li a {
        padding: 0 18px 0 15px;
        padding-top: 3px;
        color: #333;
        font-size: 1.2rem;
        line-height: 1;
        text-decoration: none;
        display: block;
        text-align: center;
        border-right: 1px solid #666;
        letter-spacing: 0.5px; }
        nav.gnav ul.gnav__inner li a:hover {
          opacity: 0.75; }
    nav.gnav ul.gnav__inner li.search {
      margin: 0 0 0 20px; }
    nav.gnav ul.gnav__inner li.activity a {
      background: url(../img/common/icon_facebook.png) no-repeat left center;
      background-size: 14px 14px;
      background-position: left 20px top 1px;
      padding-left: 38px; }

nav#side {
  width: 210px;
  background-color: #F0F0F1; }

nav.side,
div.side {
  float: left;
  background-color: #efefef;
  height: 100vh;
  width: 210px; }
  nav.side.right-column,
  div.side.right-column {
    float: right;
    height: auto;
    width: auto;
    background: none;
    margin-right: 30px; }
  nav.side ul.side__nav li,
  div.side ul.side__nav li {
    border-bottom: 2px solid #fff; }
    nav.side ul.side__nav li a,
    div.side ul.side__nav li a {
      color: #000;
      text-decoration: none;
      display: block;
      border-left: 10px solid #efefef;
      width: 190px;
      height: 31px;
      padding: 17px 0 0 15px;
      font-size: 1.2rem;
      line-height: 1.6rem; }
    nav.side ul.side__nav li a:hover,
    div.side ul.side__nav li a:hover {
      border-left: 10px solid #AD0622; }
    nav.side ul.side__nav li.current-cat a,
    nav.side ul.side__nav li.current-cat-parent a,
    nav.side ul.side__nav li.focus a,
    div.side ul.side__nav li.current-cat a,
    div.side ul.side__nav li.current-cat-parent a,
    div.side ul.side__nav li.focus a {
      border-left: 10px solid #AD0622; }
    nav.side ul.side__nav li.c a,
    div.side ul.side__nav li.c a {
      height: 39px;
      padding: 9px 0 0 15px; }
  nav.side ul.children,
  div.side ul.children {
    padding: 10px 0 10px 0;
    border-bottom: 2px solid #fff; }
    nav.side ul.children > li a,
    div.side ul.children > li a {
      border: none;
      border-bottom: 2px solid #fff;
      height: auto;
      padding: 3px 0 3px 15px; }
    nav.side ul.children > li a:hover,
    nav.side ul.children > li.current-cat a,
    div.side ul.children > li a:hover,
    div.side ul.children > li.current-cat a {
      border-left: 10px solid #AD0622;
      color: #B51D2C; }
  nav.side article.contact-container,
  div.side article.contact-container {
    border: 2px solid #dddede;
    padding-bottom: 15px; }
    nav.side article.contact-container h2,
    div.side article.contact-container h2 {
      padding: 0;
      width: 100%;
      text-align: center;
      background-color: #dddede; }
    nav.side article.contact-container h3,
    div.side article.contact-container h3 {
      text-align: center; }
    nav.side article.contact-container h3.tel,
    div.side article.contact-container h3.tel {
      margin: 16px 0 0 0; }
    nav.side article.contact-container h3.fax,
    div.side article.contact-container h3.fax {
      margin: 10px 0 0 0; }
    nav.side article.contact-container h3.mail,
    div.side article.contact-container h3.mail {
      margin: 10px 0 0 0; }
    nav.side article.contact-container aside,
    div.side article.contact-container aside {
      margin: 13px 0 13px 0;
      text-align: center;
      font-size: 109%;
      font-size: 1.2rem;
      line-height: 1.4; }

/* ************************************************************************************************************************ */
/*
	共通
*/
/* ************************************************************************************************************************ */
h2.headline {
  font-size: 2.6rem;
  font-weight: normal;
  border-left: 10px solid #AD0622;
  padding-left: 1.0rem;
  line-height: 1.4; }

main.common-left-column {
  float: right;
  margin: 10px 0 0 0;
  margin-left: 35px;
  width: 715px;
  font-size: 1.2rem;
  line-height: 1.6;
  float: left;
  margin: 10px 0 0 0;
  margin-left: 30px;
  width: 640px; }

/* ************************************************************************************************************************ */
/*
	Corporate
*/
/* ************************************************************************************************************************ */
div.corporate-container {
  margin: 15px 0 0 0;
  height: auto; }
  div.corporate-container main.corporate-container__inner {
    float: right;
    margin: 10px 0 0 0;
    margin-left: 35px;
    width: 715px;
    font-size: 1.2rem;
    line-height: 1.6; }
    div.corporate-container main.corporate-container__inner.left-column {
      float: left;
      margin: 10px 0 0 0;
      margin-left: 30px;
      width: 640px; }
    div.corporate-container main.corporate-container__inner article.about-container p.t {
      margin: 10px 0 0 0;
      width: 480px; }
    div.corporate-container main.corporate-container__inner article.overview-container {
      margin: 50px 0 0 0; }
      div.corporate-container main.corporate-container__inner article.overview-container table {
        margin: 10px 0 0 0; }
      div.corporate-container main.corporate-container__inner article.overview-container th {
        font-weight: normal;
        text-align: left;
        width: 60px;
        border-right: 1px solid #C2986B; }
      div.corporate-container main.corporate-container__inner article.overview-container td {
        padding-left: 10px; }
    div.corporate-container main.corporate-container__inner article.outline-container {
      margin: 50px 0 0 0;
      width: 473px;
      position: relative; }
      div.corporate-container main.corporate-container__inner article.outline-container p.t {
        margin: 10px 0 0 0; }
      div.corporate-container main.corporate-container__inner article.outline-container .stage {
        margin: 10px 0 0 0; }
        div.corporate-container main.corporate-container__inner article.outline-container .stage span.circle {
          display: inline-block;
          width: 10px;
          height: 10px;
          margin-right: 3px;
          background-color: #B58658;
          border-radius: 100px;
          line-height: 1; }
        div.corporate-container main.corporate-container__inner article.outline-container .stage span.year {
          line-height: 1.8; }
      div.corporate-container main.corporate-container__inner article.outline-container table.event tr {
        padding: 10px; }
      div.corporate-container main.corporate-container__inner article.outline-container table.event td {
        padding: 10px 0;
        margin: 110px 0 0 0;
        vertical-align: top; }
      div.corporate-container main.corporate-container__inner article.outline-container table.event td:nth-child(1), div.corporate-container main.corporate-container__inner article.outline-container table.event td:nth-child(2) {
        padding: 0 0 10px 0; }
      div.corporate-container main.corporate-container__inner article.outline-container table.event td.date {
        width: 130px; }
      div.corporate-container main.corporate-container__inner article.outline-container table.event span.m4w {
        margin: 0 0 0 48px; }
      div.corporate-container main.corporate-container__inner article.outline-container table.event span.m5w {
        margin: 0 0 0 60px; }
      div.corporate-container main.corporate-container__inner article.outline-container table.event span.m3w {
        margin: 0 0 0 36px; }
    div.corporate-container main.corporate-container__inner h3 {
      margin: 28px 0 0 0;
      font-size: 117%; }
    div.corporate-container main.corporate-container__inner ul.businessScheme {
      margin: 5px 0 0 0; }
      div.corporate-container main.corporate-container__inner ul.businessScheme li {
        background: url(../img/common/dot.gif) no-repeat;
        background-position-y: 2px;
        padding-left: 15px; }
    div.corporate-container main.corporate-container__inner div.flyer {
      position: absolute;
      left: 550px;
      top: 45px; }
      div.corporate-container main.corporate-container__inner div.flyer p:nth-child(1) {
        margin: 0; }
      div.corporate-container main.corporate-container__inner div.flyer p {
        margin: 30px 0 0 0; }

.map {
  margin: 30px 0 0 0;
  display: -moz-box;
  display: -webkit-box;
  display: box; }

#gMap {
  width: 300px;
  height: 340px; }

div.access {
  margin-left: 20px; }
  div.access h4 {
    margin-top: 10px;
    font-weight: bold;
    font-size: 1.2rem; }

/* ************************************************************************************************************************ */
/*
	Costume
*/
/* ************************************************************************************************************************ */
.costume-index {
  margin: 15px 0 0 0; }
  .costume-index main.costume-index__inner {
    float: right;
    width: 715px;
    font-size: 1.2rem;
    line-height: 1.6;
    margin: 0 0 0 0;
    margin-left: 35px; }

ul.entries {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  ul.entries li {
    margin: 0 0 10px 12px; }
  ul.entries li:nth-child(4n+1) {
    margin: 0 0 10px 0px; }
  ul.entries a {
    width: 164px;
    height: 240px;
    border: 1px solid #E5E6E6;
    display: block;
    text-decoration: none;
    color: #000;
    margin: 0;
    overflow: hidden; }
  ul.entries a:hover {
    border: 1px solid #5A98BA; }
  ul.entries img {
    margin: 2px 2px 0 2px; }
  ul.entries p {
    font-size: 1.2rem;
    line-height: 1.2;
    margin-left: 5px; }
  ul.entries p.subCategory {
    font-size: 109%;
    line-height: 1.3em; }

.costume-detail {
  margin: 15px 0 0 0; }
  .costume-detail main.costume-detail__inner {
    font-size: 1.2rem;
    line-height: 1.6;
    margin: 0 0 0 0;
    margin-left: 35px; }
  .costume-detail section.detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .costume-detail #images {
    width: 380px; }
    .costume-detail #images #focus {
      width: 380px;
      height: 506px;
      overflow: hidden; }
    .costume-detail #images #thumb {
      display: -moz-box;
      display: -webkit-box;
      display: box;
      margin: 8px 0 0 0; }
      .costume-detail #images #thumb a {
        margin: 0 7px 0 0; }
      .costume-detail #images #thumb a:nth-child(3) {
        margin: 0; }
      .costume-detail #images #thumb img {
        margin: 0;
        width: 120px;
        height: 160px; }
  .costume-detail #information {
    margin: 0 0 0 40px;
    width: 457px; }
  .costume-detail h3.pid {
    font-size: 1.8rem; }
  .costume-detail h3.program {
    font-size: 1.8rem;
    border-bottom: 1px solid #BD1D2C;
    margin: 15px 0 0 0; }
  .costume-detail h3.role {
    font-size: 1.4rem;
    margin: 5px 0 0 0;
    padding: 3px 0 5px 0; }
  .costume-detail div.infoText1 {
    margin: 20px 0 0 0;
    font-size: 1.4rem;
    line-height: 1.6; }
  .costume-detail div.contactus {
    margin: 40px 0 0 0;
    border-top: 1px solid #BD1D2C;
    padding-top: 8px; }
    .costume-detail div.contactus p {
      float: left;
      font-size: 1.2rem; }
    .costume-detail div.contactus div {
      float: right;
      width: 82px;
      height: 30px;
      overflow: hidden; }
  .costume-detail div.thumb {
    margin: 30px 0 0 0; }
    .costume-detail div.thumb a {
      margin: 0 5px 0 0;
      border: 1px solid #E5E6E6;
      padding: 3px;
      display: inline-block;
      width: 100px; }
      .costume-detail div.thumb a:last-child {
        margin: 0; }
      .costume-detail div.thumb a:hover {
        border: 1px solid #5A98BA; }
    .costume-detail div.thumb img {
      margin: 0;
      width: 100px;
      height: auto;
      vertical-align: middle; }
  .costume-detail div.relatedItems {
    margin: 40px 0 0 0;
    width: 450px; }
    .costume-detail div.relatedItems div.items {
      margin: 10px 0 0 0;
      display: -moz-box;
      display: -webkit-box;
      display: box; }
      .costume-detail div.relatedItems div.items div.item {
        margin: 0 0 10px 10px; }
      .costume-detail div.relatedItems div.items div.item:nth-child(3n+1) {
        margin: 0 0 10px 0px; }
      .costume-detail div.relatedItems div.items a {
        width: 110px;
        height: 166px;
        border: 1px solid #E5E6E6;
        display: block;
        text-decoration: none;
        color: #000;
        overflow: hidden; }
      .costume-detail div.relatedItems div.items a:hover {
        border: 1px solid #5A98BA; }
      .costume-detail div.relatedItems div.items img {
        margin: 2px 2px 0 2px; }
      .costume-detail div.relatedItems div.items p {
        font-size: 1.2rem;
        line-height: 1.2;
        margin-left: 5px; }

/* ************************************************************************************************************************ */
/*
	stock
*/
/* ************************************************************************************************************************ */
.stock-container {
  margin: 15px 0 0 0; }
  .stock-container article.stock-container__inner {
    width: 100%;
    width: 600px; }
  .stock-container article.step.na {
    background: none;
    padding: 0; }
  .stock-container article.step {
    margin: 10px 0 10px 0;
    width: 600px;
    background: url(../img/stock/next.gif) no-repeat left bottom;
    background-position-x: 35px;
    padding: 0 0 35px 0; }
    .stock-container article.step h3.step__subhead {
      display: inline-block;
      width: 566px;
      font-size: 1.80rem;
      line-height: 1;
      padding-bottom: 3px;
      border-bottom: 2px solid #8D683E;
      font-weight: normal; }
    .stock-container article.step span.step__num {
      display: inline-block;
      text-align: center;
      width: 22px;
      height: 15px;
      font-size: 1.2rem;
      line-height: 1;
      background-color: #666;
      padding: 5px 0 2px 0;
      color: #fff;
      border-radius: 4px;
      margin-right: 8px; }
    .stock-container article.step p {
      margin: 5px 0 0 34px; }
    .stock-container article.step div.pdf {
      float: right;
      margin-top: 13px; }
  .stock-container section#contact {
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    height: 210px;
    border: 2px solid #dddede; }
    .stock-container section#contact h2 {
      padding: 0;
      font-size: 134%;
      width: 100%;
      text-align: center;
      background-color: #dddede; }
    .stock-container section#contact h3 {
      font-size: 184%;
      text-align: center; }
    .stock-container section#contact h3.tel {
      margin: 16px 0 0 0; }
    .stock-container section#contact h3.fax {
      margin: 10px 0 0 0; }
    .stock-container section#contact h3.mail {
      margin: 10px 0 0 0; }
    .stock-container section#contact aside {
      margin: 13px 0 0 0;
      text-align: center;
      font-size: 109%; }
  .stock-container section#ordermade {
    margin: 30px 0 0 0;
    position: relative;
    height: 300px; }
    .stock-container section#ordermade p.t {
      width: 600px; }
  .stock-container .photo {
    position: absolute;
    top: 0;
    right: 0; }

/* ************************************************************************************************************************ */
/*
	order
*/
/* ************************************************************************************************************************ */
div.order-container {
  margin: 15px 0 0 0; }
  div.order-container h3 {
    font-weight: normal; }
  div.order-container article.order__costume-container {
    width: 100%; }
    div.order-container article.order__costume-container div.kind:nth-child(2) {
      margin: 10px 0 0 0; }
    div.order-container article.order__costume-container div.kind:nth-child(3) {
      margin: 20px 0 0 0; }
    div.order-container article.order__costume-container div.kind {
      display: -moz-box;
      display: -webkit-box;
      display: box; }
      div.order-container article.order__costume-container div.kind h3 {
        width: 90px;
        margin: 0; }
      div.order-container article.order__costume-container div.kind p {
        margin: 0 0 0 0;
        width: 530px; }
    div.order-container article.order__costume-container div.orderCostumeImage {
      margin: 25px 0 0 0; }
      div.order-container article.order__costume-container div.orderCostumeImage img.m20 {
        margin-right: 10px; }
      div.order-container article.order__costume-container div.orderCostumeImage p {
        margin: 10px 0 0 0; }
        div.order-container article.order__costume-container div.orderCostumeImage p a {
          margin: 0 0 0 20px; }
  div.order-container article.order__uniform-container {
    margin: 30px 0 0 0; }
    div.order-container article.order__uniform-container p {
      margin: 10px 0 0 0; }
    div.order-container article.order__uniform-container div.uniformImage {
      display: -moz-box;
      display: -webkit-box;
      display: box; }
      div.order-container article.order__uniform-container div.uniformImage div.sampleImage {
        margin: 20px 30px 0 0;
        width: 180px; }
  div.order-container section#ordermade {
    margin: 30px 0 0 0;
    position: relative;
    height: 300px; }
    div.order-container section#ordermade p.t {
      width: 600px; }
  div.order-container .photo {
    position: absolute;
    top: 0;
    right: 0; }

/* ************************************************************************************************************************ */
/*
	Footer
*/
/* ************************************************************************************************************************ */
footer {
  margin: 40px 0 0 0;
  padding: 0 0 20px 0;
  text-align: center; }

.copyright {
  font-size: 84%;
  color: #505050; }