@charset "UTF-8";

/******** Style!! ******************************************
    Golf Fields UNION INDEX  2022
*************************************************************/
html {
	height: 100%;
}

body {
/*  footer をブラウザの最下部に持ってくる設定  */
/*  completion.html　及び　confirm.php で　#conteainer　の外側に　.fotter_area を配置*/
	display: flex;
	flex-flow: column;
	min-height: 100vh;
/*   */

	margin-right: auto;
	margin-left : auto;
	background-size: 100% auto;

/*  背景画像重ね  */
    background: 
	linear-gradient( 135deg, rgba(24, 40, 72, 0.5), 
	rgba(75, 108, 183, 0.5)),
    url(../images/union_bg001.jpg);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment:fixed;
}

#container {
/*  footer をブラウザの最下部に持ってくる設定  */
/*  completion.html　及び　confirm.php で　#conteainer　の外側に　.fotter_area を配置*/
	flex: 1;
/*   */

	text-align:center;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width: 100%;
	height: auto;
}

body > #container {
	height: auto;
}

.clear { clear:both; }
.clear hr { display:none; }


/******** Style!! ******************************************
  　　ヘッダー 　最左にロゴ　右側からメニュー　flexbox　2022
*************************************************************/
.head_area {
  display: flex;
  justify-content: space-between;
  align-items: end;
  flex-wrap: nowrap;
}

.logo {
  width: 18%;
  padding: 10px;
  padding-left: 1%;
}

.logo img {
  display: block;
  width: 100%;
  padding: 0px;
  height: 100%;
}

.head_area ul {
  display: flex;
  width: 55%;
  list-style: none;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-right: 7%;
}

.head_area ul img{
  width: 30px;
}

.head_area li:not(:last-child) {
  margin-right: 50px;
}



/******** Style!! ******************************************
   ヘッダー　モバイル用　2022
*************************************************************/
@media screen and (max-width: 768px) {

.head_area ul img{
  width: 20px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.logo {
  width: 25%;
  padding: 10px;
  padding-left: 1%;
}

.logo img {
  display: block;
  width: 100%;
  padding: 0px;
  height: 100%;
}

.head_area li:not(:last-child) {
  margin-right: 30px;
}

}

/******** Style!! ******************************************
   SLICK上モーダルボタン　2022
*************************************************************/
.slider_box {
  width: 100%;
  height: 100%;
  position:relative;
}
.slider_logo {
  z-index:10;
  position:absolute;
  left:2%;
  bottom:5%;
  width:auto;
  height:auto;
}

.slider_logo_image {
  margin: 0;
  padding: 0;
  width: 100%;
  background: 
  linear-gradient( 135deg, 
  rgba(254, 140, 0, 1),rgba(248, 54, 0, 1)); 
  box-shadow: 6px 6px 7px -2px rgba(0,0,0,0.6);
}

.slick_modal_btn {
  width: auto;
  padding: 3px 10px 3px 0px;
  margin-left:auto;
  margin-right:auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: auto;
  cursor: pointer;
}

.slick_modal_btn p{
  margin: 0px;
  padding: 0px 0px 0px 12px;
  line-height: 1;
  color: white;
  font-size: 26px;
  font-weight: bold;
  vertical-align: middle;
}

/*  指定した　p　の　1行目のテキストだけスタイルを変更する　*/
.slick_modal_btn p::first-line {
	font-size: 12px;
}

.slick_modal_btn img{
  padding: 0px 0px 0px 5px;
  width:38px;
  height:38px;
}


@media screen and (max-width: 768px) {
.slick_modal_btn img{
  padding: 0px 0px 0px 5px;
  width:24px;
  height:24px;
}

.slick_modal_btn p{
  margin: 0px;
  padding: 0px 0px 0px 8px;
  line-height: 1;
  color: white;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
}

/*  指定した　p　の　1行目のテキストだけスタイルを変更する　*/
.slick_modal_btn p::first-line {
	font-size: 10px;
}

}


/******** Style!! ******************************************
   メニュー　2022
*************************************************************/
.menu_area {
  display: flex;
  align-items: end;
}

.menu_area nav {
  width: 100%;
  margin-left: 5%;
  margin-right: 5%;
  vertical-align: text-bottom;
}
.menu_area nav ul {
  padding-left: 0px;
  margin: 0px;
  display: flex;
  justify-content:space-between;
  list-style:none;
}
.menu_area nav ul li {
  padding-left: 0px;
}
.menu_area a:link { 
	color: #FFFFFF;
  	text-decoration: none;
  	border-style: none;
}
.menu_area a:visited { 
	color: #FFFFFF;
  	text-decoration: none;
}
.menu_area a:hover { 
	color: #9AD8FF;
  	text-decoration: none;
}
.menu_area a:active { 
	color: #24A558; 
  	text-decoration: none;
}




/******** Style!! ******************************************
   index　slick上のモーダルボタン2022
*************************************************************/
/*  矢印01  */
.arrow01 {
  width: 16px;
  height: 16px;
  border: 5px solid;
  border-color: #FFFFFF #FFFFFF transparent transparent;
  transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
.arrow01 {
  width: 10px;
  height: 10px;
  border: 5px solid;
  border-color: #FFFFFF #FFFFFF transparent transparent;
  transform: rotate(45deg);
}
}

/******** Style!! ******************************************
   slick 周辺のスペース調整
*************************************************************/
.slider{
	width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
}

/******** Style!! ******************************************
   slick で回転させる画像の上に表示するテキストのスタイル　2022
*************************************************************/
.img_moji01{
	width: 100%;
	position: relative;
	padding:0;
}

.img_moji02{
	width: 100%;
	position: relative;
	padding:0;
}



.img_moji01 h5{
  position: absolute;
  top: 18%;
  left: 4%;
  /*　テキストの中心を画面の中心にしたい時は以下を有効にする　*/
  /*　
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  */
  margin:0;
  padding:0;
  font-size: 2.4vw;
  font-weight: bold;
  color: black;
  /*
  text-shadow:
	2px 2px 2px rgb(0,0,0,0.1), -2px -2px 2px rgb(0,0,0,0.1),
	-2px 2px 2px rgb(0,0,0,0.1),  2px -2px 2px rgb(0,0,0,0.1),
	2px 0px 2px rgb(0,0,0,0.1), -2px -0px 2px rgb(0,0,0,0.1),
 	0px 2px 2px rgb(0,0,0,0.1),  0px -2px 2px rgb(0,0,0,0.1);
*/
  }


.img_moji02 h5{
  position: absolute;
  top: 20%;
  left: 50%;
  
  /* 画像に載せた文字が何故か勝手に改行してしまうので防止のために挿入*/
  white-space: nowrap;
  /*  ↑　*/

  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);

  margin: 0;
  padding: 0;
  font-size: 3vmax;
  font-weight: bold;
  color: #FFF;
  text-shadow:
	2px 2px 2px rgb(0,0,0,0.1), -2px -2px 2px rgb(0,0,0,0.1),
	-2px 2px 2px rgb(0,0,0,0.1),  2px -2px 2px rgb(0,0,0,0.1),
	2px 0px 2px rgb(0,0,0,0.1), -2px -0px 2px rgb(0,0,0,0.1),
 	0px 2px 2px rgb(0,0,0,0.1),  0px -2px 2px rgb(0,0,0,0.1);
  }



