/*-------------------------------------------------------------
	フリーページ　汎用テンプレート
--------------------------------------------------------------------- */
.free_tmpl_freepage_{
       margin:0px 0px 0px 0px ;
       font-family:"ヒラギノ角ゴ ProN W3", HiraKakuzProN-W3,system-ui;
       color:#555555;
}
/* ------- タイトルの左右に横線 ---------- */
.free_tmpl_title-border_ {
       margin:40px 0px 28px 0px ;
       display: flex;
       align-items: center;
       text-align: center;
       font-size:28px;
       font-weight:900;
       color:#555555;

}
.free_tmpl_title-border_:before,
.free_tmpl_title-border_:after {
       border-top: 4px solid;
       border-color:#555555;
       content: "";
       flex-grow: 1;
}
.free_tmpl_title-border_:before {
       margin-right: 1rem;
}
.free_tmpl_title-border_:after {
       margin-left: 1em;
}
.free_tmpl_contents_title_{
      margin:30px 0 0px 0;
      color:#2D2D2D;
      font-size:22px;
      font-weight:600;

}
.free_tmpl_contents_title_ a:hover{
      text-decoration:none;

}
/* --------- 目次 -------- */
.free_tmpl_contents_list_title_{
      margin:30px 0 10px 0;
      color:#2D2D2D;
      font-size:22px;
      font-weight:600;

}
.free_tmpl_contents_list_ li{
       list-style: disc;
       margin-left:20px;
       font-size:16px;
       font-weight:500;
       color:#2d2d2d;
       letter-spacing:1px;
       line-height:2.3;
}
.free_tmpl_contents_list_none_{
       list-style: none!important;
       margin-left:20px;
       font-size:16px;
       font-weight:500;
       color:#2d2d2d;
       letter-spacing:1px;
       line-height:2.3;
}
.free_tmpl_contents_list_ a{
       text-decoration:none;
}
.free_tmpl_contents_list_none_ a{
       text-decoration:none;
}
.free_tmpl_contents_list_alpha_ ul{
}
.free_tmpl_contents_list_alpha_ li{
       list-style: upper-alpha;
       margin-left:20px;
       font-size:16px;
       font-weight:500;
       color:#2d2d2d;
       line-height:2.3;
}

/* ------- コメント ---------- */
.free_tmpl_comment_text_{
       margin:0px 0px 14.4px 0px ;
       font-size:16px;
       font-weight:500;
       color:#2d2d2d;
       /*letter-spacing:1px;*/
       line-height:1.8;
}
.free_tmpl_comment_text2_{
       margin:0px 0px 14.4px 0px ;
       font-size:15px;
       font-weight:500;
       color:#2d2d2d;
       /*letter-spacing:1px;*/
       line-height:1.7;
}
.free_tmpl_comment_title_{
       margin:15px 0px 15px 0px ;
       font-size:17px;
       font-weight:700;
       color:#2d2d2d;
       /*letter-spacing:1px;*/
}
.free_tmpl_comment_title_navy_{
       margin:15px 0px 15px 0px ;
       font-size:16px;
       font-weight:700;
       color:#0B2245;
       /*letter-spacing:1px;*/
}
.free_tmpl_comment_text_small_{
       margin-bottom:10px;
       font-size:14px;
       font-weight:400;
       color:#2d2d2d;
       letter-spacing:1px;
       line-height:20px;
}
.free_tmpl_comment_text_large_lb_{ /* KADD */
       margin:0px 0px 0px 0px ;
       font-size:18px;
       font-weight:400;
       color:#3399cc;
       line-height:22px;
}
.free_tmpl_comment_text_bld_{ /* KADD */
       margin:0px 0px 0px 0px ;
       font-size:15px;
       font-weight:500;
       color:#2d2d2d;
       white-space: nowrap;
       line-height:1.7;
}
.free_tmpl_comment_title_gray_{ /* KADD */
      margin:70px 0px 10px 0px;
      color:#707070;
      font-size:22px;
      font-weight:500;
}



