@charset "utf-8";
/* CSS Document */

body {
	font-family /**/:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	background:black;

	/*
	background-image : url(images/back.jpg);
	*/
	
	padding:0px;
	margin:0px;
	font-size: 90%;
	line-height: 130%;
	overflow: hidden;

}

:root{
	scroll-padding: 125px; /*ずらしたい高さ*/
}

.taktable123123123{
font-size:1.5em;
line-height: 1.2;
}

.takWaku img {
    width:100%;
}

.fqhissu{color : red;}


.fqrd{

 border-radius: 10px 10px 10px 10px;

}

.fqrd5{

 border-radius: 5px 5px 5px 5px;

}

.fq60{font-size : 60%;}

.fq90{font-size : 90%;}

.fq110{
	font-size : 110%;
	    line-height: 1.5;
}

.takbunMini{
	font-size:24px;
}

.okini00 {/*親div*/
  position: relative;/*相対配置*/
  }

.okini00 p {
  position: absolute;/*絶対配置*/
  color: white;/*文字は白に*/
  top: 24px;
  left: 5px;
  font-size: 100%;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
font-weight: bold;
  }


.okini01 {/*親div*/
  position: relative;/*相対配置*/
  }

.okini01 p {
  position: absolute;/*絶対配置*/
  color: black;/*文字は白に*/
  top: 24px;
  left: 5px;
  font-size: 100%;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
font-weight: bold;
  }


.takright4{
	text-align:right;
}

.takright{
	margin-left: 20px;
	margin-top: 1em;
	margin-bottom: 1em;
}

.takright2{
	margin-left:5px;
}

.takright3{
	margin-left: 18px;
	margin-top: 1em;
	margin-bottom: 1em;
}

.takspace1{
	padding-left: 1em;
}
.takspace15{
	padding-left: 1.2em;
}

.fqnews{margin : 7px 0 0 10px;line-height : 130%;}

.fqorange{color : orange;}
.fqgreen{color : green;}


html{
	color : black;
	overflow-y:scroll;
	}
	
	a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