@media screen and (max-width: 768px) {

  .img_moji01 h5{
  font-size: 15px;
  font-weight: bold;
  color: #000;

  text-shadow:
	2px 2px 2px rgb(255,255,255,0.5), -2px -2px 2px rgb(255,255,255,0.5),
	-2px 2px 2px rgb(255,255,255,0.5),  2px -2px 2px rgb(255,255,255,0.5),
	2px 0px 2px rgb(255,255,255,0.5), -2px -0px 2px rgb(255,255,255,0.5),
 	0px 2px 2px rgb(255,255,255,0.5),  0px -2px 2px rgb(255,255,255,0.5);

  }


  .img_moji02 h5{
  font-size: 15px;
  font-weight: bold;
  color: #FFF;
  text-shadow:
	2px 2px 2px rgb(0,0,0,0.1), -2px -2px 2px rgb(0,0,0,0.1),
	-2px 2px 2px rgb(0,0,0,0.1),  2px -2px 2px rgb(0,0,0,0.1),
	2px 0px 2px rgb(0,0,0,0.1), -2px -0px 2px rgb(0,0,0,0.1),
 	0px 2px 2px rgb(0,0,0,0.1),  0px -2px 2px rgb(0,0,0,0.1);
  }

  .menu_image:not(:last-child) {
    margin-bottom: 5px;
  }
}


/******** Style!! ******************************************
    メイン内　右　左  2022
*************************************************************/
#main_content {
	width: 100%;
	padding-bottom: 5px;
	display: block;
	margin-left: auto;
    margin-right: auto;
}

#main_content:after {
	content: "";
	display: block;
	clear: both;
}

#m_content_left {
	width: 80%;
	margin: 0px;
	float: left;
	overflow: hidden;
}

.menu_area_k2 {
  margin: 0px 2% 0px 2%;
  width: 96%;
  display: flex;
  justify-content: space-between; 
  flex-wrap: wrap;

}

.menu_card {
  margin-top: 20px;
  width: 19.4%;
  padding: 0;
  background:rgba(255,255,255,1);
  box-shadow: 6px 6px 4px -2px rgba(0,0,0,0.6);
}

.menu_card p{
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  font-size: 12px;
  font-weight: bold;
  color: black;
}

.menu_image {
  width: 100%;
  padding: 0;
  position: relative;/*相対配置*/
}

.menu_image img{
  display: block;
  margin-top: 3px;
  margin-left: auto;
  margin-right: auto;
  width: 96%;
}

.menu_image P{
  position: absolute;/*絶対配置*/
  top: 0;
  left: 10px;
  width: 94%;
  margin: 0;
  padding: 0;
  font-size: 2.2vw;
  font-weight: bold;
  color: white;
  opacity: 1;        /*半透明にしたいとき*/
/*
  text-shadow: 3px 3px 4px rgba(255,255,255,0.8);
*/
}

.menu_image span {
  background-color: rgba(0,0,0,0.6);
  padding: 0px 4px 0px 4px;
  margin: 0px;
}

.menu_txt {
  width: 100%;
  padding: 0;
}

.menu_txt p {
  font-size: 1vw;
  font-weight: normal;
  text-align: left;
}

.menu_txt ul{
  display: flex;
  width: 94%;
  text-align: center;
  list-style: none;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0px auto 5px auto;
  padding: 5px 0px 5px 0px ;
}

.menu_txt li:not(:last-child) {
    margin-right: 40px;
  }


.shop_insight {
	width: 100%;
	margin-top: 0px;
	height: 100%;
}

.title_middle {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
}

.title_middle h1{
	line-height: 1;
	color:white;
	font-size: 4vw;
	font-weight: bold;
	margin: 0;
}

#shop_insight_colorbox {
	margin-top: 20px;
	margin-bottom: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0,0,0,0.6);

}

.shop_insight_box {
	width: 100%;
	height: 100%;
	margin-top: 2%;
}

/******(a)　左text / 右image*****/

.inner_box_left_a {
	width: 50%;
	margin: 0px;
	float: left;
	overflow: hidden;
}