/* ------- グレーの吹き出し ---------- */
.free_tmpl_speech_balloon_{
       background-color:#555555;
       margin:50px 0px 0px 0px ;
       padding:19px 0 19px 0;
       text-align:center;
       color:#FFFFFF;
       font-size:21px;
       font-weight:700;
       letter-spacing:2px;
}

.free_tmpl_speech_balloon_triangle_{
       width: 0;
       height: 0;
       border-style: solid;
       border-width: 15px 15px 0 15px;
       border-color: #555555 transparent transparent transparent;
      margin-left: auto;
      margin-right: auto;
}
/* ------- 吹き出し以下のコンテンツブロック ---------- */
.free_tmpl_contents_block_{
       margin:0px 20px 0px 20px ;
}
.free_tmpl_inner_contents_block_{


}

/* ------- 背景青の見出し ---------- */
.free_tmpl_blue_title_
{
       margin:40px 0px 30px 0px ;
       padding:7px 15px 7px 15px ;
       background-color:#A4D1CB;
       color:#555555;
       font-size:19px;
       font-weight:600;
     /*   letter-spacing:1px;*/
}

/* ------- 背景グレーの見出し ---------- */
.free_tmpl_gray_title_
{
       margin:0px 80px 0px 80px ;
       padding:0px 0px 0px 30px ;
       background-color:#F1F1F1;
       color:#555555;
       font-size:18px;
       font-weight:600;
       line-height:40px
     /*   letter-spacing:1px;*/
}

/* ------- リスト ---------- */
.free_tmpl_ul_{
       margin:20px 0px 30px 20px ;
}

.free_tmpl_li_{
       list-style: disc;
       font-size:16px;
       font-weight:500;
       color:#2d2d2d;
       letter-spacing:1px;
       line-height:28.8px;
}

/* ------- 角丸グレーのブロック ---------- */
.free_tmpl_kadomaru_block_{
    margin:20px 0px 40px 0px ;
    border:4px solid #CCCCCC;
    border-radius: 10px;
    padding:15px 15px 20px 15px ;
}


/* ------- テキストリンク ---------- */
.free_tmpl_link_text_{
       color:#707070!important;
       font-size:16px;
       font-weight:600;
       letter-spacing:1px;
}
.free_tmpl_link_text_:hover{
       color:#E4940F!important;
       text-decoration:none;
}
.free_tmpl_link_top_{
       margin:30px 0px 0px auto;
    text-align:right;
    width:822px;
}
.free_tmpl_link_top_triangle_{
    display:inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 15px 10px;
    border-color: transparent transparent #004880 transparent;
    margin:2px 3px 0 0;
}
.free_tmpl_link_top_text_{
        display:inline-block;
       color:#555555;
       text-align:center;
       font-size:15px;
       font-weight:600;
       letter-spacing:1px;
}
/* ------- 画像リンク ---------- */
.free_tmpl_link_img_{
}

/* ------- 固定幅ボックス---------- */
.free_tmpl_fix_width_{
      width:580px;
      margin-left: auto;
      margin-right: auto;
}
.free_tmpl_width600_{
      margin-left: 111px;
      margin-right: 111px;
}
.free_tmpl_width560_{
      margin-left: 131px;
      margin-right: 131px;
}

.free_tmpl_pc_center_{
      text-align:center;
}


/* ------- R値見出し---------- */
.free_tmpl_title_R01_{
       margin:60px 0px 0px 0px ;
       background-color:#E4940F;
}
.free_tmpl_title_R02_{
       margin:60px 0px 0px 0px ;
       background-color:#A4D1CB;
}
.free_tmpl_title_R03_{
       margin:60px 0px 0px 0px ;
       background-color:#8599A4;
}
.free_tmpl_title_R04_{
       margin:60px 0px 0px 0px ;
       background-color:#0B2245;
}

