@charset "utf-8";

/*   2021-2022 AW対応 */



.hide{ display: none; }
.show{ display: block; }
#svgbox{width:auto;   margin: 0 auto; padding: 20px;}

body{font-size: 16px!important;}

h1{font-size: 200%!important; font-family: 'Anton', sans-serif;}
h2{font-size: 150%!important;}
h3{font-size: 125%!important;}
h4{font-size: 108%!important; font-weight: normal; margin-bottom: 0!important;}
h5{font-size: 105%!important;}
h6{font-size: 95%!important;}


/*Safariのbagfix*/
.row:before, .row:after {display: none !important;}



.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
     	-webkit-box-orient: horizontal;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: row;
  	flex-direction: row;
    -webkit-flex-direction: flex; /* Safari対応のつも
り */
}





/*@@@ブラック*/
#s_c1 {
	background-color: #231815;
}
/*@@@ダークグレー*/
#s_c2 {
	background-color: #858585;
}
/*@@@@チャコールグレー*/
#s_c3 {
	background-color: #424a4b;
}
/*@@@ネイビー*/
#s_c4 {
	background-color: #0e1a3b; color: #fff;
}
/*@@@スレート*/
#s_c5 {
	background-color: #263641;
}
/*@@@レッド*/
#s_c6 {
	background-color: #ff0000;
}
/*@@@シルバー*/
#s_c7 {
	background-color: #a2a299;
}
/*@@@グリーン*/
#s_c8 {
	background-color: #117433 ;
}
/*オレンジ*/
#s_c9 {
	background-color: #DD613E;
}
/*ライトグレー*/
#s_c10 {
	background-color: #AAB5B2;
}
/*@@@Dダークパープル*/
#s_c11 {
	background-color: #1f0520;
}
/*@@@グレープ*/
#s_c12 {
	background-color: #330099;
}
/*@@@ホワイト*/
#s_c13 {
	background-color: #FFFFFF;
	border: 1px solid rgba(191,191,191,1.00);
}




/*@@@アクア*/
#s_c14 {
background-color: #00a0de;
}

/*@@@ターコイズ*/
#s_c15 {
background-color: #239999;
}

/*@@@ピスタチオ*/
#s_c16 {
background-color: #66cccc;
}

/*@@@@ブラウン*/
#s_c17 {
background-color: #321901;
}

/*@@@ロイヤル*/
#s_c21 {
	background-color: #0033cc;
}

/*@@@ワイン*/
#s_c23 {
	background-color: #660033;
}
/*@@@オリーブ*/
#s_c24 {
	background-color: #444500;
}

/*@@@アイスブルー*/
#s_c26 {
	background-color: #9cb1c9;
}
/*@@@ベビーピンク*/
#s_c27 {
	background-color: #ff99cc;
}
/*ピンク*/
#s_c28 {
	background-color: #EB7492;
}
/*@@@フラッシュグリーン*/
#s_c29 {
	background-color: #83fe2e;
}
/*@@@イエロー*/
#s_c30 {
	background-color: #ffff33;
}
/*@@@フラッシュオレンジ*/
#s_c31 {
	background-color: #ff9900;
}

/*これがスレート*/
#s_c45 {
	background-color: #004c65;
}
/*ダークグレー*/
#s_c46 {
	background-color: #3e3a39;
}

/*ブルー*/
#s_c47{
	background-color: #0099ff;
}

/*ゴールド*/
#s_c48{
	background-color: #a38a17;
}

/*マークピンク*/
#s_c49{
	background-color: #ff1493;
}
/*マークオレンジ*/
#s_c50{
	background-color: #ff9900;
}
/*マークグリーン*/
#s_c51{
	background-color: #83fe2e;
}









/*<!--STONE JERSEY/デザインプリント-->*/

/*STONE BLACK*/
.bcA_sj1 ,.bc_sj1 ,.sj1, .l1_sj1 ,.l2_sj1, .l3_sj1,  .l4_sj1, .l7_sj1, .l8_sj1, .l9_sj1, .l10_sj1{ 
	background: url("../images/sj01.jpg");  background-repeat: repeat;
}
/*STONE blue*/
.bcA_sj2,.bc_sj2, .sj2, .l1_sj2 ,.l2_sj2, .l3_sj2, .l4_sj2, .l7_sj2, .l8_sj2, .l9_sj2, .l10_sj2{ 
	background: url("../images/sj02.jpg");  background-repeat: repeat;
}
/*STONE green*/
.bcA_sj3, .bc_sj3, .sj3, .l1_sj3 ,.l2_sj3, .l3_sj3, .l4_sj3, .l7_sj3, .l8_sj3, .l9_sj3, .l10_sj3{ 
	background: url("../images/sj03.jpg");  background-repeat: repeat;
}
/*STONE red*/
.bcA_sj4,.bc_sj4,.sj4, .l1_sj4 ,.l2_sj4, .l3_sj4, .l4_sj4, .l7_sj4, .l8_sj4, .l9_sj4, .l10_sj4{ 
	background: url("../images/sj04.jpg");  background-repeat: repeat;
}