*{ margin:0; padding:0;}
h1 { font-size: 11px; font-weight: normal; color:#999; text-align:left;}
h2 { font-size: 14px; color:#000000; font-weight:normal; line-height : 120%}
li {list-style-type: none;}


#main-block dl{}
#main-block dt{margin : 7px 0px 0 0;color:purple;}
#main-block dd{margin : 0px 10px 0 0;}


.fqpo{margin : 0 20px 0 0px;}
.fqpo ul {margin : 0 0 0 30px;}
.fqpo li {list-style-type: disc;line-height : 140%;margin : 0 0 10px 0;}

.table{margin : 0 0 0 0;}


.fqcom{margin : 0 0 0 10px;}

.fqright99{text-align : right;}

.fqline{line-height : 150%;}

.fq5{margin : 5px 0 0 0;}


.fqsuk{margin : 10px 0 10px 0 ;}

.feedline{margin : 5px 5px 5px 5px; font-size : 90%;}
.feedtitle{margin : 0 10px 0 15px;}



.fqtel{font-size : 200%;font-weight : bold;}

.fqmed{color : blue;}


.fqgray{color : gray;}
.fq80{font-size : 80%;}


.fq120{font-size : 120%;}
.fq140{font-size : 140%;}
.fq160{font-size : 160%;}
.fq180{font-size : 180%;}


.fq000{margin : 0 0 5px 17px;}


.fqcat{ font-size : 75%;margin : 10px 18px 5px 10px;background-color: #f79421;
color : black;padding : 3px 0 0 5px ; }

.fqcat2{margin : 50px 0 0 0;}



.fqcat2{ margin : 0px 10px 5px 18px;}


.fqcat3{ font-size : 75%;margin : 10px 43px 5px 35px;background-color: #f79421;
color : black;padding : 3px 0 0 0px ; text-align : center;}

.fqcat4{margin : 200px 0 0 0;}


.fqcan2{margin : 0 0 5px 20px ;}

.fqbanblock{margin : 0 0 0px 0;}

.fqol{
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}

.fqul2{ margin : 0px 50px 0 50px; }
.fqli2{list-style-type : disc;}

.fqli3{ margin : 10px 64px 10px 50px; }


.col1{color : blue;}
.col2{color : orange;}

.fb-like{margin : 0 0 5px 10px;}

.fqban{margin : 2px 0 0px 10px ;}

.fqban2{margin : 0 0 10px 20px }
.fqban22{margin : 0 0 0px 20px }


.fqban3{margin : 0 0 15px 8px }

.fqban4{margin : 80px 0 0px 20px ;}

.fqban5{margin : 5px 0 20px 17px }

.fqban6{margin : 10px 0 0px 10px ;}
.fqban66{margin : 40px 0 0px 10px ;}
.fqban66b{margin : 70px 0 0px 10px ;}
.fqban666{margin : 0px 0 0px 10px ;}
.fqban66b2{margin : 150px 0 0px 10px ;}

.takimg{
	margin: 10px 0px;
}

.fqbox{
width: 500px;
height: 349px;
}

.fqbox2{
width: 996px;
height: 289px;
}

.fqt0{color:blue;
	font-size:22px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin : 30px 0px 0px 5px;
		line-height : 30px
}

.fqt02{color:blue;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin : 30px 0px 0px 5px;
	line-height: 1.7;
}

.fqt1{color:blue;
	font-size:22px;
	font-weight: normal;
	padding: 0px 0px 0px 5px;
	margin : 30px 30px 0px 20px;
		line-height : 30px
}
.takt1{color:blue;
	font-size:22px;
	font-weight: normal;
	padding: 0px 0px 0px 5px;
	margin : 30px 0px 0px 0px;
		line-height : 30px
}

.takt1red{color:red;
	font-size:22px;
	font-weight: normal;
	padding: 0px 0px 0px 5px;
	margin : 0px 30px 0px 20px;
		line-height : 30px
}

.fqt2{color:brown;
	font-size: 21px;
	font-weight: normal;
	padding: 0px 0px 0px 5px;
	margin : 30px 30px 0px 20px;

	}
	
	.fqt2r{color:red;
	font-size: 22px;
	font-weight: normal;
	padding: 0px 0px 0px 5px;
	margin : 30px 30px 0px 20px;
line-height : 140%;
	}
	
.fqt3{color:black;
	font-size:18px;
	font-weight: normal;
	padding: 0px 0px 0px 5px;
	margin : 30px 30px 0px 20px;
		line-height : 30px
}

.fqt4{
text-align : right;
margin : 0 40px 0 0;
}

.fqt5{color:purple;
	font-size: 22px;
	font-weight: normal;
	padding: 0px 0px 0px 5px;
	margin : 30px 30px 0px 20px;

	}
	
	.fqt6{color:purple;
	font-size: 22px;
	font-weight: bold;
	padding: 0px 0px 0px 5px;
	margin : 30px 30px 0px 20px;

	}

.fq120{font-size : 120%;}
.fq130{font-size : 130%;line-height : 130%;}
.fq140{font-size : 140%;}

.fqbot{margin : 0 0 0 10px ;}

iframe{
margin : 0px 0px 0px 0px ;
}

a{
text-decoration:none;
	color:purple;
}

a:hover{
text-decoration:none;
	color:black;
}


#fqoption form{
	margin : 0 0 0 10px;
	text-align:left;
	line-height : 30px;
}

.message-box {
	border: 1px solid #CCCCCC;
	background: #EEEEEE;
	padding: 8px;
	margin: 15px 35px 0 35px;
	line-height: 1.4;
	clear: both;
}

.fclear{clear:both;}

.fqright{
float : right;
padding : 5px 5px 5px 5px;
}

.fqleft{
float : left;
padding : 5px 5px 5px 5px;
}


.fqleft2{
float : left;
padding : 5px 15px 5px 15px;
}


.fqleft3{
float : left;
padding : 5px 25px 5px 5px;
}


.fqleft4{
float : left;
padding : 5px 35px 5px 5px;
}


.fqleft5{
float : left;
padding : 15px 15px 15px 22px;
}

.fqleft6{
float : left;
margin : 15px 15px 15px 40px;
}

.fqbun{
	text-align: left !important;
	padding-left: 24px;
}

.fqbun2{
	text-align: left !important;
	padding-left: 50px;
}

.fqleft7{
float : left;
padding : 5px 5px 5px 5px;
}

.fqbunh3{
	font-size:120%;
	margin:0 30px 0 30px;
	line-height : 22px;
}


.fqbun99{
    font-size: 24px;
    line-height: 1;
    margin: 10px 0px 0 10px;
}

.fqbun999{
	font-size:90%;
	line-height : 16px;
	margin:10px 10px 0 10px;
}

.fqbun97 {
list-style-type: disc;
}


.fqbun98{
	margin:0px 40px 0 50px;
}

.takli99{
	margin:10px 0px 10px 1.1em;
}

.fqbun988{
	margin:20px 40px 0 50px;
}

/*　外枠　*/
.container {
	width:950px;
	height:auto;
	padding:5px 15px 5px 15px;
	margin:0px auto;
	background:white;
	margin-top: 125px;
}


.fqhonbun{
margin : 20px 30px 0px 30px ;
}



.fqgold{color : #b0b000;}

.fqred{
color : red;
}

.fqblue{
	color : red;
	}

.fq80{
font-size : 80%;
}

.fq120{font-size : 120%}
.fq140{font-size : 140%}
.fq160{font-size : 160%}


.fqsas{
	margin : 0 0 0 10px ;
	}
	
.fqsas2{
	margin : 0 0 0 20px ;
	font-size : 75%;
	}
	
.fqsas3{
	margin : 10px 0 0 40px ;
	}

/* ------　ヘッダー　-------------------------------------------------- */

.headder {
	width:994px;
	height:28px;
	font-size:10px;
	text-align:right;
	padding:7px 20px 0 0;
	margin:0px auto;
}

.headder a{
	text-decoration:none;
	color:#333333;
}

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




    .footer_area {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.1);
        z-index: 10000;
    }

	    .footer_area .footer_area_inner {
        position: relative;
        width: 100%;
        margin: 0px auto;
        padding: 10px 10px;
        margin-right: 0px;
    }
	    .inquiry_btn:link, .inquiry_btn:visited {
        color: #FFFFFF !important;
    }

.inquiry_btn {
    background-color: #00b800;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width: 75%;
    padding: 30px 10px;
    font-size: 40px;
    font-weight: bold;
    transition: 0.5s;
}


/* ------　メインメニュー　-------------------------------------------------- */
.main-menu {
	width:950px;
	height:38px;
	background:#00003E;
	border:solid 1px #8D8685;
	padding:0px;
	margin:0px auto;
}


.main-menu ul {
width:994px;
list-style:none;
display:block;
margin: 0px auto;
text-align: left;
padding: 0px 0px 0px 0px;
}

.main-menu li {
list-style:none;
float:left;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:20%

}

.main-menu a, .main-menu a:link, .main-menu a:visited {
color: #FFFFFF;
text-decoration: none;
padding: 10px 0px 10px 0px;
display:block;
}

.main-menu a:hover {
color: #FFFFFF;
background:gray;
text-decoration: none;
}

/* ------　左サイドブロック　-------------------------------------------------- */

#left-side{
	margin:10px 0px 0px 0px;
	float:left; 
	width:180px;
}
.left-box a{
	display:block;
	width:178px;
	height:auto;
	text-indent:8px;
	text-decoration:none;
	color:#666;
	border:solid 1px #EEE;
	padding:5px 0 5px 0;
	margin:0 0 2px 0;
}