/* ------- R値サブ見出し---------- */
.free_tmpl_title_h4_R01_{
       background-color:#E4940F;
       margin:40px 0px 10px 0px ;
       padding:0px 0px 1px 8px ;
       
}
.free_tmpl_title_h4_R02_{
       background-color:#A4D1CB;
       margin:40px 0px 10px 0px ;
       padding:0px 0px 1px 8px ;
       
}
.free_tmpl_title_h4_R03_{
       background-color:#8599A4;
       margin:40px 0px 10px 0px ;
       padding:0px 0px 1px 8px ;
       
}
.free_tmpl_title_h4_R04_{
       background-color:#0B2245;
       margin:40px 0px 10px 0px ;
       padding:0px 0px 1px 8px ;
       
}
.free_tmpl_title_h4_comment_{
       padding:3px 0px 3px 10px ;
       background-color:#FFFFFF;
       font-size: 17px;
       font-weight: 600;
       color:#555555;
       letter-spacing:1px;
}

 .free_tmpl_body_ {
	margin: 0 auto 3em;
}
 .free_tmpl_title_ {
	margin: 30px auto 15px;
	font-size: 30px;
       color:#555555;
       text-align: center;
	font-weight: bold;
}
 .free_tmpl_title_h4_ {
	margin: 10px auto 10px;
	font-size: 17px;
	font-weight: bold;
	word-wrap: break-word;
	color:#2d2d2d;
}



 .free_tmpl_box_flow_ {
	display:flow-root;
        flex-wrap:nowrap;
        width:100%; 
	margin: 18px 0 0 0;
}

 .free_tmpl_box_center_ {
	text-align:center;
}

 
 .free_tmpl_comment_center_ {
      margin:0 auto;
      text-align:left;
      width:60%;
}

 .free_tmpl_box_left_ {
	float:left;
	margin: 0px 20px 20px 0px;
}

 .free_tmpl_box_auto_ {
	float:auto;
	margin: 0px 0px 20px 0px;
}

 .free_tmpl_box_right_ {
	float:right;
	margin: 0px 0px 20px 20px;
}

 .free_tmpl_box_LR_right_ {
	float:right;
	margin: 0px 0px 20px 10px;
}

 .free_tmpl_box_LR_left_ {
	float:left;
	margin: 0px 10px 20px 0px;
}

 .free_tmpl_image_center_ {
	margin: 0px 5px 0px 3px;
}

.free_tmpl_box_caption_{
       color:#2D2D2D;
       text-align:center;
       font-size:13px;
       line-height:1.4;
       margin: 15px 0px 0px 0px;
}


