﻿@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-default.css");


.txt01{
line-height:180%;
padding:5px 0px;
}
.txt02{
line-height:180%;
padding:5px 10px;
}
.list01{
padding:3px 0px 3px 25px;
}
.list01 li{
padding:1px 0px;
line-height:180%;
}
.list02{
padding:3px 0px 3px 25px;
list-style:circle;
}
.list02 li{
padding:1px 0px;
line-height:180%;
}
.list03{
padding:3px 0px 3px 25px;
list-style:none;
}
.list03 li{
padding:1px 0px;
line-height:180%;
}
.toumei a:hover img{
opacity:0.7;
filter:toumei:(opacity="70");
-ms-filter:"toumei(opacity="70")";
}

/*--ここからtest--*/

.box_1{
width:120px;
padding-top:10px;
padding-left:50px;
float:left;
}
.name_1{
text-align:center;
font-size:13px;
font-weight:bold;
padding-top:15px;
}
.number_1{
text-align:center;
font-size:13px;
font-weight:bold;
}
.cost_1{
text-align:center;
font-size:13px;
font-weight:bold;
padding-bottom:30px;
}
.box_2{
width:120px;
float:left;
padding-top:10px;
padding-left:35px;
}
.kaijyo{
	clear:both;
}
.footer-number{
	text-align:center;
	list-style-type:none;
	padding-left:220px;
}
.footer-number_1{
	text-align:center;
	list-style-type:none;
	float:left;
	padding:3px;
}
.kategori{
	padding-top:30px;
	padding-left:25px;
}
.kategori a:hover img{
	opacity:0.7;
	filter:kategori(opacity=70);
	-ms-filter:kategori(opacity=70);
}
.kategori td{
	padding:15px;
}
.m_b15 a:link{
	color:#000;
}
.m_b15 a:visited{
	color:#000;
}
.m_b15 a:hover{
	color:#5ec3eb;
}
.m_b15 a:active{
	color:#000;
}
.menu_list a:link{
	color:#000;
}
.menu_list a:visited{
	color:#000;
}
.menu_list a:hover{
	color:#5ec3eb;
}
.menu_list a:active{
	color:#000;
}
.contact_link a:link{
	color:#0095d9;
}
.contact_link a:visited{
	color:#0095d9;
}
.contact_link a:hover{
	color:#000;
}
.contact_link a:active{
	color:#0095d9;
}
.blue{
	color:#0095d9;
}
.siyou{
	text-align:center;
}
.kategori_box1{
	width:200px;
	float:left;
	padding-top:20px;
	padding-right:40px;
	padding-left:50px;


}
.kategori_box2{
	width:200px;
	float:left;
	padding-top:20px;
	padding-right:20px;
	padding-left:10px;
}
.pink{
	color:#ff69b4;
}
.red{
	color:#ff0000;
}


/*--ここからt-shirt--*/
.t-shirt_box_1{

	width:230px;
	height:450px;
	border:1px #a9a9a9 solid;
	float:left;
	margin-top:20px;
	margin-left:20px;
}
.t-shirt_box_2{
	width:230px;
	height:450px;
	border:1px #a9a9a9 solid;
	float:left;
	margin-top:20px;
	margin-left:20px;
	padding-left:5px;
}
.t-shirt_box_1 a:hover{
	opacity:0.7;
	filter:t-shirt_box_1(opacity=70);
	-ms-filter:"t-shirt_box_1(opacity=70)";
}
.t-shirt_box_2 a:hover{
	opacity:0.7;
	filter:t-shirt_box_2(opacity=70);
	-ms-filter:"t-shirt_box_2(opacity=70)";
}
.price{
	font-size:18px;
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
}
.name_1{
	text-align:center;
}
.center_1{
	text-align:center;
}
.center_2{
	text-align:center;
	padding-top:20px;
}
.center_3{
	text-align:center;
	margin-top:10px;
}
.t-shirt_left1{
	float:left;
}
.t-shirt_left2{
	margin-left:5px;
}
.t-shirt_cost{
	color:red;
	font-size:18px;
}
.t-shirt_cost2{
	font-size:13px;
}
.point{
	background-color:#f5a300;
	color:#fff;
	margin:3px;
}



/*うどん１*/

.orange{
	color:#ffa500;
}
.brown{
	color:#66380a;
}


/*test3*/

.list_cost h1 {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #ffa500;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
float:left;
}
.list_cost a:link{
	color:black;
}
.list_cost a:visited{
	color:black;
}