.left-box a:hover{
	color:#FFF;
	background:#855C14;
}

#left-side h3{
	font-size: 14px;
	font-weight: normal;
	border-bottom:1px solid #999999;
	color : black;
	padding: 7px 0px 5px 0px;
	margin:10px 0 0px 0 ;
}

.fqll{
	margin:0px 0px 0px 0px ;
	padding : 0px 0px 0px 0px ;
	font-size: 1px;
	border-bottom:1px solid #999999;
}

#left-side ul {
	margin: 0 0 2px;
	font-size: 11px;
	padding: 5px 0;
}

#left-side img {
float : left;
margin : 0px 8px 5px 0;
}

#left-side a {
	font-size: 11px;
}

#left-side ul li{
	list-style-type: none;
	padding: 5px 0 5px 12px;
	background: url(images/list-arw.png) no-repeat 0 50%;
	border-bottom: dashed #afbf76 1px;
	margin: 5px 0px 0px 0px;
}


/* ------　メインブロック　-------------------------------------------------- */
#main-block{
	float:left; 
	margin:10px 0px 0px 10px;
	width:100%;
	text-align : left;
}

#main-block.takmainblock123{
	width: 800px;
}


.takmainblock123 td {
    font-size: 18px;
    line-height: 1.2;
}

.takmainblock123 .fq000{
	    font-size: 18px;
    line-height: 1.2;
}

tr.takTR {
    vertical-align: top;
}

#main-block.main-block2{
	float:left; 
	margin:10px 0px 0px 10px;
	width:740px;
	text-align : left;
}

.fqline{
line-height : 20px;
}


