@charset "euc-jp";
/* CSS Document */

h2::after {
	background-color: #15E894;
}
h2.limited::after {
	background-color: #D3E815;
}
h2.girigiri::after {
	background-color: #E82A15;
}
h2 span.small {
	display: inline;
	margin-bottom: 0em;
	margin-left: 0.5em;
	color: #000000;
	font-size: 0.75em;
}
h3 {
	border: 1px solid #15E894;
}
h3.girigiri {
	border: 1px solid #E82A15;
}
h4 {
	border-left: 6px solid #15E894;
}
h4.girigiri {
	border-left: 6px solid #E82A15;
}

h5.calendar {
	margin-bottom: 0;
}
h5.template {
	font-size: 1em;
}

ul.slider {
	list-style: none;
	margin: 5px auto;
}
ul.slider li {
	display: table-cell;
}
ul.slider li img {
	width: 100%;
}
ul.slider li img.margin {
	margin-right: 1em;
}

.gimmicCarousel {
	margin: 1em;
}
.gimmicCarousel img.prev,
.gimmicCarousel img.next {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	cursor: pointer;
}
.gimmicCarousel img.prev:hover,
.gimmicCarousel img.next:hover {
	opacity: 0.8;
}
.gimmicCarousel img.prev {
	left: -30px;
}
.gimmicCarousel img.next {
	right: -30px;
}
.gimmicCarouselP {
	margin: 1em;
}
.gimmicCarouselP img.prev,
.gimmicCarouselP img.next {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	cursor: pointer;
}
.gimmicCarouselP img.prev:hover,
.gimmicCarouselP img.next:hover {
	opacity: 0.8;
}
.gimmicCarouselP img.prev {
	left: -30px;
}
.gimmicCarouselP img.next {
	right: -30px;
}

/*div.scroll_div {
	margin-top: -10px;
	margin-bottom: 20px;
}*/
table.price_goods {
	border: none;
	border-collapse: collapse;
	font-size: 0.9em;
	margin: 0px;
	table-layout: fixed;
	width: 100%;
}
table.half {
	width: 50%;
}
table.price_goods th {
	background-color: #89E8B2;
	border: 1px solid #999999;
	padding: 0.75em;
	text-align: center;
}
table.price_goods th.w1 {
	width: 10%;
}
table.price_goods th.w2 {
	width: 20%;
}
table.price_goods th.w3 {
	width: 30%;
}
table.price_goods th.small {
	font-size: 0.9em;
	padding: 1em 0.75em;
}
table.price_goods th.small2 {
	font-size: 0.8em;
	padding: 1em 0.75em;
}
table.price_goods th span {
	display: block;
}
table.price_goods td {
	background-color:#FFFFFF;
	border: 1px solid #999999 !important;
	padding: 0.75em;
	text-align: center;
}
table.price_goods i.fa-link {
	margin-right: 0.5em;
	margin-left: -1.5em;
}
i.fa-link {
	color:#125BC9;
}
i.margin {
	margin-left: 0.5em;
}

table.pricelist {
	width: 100%;
	border:none;
	border-collapse: collapse;
	font-size: 0.9em;
}
table.pricelist th {
	width: 70%;
	text-align: left;
	padding: 0.5em;
	padding-left: 2em;
	background-color: #89E8B2;
	border: 1px solid #999999;
}
table.pricelist th span {
	margin-left: 1em;
}
table.pricelist td {
	text-align: center;
	padding: 0.5em;
	border: 1px solid #999999;
}

table.method {
	width: 100%;
	border:none;
	border-collapse: collapse;
	font-size: 0.9em;
}
table.method th {
	padding: 0.5em;
	width: 25%;
	background-color: #89E8B2;
	border: 1px solid #999999;
}
table.method th.subhead {
	padding: 0.5em;
	font-weight: normal;
	background-color: #89E8B2;
	border: 1px solid #999999;
}
table.method td {
	padding: 0.5em;
	padding-left: 2em;
	border: 1px solid #999999;
}
table.method td span {
	display: block;
	margin-top: 1em;
}
table.method td span.cont {
	margin-top: 0;
}
table.method td span.imp_red {
	font-weight: bold;
	color: #E81569;
}
table.method td span.img {
	margin-top: 0.25em;
	margin-bottom: 0.5em;
}
table.method td.subhead {
	width: 15%;
	padding-left: 0.5em;
	text-align: center;
}
table.method td.subhead2 {
	width: 25%;
	padding-left: 0.5em;
	text-align: center;
}
table.method ul li {
	line-height: 1.6em;
}
table.method ul li.none {
	list-style: none;
}
table.method ul.square {
	list-style-type: square;
}

