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

/*--pcとmbどちらかだけに表示用--*/
.pconly{
display:none!important;
}
.mbonly{
display:block!important;
}



/*--mbのみスクロール 20221206価格ページ変更時--*/

.mbscroll {
width:350px;
white-space:nowrap;
overflow-x:scroll;
border:solid 1px #696969;
}


/*--20221206価格ページ変更時--*/

html {
 scroll-behavior: smooth;
 }

.price-t table {
/* 境界線間を密着させる指定 */
border-collapse: collapse;
}

.price-t table,.price-t th,.price-t td {
border: 1px #c0c0c0 solid;
}

.price-t th,.price-t td {
padding: 0.5em 0.5em;
}

.price-t th {
background-color:#CAE330;
text-align:center;
vertical-align:middle;
}

.price-t td {
text-align:right;
vertical-align:middle;
}

.floatleft {
float:left;
}

.clearleft {
clear:left;
}

.tdmidashi {
background-color:#E9FA81;
}



.price-s table {
/* 境界線間を密着させる指定 */
border-collapse: collapse;
}

.price-s table,.price-s th,.price-s td {
border: 1px #c0c0c0 solid;
}

.price-s th,.price-s td {
padding: 0.5em 0.7em;
}

.price-s th {
background-color:#CAE330;
text-align:center;
vertical-align:middle;
}

.price-s td {
text-align:center;
vertical-align:middle;
}




/*--TOPスライダー用--*/

#css-slider {
	width: 100%;
	overflow: hidden;
}

.slide-item {
	width: 45%;
	float: left;
	position: relative;
	margin: 2px;
}

.slider-wrapper {
	width:200%;
	position: relative;
	left: 0;
	will-change: transform;
	animation: slider 10s infinite;
}

@keyframes slider {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(-100%); }
  100% { transform: translateX(0); }
}


/*--ハッシュタグ風のリンク--*/
 
span.tag{
background:#FFFFFF;
border:solid 1.5px #EEEEEE;
border-radius:10px;
padding:0.1em 0.6em 0.1em 0.6em;
margin:0.1em;
line-height:2em;
display: inline-block;  
}

a.tag{
text-decoration:none;
color:#0000ee;
}

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




/*--じわっと表示--*/

.delayed-image {
/*じわっと画像が表示される */
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

/*じわっと画像が表示される*/
@keyframes fadeIn { /*上のbody内で呼び出しているアニメーションと名前をそろえる*/
    0% {opacity: 0} /* 始め */
    100% {opacity: 1} /* 終わり */
}

/*古いブラウザ用*/
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


/*--フローティングバナー--*/
.floatingWrap{
    width: 220px;
    position: fixed;
    bottom:5px;
    right:5px;
    z-index: 100;
    opacity: 0.9;
}
.floating{
   -webkit-backface-visibility: hidden;
    -webkit-transition: All 0.3s ease;
    backface-visibility: hidden;
    cursor: pointer;
    display: block;
    height: 80px;
    position: relative;
    text-align: center;
    transition: All 0.3s ease;
    width: 100%;
}






.txt01{
line-height:180%;
padding:5px 0;
}
.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%;
}



/*--ここから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-menu {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.footer-menu-main,
.footer-menu0,
.footer-menu1,
.footer-menu2 {
  width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.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:250px;
	height:480px;
	border:1px #a9a9a9 solid;
	float:left;
	margin-top:20px;
	margin-left:20px;
}
.t-shirt_box_2{
	width:250px;
	height:480px;
	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:16px;
}

/*--ここから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-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-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;
}
.gazou_box1{
float:left;
margin:0 10px;
}
.gazou_box2{
width: 290px;
float:left;
margin: 0 10px;
font-size: 11px;
}
.gazou-name{
	font-size:16px;
	font-weight: bold;
	border-bottom: solid 1px gray;
}
.gazou-coment{
	font-size: 14px;
}
.staff-box{
	padding: 0.2em 0.5em;
	margin: 1.5em 0;
	color: #000;
	background: #92d8ff;
	box-shadow: 0px 0px 0px 10px #92d8ff;
	border: dashed 2px #1760ac;
	border-radius: 8px;
}
.staff-box p{
	margin: 0;
	padding: 0;
 }
.staff-box2{
	padding:15px 0;
}
.tokushu p{
	float:left;
	padding: 2px;
}
.attention{
	padding:5px 0;
	width:580px;
	border:1px solid #dc143c;
	background-color:#dcdcdc;
}
.attention p{
	margin: 5px;
	padding:0 5px 0 10px;
	padding-left:10px;
	font-size:12px;
	text-align:left;
}
.attention h3{
	text-align:center;
	font-size:16px;
	color:#cc0000;
}
.calendar{
	padding:20px 0 0 5px;
	background-color:#fff;
}


.voice-attention{
	padding:5px 0;
	width:580px;
}


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

.readymade_siyou2 ul {
  border-top: 2px solid gray;
  border-bottom: 2px solid gray;
  font-size: 14px;
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
}

.readymade_siyou2 li {
  list-style-type: none;
  text-align: left;
  padding: 10px;
  margin-left: 5px;
}
.siyou1{
  border-bottom: 1px dotted #000;
}
.size{
	font-weight:bold;
}
.readymade_siyou2 p{
text-align:center;
font-size:16px;
font-weight:bold;
padding:10px;
}
.zeinuki{
width:520px;
text-align:right;
color:red;
font-size:14px;
}
.repg1{
background-color:#fff;
font-size:13px;
margin:8px;
border-bottom:solid 1px gray;
width:280px;

}
.repg2{
border-bottom:solid 1px gray;
  width:280px;
}
.readymade_siyou3 ul{
  font-size:13px;
  padding:5px;
  width:300px;
  float:left;
  }
.readymade_siyou3 li{
	list-style-type:none;
	text-align:left;
	padding:5px;
    margin-left:2px;
}
.repg_box{
}

.repg_box-1{
width:150px;
margin:0 auto;
padding:5px;
margin-top:5px;
}
.repg_box-2{
width:400px;
float:left;
padding:5px;
}
/*全ページ*/

.side-banner-left{
display: none;
}

.side-banner-right{
display: none;
}

.side-banner-right-c{
display: none;
}

#add{
display: none;
}

#con-l-new{
display: none;
}








.navi-bn-1{
margin:0 1px 0 2px;
}
.navi-bn-2{
margin-left:1px;
}

.side-menu-title{
text-align:center;
font-size:16px;
font-weight:bold;
background-color:#7e5f4d;
color:#fff;
padding:5px;
margin-top:5px;
margin-bottom:5px;
margin:5px 0 5px 0
}

/*--ここからcontact---*/
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: -50px;
  bottom: 50px;
  background: #ef3f40;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
3px;
}

.side-banner-left {
  display: none;
}