.fqline2{
margin:10px 0px 0px 20px;
line-height : 20px;
}

.fqno{
font-size:110%;
word-wrap:break-word;
}
.fqname{
font-size:110%;
word-wrap:break-word;
}
.fqprice{
font-size:110%;
color : red;
}

.mainfqbun1{
margin : 10px 30px 10px 30px;
}

.maintakbun1{
margin : 10px 0px 10px 10px;
}

.mainfqbun1 img{margin : 0 0 10px 0;}


.mainfqbun2{
margin : 15px 30px 0px 20px;
line-height : 150%;
}


.mainfqbun3{
margin : 0px 30px 30px 16px;
line-height : 150%;
}

.mainfqbun4{
margin : 10px 30px 10px 30px;
}
.mainfqbun4 img{margin : 0 0 0 0;}

.mainfqbun5{
margin : 0px 30px 10px 30px;
}

.mainfqbun5 img{margin : 0 0 10px 0;}



.fqpage01{
margin : 0px 60px 0px 50px;
}

#main-block h2{
	font-size: 18px;
	font-weight: normal;
	border-top:5px solid #999999;
	border-bottom:1px solid #999999;
	padding: 10px 0px 6px 4px;
	color : black;
	margin:0px 20px 0px 10px;
}

h2.takmain{
	font-size: 18px;
	font-weight: normal;
	border-top:5px solid #999999;
	border-bottom:1px solid #999999;
	padding: 10px 0px 6px 4px;
	color : black;
	margin:10px 20px 10px 10px;
	text-align: center;
}



/*
#main-block h3{

	font-size: 22px;
	font-weight: normal;
	padding: 0px 0px 0px 5px;
	margin : 30px 30px 0px 20px;
	color : black;
}
*/



#main-block h3{

	font-size: 22px;
	font-weight: normal;
	padding: 15px 0px 5px 10px;
	margin : 10px 30px 7px 20px;
	color : black;
	background:#f79421;
	line-height : 150%;
	/*
    background:#999999;
	*/ 
}





.fqtable99 table {
	border-collapse:collapse;
	border:solid 0px #f9f9f9;
	margin:0 0 0 0px;
	line-height:1.4;
}


.fqtable99 td {
	vertical-align:top;
	padding:10px 10px;
	border-bottom:solid 0px #f9f9f9;
		  font-size: 98%;
		  	  text-align:left;
}



.fqtable00 table {
	border-collapse:collapse;
	border:solid 2px #cdcdcd;
	margin:0 0 0 0px;
	line-height:1.4;
}

.fqtable00 th {
  font-weight: normal;

	padding:10px 9px;
	border-bottom:solid 1px gray;
	vertical-align:middle;
	  font-size: 90%;
	  width : 20%

}

.fqtable00 td {
	vertical-align:middle;
	padding:10px 10px;
	border-bottom:solid 1px gray;
		  font-size: 98%;
		  	  text-align:left;
}


.fqtable0001 table {
	border-collapse:collapse;
	border:solid 2px #cdcdcd;
	margin:0 0 0 0px;
	line-height:1.4;
}

.fqtable0001 th {
  font-weight: normal;
	padding:10px 9px;
	border-bottom:solid 1px gray;
}

.fqtable0001 td {
	padding:10px 10px;
	border-bottom:solid 1px gray;
		  	  text-align:left;
}


.taktable01{
	margin: 0px 28px;
}

.fqtable01{
	margin: 0 0 15px 0;
	/*
	border: 1px solid #CCCCCC;
	*/
	padding: 0;
	border-collapse:collapse;
border-spacing:0;
}



.fqtable01 td {
font-size : 80%;

	border: 1px solid #999;

	padding: 5px;
}



.fqtable001{
padding: 0;
border-collapse:collapse;
border-spacing:0;
}

.fqtable001 td {
font-size : 100%;
border: 0px solid #999;
text-align:center;
padding: 1px;
}

.taktable001{
	padding: 0;
	border-collapse:collapse;
	border-spacing:0;
	}
	
.taktable001 td {
	font-size : 100%;
	border: 0px solid #999;
	text-align:center;
	padding: 1px;
	}


.fqtable02{
	padding: 0;
	border-collapse:collapse;
border-spacing:0;
}



.fqtable02 td {
font-size : 80%;
	padding: 0px 5px 3px 15px;
	text-align:middle;
}




.fqtable03 table {
	border-collapse:collapse;
	border:solid 2px #cdcdcd;
	margin:0 0 0 0px;
	line-height:1.4;
}