.inner_box_title_a {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.inner_box_title_a h2{
	padding: 0;
	font-size: 3.5vw;
	color: #ffffff;
	line-height: 0;
}

.inner_box_txt_a {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
}

.inner_box_txt_a p{
	font-size: 1.2vw;
	font-weight: normal;
	color: #ffffff;
	line-height: 2em;
	text-align: middle;
}

.inner_box_image_a {
	width: 50%;
	float: right;
	margin-top: 0;
	margin-bottom: 15px;
	overflow: hidden;
}

.inner_box_image_a img{
	width: 90%;
	margin-top: 2%;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

/******(b)　左image / 右text *****/

.inner_box_left_b {
	width: 50%;
	margin: 0px;
	float: left;
	overflow: hidden;
}

.inner_box_image_b {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.inner_box_image_b img{
	width: 100%;
	padding-top: 2%;
	padding-bottom: 40px;
}

.inner_box_right_b {
	width: 50%;
	float: left;
	margin-top: 0px;
	margin-bottom: 15px;
	overflow: hidden;
}

.inner_box_title_b {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.inner_box_title_b h2{
	padding: 0;
	font-size: 3.5vw;
	color: #ffffff;
	line-height: 0;
}

.inner_box_txt_b {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
}

.inner_box_txt_b p{
	font-size: 1.2vw;
	font-weight: normal;
	color: #ffffff;
	line-height: 2em;
	text-align: middle;
}


@media screen and (max-width: 768px){
.inner_box_txt_a p{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 2em;
	text-align: middle;
}

.inner_box_txt_b p{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 2em;
	text-align: middle;
}
}


/****************************************/

#m_content_right {
	margin: 0px 0px 20px 0px;
	float: right;
	width: 20%;
}

#bg_area{
	width: 90%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 2%;
	margin-right: 8%;
	padding-top: 2px;
	background-color: rgba(255,255,255,1);
	box-shadow: 6px 6px 7px -2px rgba(0,0,0,0.6);
}

#b_space {
	width: 100%;
}

#b_space img{
	width:96%;
	padding-top: 5px;
	margin-left: 2%;
	margin-right: 2%;
}

/******** Style!! ******************************************
       MODAL WINDOW 2022
*************************************************************/

#block_type_lft {
	margin-top: 40px;
	margin-bottom: 10px;
}


#block_type_lft_img {
	width: 50%;
	margin-top: 20px;
	float: left;
}

#block_type_lft_img img{
	width: 80%;
	height: auto;
	line-height: 1;
	margin-right: auto;
	margin-left: auto;
}


#block_type_lft_txt {
	width: 50%;
	margin-top: 20px;
	float: right;
}

#block_type_lft_txt p{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
}

#block_type_lft:after {
	content: "";
	display: block;
	clear: both;
}



/******** Style!! ******************************************
     トップページ以外　共通部分 （contact fitting craft） 2022
*************************************************************/
.head_area_02 {
	width: 100%;
}

.menu_area_02 {
	width: 30%;
  	margin-right: 8%;
  	margin-left: auto;
	margin-top: 30px;
}

.menu_area_02 ul{
  display: flex;
  list-style-type: none;
  justify-content: space-between;
  flex-wrap: nowrap;

  padding: 0px;
}

.menu_area_02 ul li{
  justify-content: space-between;
  width: 10%;

  padding-left: 0px;
  border-radius: 3px; 
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF; 
} 

@media screen and (max-width: 768px){

.menu_area_02 {
	width: 40%;
  	margin-right: 10%;
  	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 5px;
}

.menu_area_02 ul li{
  justify-content: space-between;
  width: 10%;

  padding-left: 0px;
  border-radius: 3px; 
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF; 
} 

}





/******** 　contact fitting craft 2022　******/
/******** 　fitting　******/

#titlebar {
  width: 86%;;
  color:white;
  display: flex;
  justify-content: space-between;
  align-items: end;
  flex-wrap: nowrap;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

#titleimg_area {
  width: 50%;
  margin-bottom: -3%;
}

#titleimg_area h1{
  display: block;
  font-size: 5vw;
  font-weight: bold;
  line-height: 0;
  padding-left: 0;
  padding-bottom: 0;
}

/******** 　トピックパス　2022　******/
#topicPath {
  width: 40%;
  margin-right: 0px;
  padding: 0px;
}

#topicPath ul {
  display: flex;
  list-style: none;
  justify-content: flex-end;
  flex-wrap: wrap;
}

#topicPath li {
  margin: 0;
  display:inline;
  line-height:100%;
  font-size: 12px;
  list-style-type:none;
  color: #ffffff;
}

#topicPath li a {  
  padding-right: 25px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
 background:url(../images/topicpath.PNG) no-repeat right center; 
}

#topicPath li:not(:last-child) {
  margin-right: 20px;
}


/******** 　craft　******/

#titleimg_area_craft {
	width: 100%;
	height: 50px;
	background:  
    url(../images/fitting2_top_img.PNG),
	rgba(0,0,0,0.5);
	background-position: center;
	background-repeat: no-repeat;
}

#titleimg_area_craft h1{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}


/******** 　contact　******/
#titleimg_area_contact {
	width: 100%;
	height: 50px;
	background:  
    url(../images/contact_top_img.jpg),
	rgba(0,0,0,0.5);
	background-position: center;
	background-repeat: no-repeat;
}

#titleimg_area_contact h1{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

/******** 　access　******/

#titleimg_area_access {
	width: 100%;
	height: 40px;
	background:
    url(../images/fitting2_top_img.PNG),
	rgba(0,0,0,0.5);
	background-position: center;
	background-repeat: no-repeat;
}

#titleimg_area_access h1{
	width: 90%;
	margin-left: 10%;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}



/* どこで使ってるかわからん */
#titleimg_area2 {
	margin-top: 4px;
	width: 100%;
	height: auto;
}


/******** Style!! ******************************************
       FITTING &  CRAFT 　　2022
*************************************************************/
#main_content02{
	width: 86%;
	padding-bottom: 5px;
	display: block;
	margin-left: auto;
    margin-right: auto;
	margin-top: 0;
}