.list_cost a:hover{
	color:orange;
}
.box29 {
    margin: 2em 0;
    background:#ffcc99;
    float:left;
    width:280px;

}
.box29 .box-title {
    font-size: 1.2em;
    background: #ff6347;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}
.box29-2 {
    margin: 2em 0;
    background: #ffcc99;
}
.box29-2 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29-2 p {
    padding: 15px 30px;
    margin: 0;
}
.box29_siruku {
    margin: 2em 0;
    background: #ffcc99;

}
.box29_siruku .box-title {
    font-size: 1.2em;
    background: #ff6347;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29_siruku p {
    padding: 15px 20px;
    margin: 0;
}
.box29_dairekuto {
    margin: 2em 0;
    background:#ffcc99;

}
.box29_dairekuto .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29_dairekuto p {
    padding: 15px 30px;
    margin: 0;
}
.kizi{
position: relative;
padding: 0.25em 0;
}
.kizi:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
}
.kizi1{
position: relative;
padding: 0.25em 0;
}
.kizi1:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(255, 186, 115), #90ee90);
background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #90ee90);
background: linear-gradient(to right, rgb(255, 186, 115), #90ee90);
}
.option {
position: relative;
padding-left: 25px;
}
.option:before {
position: absolute;
content: '';
bottom: -3px;
left: 0;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 15px rgb(119, 195, 223);
}
.option:after {
position: absolute;
content: '';
bottom: -3px;
left: 10px;
width: 100%;
border-bottom: solid 3px rgb(119, 195, 223);
}
#t-cate h2{
	font-size:12px;
}

/*--ここからflow-contact--*/

.box29 {
    margin: 2em 0;
    background: #dcefff;
}
.box29 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}

.test-flow1 {
  color: #4d4d4d;/*文字色*/
font-size:18px;
  border-bottom: dashed 2px #4d4d4d;
  font-weight:bold;
}
.icon{
	float:left;
	margin:10px 10px 0 0;
	height:200px
}
.flow-contact-top1 p{
	float:left;
  padding-right: 4px;
}
.flow-contact-top1 {
	margin-left:20px;
}
.flow-contact-top2 a:hover {

	opacity:0.7;
	filter:flow-contact-top(opacity=70);
	-ms-filter:"flow-contact-top(opacity=70)";
}
.step-flowcontact{
	font-size: 22px;
	color: #FF69B4;
}
.readymade{
  border-bottom: solid 3px skyblue;
  position: relative;
  font-size:20px;
}
.readymade:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}



/*--ここからprice---*/

.cost-mokuzi p:active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
  text-decoration:none;
}
.cost-mokuzi a:link{
	display: block;
	color: #000000;
	text-decoration: none;
}
.cost-mokuzi a:visited{
	color: #FFFFFF;
  text-decoration:none;
}
.underline{
  border-bottom: solid 3px #fa8787;
}
.cost-mokuzi a:hover{
	color: #FFFFFF;
 text-decoration:none;
}
.cost-mokuzi a{
	display:block;
}
.container {
  display: flex;
  flex-wrap: wrap;
  width:550px;
  padding-bottom:20px;
  padding-left:28px;
  }
.item{
	text-align:center;
	font-size:14px;
	padding:8px;
}
.item a:hover{
	opacity:0.7;
	filter:flow-contact-top(opacity=70);
	-ms-filter:"flow-contact-top(opacity=70)";

}



/*--ここからtop---*/
.top-ranking p{
 box-shadow:2px 2px 4px gray;
 width:100px;
 height:250px;
 margin:7px;
 float:left;
 }
.top-ranking a:hover{
	opacity:0.7;
	filter:flow-contact-top(opacity=70);
	-ms-filter:"flow-contact-top(opacity=70)";
}
.top-ranking-icon1 p{
 float:left;
 bottom:0;
 width:100px;
 margin:0 7px;
text-align:center;
 }
.ranking-icon1{
padding-top:10px;
}
.ranking-icon{
padding-top:20px;
}
.top-ranking-icon2 p{
 float:left;
 margin:0 29px;
 }

.top-gide{
width:850px;
}
.top-gide1{
width:400px;
}
.top-gide2{
width:400px;
}
.top-gide-h4{
background-color:#004986;
color:#fff;
border-radius: 3px;
text-align:center;
width:400px;
font-size:15px;
padding:3px;
}
.top-gide-price{
width:200px;
background: #FFF;
border: solid 2px #6091d3;
border-radius: 5px;
}
.top-gide-price-h1{
text-align:center;
font-weight:bold;
}
.top-gide table{
width:400px;
border-collapse: collapse;
border: solid 1px #6091d3;
}
.top-gide table th{
background-color:#6C9BD2;
}
.top-gide-contact{
background-color:#187FC4;
color:#fff;
border-radius: 5px;
font-size:16px;
text-align:center;
}



/*--ここからreadymade---*/
.re-k p{
float:left;
margin:8px;
}