.fqtable03 td {
	vertical-align:middle;
	padding:3px 3px;
	border-bottom:solid 1px gray;
	font-size: 70%;
	text-align:middle;
}




.fqtable000 table {
	border-collapse:collapse;
	border:solid 2px #cdcdcd;
	margin:0 0 0 0px;
	line-height:1.4;
}

.fqtable000 th {
  font-weight: normal;

	padding:10px 9px;
	border-bottom:solid 1px gray;
	vertical-align:middle;
	  font-size: 80%;
	  width : 20%

}

.fqtable000 td {
	vertical-align:middle;
	padding:10px 10px;
	border-bottom:solid 1px gray;
		  font-size: 80%;
		  	  text-align:left;
}



.fqtable000b table {
	border-collapse:collapse;
	border:solid 2px #cdcdcd;
	margin:0 0 0 0px;
	line-height:1.4;
}

.fqtable000b th {
  font-weight: normal;

	padding:10px 9px;
	border-bottom:solid 1px gray;
	vertical-align:middle;


}

.fqtable000b td {
	vertical-align:middle;
	padding:10px 10px;
	border-bottom:solid 1px gray;
		  	  text-align:left;
}





/* ------　右サイドブロック　-------------------------------------------------- */
#right-side{
	margin:10px 0px 0px 0px;
	float:right; 
	width:220px;
}
.right-box {
	width:220px;
	height:auto;
	padding:0px;
	margin:0px;
}
.right-box img{
	margin:0px 0 4px 0;
}

.fqrmid {
    color: #c11920;
    font-size: 40px;
    line-height: 1;
    margin: 30px 0 10px;
}


/* -------------------------------------------------------- */

/*FOOTER*/
.footer-head {
	width:1000px;
	height:6px;
	text-align:right;
	background: gray;
	padding:0px;
	margin:20px 0 0 0;
}


.footer div{
	text-align:center;
	font-size:12px;
	color:black;
	clear:both;
	padding:20px 0 10px 0;
}

#slider { 
	width:996px;
	height:286px;
	overflow:hidden; 
	}

#slider ul, #slider li{
	margin:0 0 0 0px;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:996px;
	height:286px;
	overflow:hidden; 
	}


.fqimg{margin : 10px 0 5px 0;}



.post_content .post_row { margin-top:20px; margin-left:0px; margin-right:0px; line-height:2; }
.post_content .post_col,
.post_content .post_col-2
{ position:relative; min-height:1px; width:50%; padding-right:15px; padding-left:15px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:2em; }

.post_content .post_row:before, .post_content .post_row:after { content: " "; display: table; }
.post_content .post_row:after { clear: both; }


.nowrap{
	white-space: nowrap;
}
.nav_btn {
    width: 65px;
}
.takflex {
    display: flex;
    height: 125px;
    position: fixed;
    top: 0;
    background-color: white;
    z-index: 1000;
    width: 100%;
    justify-content: space-between;
}
.snsBlock {
display: flex;
    align-items: center;
    gap: 10px;
    position: absolute;
    top: 24px;
    right: 135px;
}

.snsimage img {
    width: auto;
    height: 100%;
}

.takLogo img {
    height: 100%;
    width: auto;
}

.takflex h1 {
    margin: auto 0 24px 10px;
    color: #00003E;
    font-size: 24px;
    line-height: 1.2;
	width:100vw;
}

.gray_rect{
	border:solid 2px #c0c0c0;
}

.black_rect{
	border:solid 1px black;
}

.takt2{
	font-size:22px;
	font-weight: 700;
	padding: 0px 0px 0px 5px;
	margin : 30px 30px 0px 20px;
		line-height : 30px;
}

.takt2 img{
	height:30px;
}

.takt3{
	font-size:22px;
	font-weight: 700;
	padding: 0px 0px 0px 5px;
	margin : 30px 30px 0px 20px;
	line-height : 30px;
	display: flex;
	align-items: center;
    justify-content: center;
}

.takt3 img{
    height: 36px;
    padding: 0px 10px;
    margin-bottom: 6px;
}



body > font > form > center > table > tbody > tr > td > font > input[type=image]:nth-child(15):after{
	content:"test";
}

.tak_align_top {
	vertical-align: top;
}


.tak_align_center{
	text-align: center;
}

.takfot8{
	margin-bottom: 28px !important;
	margin-right: 0 !important;
}