.vh100_block{
	width: 100%;
	height: 100%;
}


#block_type11 {
	margin-top: 5px;
	margin-bottom: 100px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0,0,0,0.6);
	/* border
	border:2px solid rgb(255, 255, 255);
	*/
	/* border-radius */
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-moz-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
}


#block_type11 h3{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 2.4vw;
	color: #ffffff;
	letter-spacing: 0;
}

#block_type11 h4{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 20px;
	font-size: 3vw;
	color: #ffffff;
	letter-spacing: 0;
}

.inner_box {
	width: 86%;
	margin-left: auto;
	margin-right: auto;
}

#block_type11_1 {
	width: 70%;
	margin: 0px;
	float: left;
	overflow: hidden;
}

#block_type11_2 {
	width: 90%;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}

#block_type11_2 p{
	padding-top: 0px;
	font-size: 1.2vw;
	font-weight: normal;
	color: #ffffff;
	line-height: 160%;
	text-align: left;
}

#block_type11_3 {
    width: 100%;
	margin: 0px;
}

#block_type11_3 h4{
    width: 90%;
	font-size: 1.2vw;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: auto;
	margin-top: 20px;
}

#block_type11_3 p{
    width: 60%;
	margin-bottom: 10px;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 20px;
}

#block_type11_31_font {
    width: 90%;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}


#block_type11_31_font p{
	font-size: 1.2vw;
	font-weight: normal;
	text-align: left;
	color:#87cefa;
}

#block_type11_31 {
    width: 90%;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

.contact_btn {
    width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
    background: 
	linear-gradient( 135deg, 
	rgba(0, 198, 255, 1),
	rgba(0, 114, 255, 1));
	padding: 0;
	text-align:center;
	color:#FFF;
	border:1px solid;
	cursor:pointer;
}


#block_type11_31 p{
	font-size: 1.4vw;
	color: #FFFFFF;
    width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.icoMailimage::before {
 content: "";
 display: inline-block;
 width: 30px;
 height: 30px;
 margin-right: 5%;
 background-image:url(../images/inquiry_icon.PNG);
 background-repeat: no-repeat;
 background-size: contain;
 vertical-align: middle;
}

.icoTellimage::before {
 content: "";
 display: inline-block;
 width: 30px;
 height: 30px;
 margin-right: 5%;
 background-image:url(../images/tellcall.PNG);
 background-repeat: no-repeat;
 background-size: contain;
 vertical-align: middle;
}

#block_type11_32 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

#block_type11_32 button{
width: 50%;
height: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
background: 
	linear-gradient( 135deg, 
	rgba(247, 151, 30, 1),
	rgba(255, 210, 0, 1)),
    url(../images/union_bg00.jpg);
padding: 0;
text-align:center;
color:#FFF;
border:1px solid;
cursor:pointer;
}

#block_type11_32 button p{
	font-size: 1vw;
	font-weight: bold;
	text-align: center;
	margin-top: auto;
	margin-bottom: auto;
}


#block_type11_4 {
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	width: 30%;
	overflow: hidden;
}

#block_type11_4 img{
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	width: 100%;
}

.block_type22 {
	margin-top: auto;
	margin-bottom: auto;
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: rgba(0,0,0,0.6);
	/* border
	border:2px solid rgb(255, 255, 255);
	*/
	/* border-radius */
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-moz-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
}

.block_type22 h3{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
	font-size: 2.4vw;
	color: #ffffff;
	letter-spacing: 0;
}


.block_type22 h4{
	margin: 0px;
	padding-top: 20px;
	padding-right: 20px;
	font-size: 1.2vw;
	color: #ffffff;
	letter-spacing: 0;
}


.block_type22_f1 {
	margin-left: auto;
	margin-right: auto;
	width: 86%;
}

.block_type22_f1:after {
	content: "";
	clear: both;
	display: block;
}

.block_type22_f2{
	width: 100%;
}