/*bodycolor black   .l1_sj0 はライン1のスキン  l4_sj0 はライン4のスキン*/
.bcA_bc1, .bc_bc1, .l1_sj0, .l4_sj0{ 
	background: url("../images/bc01.jpg"); background-color: #000000;  background-repeat: repeat;
}
/*bodycolor smoke*/
.bcA_bc2, .bc_bc2, .l1_bc2, .l2_bc2, .l3_bc2, .l4_bc2, .l7_bc2, .l8_bc2, .l9_bc2, .l10_bc2
{ 
	background: url("../images/bc02.jpg"); background-color: #efefef;  background-repeat: repeat;
}






/*FEATHER*/
.bcA_dp1, .bc_dp1, .l1_dp1 ,.l2_dp1, .l3_dp1, .l4_dp1, .l7_dp1, .l8_dp1, .l9_dp1, .l10_dp1{ 
	background: url("../images/dp01.jpg");  background-repeat: repeat;
}
/*LAGOON*/
.bcA_dp2, .bc_dp2, .l1_dp2 ,.l2_dp2 ,.l3_dp2 ,.l4_dp2,.l7_dp2,.l8_dp2 ,.l9_dp2, .l10_dp2 { 
	background: url("../images/dp02.jpg");background-color: #032F1E;  background-repeat: repeat;
}
/*SPARK*/
.bcA_dp3, .bc_dp3, .l1_dp3,.l2_dp3,.l3_dp3,.l4_dp3,.l7_dp3,.l8_dp3,.l9_dp3, .l10_dp3 { 
	background: url("../images/dp03.jpg");background-color: #032F1E;  background-repeat: repeat;
}
/*MONO FLOWER*/
.bcA_dp4, .bc_dp4, .l1_dp4,.l2_dp4,.l3_dp4,.l4_dp4 ,.l7_dp4,.l8_dp4,.l9_dp4, .l10_dp4{ 
	background: url("../images/dp04.jpg");background-color: #032F1E;  background-repeat: repeat;
}
/*TWEED*/
.bcA_dp5, .bc_dp5, .l1_dp5,.l2_dp5,.l3_dp5,.l4_dp5,.l7_dp5,.l8_dp5,.l9_dp5, .l10_dp5 { 
	background: url("../images/dp05.jpg");background-color: #032F1E;  background-repeat: repeat;
}
/*ORTEGA*/
.bcA_dp6, .bc_dp6, .l1_dp6,.l2_dp6,.l3_dp6,.l4_dp6,.l7_dp6,.l8_dp6,.l9_dp6, .l10_dp6 { 
	background: url("../images/dp06.jpg");background-color: #032F1E;  background-repeat: repeat;
}
/*FLORAL*/
.bcA_dp7, .bc_dp7, .l1_dp7,.l2_dp7,.l3_dp7,.l4_dp7,.l7_dp7,.l8_dp7,.l9_dp7, .l10_dp7 { 
	background: url("../images/dp07.jpg");background-color: #032F1E;  background-repeat: repeat;
}
/*INK     2021SSから grunge_gray */
.bcA_dp8, .bc_dp8, .l1_dp8,.l2_dp8,.l3_dp8,.l4_dp8,.l7_dp8,.l8_dp8,.l9_dp8, .l10_dp8 { 
	background: url("../images/dp08.jpg");background-color: #032F1E;  background-repeat: repeat;
}
/*SAFARI*/
.bcA_dp9, .bc_dp9, .l1_dp9,.l2_dp9,.l3_dp9,.l4_dp9 ,.l7_dp9,.l8_dp9,.l9_dp9, .l10_dp9{ 
	background: url("../images/dp09.jpg");background-color: #032F1E;  background-repeat: repeat;
}
/*CLOUD*/
.bcA_dp10, .bc_dp10, .l1_dp10,.l2_dp10,.l3_dp10,.l4_dp10 ,.l7_dp10,.l8_dp10,.l9_dp10, .l10_dp10{ 
	background: url("../images/dp10.jpg");background-color: #032F1E;  background-repeat: repeat;
}
/*BORDER*/
.bcA_dp11, .bc_dp11, .l1_dp11,.l2_dp11,.l3_dp11,.l4_dp11 ,.l7_dp11,.l8_dp11,.l9_dp11, .l10_dp11{ 
	background: url("../images/dp11.jpg");background-color: #032F1E;  background-repeat: repeat;
}
/*Bird of Paradise*/
.bcA_dp12, .bc_dp12, .l1_dp12 ,.l2_dp12 ,.l3_dp12 ,.l4_dp12 ,.l7_dp12,.l8_dp12,.l9_dp12, .l10_dp12{ 
	background: url("../images/dp12.jpg");background-color: #032F1E;  background-repeat: repeat;
}
/*Botanical Leaf*/
.bcA_dp13, .bc_dp13, .l1_dp13,.l2_dp13,.l3_dp13,.l4_dp13 ,.l7_dp13,.l8_dp13,.l9_dp13, .l10_dp13{ 
	background: url("../images/dp13.jpg");background-color: #032F1E;  background-repeat: repeat;
}
/*White Grunge*/
.bcA_dp14, .bc_dp14, .dp14, .l1_dp14,.l2_dp14,.l3_dp14,.l4_dp14 ,.l7_dp14,.l8_dp14,.l9_dp14, .l10_dp14{ 
	background: url("../images/dp14.jpg");background-color: #032323;  background-repeat: repeat;
}
/*BIG FLOWER*/
.bcA_dp15, .bc_dp15, .dp15, .l1_dp15,.l2_dp15,.l3_dp15,.l4_dp15 ,.l7_dp15,.l8_dp15,.l9_dp15, .l10_dp15{ 
	background: url("../images/dp15.jpg");background-color: #032444;  background-repeat: repeat;
}