table.goods_schedule {
	width: 100%;
	border:none;
	border-collapse: collapse;
	font-size: 0.9em;
	margin: -1px auto 10px auto;
}
table.goods_schedule th {
	padding: 0.5em;
	width: 25%;
	background-color: #89E8B2;
	border: 1px solid #999999;
}
table.goods_schedule th.header {
	background-color: #89E8B2;
	text-align: center;
}
table.goods_schedule td {
	padding: 0.5em;
	border: 1px solid #999999;
	text-align: center;
}
table.goods_schedule td.explain {
	padding: 0.5em;
	padding-left: 2em;
	border: 1px solid #999999;
	text-align: left;
}
table.goods_schedule td.explain img {
	padding-left: 0.5em;
    text-align: center;
}
table.goods_schedule td span {
	display: block;
}
table.goods_schedule td.subhead1 {
	width: 30%;
	background-color: #D1E8DF;
	padding-left: 0;
	font-weight: bold;
	text-align: center;
}
table.goods_schedule td.subhead2 {
	background-color: #D1E8DF;
	padding-left: 0;
	font-weight: bold;
	text-align: center;
}
table.goods_schedule td.caution,
table.goods_schedule td.red {
	color: #FF0000 !important;
	font-weight: normal;
}
table.goods_schedule td.blue {
	color: #2A15E8 !important;
	font-weight: normal;
}

table.size {
	width: 100%;
	border:none;
	border-collapse: collapse;
	font-size: 0.75em;
	table-layout: fixed;
	text-align: center;
}
table.size th {
	padding: 0.5em;
	background-color: #E8C289;
	border: 1px solid #999999;
}
table.size th.subhead1 {
	color: #FF0000;
}
table.size th.subhead2 {
	color: #0066FF;
}
table.size th.subhead3 {
	color: #004E00;
}
table.size th span {
	display: block;
}
table.size th span.block {
	display: block;
}
table.size th span.normal {
	font-weight: normal;
}
table.size td {
	padding: 0.5em;
	border: 1px solid #999999;
}
table.size td.imp_red {
	font-weight: bold;
	color: #E81569;
}
table.size td span {
	display: block;
	margin: 1em 0;
}
table.size td span.block {
	display: block;
	margin: 0 0;
}
table.size td span.margin-top {
	margin-top: 1em;
}

table.type {
	width: 100%;
	border:none;
	border-collapse: collapse;
	font-size: 0.75em;
	text-align: center;
}
table.type th {
	padding: 0.5em;
	background-color: #89E8B2;
	border: 1px solid #999999;
}
table.type th span,
table.type td span {
	display: block;
}
table.type th span.margin-top,
table.type td span.margin-top { 
	margin-top: 1em;
}
table.type th span.imp,
table.type td span.imp {
	font-weight: bold;
}
table.type th.type_name {
	width: 25%;
}
table.type th.type_explain {
	width: 40%;
}
table.type td {
	padding: 1em;
	border: 1px solid #999999;
}
table.type td.type_explain {
	text-align: left;
	border: 1px solid #999999;
}
table.type td.type_explain span {
	display: block;
	margin: 1em auto;
}
table.type td.type_explain span.block {
	display: block;
	margin: 0 auto;
}
table.type td.type_explain span.imp {
	font-weight: bold;
}
table.type td.type_explain span.red {
	color: #E81569;
}

table.margin-top {
	margin-top: 1em;
}

p.center {
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
}
p.center span.block {
	display: block;
}

table.template {
	width: 100%;
	border: none;
	border-collapse: collapse;
	font-size: 0.9em;
	table-layout: fixed;
}
table.template th {
	background-color: #89E8B2;
	border: 1px solid #999999;
	width: auto;
	padding: 0.5em;
}
table.template th span,
table.template td span {
	display: block;
}
table.template td {
	text-align: center;
	padding: 0.5em;
	border: 1px solid #999999;
}
/*
table.template td a {
	color: #000000;
}
table.template td a:hover {
	color: #D3E815;
}
*/
table.template td i {
	margin-right: 0.5em;
}
table.template td.type_name {
	width: 25%;
}
table.template td.type_explain {
	width: 40%;
}
table.template td.subhead {
	background-color: #89E8B2;
}
table.template td.subhead span {
	display: block;
}

table.cont {
	margin-top: -1px;
}

table.other th {
background-color: #E8C289;
}