.block_type22_f2 p{
	font-size: 1.4vw;
	color: #ffffff;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

.price_list{
	width: 50%;
	margin-right: auto;
	margin-left: auto;
    background: 
     linear-gradient( 135deg, 
     rgba(84, 51, 255, 1),rgba(32, 189, 255, 1)); 
}

.price_list h3{
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	font-size: 16px;
	color: white;
	text-align: center;
}


.name_left{
	width: 50%;
	height: 80px;
	float: left;
	margin-top: 0px;
	padding-top: 0px;
	overflow: hidden;
    background: 
     linear-gradient( 135deg, 
     rgba(84, 51, 255, 1),rgba(32, 189, 255, 1)); 
}

.name_left p{
	color:white;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	line-height: 0em;
}

.price_right{
	width: 50%;
	height: 80px;
	float: right;
	overflow: hidden;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 40px;
    background: 
     linear-gradient( 135deg, 
     rgba(84, 51, 255, 1),rgba(32, 189, 255, 1)); 
}

.price_right p{
	line-height: 3em;
	margin-right: auto;
	margin-left: auto;
}


.type22_title {
	margin: 0px;
}

.type22_title:after {
	content: "";
	clear: both;
	display: block;
}

.type22_title_left {
	width: 60%;
	margin: 0px;
	float: left;
}

.type22_title_left h3{
	margin-left: 40%;
}

.type22_title_right {
	width: 20%;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	float: right;
}

.type22_f1_left {
	width: 63%;
	margin-right: auto;
	margin-left: 0px;
	float: left;
}

.type22_f1_left p{
	font-weight: normal;
	margin-top: 20px;
	font-size: 1.2vw;
	color: #ffffff;
	line-height: 150%;
}

.type22_f1_right {
	width: 30%;
	margin: 0px;
	float: right;

}

.type22_f1_right img{
	width: 100%;	
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}


.block_type22_next{
	margin: 0px;
	width: 950px;
}

.block_type22_next img{
	padding-left: 350px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.block_type03 {
	margin-top: 20px;
	margin-bottom: 10px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0,0,0,0.6);
	/* border */
	border:2px solid rgb(255, 255, 255);
	/* border-radius */
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-moz-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
}


.block_type03_head1 {
	margin-top: 20px;
	margin-bottom: 0px;
	width: 100%;
	height: 32px;
}


/* どこで使っているかわからない
.block_type03_head1 h3{
	padding-left: 30px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}


.block_type03_head2 {
	margin-top: 20px;
	margin-bottom: 0px;
	width: 100%;
	height: 34px;
	background-image: url("../images/lesson2_img16.png");
	background-repeat: no-repeat;
}

.block_type03_head {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	height: 34px;
	background-image: url("../images/titlebar_bg.png");
	background-repeat: no-repeat;
}

.block_type03_head h4{
	margin: 0px;
	padding-top: 10px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
}

*/


.block_type03_mid {
	margin: 0px;
	width: 100%;
	margin-right: auto;
	margin-left:auto;
}

.flow_describe {
	padding-top: 2px;
	padding-bottom: 2px;
	width: 86%;
	margin-right: auto;
	margin-left:auto;
	overflow: hidden;
	border-bottom: 1px dotted #ffffff;
}

.flow_desc_left {
	margin: 0px;
	width: 70%;
	height: auto;
	float: left;
}

.flow_block_type1 {
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

.flow_block_type1 hr{
	margin-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.flow_desc_no {
	margin: 0px;
	width: 12%;
	float: left;
	margin-left: auto;
	margin-right: auto;
}


.flow_desc_no img{
	width: 80%;
	margin: 0 auto 5px auto;
	vertical-align: middle
}


.flow_desc_txt {
	margin: 0px;
	padding: 0px;
	width: 100%;
	vertical-align: middle;
	line-height: 1em;
}

.flow_desc_txt p{
	width: 100%;
	font-size: 1.2vw;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}

.flow_block_type1:after {
	content: "";
	display: block;
	clear: both;
}

.flow_block_type2 {
	width: 100%;
	margin: 0px;
}

.flow_block_type2 p{
	width: 90%;
	margin-left: 0px;
	margin-right: auto;
	padding: 0px;
	font-size: 1.2vw;
	line-height: 150%;
	color: #ffffff;
}

.flow_desc_right {
	margin: 0px;
	width: 30%;
	float: right;
}

.flow_desc_right img{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2px;
}

.block_type03_bottom {
	width: 100%;
	margin-bottom: 100px;
}

.block_type03_bottom p{
	text-align: right;	
}


.craft_table{
	width: 70%;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding-bottom: 20px;
    background: 
	linear-gradient( 135deg, 
	rgba(0,198, 255, 0.8),
	rgba(0, 114, 255, 0.8));
}

.craft_table table{
	width: 80%;
	margin-left: auto;
	margin-right: auto;

}

.craft_table td{
	background:rgba(220,231,182,1);
}

.craft_table h6{
	color:#FFFFFF;
	font-size: 1.2vw;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0px;
	text-align:center;
}

.craft_table h5{
	color:#FFFFFF;
	font-size: 1.4vw;
	font-weight: bold;
	line-height: 1;
	padding-top: 10px;
	padding-bottom: 0px;
	text-align:center;
}

.craft_table p{
	font-size: 1.2vw;
	margin: 0px;
	color:#1a2986;
}


.fitting_table{
	width: 60%;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	padding-bottom: 20px;
    background: 
	linear-gradient( 135deg, 
	rgba(0,198, 255, 0.8),
	rgba(0, 114, 255, 0.8));
}

.fitting_table table{
	width: 80%;
	margin-left: auto;
	margin-right: auto;

}

.fitting_table td{
	background:rgba(220,231,182,1);
}

.fitting_table h5{
	color:#FFFFFF;
	font-size: 1.4vw;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0px;
	text-align:center;
}

.fitting_table h4{
	color:#FFFFFF;
	font-size: 1.4vw;
	font-weight: bold;
	line-height: 1;
	padding-top: 10px;
	padding-bottom: 0px;
	text-align:center;
}

.fitting_table p{
	margin: 0px;
	color:#1a2986;
}

@media screen and (max-width: 768px) {

.craft_table{
	width: 80%;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding-bottom: 20px;
    background: 
	linear-gradient( 135deg, 
	rgba(0,198, 255, 0.8),
	rgba(0, 114, 255, 0.8));
}

.craft_table table{
	width: 90%;
	margin-left: auto;
	margin-right: auto;

}

.fitting_table{
	width: 80%;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	padding-bottom: 20px;
    background: 
	linear-gradient( 135deg, 
	rgba(0,198, 255, 0.8),
	rgba(0, 114, 255, 0.8));
}

.fitting_table table{
	width: 80%;
	margin-left: auto;
	margin-right: auto;

}
}






/******** Style!! ******************************************
       contact_u.html  & FORM & confirm 2022
*************************************************************/

#content_pt02 {
	width: 86%;
    height: auto;              /* 高さ指定 */
    background:rgba(238,238,238,0.7);     /* 背景色指定 */
    border-radius: 10px;        /* 角丸指定 */
 	margin-right: auto;
  	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	display: block;
}


#form_content {
	width: 100%;
	margin: auto;
	display: block;
}

#form_bg_h {
	margin-top: 20px;
	width: 100%;
	height: 60px;
}

#form_bg_h h2{
	margin: auto;
	font-size: 14px;
	padding-top: 35px;
	color: #027cb6;
	text-align: center;
}

#form_bg_m {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#form_bg_m h3{
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	margin: auto;
}

#form_bg_f {
	height: 50px;
}

#FORM {
	width: 100%;
}