/*YELLOW FLOWER*/
.bcA_dp16, .bc_dp16, .dp16, .l1_dp16,.l2_dp16,.l3_dp16,.l4_dp16 ,.l7_dp16,.l8_dp16,.l9_dp16, .l10_dp16{ 
	background: url("../images/dp16.jpg");background-color: #032444;  background-repeat: repeat;
}



.logomarktitle{ float: left; display: inline; }
.logonameGroup {float: left; display: inline-block; }
.logo_choice{ line-height: 1.1!important; margin-bottom: 3px; }

.model_btn,.material_btn{ font-size: 80%; }

.open{    background-color: #cdcdcd;
    border: 3px solid #000000;
}







/* ロゴボタンについて */
#sv_cm_1,
#sv_cm_2,
#sv_cm_3,
#sv_cm_4,
#sv_cm_5,
#sv_cm_6,
#sv_svm_1,
#sv_svm_2,
#sv_svm_3,
#sv_svm_4,
#sv_svm_5,
#sv_svm_6,
#sv_svm_7,
#sv_svm_8,

#seven_ma_1btn,
#seven_ma_2btn,
#seven_ma_3btn,
#seven_mb_1btn,
#seven_mb_2btn,
#seven_mb_3btn,
#seven_mb_4btn,
#seven_md_1btn,
#seven_md_2btn,




#revo_ma_1btn,
#revo_ma_2btn,
#revo_ma_3btn,
#revo_ma_4btn,
#revo_ma_5btn,
#revo_ma_6btn,
#revo_mb_1btn,
#revo_mb_2btn,




#at_ma_1btn,
#at_ma_2btn,
#at_ma_3btn,
#at_mb_1btn,
#at_mb_2btn,
#at_mb_3btn,
#at_mc_1btn,
#at_mc_2btn,
#at_mc_3btn,
#at_mc_4btn,
#at_mc_5btn,
#at_mc_6btn,
#at_mc_7btn,
#at_mc_8btn
{background-color: #333333;}


/*カラーチャートのボックスの形を制御*/
.chart_circle {
	/*
	 height: 4em;
	*/
	padding: 3px 2px!important;
	border: 1px solid #000000;
font-size: 8px;
font-weight: normal;
	text-align: center;
	align-items: center;
	
	color: #ffffff;
	text-shadow:  1px  1px 2px #777 ,
               -1px  1px 3px #777 ,
                1px -1px 2px #777 ,
               -1px -1px 3px #777;
              
}






#select_text {
	margin-bottom: 30px;
}


#sample_area {
	text-align: center;
	margin-bottom: 10px;
	position: relative;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.select_icon {
	width: 24px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: bottom;
}
#switch_area {
	margin-bottom: 10px;
	margin-left: 60px;
	position: relative;
	width: 300px;
	float: left;
	text-align: left;
	padding-top: 20px;
	z-index: 200;
}


.nc {
	font-weight: normal;
	font-size: 12px;
}


.now_box {

	width: 23px;
	height: 23px;
display: inline-block;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.31);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.31);

}



#now_color {
	text-align: left;
	margin-right: 0px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	vertical-align: bottom;
	margin-bottom: 50px;
}
#now_color ul {


}
#now_color ul li {
	width: 100%;
	margin-bottom: 10px;
	font-weight: bold;
}