.button_block_right {
	display: block;
	text-align: right;
}
.button_block_left {
	display: block;
	text-align: left;
	margin: 5px auto;
}
.button_block_center {
	display: block;
	text-align: center;
	margin: 5px auto;
}
.button {
	display: inline-block;
	width: auto;
	height: auto;
	text-align: center;
	text-decoration: none;
	outline: none;
	border: 1px solid #000;
	background-color: #000;
	background-image: -webkit-linear-gradient(top, #999, #000);
	background-image: linear-gradient(to bottom, #999, #000);
	border-radius: 4px;
	color: #FFF !important;
	padding: 0.5em 0.8em;
	-webkit-transition: none;
	transition: none;
}
.button:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	color: #FFF;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button_paper {
	display: inline-block;
	width: auto;
	height: auto;
	text-align: center;
	text-decoration: none;
	outline: none;
	border: 1px solid #A8450F;
	background-color: #F56416;
	background-image: -webkit-linear-gradient(top, #F56416, #CF5413);
	background-image: linear-gradient(to bottom, #F56416, #CF5413);
	border-radius: 4px;
	color: #fff !important;
	padding: 0.5em;
	-webkit-transition: none;
	transition: none;
}
.button_paper:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	color: #FFF;
}
.button_paper::before,
.button_paper::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_paper,
.button_paper::before,
.button_paper::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button_top {
	display: inline-block;
	width: auto;
	height: auto;
	text-align: center;
	text-decoration: none;
	outline: none;
	border: 1px solid #D1DAE8;
	background-color: #D1DAE8;
	background-image: -webkit-linear-gradient(top, #FFF, #D1DAE8);
	background-image: linear-gradient(to bottom, #FFF, #D1DAE8);
	border-radius: 4px;
	color: #000 !important;
	padding: 0.5em 0.8em;
	-webkit-transition: none;
	transition: none;
}
.button_top:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	color: #FFF;
}
.button_top::before,
.button_top::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_top,
.button_top::before,
.button_top::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.price {
	font-weight: bold;
	border: 1px solid #15E894;
	background-color: #15E894;
	background-image: -webkit-linear-gradient(top, #BAE8D5, #15E894);
	background-image: linear-gradient(to bottom, #BAE8D5, #15E894);
	color: #000000 !important;
	margin-top: 0.5em;
}
div.button_block_left a.padding_2em{
	padding: 0.5em 2em;
}
.reservation {
	font-weight: bold;
	border: 1px solid #1569E8;
	background-color: #1569E8;
	background-image: -webkit-linear-gradient(top, #5D95E8, #1569E8);
	background-image: linear-gradient(to bottom, #5D95E8, #1569E8);
	color: #FFFFFF !important;
}
.schedule_goods {
	border: 1px solid #E81569;
	background-color: #E81569;
	background-image: -webkit-linear-gradient(top, #E874A2, #E81569);
	background-image: linear-gradient(to bottom, #E874A2, #E81569);
	color: #FFFFFF !important;
}
.step {
	display: block;
	font-size: 2em;
	text-align: center;
	margin-bottom: 1em;
}
.button_app {
	display: inline-block;
	width: 30%;
	height: auto;
	text-align: center;
	text-decoration: none;
	outline: none;
	border: 1px solid #D1DAE8;
	background-color: #D1DAE8;
	background-image: -webkit-linear-gradient(top, #FFF, #D1DAE8);
	background-image: linear-gradient(to bottom, #FFF, #D1DAE8);
	border-radius: 4px;
	color: #000 !important;
	padding: 0.5em 0.8em;
	-webkit-transition: none;
	transition: none;
}
.button_app i {
	margin-right: 0.5em;
}
.button_app span {
	font-size: 0.8em;
}
.button_app:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	color: #FFF;
}
.button_app::before,
.button_app::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_app,
.button_app::before,
.button_app::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button_order {
	display: inline-block;
	width: 45%;
	height: auto;
	text-align: center;
	text-decoration: none;
	outline: none;
	border: 1px solid #E82A15;
	background-color: #E82A15;
	border-radius: 4px;
	color: #FFFFFF !important;
	padding: 1em;
	-webkit-transition: none;
	transition: none;
	font-weight: bold;
}
.button_order i {
	margin-right: 0.5em;
}
.button_order span {
	font-size: 0.8em;
}
.button_order:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	color: #FFF;
}
.button_order::before,
.button_order::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_order,
.button_order::before,
.button_order::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.order_sheet {
	border: 1px solid #E82A15;
	background-color: #FFFFFF;
	color: #E82A15 !important;
	font-weight: bold;
}
.tshirt_stock {
	width: auto;
	padding: 0.5em 1em;
}
div.button_block_right a.small {
	font-size: 0.8em;
}

p.notes {
	font-size: 0.9em;
}
p.notes span.red {
	color: #E81569;
}
p.notes span.block {
	display: block;
}
p.notes span.imp,
p.notes span.bold {
	font-weight: bold;
}

p.introduction {
	width: 75%;
    margin: 2em auto;
	text-align: center;
    line-height: 2;
    overflow-wrap: break-word;
}

.grid-items {
	margin-right: auto;
	margin-left: auto;
	width: 750px;
	color: #000;
}
.grid-items li a:link,
.grid-items li a:visited {
	color: #000;
}
.grid-items li {
	list-style-type: none;
	margin: 10px;
	width: 350px;
	height: auto;
	background: #FFF;
	box-shadow: #E8DFD1 0px 2px 3px;
}
.grid-items li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	color: #666;
}
.grid-items li img {
	max-width: 100%;
}
.grid-items li h2.set_title {
	width: 85%;
	margin: 10px auto;
	font-size: 1.2em;
}
.grid-items li dl {
	padding-left: 20px;
	line-height: 1.6;
	font-size: 0.9em;
}
.grid-items li dl dt {
	float: left;
	width: 20%;
	clear: left;
}
.grid-items li dl dd {
	margin: 0 0 0 20%;
}
.grid-items li p {
	margin: 0.5em;
    height: 2em;
	text-align: center;
}
.grid-items li p span {
	font-size: 0.9em;
	font-weight: bold;
}
.grid-items li p span.small {
	display: block;
	color: #9C968C;
	font-size: .8em;
}
.grid-items li p span.block {
	display: block;
}
.grid-items li p span.small {
	font-size: 0.7em;
}

dl#news {
	padding-left: 20px;
	line-height: 1.5;
	font-size: 0.9em;
	margin-bottom: 2em;
}
dl#news dt {
	float: left;
	width: 20%;
	clear: left;
}
dl#news dd {
	margin: 0 0 1% 20%;
}
dl#news dd a {
	color: #000000;
	text-decoration: none;
	pointer-events: none;
}
dl#news div.textarea {
	overflow-y: scroll;
	overflow-x: hidden;
	width: 100%;
	height: 5em;
}

/*smartphone*/
@media screen and (max-width: 768px){

h2 span.small {
	display: block;
	margin-left: 0;
}
	
img.main {
	width: 100%;
}

.button_top,
.button_app {
	font-size: 0.9em;
}
a.button_top {
	margin: 5px;
}

h3,
h4 {
	font-size: 0.9em;
}

p.introduction {
	width: 90%;
    font-size: 0.9em;
}

table.price_goods,
table.pricelist{
	font-size: 0.75em;
}
table.price_goods th.image img {
	width: 75%;
}
table.width_sp {
	width: 600px;
}
table.width_sp2 {
	width: 500px;
}
table.half {
	width: 100%;
}

table.method,
table.goods_schedule {
	font-size: 0.8em;
}
table.method th,
table.goods_schedule th {
	font-size: 0.9em;
}
table.method td,
table.goods_schedule td{
	font-size: 0.8em;
	line-height: 1.6;
}
table.method td a {
	text-decoration: underline;
}
table.method td div.button_block_left a {
	text-decoration: none;
}

h6 {
	line-height: 1.6;
}

a.button {
	margin: 5px;
}

table.size {
	font-size: 0.6em;
}

ul.notes li {
	margin-left: 1.5em;
	line-height: 1.6;
	font-size: 0.8em;
}

h5.template {
	font-size: 0.9em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

table.template {
	font-size: 0.6em;
}

section.app p {
	font-size: 0.8em;
}
.button_app {
	width: 70%;
	margin: 5px !important;
}
.sp_only {
	text-align: left;
	margin: 5px !important;
}

.order_form {
	display: none;
}
.order_sheet {
	width: 80%;
}
.tshirt_stock {
	width: 80%;
	font-size: 0.8em;
}

.grid-items {
	width: 100%;
}
.grid-items li {
	margin: 5px;
	width: 47%;
	height: auto;
}
.grid-items li h2.set_title {
	width: 90%;
	margin: 10px auto;
	font-size: 1.2em;
	padding-right: 0;
}

.grid-items li p span,
.grid-items li p span.small {
	font-size: 0.6em;
}
.grid-items li p span.block {
	display: block;
}
.grid-items li p span.reduction {
	transform: scale( 0.75 , 1 );
}

dl#news {
	width: 95%;
	padding-left: 0px;
	font-size: 0.8em;
	margin: 0 auto;
}
dl#news dt {
	clear: both;
	display: block;
	width: 100%;
}
dl#news dd {
	width: 95%;
	display: block;
	margin-left: 20px;
}
	
}

/*°ُ؛‏حر*/
@media print{
	
section#print01 {
	margin-left: 0;
}

}