#FORM p{
	margin: 0px;
}

#FORM table {
	width: 100%;
	border: 0px;
	margin: auto;
}

#FORM input {
	width: 100%;
}

#FORM textarea {
	width: 100%;
}

#FORM .SmallType {
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
}

#FORM tr th {
	font-weight: bold;
	width: 25%;
	height: 15px;
	text-align: center;
	padding: 4px;
	background-color: #027cb6;
	vertical-align: middle;
}

#FORM td {
	width: 70%;
	padding: 4px;
	height: 20px;
	background-color: #FFFFFF;
}


#FORM .Submit {
	background: #f7f7f4;
	text-align: center;
}

.ERR {
	color: #f00;
}




/***************************************************
      ラインの設定
***************************************************/

/*****細かい点々*******/
.style6 {
	border-width: 1px 0 0 0;
	border-style: dashed;
	border-color: #ffd700;
}

/***************************************************
      ボタンの設定
***************************************************/

/* 　メニューボタン　横スライドライン　 */

.border_slide_btn {
  position: relative;
  display: inline-block;
  color: #1B1B1B;
  text-decoration: none;
}
.border_slide_btn:hover {
  cursor: pointer;
  text-decoration: none;
}
.border_slide_btn::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
.border_slide_btn:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}


/*****　バック　ボタン　周囲設定 *******/
.button-31 {
  background-color: rgba(0,0,0,0.7);
  border: 2px solid #FFFFFF;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Farfetch Basis","Helvetica Neue",Arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  max-width: 150px;
  min-height: 44px;
  min-width: 10px;
  outline: none;
  overflow: hidden;
  padding: 0px 10px 0px;
  position: relative;
  text-align: center;
  text-transform: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: 100%;
}

.button-31 p{
	text-align: center;
}

.button-31:hover,
.button-31:focus {
  opacity: .5;
}


/*****上矢印*******/
.arrow-top {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 10px 10px;
  border-top: 4px solid #FFF;
  border-left: 4px solid #FFF;
  transform: rotate(45deg);
}



/***************************************************
      地図　等　アクセス　2022
***************************************************/

/*　なにこれ
#access_block01 {
	width: 950px;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}



#access_block02 {
	margin: 0px;
}
*/

#access_block02_left {
	width: 36%;
	margin-top: 0px;
	margin-bottom: 10px;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0,0,0,0.6);

	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-moz-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	float: left;
}

#data_block_head {
	width: 100%;
	margin: 0px;
	height: 70px;
	background-color: rgba(8,8,8,0.7);
}

#data_block_head h1{
	margin: 0px;
	padding-top: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}


#data_block {
	margin: 0px;
	width: 100%;
}

#data_block_mid {
	margin: 0px;
}

#data_block_mid p{
	margin: 0px;
	padding-top: 10px;
	padding-left:20px;
	padding-right: 20px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 150%;
}

.underline_text {
  background: linear-gradient(transparent 28%, #0099FF 28%);
}

#data_block_bottom {
	margin: 0px;
	width: 300px;
	height: 30px;
}

#access_block02_right {
	width: 60%;
	margin: 0px;
	float: right;
}

#access_block02_map {
	margin-top: 0px;
	margin-bottom: 10px;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0,0,0,0.6);

	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-moz-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
}

#access_block02_map p{
	font-size: 14px;
	font-weight: bold;
	color: white;
	padding-left: 20px;
	padding-right: 20px;
}

#googlemap_block {
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	padding-top:10px;
	padding-bottom: 5px;
}












/******** Style!! ******************************************
       topics box
*************************************************************/

#topics_box {
	width: 90%;
	margin-top: 6px;
	background-color: rgba(70,70,70,0.8);
	/* border */
	border:2px solid rgb(255, 255, 255);
	/* border-radius */
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-moz-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
}


#topics_home_head {
	margin: 0px;
	width: 90%;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}

#topics_home_head_l {
	margin: 0px;
	float:left
}

#topics_home_head_r {
	margin: 0px;
	float: right;
}

#topics_home_head_r p{
	margin: 0px;
	font-size: 12px;
}

#topics_home_head:after {
	content: "";
	display: block;
	clear: both;
}


#topic_home_mid {
	width: 90%;
	margin: 10px;
	padding-top: 5px;
	padding-left: 10px;
}

#topic_home_mid hr{
	border-top: 1px dotted #bbb;
}

#topic_home_mid img{
	margin: 0px;
	vertical-align: top;
}


.topic_h_newspack {
	margin: 0px;
	width: 90%;
}

.topic_h_newspack_txt a:hover { 
	color: #FF0000;
  	text-decoration: none;
}


.topic_h_newspack_date {
	margin: 0px;
	width: 40%;
	float: left;
}

.topic_h_newspack_date p {
	margin: 0px;
	padding-top: 0px;
	padding-left: 10px;
	font-size: 12px;
	color: #ffffff;
}

.topic_h_newspack_txt {
	margin: 0px;
	width: 60%;
	float: right;
}

.topic_h_newspack_txt p {
	margin: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 2px;
	font-size: 12px;
	color: #ffffff;
}

.topic_h_newspack_txt img{
	margin: 0px;
	vertical-align: middle;
}

.topic_h_newspack:after {
	content: "";
	display: block;
	clear: both;
}

#topic_home_bottom {
	margin: 0px;
	width: 680px;
	height: 20px;
}


#shop_holiday {
	width: 708px;
	margin-top: 10px;
}

#shop_holiday:after {
	content: "";
	display: block;
	clear: both;
}

.back_btn {
	margin: 0px;
	padding-top: 20px;
	padding-left: 500px;
}


.stdiodata_box {
	margin-left: 10px;
	margin-top: 10px;
	width: 340px;
	float: left;
	background-color: rgba(70,70,70,0.8);
	/* border */
	border:2px solid rgb(255, 255, 255);
	/* border-radius */
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-moz-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;

}