.taktyui_box {
    margin: 10px 15px 40px;
    border: solid 2px red;
    padding: 10px 0px 10px 15px;
}

.taktyui_title {
    font-size: 1.2em;
    font-weight: bold;
    color: red;
    margin-bottom: 5px;
}

ul.taktyui_ul {
    font-weight: bold;
}

.taktyui_ul li {
    padding-left: 15px;
    position: relative;
    margin-bottom: 5px;
}

.taktyui_ul li:before {
    content: "※";
    position: absolute;
    left: 0;
}

.takspace123 {
    height: 70px;
}

h2.takBox123 {
    margin: 20px auto 0 auto;
    width: 520px;
    font-size: 2em;
    padding: 5px 0 5px;
    border-radius: 10px;
	    font-family: serif;
    font-style: italic;
}

.takGreenBak{
    background-color: green;
	color: white;
}

.takGoldBak{
    background-color: #c5ab7a;
	color: white;
}

.takBlackBak{
    background-color: black;
	color: white;
}

.takPinkBak{
    background-color: pink;
	color: white;
}

.takbun123{
    margin-bottom: 5px;
}

.takbun456{
    margin-bottom: 10px;
}

.main-menu.main-menu2 {
    background: #956DAF;
}

.snsimage {
    height: 80px;
}

.takLogo {
    display: flex;
	align-items: flex-end;
}

#navToggle {
display: block;
    position: fixed;
    top: 10px;
    cursor: pointer;
    z-index: 1000001;
    background-color: #00003E;
    height: 100px;
    right: 10px;
    width: 100px;
    border: 1px solid #00003E;
}

.takLogo a {
    display: contents;
}
.takMainlogo {
    margin: 10px;
}


img.logo123 {
    height: auto;
    width: 65%;
}

#navToggle:before {
    content: "menu";
    position: absolute;
    bottom: 10px;
    left: 13px;
    color: #ccc;
    font-size: 28px;
}

#navToggle div {
    position: relative;
}

#navToggle span {
    display: block;
    position: absolute;
    width: 100%;
    border-bottom: solid 5px #ccc;
    -webkit-transition: .35s 
ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s 
ease-in-out;
}

#navToggle span:nth-child(1) {
    top: 17px;
    right: 15px;
    width: 70px;
}

#navToggle span:nth-child(2) {
    top: 35px;
    width: 60px;
    right: 15px;
}

#navToggle span:nth-child(3) {
    top: 54px;
    width: 47px;
    right: 15px;
}

.nav-open #navToggle span:nth-child(1) {
    top: 34px;
    width: 70px;
    right: 14px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}



.nav-open #navToggle span:nth-child(2), .nav-open #navToggle span:nth-child(3) {
    top: 34px;
    width: 70px;
    right: 14px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sp_nav {
    transform: translateX(0%);
    position: fixed;
    top: 120px;
    width: calc(100% - 60px);
    background-color: rgba(255, 255, 255, 1);
    right: -100%;
    z-index: 900;
    opacity: 0.8;
    height: auto;
    transition: 1s;
    padding: 40px 20px 220px 40px;
    height: calc(100vh - 260px);
    overflow: auto;
    box-shadow: -3px 4px 7px #333333;
}

.nav-open .sp_nav {
    opacity: 1;
    right: 0;
}

h3.spH3 {
    font-size: 60px;
    margin-top: 30px;
    margin-bottom: 20px;
    color: #c11920;
    line-height: 60px;
}

.memberBox{
	display: flex;
}

.memberLogin {
    width: 50%;
    border: solid 2px;
    border-radius: 50px;
    background-color: #00003E;
    font-size: 40px;
	line-height: 40px;
    height: fit-content;
    padding: 20px;
    margin: 20px 30px;
    text-align: center;
}

.memberLogin a {
    color: white;
    padding: 20px;
}


img.icpnImage,
img.icpnImage2 {
    height: 48px;
    margin-right: 20px;
    margin-bottom: -7px;
}

.seriesBox {
    display: flex;
    margin-bottom: 30px;
}

.seriesBox a {
    width: 100%;
    font-size: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
	    color: black;
}

.seriesBox img {
    width: 25%;
    margin-right: 20px;
}

.sp_wrap {
    position: relative;
}


.menuBox {
    padding: 20px 0;
}

.menuCol {
    border-top: solid 3px #00003E;
    margin-right: 20px;
    margin: 0px 20px 50px 0;
    padding-top: 50px;
}