/* 2021SSより追加 */
#body_update_btn{ font-size:11px!important; 
	padding: 2px;
 }








#now_stitch {
	background-color: #80B8AD;
}



.select_switch .col{ text-align: left; padding: 2px; }
.select_switch h4{ font-size:11px!important; display: inline-block; border: 1px solid #ffffff; padding: 2px;margin-right: 5px;  text-align: center;}
.select_switch .nc{display: inline-block;}






.select_switch{
	margin-bottom: 1em;
		text-align: center;

	margin-right: auto;
	margin-left: auto;
}







.select_switch div  {
		font-size: 11px;
	font-weight: normal;
	background-color: #999999;
	
	border: 1px solid #bdbebe;
	padding: 5px 0px 0px;
	
	cursor: pointer;



margin-top: 0.5em!important;
	color: #ffffff;
	text-shadow:  1px  1px 1px #777 ,
               -1px  1px 3px #777 ,
                1px -1px 1px #777 ,
               -1px -1px 3px #777;

}


.select_switch div div{
border: none;
padding: 0;
margin-top: 0!important;
background-color: initial;
	font-size: 11px;

}



.select_switch div.open  {
	background-color:#00aade;
	border:3px solid #000000;
	
}











#select_title {
	text-align: center;
	font-weight: bold;
}











#select_ch {
	background-color: rgba(255,255,255,0.40);
	padding-top: 5px;
	
	margin-right: auto;
	margin-left: auto;

	/*display: none;*/
}



#select_ch {

	padding-top: 10px;
	
	margin-right: auto;
	margin-left: auto;
	/*display: none;*/
}


#select_ch ul li {
	cursor: pointer;
}










.select_chart_name,
.select_chart_name_1st,
.select_chart_name_body {
text-align: center;
	font-weight: bold;
	font-size: 11px;
	margin-top: 1em;
	margin-bottom: .5em;

}

#select_chart1 {
	margin-bottom: 20px;
}
#select_chart2 {
	margin-bottom: 20px;
}
#select_chart3 {
	margin-bottom: 50px;

}
.select_chart {
	text-align: left;
}
.select_chart li {
	width: 19%;
	display: inline-block;
	font-size: 10px;
	white-space: nowrap;
	
	text-align: center;
	margin-bottom: 5px;
}






.pt_img {
	display: block;
	margin-bottom: 3px;
	margin-left: 2px;
	margin-top: 5px;
}






section {
	margin-top: 20px;
	-webkit-box-shadow: 0px 0px 30px rgba(165,165,165,0.48);
	box-shadow: 0px 0px 30px rgba(165,165,165,0.48);
	padding-top: 0px;
	width: 540px;
}

.contents_title {
	height: 42px;
	width: 502px;
}
.contents_title_icon {
	width: 42px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.contents_title_data {
	position: relative;
	top: -10px;
	left: 40px;
	font-weight: normal;
	text-align: left;
	width: 458px;
}
.contents_title_name_w {
	font-size: 23px;
	color: rgba(255,255,255,1.00);
	position: relative;
	left: 22px;
	top: 0px;
	display: inline-block;
}
.contents_title_name_mini {
	font-size: 16px;
}
.mens_womens {
	display: block;
	vertical-align: bottom;
	height: 24px;
	position: absolute;
	right: 13px;
	top: 7px;
}
.contents_title_frontzip {
	width: 113px;
	position: absolute;
	left: 23px;
	bottom: -21px;
}
.contents_title_line {
	border-bottom: 2px solid #CF1518;
}










.pattrn_color   {
	width: 200px;
}
.color_chart   {
	width: 215px;
}

#color {
	margin-bottom: 30px;
}

#color1 {
	margin-bottom: 20px;
}

#color2 {
	margin-bottom: 50px;
}


}
.color li {
	width: 110px;
	display: inline-block;
	font-size: 10px;
	margin-left: 10px;
	margin-right: 10px;
	white-space: nowrap;
}
.color li img {
	margin-bottom: 5px;
	display: block;
	width: 96px;
	margin-right: auto;
	margin-left: auto;
}

.chart_name {
	text-align: left;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
	padding-left: 98px;
}

#chart1 {
	margin-bottom: 20px;
}
#chart2 {
	margin-bottom: 50px;
}
.chart {
	text-align: left;
	padding-left: 78px;
}
.chart li {
	width: 100px;
	display: inline-block;
	font-size: 10px;
	white-space: nowrap;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	margin-bottom: 10px;
}




/*冬だけのカラーの表示非表示*/
.line1_ColorChart  .colortip_aw_only,
.line2_ColorChart  .colortip_aw_only,
.line3_ColorChart  .colortip_aw_only,
.line4_ColorChart  .colortip_aw_only{ display: none!important; }