.stdiodata_box h2{
	margin: 0px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 0px;
	font-size: 12px;
	line-height: 14px;
	color: #ffffff;
}

.stdiodata_box hr.style-one {
	margin: 0px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:    -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:     -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:      -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255255,0));
}

.stdiodata_box img{
	margin: 0px;
	padding: 0px;
}

.stdiodata_box p{
	margin: 0px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
}

#newshop_map{
	margin: 0px;
	width: 570px;
	text-align: center;
}

#newshop_map p{
	margin: 0px;
	padding-top: 15px;
	color: #eb6100;
	font-size: 16px;
	font-weight: bold;
}

#facebook_area1 {
	padding-left: 5px;
	margin: 0px;
	width: 224px;
}



#stdiodata_box_right h2{
	margin: 0px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 0px;
	font-size: 12px;
	line-height: 14px;
	color: #5da012;
}

#stdiodata_box_right hr.style-one {
	margin: 0px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:    -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:     -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image:      -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255255,0));
}

#stdiodata_box_right img{
	margin: 0px;
	padding: 0px;
}

#stdiodata_box_right p{
	margin: 0px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

.footer_area {
  display: flex;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  justify-content: space-between;
  align-items: end;
  flex-wrap: nowrap;
  width: 100%;
  height: 60px;
  background-color: #000000;
}

.lil_logo {
  width: 12%;
  padding-left: 3%;
  margin-bottom: 10px;
}

.lil_logo img {
  display: block;
  width: 100%;
  height: 100%;
}

.copyright {
  display: flex;
  list-style: none;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: auto;
  margin-right: 3%;
  margin-bottom: 10px;
}

.copyright p{
	color: #FFFFFF;
	font-size: 1.2vw;
	line-height: 0;
}

/******** Style!! ******************************************
       Lesson & Fitting  STYLE!
*************************************************************/

.block_type01 {
	margin-top: 20px;
	margin-bottom: 10px;
	width:950px;
	height: 230px;
	background-image: url("../images/fitting_bg0.png");
	background-repeat: no-repeat;
}

.block_type01 h2{
	margin: 0px;
	padding-left: 490px;
	padding-right: 30px;
	padding-top: 30px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 180%;
	text-align: center;
}

.block_type01 p{
	margin: 0px;
	padding-left: 495px;
	padding-right: 15px;
	padding-top: 20px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 160%;
	text-align: center;
}


/******** Style!! ******************************************
      
*************************************************************/

#block_type_tag{
	margin-top: 10px;
	margin-bottom: 10px;
}

#block_type_tag ul{
	margin: 0px;
	margin-left: 366px;
	padding: 0px;
	list-style: none;
}

#block_type_tag ul li{
	display: inline;
	margin: 0px 5px;
}

.block_type02 {
	margin: 0px;
	padding-top: 5px;
	width: 950px;
}

.block_type02 h3{
	margin: 0px;
	padding-top: 40px;
	padding-left: 115px;
	padding-bottom: 6px;
	font-size: 14px;
	color: #000000;
	letter-spacing: 0;
}

.block_type02 p{
	margin: 0px;
	padding-left: 115px;
	padding-right: 10px;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	line-height: 100%;
}

.block_type02_left {
	margin: 0px;
	width: 475px;
	height: 142px;
	float: left;
	overflow: hidden;
}

.block_type02_right {
	margin: 0px;
	width: 475px;
	height: 142px;
	float: right;
	overflow: hidden;
}

.block_type02:after {
	content: "";
	display: block;
	clear: both;
}



#block_type04 {
	margin: 0px;
	width: 950px;
}

#block_type03 {
	margin-top: 20px;
	margin-bottom: 10px;
	width:950px;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0,0,0,0.6);
	/* border */
	border:2px solid rgb(255, 255, 255);
	/* border-radius */
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-moz-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
}


/******** Style!! ******************************************
       craft STYLE!
*************************************************************/
#craft_main_block01 {
	width: 950px;
	margin: 0px;
}

#craft_mblock01_bg {
	width: 950px;
	height: 265px;
	margin: 0px;
	background-image: url("../images/craft_info_bg.png");
	background-repeat: no-repeat;
}

#craft_mblock01_bg p{
	margin-left: 475px;
	width: 395px;
	line-height: 180%;
	padding-left: 40px;
	padding-top: 80px;
	padding-right: 40px;
	font-size: 12px;
	color: #707070;
}

#craft_main_block02 {
	width: 950px;
	height: 130px;
	margin: 0px;
	padding-top: 10px;
}

#craft_mb02_left {
	width: 472px;
	margin: 0px;
	float: left;
	overflow: hidden;
}

#craft_mb02left_left {
	width: 236px;
	margin: 0px;
	float: left;
	overflow: hidden;
}

#craft_mb02left_right {
	width: 236px;
	margin: 0px;
	float: right;
	overflow: hidden;
}

#craft_mb02_right {
	width: 475px;
	margin: 0px;
	float: right;
	overflow: hidden;
}

#craft_mb02right_left {
	width: 236px;
	margin: 0px;
	float: left;
	overflow: hidden;
}

#craft_mb02right_right {
	width: 236px;
	margin: 0px;
	float: right;
	overflow: hidden;
}

#craft_main_block02:after{
	content: "";
	display: block;
	clear: both;
}


#craft_main_block03 {
	width: 950px;
	margin: 0px;
	padding-top: 20px;
}

#craft_main_block03_head {
	width: 950px;
	height: 36px;
	margin: 0px;
}

#craft_main_block03_mid {
	width: 950px;
	margin: 0px;
	background-image: url(../images/craft_bg_mid.png);
	background-repeat: repeat-y;
}