/* ------- 青いボタンリンク ---------- */
 .free_tmpl_button_ {
      text-align:center;
}
 .free_tmpl_link_button_ {
    color:#FFFFFF!important;
    background-color: #004880;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight:700;
    height: 41px;
    line-height: 41px;
    max-width: 100%;
    padding: 0 45px 0 45px;
    margin: 30px 0 0 0;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.free_tmpl_link_button_:hover{
       text-decoration:none;
}

/* ------- 黄色いボタンリンク ---------- */
 .free_tmpl_link_button_yl_ {
    color:#FFFFFF!important;
    background-color: #ffcc33;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight:700;
    height: 41px;
    line-height: 41px;
    max-width: 100%;
    padding: 0 45px 0 45px;
    margin: 30px 0 0 0;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.free_tmpl_link_button_yl_:hover{
       text-decoration:none;
}




/* ------ スペーサー --------*/
.free_tmpl_spacer_10_{
      height:10px;
}
.free_tmpl_spacer_20_{
      height:20px;
}
.free_tmpl_spacer_25_{
      height:25px;
}
.free_tmpl_spacer_30_{
      height:30px;
}
.free_tmpl_spacer_50_{
      height:50px;
}
.free_tmpl_spacer_150_{
      height:150px;
}

 .free_tmpl_bg_gray_ {
      background-color:#d3d3d3;
      padding:12px 10px 12px 10px;
}

 .free_tmpl_bg_blue_ {
      background-color:#e6e6fa;
      padding:12px 10px 12px 10px;
}

 .free_tmpl_bg_orange_ {
      background-color:#ffe4b3;
      padding:12px 10px 12px 10px;
}

.free_tmpl_video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.free_tmpl_video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*  アコーディオン　*/
input.toggle {
	display: none;

}
label.Label {		/*タイトル ------------------------ */
	padding: 1em;
	display: block;
	color: #3399cc;
	font-size: 16px;
	font-weight:400;
	border-bottom: 2px solid ;
	background:#fff;
	cursor:pointer

}
label.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid ;
	border-right: 2px solid ;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}

.free_tmpl_buttons_{
        display:inline-block;
}

.free_tmpl_button2_{
        width:220px;
        margin:0px 20px 40px 20px;
}

.remodal-cancel {
  color: #fff;
  background: #d3d3d3;
  background-color: #333!important;

  width: 75%;
  margin-top: 25px!important;
}
.remodal-cancel:hover {
  background: #696969!important;
}

div.content iframe{
    width:560px;
    height:315px;

}
iframe.youtube{
    width:600px;
    height:337px;
}
span.refuse{
    text-align:center;
    width:240px;
}

div.sp_only{
    display:none;
}
.free_tmpl_freepage_ .content a{
    font-weight:700!important;
    color: #004880;
    font-size:16px;
}

.free_tmpl_freepage_ .content a:hover{
    color: #166aab;
    text-decoration:none;
}
.free_tmpl_freepage_ .content p{
   line-height:25px;
   font-size:15px;
   vertical-align:middle;
}

.free_tmpl_description_box_{
   margin-bottom:30px;
}

.free_tmpl_description_img_{
   display:inline-block;
   width:200px;
}

.free_tmpl_description_text_{
   display:inline-block;
   margin-left:30px

}
.free_tmpl_description_item_{
       font-size:16px;
       font-weight:400;
       color:#2d2d2d;
       margin-bottom:5px;
}

.free_tmpl_description_item_title_{
   display:inline-block;
   width:150px;
}
.free_tmpl_description_item_value_{
   display:inline-block;
   letter-spacing:2px;

}

/*20230911 KTN ADD*/
.free_tmpl_rating_item_{
       font-size:16px;
       font-weight:500;
       color:#2d2d2d;
       margin-bottom:5px;
       width:100%;
	
}
.free_tmpl_rating_value_{
       font-size:16px;
       font-weight:500;
   display:inline-block;
   letter-spacing:2px;
   width:120px;
   vertical-align:top;
}
.free_tmpl_rating_text_{
       font-size:16px;
       font-weight:500;
   display:inline-block;
  width:470px;
}

.free_tmpl_text_caution_{
    color:#ff8040;
}

.free_tmpl_event_title_ {
    width: 820px;
    margin: 10px 0 29px;
    padding: 0 0 5px 0;
    color: #444;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 1px;
    border-bottom:solid 1px;
}

.free_tmpl_img_center_{
    text-align:center;
}
.free_tmpl_img_center_ img{
    width:60%;

}

.free_tmpl_bgsw_{
   width:100%;
   background-image: url("/img/usr/smartwool/2023FWsocks/back_color.jpg");
   background-repeat: repeat-y;
   background-size:100% auto;
}

.repair_ul_ li{
    list-style: disc;
    margin-left: 20px;
    margin-bottom:4px;
    line-height:1.6;
}

.free_tmpl_quatation_box_{
  width:450px;
  margin:30px auto;
}
.free_tmpl_quatation_text_{
  font-style: oblique;
  font-size:17px;
  line-height:1.7;
}
.free_tmpl_quatation_remarks_{
  font-size: 14px;
  font-weight:300;
}
.free_tmpl_quatation_remarks_ a{
 text-decoration:underline;
 color:blue;
}