.menuCol a {
    width: calc(100% - 30px);
    font-size: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    color: black;
    padding: 20px 0px 20px;
    margin-left: 30px;
}

form#searchForm {
    position: absolute;
    display: flex;
	opacity: 1;
    bottom: -123px;
    width: 70vw;
    right: -115px;
    gap: 0px;
	transition: 1s;
}

.takserchBox {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-50px);
  transition: all 0.6s ease; /* or 3s ifゆっくり */
}

.active .takserchBox {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}


input#word {
    width: 100%;
    height: 60px;
    font-size: 40px;
	    padding: 0px 20px;
}

input[type="submit"] {
    width: 100px;
	font-size: 36px;
	text-align: center;
	margin: 0 auto;

}

#searchForm input[type="submit"] {
  -webkit-appearance: none; /* iPhone Safariのデフォルト装飾を無効化 */
  appearance: none;
  text-align: center;
  background: #0074bf;      /* 好きな背景色 */
  color: white;
  border: none;
  border-radius: 5px;
}

span#cartCount {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 20px;
    background: #f79421;
    color: white;
    padding: 12px 10px 8px;
    border-radius: 50px;
    width: 18px;
    height: 18px;
    text-align: center;
}

.taksliderbun {
    text-align: center;
    border: solid 2px #00003E;
    margin: 40px auto;
    padding: 20px 40px 18px;
    width: fit-content;
    border-radius: 100px;
    font-size: 40px;
    line-height: 40px;
    height: 80px;
    display: flex;
    align-items: center;
	color:#00003E;
    flex-direction: column;
}

.taksliderbun a {
color:#00003E;
}

.bx-viewport {
    height: fit-content !important;
}

/* スライダー全体を基準要素に */
.slider-area{
  position: relative;
}

/* ドット＋ボタンを、下辺中央にオーバーレイ配置 */
.slider-controls{
  position: absolute;
  left: 50%;
  bottom: -30px;              /* ここで上下位置を調整 */
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 12px;                 /* dots とボタンの間隔 */
  z-index: 5;
  pointer-events: none;      /* 子要素だけクリック可にするため */
}

.slider-controls .slick-dots{
	position: static;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0; padding: 0;
  pointer-events: auto;      /* クリックを有効化 */
}

/* slick-theme の余白調整（appendDots時でも念のため） */
.slick-dotted.slick-slider{ margin-bottom: 0; }

/* ボタン（見た目はお好みで） */
.slick-toggle {
    pointer-events: auto;
    border: 1px solid #ccc;
    background: rgba(255, 255, 255, .9);
    border-radius: 999px;
    padding: .35rem .6rem;
    line-height: 1;
    cursor: pointer;
    width: 120px;
    height: 60px;
}

.icon-pause img {
    width: 10%;
}

/* 停止/再生アイコンの出し分け */
.slick-toggle .icon-play{ display:none;font-size: 20px; }
.slick-toggle.is-paused .icon-pause{ display:none; }
.slick-toggle.is-paused .icon-play{ display:inline; }

/* ドットのボタン高さを詰めて整える（必要なら） */
.slider-controls .slick-dots li button{
  width: 10px; height: 10px;
  padding: 0;
}

.slick-dots li button:before{
	font-size: 16px !important;
}


.takTopMen{
	font-size: 60px;
}

.takTopMen td {
    line-height: 1;
}

.takTopMen h3 {
    font-size: 40px;
    font-weight: normal;
    padding: 15px 0px 5px 10px;
    margin: 20px 0px 15px 0px;
    color: black;
    background: #f79421;
    line-height: 150%;
}

.takLineBox {
    font-size: 26px;
    line-height: 1.2;
    display: flex;
}
 
.takLine {
    width: 45%;
}

.takLine:nth-child(2) {
    width: auto;
}

.takLineBox center {
    margin-top: 10px;
}

div#jsRSS {
    line-height: 1;
    margin-bottom: 50px;
}

.feedline {
    margin-bottom: 30px;
    font-size: 26px;
}

.feedtime {
    margin: 20px 0 10px;
}

.takPicUp {
    line-height: 1;
    font-size: 24px;
    margin: 10px 5px;
}

.taktop123 td{
	font-size: 24px;
	line-height: 1;
}

.taktop123 td img{
	width: 100%;
}

.taktop123 table.fqtable00{
	width: 100%;
}

.taktop123 font.title {
    font-size: 40px;
}

.taktop123 font.word {
    font-size: 24px;
}