#craft_main_block03_bottom {
	width: 950px;
	height: 52px;
	margin: 0px;
	background-image: url(../images/craft_bg_bottom.png);
	background-repeat: no-repeat;
}


.craft_makertitle {
	width: 950px;
	margin: 0px;
}


.craft_makertitle p{
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 20px; 
	text-align: center;
	font-size: 12px;
	color: #000000;
}

.craft_makerbtn {
	width: 950px;
	margin: 0px;
	padding-top: 10px;
	padding-left: 15px;
	overflow: hidden;
}

.craft_makerbtn_left {
	margin: 0px;
	width: 630px;
	float: left;
	overflow: hidden;
}

.craft_makerbtn_ll {
	margin: 0px;
	width: 315px;
	float: left;
	overflow: hidden;
}

.craft_makerbtn_lr {
	margin: 0px;
	width: 315px;
	float: left;
	overflow: hidden;
}

.craft_mblock03_right {
	margin: 0px;
	width: 320px;
	float: right;

}

.craft_makerbtn:after {
	content: "";
	display: block;
	clear: both;
}

#craft_price_list {
	width: 950px;
	margin: 0px;
}

#craft_price_list table{
	text-align: center;
}

.crafttitle_block {
	width: 950px;
	padding-top: 20px;
	margin: 0px;
}

.crafttitle_block_left {
	width: 818px;
	margin: 0px;
	float: left;
	overflow: hidden;
}

.crafttitle_block_left h2{
	margin: 0px;
	font-size: 14px;
	color: #003399;
}

.crafttitle_block_right {
	width: 132px;
	margin: 0px;
	float: right;
	overflow: hidden;
}

.crafttitle_block:after {
	content: "";
	display: block;
	clear: both;
}

.craft_block {
	margin: 0px;
	padding-bottom: 30px;
	width: 950px;
}

.craft_block table {
	margin: 0px;
	width: 950px;
	border: 0px;
}

.craft_block table td{
	border: 1px solid #000000;
	padding: 5px;
}

/******** Style!! ******************************************
       Topics STYLE!
*************************************************************/
#topics_block01 {
	margin: 0px;
	padding-top: 20px;
	width: 950px;
}

#topics_block01_left {
	margin: 0px;
	width: 700px;
	overflow: hidden;
	float: left;
}

#topics_area_head {
	margin: 0px;
}

#topics_area_head h3{
	margin: 0px;
	padding-top: 10px;
	padding-left: 20px;
	color: #ffffff;
	font-size: 18px;
}

#topic_area_mid {
	margin: 0px;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0,0,0,0.6);
	/* border */
	border:2px solid rgb(255, 255, 255);
	/* border-radius */
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
	-moz-box-shadow:rgba(113, 135, 164, 0.388235) 0px 3px 6px -1px;
}

#topic_area_mid img{
	margin: 0px;
	vertical-align: top;
}

.topic_newspack {
	margin: 0px;
	width: 750px;
}

.topic_newspack_txt a:hover { 
	color: #FF0000;
  	text-decoration: none;
}


.topic_newspack_date {
	margin: 0px;
	width: 114px;
	float: left;
}

.topic_newspack_date p {
	margin: 0px;
	padding-top: 0px;
	padding-left: 40px;
	font-size: 12px;
}

.topic_newspack_txt {
	margin: 0px;
	width: 636px;
	float: right;
}

.topic_newspack_txt p {
	margin: 0px;
	padding-top: 0px;
	padding-left: 40px;
	padding-bottom: 2px;
	font-size: 12px;
	color: #000000;
}

.topic_newspack_txt img{
	margin: 0px;
	vertical-align: middle;
}

.topic_newspack:after {
	content: "";
	display: block;
	clear: both;
}


#topics_block01_right {
	margin: 0px;
	width: 220px;
	overflow: hidden;
	float: right;
}

#topics_block01:after {
	content: "";
	display: block;
	clear: both;
}

.topic_pop {
	margin: 0px;
	width: 100%;
}


.topic_pop_date {
	width: 100%;
	margin: 0px;
}

.topic_pop_date p{
	margin: 0px;
	padding-left: 20px;
	padding-top: 50px;
	font-size: 12px;
	color: #7d6400;
}


.topic_pop_title {
	width: 100%;
	margin: 0px;
}

.topic_pop_title h2{
	margin: 0px;
	padding-left: 20px;
	padding-top: 0px;
	font-size: 14px;
	color: #7d6400;
}

.topic_pop_txt {
	margin: 0px;
	width: 60%;
	overflow: hidden;
	float: left
}

.topic_pop_txt p{
	margin: 0px;
	padding-left: 20px;
	font-size: 14px;
	color: #7d6400;
}

.topic_pop_image {
	margin: 0px;
	float: right;
}

.topic_pop_image p{
	margin: 0px;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 40px;
}

.topic_pop:after {
	content: "";
	display: block;
	clear: both;
}



/******** Style!! ******************************************
    Golf Fields link STYLE
*************************************************************/

a:link { 
	color: #FFFFFF;
  	text-decoration: none;
  	border-style: none;
}
a:visited { 
	color: #FFFFFF;
  	text-decoration: none;
}
a:hover { 
	color: #ff8c00;
  	text-decoration: none;
}
a:active { 
	color: #FF0000; 
  	text-decoration: none;
}

img { border-style:none; }

a img { border-style:none; }

/******** Style!! ******************************************
    Golf Fields link STYLE  background-color:#FFFFFF仕様
*************************************************************/

.bg_white_gp a:link { 
	color: #FF0000;
  	text-decoration: none;
  	border-style: none;
}
.bg_white_gp a:visited { 
	color: #FF0000;
  	text-decoration: none;
}
.bg_white_gp a:hover { 
	color: #9AD8FF;
  	text-decoration: none;
}
.bg_white_gp a:active { 
	color: #24A558; 
  	text-decoration: none;
}