.takflex123123 {
    display: flex;
	justify-content: space-between;
}

.takLeft {
    width: 40%;
    margin-right: 0px;
}

.takflexcon {
    line-height: 1.2;
    font-size: 26px;
    margin-bottom: 10px;
}
.takflexcon img {
    margin-bottom: 10px;
}

.taktitleimg {
    overflow: hidden;
    border-radius: 50px;
}



.takFootBox {
    text-align: center;
    font-size: 24px;
    background: #00003E;
    line-height: 1.2;
    color: white;
}

.takFootLogo {
    text-align: center;
    margin-bottom: 30px;
    background: white;
}

.takFootLogo img {
    width: 30%;
}

.takFootMes {
    padding: 40px;
}

.takFootIcon {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
    width: 95%;
    margin: 0 auto;
}

.takMail {
    width: 50%;
}

.takFootIcon div {
    width: 100%;
    font-size: 40px;
        margin: 10px 0 20px;
}

.takFootIcon div.takMail123 {
    width: 50%;
}

.takFootIcon div.takLine123 {
    width: 50%;
}



.takFootMenu {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

h2.takFootH2 {
    background: white;
    font-size: 40px;
    color: #00003E;
    width: 95%;
    padding: 10px 0 8px;
    margin: 0 0px 20px;
}

.takFootCol {
    line-height: 1.8;
    width: 80%;
    text-align: left;
	font-size: 40px;
}

.takFootCol a{
    color: white;
}

.takFootCopy {
    font-size: 18px;
    padding: 20px 0;
}

.fqul2 {
    font-size: 24px;
    line-height: 1.1;
}

li.fqli2 {
    margin: 15px 0;
}

.kateSection li.fqul2.fqli2 {
    margin: 15px 0 15px 50px;
}


.takflexpro {
    display: flex;
    padding: 10px 0 10px 15px;
    gap: 10px;
}

.takflexcon123 {
    width: 35%;
}

.takflexcon456 {
    font-size: 24px;
    line-height: 1.1;
    align-items: center;
}

.takimgBox123123 {
    width: 50%;
}

.takimgBox123123 img {
    width: 100%;
}

.fqgray123 {
    margin: 24px 6px;
    font-size: 26px;
    line-height: 1.1;
}

.takRight {
    width: 45%;
}

.takRight.takBlog {
    width: 55%;
}

.taktable001 {
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.taktable001 img {
    margin: 0 0 10px 0;
    width: 100%;
    height: auto;
}

.takpage {
    font-size: 24px;
    line-height: 1.1;
}

.takpage h2 {
    font-size: 28px;
    margin-bottom: 10px;
}

section#kate58 {
    line-height: 1;
    font-size: 36px;
}

.menuBox .takFootIcon {
    margin-top: -40px;
}


.takcatalog {
    text-align: left;
    margin: 0px 0px 20px 100px;
}
.takcatalog img {
    width: 40%;
}

h2.takH2-1 {
    background-color: #5a3825;
    color: white;
    padding: 10px 0 3px 10px;
    margin-top: 15px;
}

h2.takH2-2 {
    background-color: #9ccf3b;
    padding: 10px 0 3px 10px;
    margin-top: 15px;
}


h2.takH2-3 {
    background-color: #f26a8d;
    padding: 10px 0 3px 10px;
    margin-top: 15px;
}

h2.takH2-4 {
    background-color: #c9c9c9;
    padding: 10px 0 3px 10px;
    margin-top: 15px;
}

h2.takH2-5 {
    background-color: #c9971a;
    padding: 10px 0 3px 10px;
    margin-top: 15px;
}


h2.takH2-6 {
    background-color: #6e6e6e;
    padding: 10px 0 3px 10px;
    margin-top: 15px;
    color:white;
}


h2.takH2-7 {
    background-color: #2f6fb6;
    padding: 10px 0 3px 10px;
    margin-top: 15px;
    color:white;
}


h2.takH2-8 {
    background-color: #ffb357;
    padding: 10px 0 3px 10px;
    margin-top: 15px;
}


h2.takH2-9 {
    background-color: #8a5a2b;
    padding: 10px 0 3px 10px;
    margin-top: 15px;
    color:white;
}


h2.takH2-10 {
    background-color: #3a8f3a;
    padding: 10px 0 3px 10px;
    margin-top: 15px;
color:white;
}

h2.takH2-11 {
    background-color: #f2c14e;
    padding: 10px 0 3px 10px;
    margin-top: 15px;
}