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


/****  Reset START ****/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-size:100%; font: inherit;*/ 
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/**** Reset END  ****/

* {
	box-sizing: border-box;
}
html {
	font-size: 10px;
	font-size: 62.5%;
}
body {
	padding: 0px;
	margin: 0px;
	font-family: "ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	color: #121212;
	text-align: center;
	background-color: #ffffff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size: 1.4rem;
	line-height: 1.5;
	font-weight: 500;
}
code {
	padding: 0px;
	margin: 0px;
	font-family: "ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
	font-size: 1.4rem;
	line-height: 1.5;
	font-weight: 500;
	display: inline;
	width: auto;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
}
header {
	padding: 50px 20px;
	text-align: center;
	color: #ffffff;
	background: #333333;
}

.clear {
	clear: both;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	line-height: 1px;
	height: 1px;}
#clear {
	clear: both;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	line-height: 1px;
	height: 1px;}
.cf { clear: both;}


/* リンク */

a { color: #121212; 
    text-decoration: none;}
a:hover { color: #121212;
    text-decoration: none;}
a:hover img.over {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;}
main a { 
    /*color: #000000; */
    text-decoration: none;
}
main a:visited{
    text-decoration: none;
}
main a:active{
    text-decoration: none;
}
main a:hover {
	color: #ff4200;
	text-decoration: underline;
}
main a:hover img.over {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;}
main a.link-more {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	color: #ff4200;
	text-decoration: underline;}
main a.link-more::after {
	margin: 0px 0px 0px 5px;
	content: url("../img/common/icon_link-more.png");
	vertical-align: middle;}

.workshop_list_detail_img a:hover img.over {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;}

.workshop_list_detail_img_02 a:hover img.over {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;}
	
/*トップページ カテゴリメインイメージ用*/
@media (min-width: 768px) {
.visual_main_image {
  position: relative;
}
.category_image{
  min-height:900px;
  margin:0px 10px 0px 10px;
  padding:0px 0px 0px 10px;
    background: #ffffff url(../images/top_main_image.jpg) no-repeat center;
    background-size: cover;
}*
.category_image_over_img{
  width:50%;
  height:auto;
    position:absolute;
  top: 61%;
  left:-20px;
  float:left;
}
/*セカンドページ カテゴリメインイメージPC用*/
.category_image_second{
  height: auto;
  width:100%;
  margin:0 auto;
  padding:46px 5px 0px 5px;
  position: relative;
}
.archive_category{
  width:100%;
  height:500px;
}
.archive_category img{
  width:100%;
  /*height:388px;*/
  height:500px;
  margin:0px auto;
  /*角丸のため、paddingは上下と左右同じに*/
  padding:50px 10px 50px 10px;
  position: relative;
  object-fit: cover;
  border-radius:20px;
  object-position:center;
  filter: brightness(50%);
}
.archive_category p.pagetitle{
  position: absolute;
  top: 55%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;  
  /*文字の装飾*/
  font-size: 3.5rem;
    line-height: 4rem;
    font-weight: 800;
    letter-spacing:3px;
    color: #ffffff;
      	font-family: serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ",sans-serif;
}


.visual_main_image_sp{
  display:none;
}
.category_image_second p.pagetitle{
  position: absolute;
  top: 55%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;  
  /*文字の装飾*/
  font-size: 3.5rem;
    line-height: 4rem;
    font-weight: 800;
    letter-spacing:3px;
    color: #fff;
      	font-family: serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ",sans-serif;
}


.visual_main_image_sp{
  display:none;
}
}

@media (max-width: 767px) {
.visual_main_image{
  display:none;
}
.visual_main_image_sp {
  position: relative;
}
.category_image{
  width:100%;
  margin-top:0px;
    height:auto;
  padding:0px 3px;
}

.archive_category{
  width:100%;
  /*height:388px;*/
}
.archive_category img{
  width:100%;
  height:50%;
  margin:0px auto;
  /*角丸のため、paddingは上下と左右同じに*/
  padding:10px 10px 10px 10px;
  position: relative;
  object-fit: cover;
  border-radius:20px;
  object-position:center;
  filter: brightness(50%);
}
.archive_category p.pagetitle{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;  
  /*文字の装飾*/
  font-size: 2.5rem;
    line-height: 4rem;
    font-weight: 800;
    letter-spacing:3px;
    color: #ffffff;
      	font-family: serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ",sans-serif;
}


.category_image p.pagetitle{
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;  
  font-size: 2.5rem;
    line-height: 4rem;
    font-weight: 800;
    color: #fff;
      	font-family: serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ",sans-serif;
}
}

/*トップページ カテゴリタイトル PC用*/
@media (min-width: 768px) {
.category_title_area{
  margin:40px 0px 45px 0px;
}
.category_title_midashi{
  margin:20px 0px 20px 0px;
}
.category_title01{
  color:#b28e00;
  font-size:140%;
}
.category_title01{
  /*color:#b28e00;*/
  color:#ceb245;;
  font-family:  serif,Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
	font-size: 200%;
	font-weight: 500;
	letter-spacing: 3px;
}

.category_title04{
  /*color:#b28e00;*/
  /*color:#7c6400;*/
  color:#fff;
  font-family:  "ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
  font-size: 200%;
  font-weight: 700;
  letter-spacing: 1px;
}
.category_title05{
  /*color:#b28e00;*/
  /*color:#7c6400;*/
  color:#fff;
  font-family:  "ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
  font-size: 120%;
  font-weight: 400;
  letter-spacing: 1px;
  margin-top: 0.5em;
}
.category_title_area02{
  margin:120px 0px 45px 0px;
}
.category_title02{
  color:#b28e00;
  /*font-family:  serif,Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";*/
	font-size: 180%;
	font-weight: 500;
	letter-spacing: 3px;
	text-align:center;
	margin:30px 0px 20px 0px;
}
.category_title03{
  color:#000000;
  font-family:  serif,Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
	font-size: 200%;
	font-weight: 500;
	letter-spacing: 3px;
}
.category_title_details{
  margin:20px auto 0px;
}
.category_title_commingsoon{
  margin:30px auto 0px;
}
}
/*トップページ カテゴリタイトル スマホ用*/
@media (max-width: 767px) {
.category_title_area{
  margin:10px auto 0px;
}
.category_title_area02{
  margin:30px auto 0px;
}
.category_title_midashi{
  margin:20px 0px 20px 0px;
  text-align:center;
}
.category_title01{
  /*color:#b28e00;*/
  color:#ceb245;
  font-family:  serif,Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
	font-size: 150%;
	font-weight: 500;
	letter-spacing: 3px;
}
.category_title02{
  color:#ff8a9e;
  font-family:  serif,Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
	font-size: 150%;
	font-weight: 500;
	letter-spacing: 3px;
}
.category_title03{
  color:#fbac6a;
  font-family:  serif,Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
	font-size: 150%;
	font-weight: 500;
	letter-spacing: 3px;
}

.category_title04{
  /*color:#b28e00;*/
  /*color:#7c6400;*/
  color:#fff;
  font-family:  "ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
  font-size: 150%;
  font-weight: 700;
  letter-spacing: 1px;
}
.category_title05{
  /*color:#b28e00;*/
  /*color:#7c6400;*/
  color:#fff;
  font-family:  "ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
  font-size: 100%;
  font-weight: 400;
  letter-spacing: 1px;
    margin-top: 0.5em;
}
.category_title_details{
  margin:20px auto 20px;
}
.category_title_commingsoon{
  margin:30px auto 0px;
}
}

/***Workshopエリア用***/
 /*Workshop ボタンマウスオーバー*/
.special_workshop_annai_detail_img:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}
.workshop_list_detail_img:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}
.workshop_list_detail_img:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}
.workshop_list_detail_img_02:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}
.workshop_list_detail_img_02:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}
.second_workshop_order_btn:hover img{
  opacity: 0.9;
  transition-duration: 0.3s;
}
.second_workshop_special_order_btn:hover img{
  opacity: 0.9;
  transition-duration: 0.3s;
}

 /*Workshop ボタンマウスオーバーEND*/

/*トップページ Workshopエリア PC用*/
/*@media (min-width: 768px) {*/
@media (min-width: 1025px) {
.top_workshop_area{
  /*width:1024px;*/
  width:100%;
  margin:80px auto 30px;
  min-height: 500px; 
  padding:50px 0px 20px 0px;
  background: #f1f0ee url(../images/top_back_2026_2.webp) top center no-repeat;
   /*background-size: contain;*/
  background-size: cover;
}
.top_workshop_info{
  width:1080px;
  margin:0 auto;
  padding:0px;
  border-collapse: separate;
}
.info_sp{
  display:none;
}
}
/*TOP Workshopエリアスマホ用*/
/*@media (max-width: 767px) {*/
@media (max-width: 1024px) {
.top_workshop_area{
  width:100%;
  margin:0 auto 50px;
  min-height: 500px; 
  /*padding-top:300px;*/
  background: #f1f0ee url(../images/top_back_sp_2026_2.jpg) top center repeat;
  background-size: contain;
   /*background-size: cover;*/
}
.top_workshop_info{
  width:95%;
  margin:0 auto;
  padding:150px 0px;
}
.info{
  display:none;
}
}


/*ワークショップ個別ページPC*/
@media (min-width: 1025px) {
.second_workshop_area{
  /*width:1024px;*/
  width:100%;
  margin:20px auto 40px;
  min-height: 500px; 
  /*padding:310px 0px 20px 0px;*/
  padding0px 0px 20px 0px;
  /*background: #f1f0ee url(../images/2nd_workshop_detail_back.jpg) top center no-repeat;*/
  background-size: contain;
}
.second_workshop_info{
  /*width:80%;*/
  width:1080px;
  margin:0 auto;
  padding:0px;
  border-collapse: separate;
}
}

/*ワークショップ個別ページスマホ*/
@media (max-width: 1024px) {
.second_workshop_area{
  width:100%;
  margin:20px auto 10px;
  min-height: 500px; 
  padding:150px 0px 20px 0px;
  background: #f1f0ee url(../images/2nd_workshop_detail_back_sp.jpg) top center no-repeat;
  background-size: contain;
}
.second_workshop_info{
  width:100%;
    margin:0 auto;
  padding:0px;
  border-collapse: separate;
}
}

/*ワークショップArchiveページPC*/
@media (min-width: 1025px) {
.workshop_archive_area{
  /*width:1024px;*/
  width:100%;
  margin:20px auto 50px;
  min-height: 500px; 
  padding:20px 0px 20px 0px;
  background: #f1f0ee url(../images/2nd_workshop_white_back.jpg) top center no-repeat;
  /*background: #f1f0ee;*/
  background-size: contain;
}
.workshop_archive_info{
  /*width:80%;*/
  width:1080px;
  margin:0 auto;
  padding:0px;
  border-collapse: separate;
}
.workshop_archive_title_s{
  font-size:80%;
}
}

/*ワークショップArchiveページスマホ*/
@media (max-width: 1024px) {
.workshop_archive_area{
  width:100%;
  margin:20px auto 50px;
  min-height: 500px; 
  /*padding:150px 0px 20px 0px;*/
  padding:0px 0px 20px 0px;
  background: #f1f0ee url(../images/2nd_workshop_white_back.jpg) top center no-repeat;
  background-size: contain;
}
.workshop_archive_info{
  width:100%;
    margin:0 auto;
  padding:0px;
  border-collapse: separate;
}
.workshop_archive_title_s{
  font-size:80%;
}
}

/*Workshop Archive一覧 リンクエリア*/
.archiveLinkArea{
  max-width: 1000px;
  margin: 0 auto;
  padding: 0px 0 20px 0px;
}
.archiveLinkArea p{
  text-align:left;
}
.archiveLinkArea ul{
  display: flex;
  flex-wrap: wrap;
}
.archiveLinkArea ul li{
  /*width: 31.3%;*/
  width: 30.3%;
  margin:0px 20px 20px 0px;
  padding:0px;
  border:1px solid #cccccc;
  background-color:#ffffff;
  /*ドロップシャドウ追加*/
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);
}
.archiveLinkArea ul li p{
  padding:10px;
  font-size:120%;
}
.archiveLinkArea ul li p.title{
  color:#b28e00;  
  padding:0px 0px 0px 10px;
}
.archiveLinkArea .linkpage{
  padding:5px;
  font-size:110%;
  text-align:right; 
  font-weight:bold;
}
.archiveLinkArea .linkpage a{
  color:#95398b;  
  border-bottom:2px solid #95398b;
  padding-bottom:4px;
}
@media (min-width: 768px) {
.archiveLinkArea .linkpage_sp{
  display:none;
 }
}
@media (max-width: 767px) {
.archiveLinkArea .linkpage{
  display:none;
}
.archiveLinkArea .linkpage_sp{
  padding:5px;
  text-align:right; 
}
 .archiveLinkArea ul,
  .archiveOutsideLink ul{
    display: block;
  }

.archiveLinkArea ul li{
  width: 100%;
}
}
/*スマホ対応END*/

.archiveLinkArea ul li h4{
  font-size:120%;
  text-align:left;
  margin:3px 0px 3px 10px;
}
.archiveLinkArea ul li h4 .title_no{
  color:#b28e00;
}
.archiveLinkArea .linkpage a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.archiveLinkArea ul li h3{
  font-size:120%;
  text-align:left;
  margin:3px 0px 3px 5px;
}
.archiveLinkArea ul li a > img{
  width: 100%;
}
.archiveLinkArea ul li a > img.archive_shosai_btn{
  width: 40%;
}
.archiveLinkArea ul li a > img:hover,
.archiveOutsideLink ul li a > img:hover{
  opacity: 0.8;
}
.archiveLinkArea ul li .archiveBnr_txt_wrap{
    padding:5px;
}

 .archiveLinkArea h2{
  font-size:2.2rem;
  margin: 5px 0px 5px 0px;
  padding:0px 0px 20px 10px;
  text-align:left;
  /*background: url(/img/ui/midashi_back.png) no-repeat 0;*/
    background: url(../img/ui/midashi_back.png) no-repeat 0;
 }
/*Workshop Archive一覧 リンクエリアEND*/

/*WSアーカイブ一覧 メイン画像をトリミング PC*/
@media screen and (min-width: 1024px) {
.trim_wrap_archive{
  position:relative;
  width:301px;
  height:0;
  padding-bottom:50%;/* 幅に対する縦のサイズ */
  overflow:hidden;
  background-color:#fff;
}
.trim_wrap_archive img{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:auto;
  /*max-width:179%;*/
  /* 横向き16:9の画像が表示エリア一杯になるように指定 */
   /*max-width:120%;
 max-height:initial;*/
 max-width:initial;
 max-height:100%;
}
}

/*モデルページPC*/
@media (min-width: 1025px) {
.model_area{
  /*width:1024px;*/
  width:100%;
  margin:20px auto 50px;
  min-height: 500px; 
  padding:0px 0px 20px 0px;
  background: #ffffff url(../images/2nd_workshop_white_back.jpg) top center no-repeat;
  /*background: #f1f0ee;*/
  background-size: contain;
}
.model_info{
  /*width:80%;*/
  width:1080px;
  margin:0 auto;
  padding:0px;
  border-collapse: separate;
}
.model_index_box{
padding: 25px 30px;
    margin: 20px 0px 30px 0px;
    width: 100%;
    /* border-collapse: collapse; */
    border-collapse: separate;
    border: #cccccc 1px solid;
    background-color: #eeeeee;
}
.model_index_box p.model_index_title{
 font-size:140%;
 font-weight:600;
   color:#b28e00;
 margin-bottom:5px;
 font-family: serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ",sans-serif;
}
.model_box{
padding: 0px;
    margin: 20px 0px 30px 0px;
    width: 100%;
    border-collapse: separate;
    /*border: #cccccc 1px solid;*/
        background-color: #ffffff;
        text-align:left;
}
.model_box_name{
  width:100%;
  font-size:150%;
  color:#b28e00;
  border-bottom:#b28e00 1px solid;
  margin:0px 0px 12px 0px;
  padding:0px 0 8px 0;;
   font-family: serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ",sans-serif;
}
.model_box_name .sns_box{
  width:50%;
  float:right;
  text-align:right;
}
.model_box_name .sns_box img{
  margin:0px 10px 0px 0px;
  padding:5px 0px;
}
.model_box_name .sns_box img.last_sns_img{
  margin:0px 0px 0px 0px;
  padding:5px 0px;
}
.model_photo_area_sp{
  display:none;
}
.model_photo_area{
  width:100%;
  margin:10px 0px 10px 0px;
}
 .model_photo_area ul{
     display: flex;
 }
 .model_photo_area li {
    list-style: none;
  }

 .model_photo_area  li:nth-child(2) {
    margin: 0 18px;
  }
   .model_photo_area  li:nth-child(3) {
    margin: 0 18px 0 0;
  }

 .model_photo_area li img{
  width:256px;
}
.model_photo_area img.last_photo_img{
  margin:0px 0px 0px 0px;
}
}

/*写真を正方形にトリミング PC*/
@media screen and (min-width: 1024px) {
.fig-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0px 10px 0px;
}
.fig-box figure {
    /*width: 20%;
    max-width: 20%;*/
    flex-basis: 20%;
}
.trim-wrap{
  position:relative;
  width:256px;
  height:0;
  padding-bottom:100%;/* 幅に対する縦のサイズ */
  overflow:hidden;
  background-color:#fff;
}
.trim-wrap>img{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:auto;
  max-width:179%;/* 横向き16:9の画像が表示エリア一杯になるように指定 */
  max-height:initial;
}
}
/*写真を正方形にトリミング PC END*/

/*写真を正方形にトリミング タブレット*/
@media screen and (min-width: 640px) {
.fig-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0px 10px 0px;
}
.fig-box figure {
    /*width: 20%;
    max-width: 20%;*/
    flex-basis: 24%;
}
.trim-wrap{
  position:relative;
  /*width:256px;*/
  width:100%;
  height:0;
  padding-bottom:100%;/* 幅に対する縦のサイズ */
  overflow:hidden;
  background-color:#fff;
}
.trim-wrap>img{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:auto;
  max-width:179%;/* 横向き16:9の画像が表示エリア一杯になるように指定 */
  max-height:initial;
}
}
/*写真を正方形にトリミング タブレット END*/

/*写真を正方形にトリミング スマホ*/
@media screen and (max-width: 639px) {
.fig-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
}
.fig-box figure {
    /*width: 20%;
    max-width: 20%;*/
    flex-basis: 49%;
    margin-bottom:8px;
}
.trim-wrap{
  position:relative;
  /*width:256px;*/
  width:100%;
  height:0;
  padding-bottom:100%;/* 幅に対する縦のサイズ */
  overflow:hidden;
  background-color:#fff;
}
.trim-wrap>img{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:auto;
  max-width:179%;/* 横向き16:9の画像が表示エリア一杯になるように指定 */
  max-height:initial;
}
}
/*写真を正方形にトリミング  スマホEND*/


/*モデルページスマホ*/
@media (max-width: 1024px) {
.model_area{
  width:100%;
  margin:20px auto 50px;
  min-height: 500px; 
  padding:0px 0px 20px 0px;
  background: #ffffff url(../images/2nd_workshop_white_back.jpg) top center no-repeat;
  background-size: contain;
}
.model_info{
  width:100%;
    margin:0 auto;
  padding:0px;
  border-collapse: separate;
}
.model_index_box{
padding: 15px 30px;
    margin: 20px 8px 30px 8px;
    /*width: 100%;*/
    border-collapse: separate;
    border: #cccccc 1px solid;
    background-color: #eeeeee;
}
.model_index_box p.model_index_title{
 font-size:140%;
 font-weight:600;
   color:#b28e00;
 margin-bottom:5px;
  font-family: serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ",sans-serif;
}
.model_box{
    padding: 0px 3px;
    margin: 20px 8px 30px 8px;
    /*width: 100%;*/
    border-collapse: separate;
        background-color: #ffffff;
        text-align:left;
}
.model_box_name{
  width:100%;
  font-size:150%;
  color:#b28e00;
  border-bottom:#b28e00 1px solid;
  margin:0px 0px 10px 0px;
  padding:5px 0px;
   font-family: serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ",sans-serif;
}
.model_box_name .sns_box{
  /*width:20%;*/
  float:right;
  text-align:right;
}
.model_box_name .sns_box img{
  margin:0px 10px 0px 0px;
  padding:5px 0px;
}
.model_box_name .sns_box img.last_sns_img{
  margin:0px 0px 0px 0px;
  padding:5px 0px;
}
.model_photo_area{
  display:none;
}
.model_photo_area_sp{
  width:100%;
  margin:10px 0px 10px 0px;
}

 .model_photo_area_sp ul{
     display: flex;
     margin:0px 0px 5px 0px;
 }
 .model_photo_area_sp li {
    list-style: none;
  }

 .model_photo_area_sp  li:nth-child(1) {
    margin: 0 10px 0 0;
  }
 .model_photo_area_sp li img{
  width:100%;
}
/*.model_photo_area img{
  width:48%;
  margin:0px 6px 0px 0px;
}*/
.model_photo_area img.last_photo_img{
  margin:0px 0px 0px 0px;
}
}

/* TOP Workshop情報 表組み PC用*/
/*@media (min-width: 768px) {*/
@media (min-width: 1025px) {
.workshop_list {
	padding: 5px 20px;
	margin: 30px 0px 20px 0px;
	width: 100%;
	/*border-collapse: collapse;*/
	border-collapse: separate;
	border:#cccccc 1px solid; 
	border-radius: 10px;
  background-color:#ffffff;
    /*ドロップシャドウ追加*/
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.05);
  
  }
.workshop_list tr { 
 vertical-align: top;
 margin:5px 0px;
 }
.workshop_list tr:first-child td:first-child { 
 border-radius: 10px 0 0 0; /* 左上・右上・右下・左下 */
 }
 .workshop_list tr:first-child td:last-child { 
 border-radius: 0 10px 0 0; 
 }
 .workshop_list tr:last-child td:first-child { 
 border-radius: 0 0 0 10px; 
 }
 .workshop_list tr:last-child td:last-child { 
 border-radius: 0 0 10px 0; 
 }
 .workshop_list_jinbutsu_img{
  float:left;
  margin:10px 20px 0px 10px;
 }

 .workshop_list_logo_img{

  margin:10px 20px 0px 0px;
  display: block;
 }
  .workshop_list_detail_img{
  float:left;
  margin:40px 0px 0px 0px;
 }

  .workshop_list_detail_img_02{
  float:left;
  margin:20px 0px 0px 0px;
 }
.workshop_list tr:nth-child(2n+1) { background-color: #f3f3f3;}
.workshop_list td {
	padding: 12px 20px;
	margin: 0px;
	background-color: #ffffff;
	padding:10px 10px 10px 10px;
	}
.workshop_list.info td.name { 
  vertical-align: middle;
  font-size:70%;
  font-weight:none;
  width:55%;
  border-right:#cccccc 1px solid;
  text-align:left;
  padding:0px 0px 0px 10px;
  }

 
  .workshop_list p.workshop_title{
    font-size:160%;
    font-weight:bold;
    /*color:#b6960f;*/
    color:#7c6400;
    margin:6px 0px 0px 10px;
    text-align:left;
} 


  .workshop_list p.workshop_title_02{
    font-size:160%;
    font-weight:bold;
    /*color:#b6960f;*/
    color:#ff8a9e;
    margin:0px 0px 0px 10px;
} 

  .workshop_list p.workshop_title_03{
    font-size:160%;
    font-weight:bold;
    /*color:#b6960f;*/
    color:#fbac6a;
    margin:0px 0px 0px 10px;
} 

  .workshop_list p.workshop_title_04{
    font-size:160%;
    font-weight:bold;
    /*color:#b6960f;*/
    color:#000000;
    margin:6px 0px 0px 10px;
    text-align:left;
} 

  .workshop_list p.workshop_title_05{
    font-size:160%;
    font-weight:bold;
    /*color:#b6960f;*/
    color:#7c6400;
    margin:6px 0px 0px 20px;
    text-align:left;
    /*border-bottom: #cccccc 1px solid;*/
    /*padding-bottom: 0.2em;*/
} 

  .workshop_list p.workshop_title_06{
    font-size:140%;
    font-weight:bold;
    /*color:#b6960f;*/
    color:#000000;
    margin:10px 0px 0px 10px;
    text-align:left;
    border-top: #cccccc 1px solid;  
    padding-top: 0.2em;   
    border-bottom: #cccccc 1px solid; 
    padding-bottom: 0.2em;
} 
  .workshop_list p.workshop_title_07{
    font-size:160%;
    font-weight:bold;
    /*color:#b6960f;*/
    color:#7c6400;
    margin:6px 0px 0px 20px;
    text-align:left;
    border-bottom: #cccccc 1px solid; 
    padding-bottom: 0.3em;
    width: 590px;
} 

  .workshop_list p.workshop_title_08{
    font-size:100%;
    font-weight:normal;
    /*color:#b6960f;*/
    color:#000000;
    margin:0px 0px 0px 20px;
    text-align:left;
    border-bottom: #cccccc 1px solid; 
    padding-bottom: 0.5em;
} 

  .workshop_list p.workshop_title_09{
    font-size:100%;
    font-weight:normal;
    /*color:#b6960f;*/
    color:#000000;
    margin:0px 0px 0px 20px;
    text-align:left;
    /*border-bottom: #cccccc 1px solid;*/
    padding-bottom: 0.5em;
} 

  .top_workshop_list_text p.workshop_title_new{
    font-size:180%;
    font-weight:bold;
    color:#000000;
    margin:2px 0px 0px 0px;
    line-height:140%;
font-feature-settings: "palt";
}

  .top_workshop_list_text p.catch_title{
color: #000000;
    text-align: left;
    line-height: 160%;
    font-size: 150%;
    margin: 10px 0px 0px 0px;
    font-feature-settings: "palt";
}


.workshop_list p.workshop_detail{
    font-size:110%;
    line-height:140%;
    color:#333333;
    font-weight:600;
    text-align: left;
        margin: 10px 0px 0px 0px;
}

.workshop_list p.workshop_detail_02{
    font-size:110%;
    line-height:140%;
    color:#333333;
    font-weight:600;
    text-align: left;
        margin: 10px 0px 0px 20px;
}

.workshop_list p.workshop_detail_03{
    font-size:110%;
    line-height:140%;
    color:#333333;
    font-weight:600;
    text-align: left;
    margin: 10px 0px 0px 20px;
    border-top: #cccccc 1px solid;
    padding-top: 0.7em;
}

.top_workshop_list_text {
  color: #666666;
  /*float:left;*/
  margin-left: 1em;
  margin-bottom:5px;
  margin:right:5px;
  text-align:left;
  padding: 10px;
  line-height:160%;
  /*width:95%;*/
  font-size:110%;
      overflow: auto;
}
.top_link_btn{
 max-width:1000px;
 text-align:right;
}
}
/* TOP Workshop情報 表組み PC用END*/

/* TOP Workshop情報 表組み スマホ用*/
/*@media (max-width: 767px) {*/
@media (max-width: 1024px) {
.top_workshop_info{
  width:95%;
  margin:0 auto;
  padding:150px 0px 30px 0px;
}
.workshop_list {
	padding: 10px;
	margin: 12px 0px 20px 0px;
	width: 100%;
	border-collapse: separate;
	border:#cccccc 1px solid; 
	border-radius: 10px;
  background-color:#ffffff;
  text-align:left;
  }
.workshop_list tr { 
 vertical-align: top;
 margin:5px 0px;
 }
.workshop_list tr:first-child td:first-child { 
 border-radius: 10px 0 0 0; /* 左上・右上・右下・左下 */
 }
 .workshop_list tr:first-child td:last-child { 
 border-radius: 0 10px 0 0; 
 }
 .workshop_list tr:last-child td:first-child { 
 border-radius: 0 0 0 10px; 
 }
 .workshop_list tr:last-child td:last-child { 
 border-radius: 0 0 10px 0; 
 }
 .workshop_list_jinbutsu_img_sp{
  float:left;
  margin:0px 0px 0px 0px;
 }
  .workshop_list_jinbutsu_img_sp img{
    width:80%;
    margin:10px 0px 0px 8px;
  }

  .workshop_list_detail_img{
  /*float:left;
  margin:10px 0px 0px 0px;*/
  margin:20px auto 0px;
 }

   .workshop_list_detail_img_02{
  /*float:left;
  margin:10px 0px 0px 0px;*/
  margin:20px auto 0px;
 }
 
.workshop_list tr:nth-child(2n+1) { background-color: #f3f3f3;}
.workshop_list td {
	padding: 2px 8px 10px 0px;
	margin: 0px;
	background-color: #ffffff;
	}
.workshop_list td.td_last {
	padding: 2px 8px 0px 0px;
	margin: 0px;
	background-color: #ffffff;
	/*border-top:1px solid #cccccc ;*/
}

.workshop_list.info td.name { 
  vertical-align: middle;
  font-size:70%;
  font-weight:none;
  width:55%;
  border-right:#cccccc 1px solid;
  text-align:left;
  padding:0px 0px 0px 10px;
  }
  .workshop_list p.workshop_title{
    font-size:140%;
    font-weight:bold;
  /*color:#b28e00;*/
  color:#7c6400;
    margin:6px 0px 0px 10px;
}
  .workshop_list p.workshop_title_02{
    font-size:120%;
    font-weight:bold;
  /*color:#b28e00;*/
  color:#ff8a9e;
    margin:10px 0px 0px 0px;
}  

   .workshop_list p.workshop_title_03{
    font-size:120%;
    font-weight:bold;
  /*color:#b28e00;*/
  color:#fbac6a;
    margin:10px 0px 0px 10px;
} 

  .workshop_list p.workshop_title_04{
    font-size:140%;
    font-weight:bold;
  /*color:#b28e00;*/
  color:#000000;
    margin:6px 0px 0px 10px;
}

  .workshop_list p.workshop_title_05{
    font-size:140%;
    font-weight:bold;
  /*color:#b28e00;*/
  color:#7c6400;
    margin:6px 0px 0px 0px;
    /*border-bottom: #cccccc 1px solid; */
    /*padding-bottom: 0.2em;*/
} 
  .workshop_list p.workshop_title_06{
    font-size:140%;
    font-weight:bold;
    /*color:#b6960f;*/
    color:#000000;
    margin:10px 0px 0px 10px;
    text-align:left;
    border-top: #cccccc 1px solid;  
    padding-top: 0.2em;   
    border-bottom: #cccccc 1px solid; 
    padding-bottom: 0.2em;
} 

  .workshop_list p.workshop_title_07{
    font-size:140%;
    font-weight:bold;
  /*color:#b28e00;*/
  color:#7c6400;
    margin:6px 0px 0px 20px;
    border-bottom: #cccccc 1px solid; 
    padding-bottom: 0.2em;
}


  .workshop_list p.workshop_title_08{
    font-size:106%;
    font-weight:normal;
  /*color:#b28e00;*/
  color:#000000;
    margin:0px 0px 0px 0px;
    border-bottom: #cccccc 1px solid !important; 
    padding-bottom: 0.5em;
}

  .workshop_list p.workshop_title_09{
    font-size:106%;
    font-weight:normal;
  /*color:#b28e00;*/
  color:#000000;
    margin:0px 0px 0px 0px;
  /*border-bottom: #cccccc 1px solid !important; */
    padding-bottom: 0.5em;
}



.workshop_list p.workshop_detail{
    font-size:100%;
    line-height:140%;
    color:#000000;
    font-weight:600;
    margin:10px 0px 0px 10px;
}

.workshop_list p.workshop_detail_02{
    font-size:100%;
    line-height:140%;
    color:#000000;
    font-weight:600;
    text-align: left;
        margin: 10px 0px 0px 0px;
}

.workshop_list p.workshop_detail_03{
    font-size:100%;
    line-height:140%;
    color:#000000;
    font-weight:600;
    text-align: left;
        margin: 10px 0px 0px 20px;
            border-top: #cccccc 1px solid;
    padding-top: 0.7em;
}

  .top_workshop_list_text p.workshop_title_new{
    font-size:110%;
    font-weight:bold;
    color:#000000;
    margin:0px 0px 0px 0px;
    font-feature-settings: "palt";
}

  .top_workshop_list_text p.catch_title{
color: #000000;
    text-align: left;
    line-height: 160%;
    font-size: 90%;
    margin: 0px 0px 0px 0px;
}


.top_workshop_list_text {
  color: #000000;
  float:left;
  margin-left: 0.5em;
  /*margin-bottom:5px;*/
  text-align:left;
 /* padding: 0.3em;*/
      font-size:120%;
}
.top_link_btn{
 max-width:1000px;
 text-align:right;
}

.sp_photo{
   text-align:center;
   margin-top: 1em;
}

}
/* TOP Workshop情報 表組みスマホEND */

/*ワークショップ動画エリア*/
@media (min-width: 1025px) {
.special_contents {
    max-width: 1200px;
    margin: 3rem auto 0rem;
    padding: 1rem 0.5rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.movie_wrap {
    max-width: 500px;
    /*margin: 0 auto;*/
    margin: 0px 20px 0px 0px;
    position: relative;
    /*border: solid 1px #cccccc;*/
    border-radius: 10px;
    overflow: hidden;
}

.youtube {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
}
@media (max-width: 1024px) {
.special_contents {
    /*max-width: 1200px;*/
    width:100%;
    margin: 3rem auto 0rem;
    padding: 1rem 0.5rem;
    display: block;
    align-items: flex-start;
    justify-content: center;
}

.movie_wrap {
    /*max-width: 500px;*/
    /*margin: 0 auto;*/
        width:100%;
    margin: 0px;
    position: relative;
    /*border: solid 1px #cccccc;*/
    border-radius: 10px;
    overflow: hidden;
}

.youtube {
    position: relative;
    width: 100%;
    /*max-width: 960px;*/
    margin: 0 auto;
}
}

/*ワークショップ動画エリアEND*/

/* 詳細ページ Workshop情報 表組み PC用*/
@media (min-width: 1025px) {
.second_workshop_list {
	padding: 15px 30px;
	margin: 20px 0px 0px 0px;
	width: 100%;
	/*border-collapse: collapse;*/
	border-collapse: separate;
	border:#cccccc 1px solid; 
	/*border-radius: 10px;*/
  background-color:#eeeeee;
  }
.second_workshop_list tr { 
 vertical-align: top;
 margin:5px 0px;
 }
.second_workshop_list tr:first-child td:first-child { 
 border-radius: 10px 0 0 0; /* 左上・右上・右下・左下 */
 }
 .second_workshop_list tr:first-child td:last-child { 
 border-radius: 0 10px 0 0; 
 border-bottom:#cccccc 1px solid;
 padding:15px 0px;
 }
 
 .second_workshop_list tr:last-child td:first-child { 
 border-radius: 0 0 0 10px; 
 }
 .second_workshop_list tr:last-child td:last-child { 
 border-radius: 0 0 10px 0; 
  padding:15px 0px 0px 10px;
 }
 .second_workshop_list_jinbutsu_img{
  float:left;
  margin:10px 10px 0px 0px;
 }
  .second_workshop_list_detail_img{
  float:right;
  margin:40px 0px 0px 0px;
  /*padding:20px 0px 0px 0px;*/
 }
 .second_workshop_list .ws_list_photo{
  width:70%;
}

.second_workshop_detail_title {
	padding: 5px 20px;
	margin: 0px 0px 20px 0px;
	width: 100%;
	/*border-collapse: collapse;*/
	border-collapse: separate;
	border-bottom:#cccccc 1px solid; 
	border-radius: 10px;
  background-color:#ffffff;
  /*text-align:left;*/
    float:left;
vertical-align: middle;
  }
  .second_workshop_detal_list_matsuda_img{
  float:left;
  margin:10px 10px 0px 0px;
 }
   .second_workshop_detal_list_matsuda_img02{
  float:left;
  margin:10px 20px 0px 0px;
 }
  .img_pc{  display: block !important;
  border:1px solid #cccccc;
  margin:0px 0px 25px 0px;
  }
  .img_sp { display: none !important; 
  }  
  
   .img_pc02{  display: inline;}
  .img_sp02 { display: none; }  
  
  .img_membericon{
      float: left;
      width:80px;
      height: auto;
      margin:5px;
  }

   .second_workshop_detal_list_matsuda_title{
  float:left;
  margin:27px 10px 0px 20px;
    font-size:150%;
 }
.second_workshop_detail_list {
	/*padding: 10px 40px;*/
	padding:0px;
	/*margin: 0px 0px 20px 0px;*/
	margin: 0px 0px 30px 0px;
	width: 100%;
	/*border-collapse: collapse;*/
	border-collapse: separate;
	/*border:#cccccc 1px solid; */
	border:#999999 1px solid;
	border-radius: 10px;
  background-color:#ffffff;
  text-align:left;
  }
  .second_workshop_detail_list_sub{
  padding: 10px 40px;
  }
  .second_workshop_detail_list p.second_workshop_title01{
    font-size:140%;
    font-weight:bold;
    color:#b6960f;
    margin:0px 0px 0px 10px;
}  
.second_workshop_profile_area {
	padding: 10px 0px;
	/*margin: 20px 0px 20px 0px;*/
	width: 100%;
	/*border-top:#cccccc 1px solid; */
  background-color:#ffffff;
  text-align:left;
  }

.second_workshop_profile_title {
	padding: 0px;
	margin: 10px 0px 20px 0px;
	width: 100%;
  background-color:#ffffff;
  /*text-align:left;*/
    float:left;
vertical-align: middle;
  }
  .second_workshop_profile_area p.second_workshop_profille01{
    font-size:140%;
    font-weight:bold;
    margin:10px 0px;
}
 .second_workshop_detal_list_matsuda_img{
 float:left;
 margin:0px 20px 0px 0px;
}
  .second_workshop_profile_img{
  margin:10px 0px;
  }
  .second_workshop_order_area{
  /*background-color:#000000;*/
    text-align:right;
    padding:0px 50px 0px 0px;
  }
    .second_workshop_order_area p.ippan_moushikomi{
      text-align:right;
  color:#000000;
  font-size:140%;
  }
      .second_workshop_order_area p.ippan_moushikomi_price{
    color:#000000;
  font-size:120%;
  }
  
    .second_workshop_order_area  p.member_moushikomi{
      color:#000000;
  font-size:140%;  
  }

  .second_workshop_order_area  p.member_discount{
  font-size:120%;  
  font-weight:bold;
  color:#ff2b76;
  }
    .second_workshop_order_area  .member_nyukai_link{
  font-size:100%;  
  font-weight:bold;
  color:#000000;
  margin:0px 0px 30px 0px;
  }
      .second_workshop_order_area  .member_nyukai_link a{
        color:#000000;
        text-decoration: none;
        
      }
      .second_workshop_order_area  .member_nyukai_link a:visited{
    text-decoration: none;
}
.second_workshop_order_area  .member_nyukai_link a:active{
    text-decoration: none;
}
.second_workshop_order_area  .member_nyukai_link a:hover {
	color: #F63;
	text-decoration: underline;
}
  .second_workshop_order_btn{
  padding:10px 0px 20px 0px;
  /*text-align:center;
    border-bottom:#666666 1px solid;*/
  }
  
    .link_page{
   margin-top:5px;
  }
        ..link_page a{
        color:#000000;
        text-decoration: none;
        
      }
      .link_page a:visited{
    text-decoration: none;
}
..link_page a:active{
    text-decoration: none;
}
  .link_page a:hover {
	color: #F63;
	text-decoration: underline;
}
  
  
  /*Profileページ用PC*/
  .profile_page_area {
	padding: 10px 0px;
	/*margin: 20px 0px 20px 0px;*/
	width: 100%;
  background-color:#ffffff;
  text-align:left;
  }
  .profile_page_title_box {
	padding: 0px;
	margin: 10px 0px 20px 0px;
	width: 100%;
  background-color:#ffffff;
  display: flex; /*横並び*/
  }
     .profile_page_title_box p{
     margin-bottom:1em;
     }
   .profile_page_title_box h4{
        font-size:120%;
    line-height: 1.4;
  }
    .profile_page_title_box h5{
        font-size:120%;
    line-height: 1.4;
    margin-bottom: 24.2px;
  }
      .profile_page_title_box h6{
        font-size:120%;
    line-height: 1.4;
    margin-bottom: 24.2px;
  }

  .profile_page_area p.second_workshop_profille01{
    font-size:140%;
    font-weight:bold;
    margin:10px 0px 20px 0px;
}
  .profile_page_area p.profile_works_title{
    font-size:150%;
    font-weight:500;
    margin:10px 0px;
    color:#b28e00;
    font-family: Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
}
  .profile_page_area p.profile_works_title_bold{
    font-size:150%;
    font-weight:800;
    margin:10px 0px;
    color:#b28e00;
    font-family: Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
}
  .profile_page_area p.profile_works_title_large{
    font-size:180%;
    font-weight:800;
    margin:10px 0px;
    font-family: serif,Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
}
  .profile_page_area_img{
  margin:10px 0px;
  }
   /*ProfileページPC用END*/
   

   /*会社概要 その他ページ用PC*/
  .second_page_area {
	padding: 10px 0px;
	/*margin: 20px 0px 20px 0px;*/
	width: 100%;
  background-color:#ffffff;
  text-align:left;
  }
  .second_page_title_box {
	padding: 0px;
	margin: 10px 0px 20px 0px;
	width: 100%;
  background-color:#ffffff;
  /*display: flex;*/ /*横並び*/
  }
     .second_page_title_box p{
     margin-bottom:1em;
     }
   .second_page_title_box h4{
        font-size:120%;
    line-height: 1.4;
  }
    .second_page_title_box h5{
        font-size:120%;
    line-height: 1.4;
    margin-bottom: 24.2px;
  }
      .second_page_title_box h6{
        font-size:120%;
    line-height: 1.4;
    margin-bottom: 24.2px;
  }

  .second_page_area p.second_workshop_profille01{
    font-size:140%;
    font-weight:bold;
    margin:10px 0px 20px 0px;
}
  .second_page_area p.profile_works_title{
    font-size:150%;
    font-weight:500;
    margin:10px 0px;
    color:#b28e00;
    font-family: Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
}
  .second_page_area p.profile_works_title_bold{
    font-size:150%;
    font-weight:800;
    margin:10px 0px;
    color:#b28e00;
    font-family: Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
}
  .second_page_area p.profile_works_title_large{
    font-size:180%;
    font-weight:800;
    margin:10px 0px;
    font-family: serif,Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
}
  .second_page_area_img{
  margin:10px 0px;
  }
  
    .second_page_area .pagetitle{
     font-size:160%;
     color:#000000;
     font-weight:600;
     margin:20px 0px;
     text-align:center;
     font-family: serif,Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
}
    
    }
    
   /*会社概要 その他ページ用スマホ*/
   @media (max-width: 1024px) {
  .second_page_area {
	padding: 10px 0px;
	/*margin: 20px 0px 20px 0px;*/
	width: 100%;
  background-color:#ffffff;
  text-align:left;
  }
  .second_page_title_box {
	padding: 0px;
	margin: 10px 0px 20px 0px;
	width: 100%;
  background-color:#ffffff;
  /*display: flex;*/ /*横並び*/
  }
     .second_page_title_box p{
     margin-bottom:1em;
     }
   .second_page_title_box h4{
        font-size:120%;
    line-height: 1.4;
  }
    .second_page_title_box h5{
        font-size:120%;
    line-height: 1.4;
    margin-bottom: 24.2px;
  }
      .second_page_title_box h6{
        font-size:120%;
    line-height: 1.4;
    margin-bottom: 24.2px;
  }

  .second_page_area p.second_workshop_profille01{
    font-size:140%;
    font-weight:bold;
    margin:10px 0px 20px 0px;
}
  .second_page_area p.profile_works_title{
    font-size:150%;
    font-weight:500;
    margin:10px 0px;
    color:#b28e00;
    font-family: Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
}
  .second_page_area p.profile_works_title_bold{
    font-size:150%;
    font-weight:800;
    margin:10px 0px;
    color:#b28e00;
    font-family: Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
}
  .second_page_area p.profile_works_title_large{
    font-size:180%;
    font-weight:800;
    margin:10px 0px;
    font-family: serif,Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
}
  .second_page_area_img{
  margin:10px 0px;
  }
  
    .second_page_area .pagetitle{
     font-size:160%;
     color:#000000;
     font-weight:600;
     margin:20px 0px;
     text-align:center;
     font-family: serif,Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
}
    
   /*会社概要 その他ページ用END*/  

  /* 特別会員申込みエリア*/
  .second_workshop_special{
  	padding: 3px;
	margin: 20px 0px 30px 0px;
	width: 100%;
	border-collapse: separate;
	border:#cccccc 1px solid; 
	border-radius: 10px;
     	background: #ffffff;
  z-index: 1;
  
  }
  .second_workshop_special_contents{
  	width: 100%;
  	padding:1%;
  	background: #fff2f7;
  	  z-index: 0;
     background: #fff2f7 url(../images/workshop_specoal_back.png) top left no-repeat;
  }
  .second_workshop_special_title{
	padding: 0px;
	margin: 0px;
	width: 100%;
vertical-align: middle;
  }
    .second_workshop_special_member_icon{
  margin:0px 10px 0px 0px;
      float:left;
  }
  .second_workshop_special_sub{
  margin:0px auto;
  width:100%;
  }
  
  
  .second_workshop_special_member_box{
  margin:10px 0px 0px 0px;
      float:right;
  }
  .second_workshop_special p.special_moushikomi{
  font-size:140%;  
  }

    .second_workshop_special p.special_discount{
  font-size:120%;  
  font-weight:bold;
  color:#ff2b76;
  }
  .second_workshop_special_order_btn{
  padding:0px 0px 10px 0px;
  /*text-align:center;*/
  }
 }
    /* 特別会員申込みエリアEND*/
  /*Profileページ用スマホ*/
@media (max-width: 1024px) {
.profile_page_area {
	padding: 10px 0px;
	/*margin: 20px 0px 20px 0px;*/
	width: 100%;
  background-color:#ffffff;
  text-align:left;
  }
.profile_page_title {
	padding: 0px;
	margin: 10px 0px 20px 0px;
	width: 100%;
  background-color:#ffffff;
  /*text-align:left;*/
    float:left;
vertical-align: middle;
  }
  .profile_page_area p.second_workshop_profille01{
    font-size:140%;
    font-weight:bold;
    margin:10px 0px;
}
  .profile_page_area p.profile_works_title{
    font-size:150%;
    font-weight:500;
    margin:10px 0px;
    color:#b28e00;
    font-family: Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
}
  .profile_page_area p.profile_works_title_large{
    font-size:180%;
    font-weight:800;
    margin:10px 0px;
    font-family: serif,Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
}

     .profile_page_title_box p{
     margin-bottom:1em;
     }
   .profile_page_title_box h4{
        font-size:120%;
    line-height: 1.4;
  }
    .profile_page_title_box h5{
        font-size:120%;
    line-height: 1.4;
    margin-bottom: 24.2px;
  }
      .profile_page_title_box h6{
        font-size:120%;
    line-height: 1.4;
    margin-bottom: 24.2px;
  }
  .profile_page_area p.profile_works_title_bold{
    font-size:150%;
    font-weight:800;
    margin:10px 0px;
    color:#b28e00;
    font-family: Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
}
  .profile_page_area p.profile_works_title_large{
    font-size:180%;
    font-weight:800;
    margin:10px 0px;
    font-family: serif,Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
}

}
  /*Profileページ用スマホEND*/
/* 詳細ページ Workshop情報 表組み スマホ用*/
@media (max-width: 1024px) {
.second_workshop_list {
	padding: 0px 5px;
	margin: 20px 0px 0px 0px;
	width: 100%;
	/*border-collapse: collapse;*/
	border-collapse: separate;
	border:#cccccc 1px solid; 
	/*border-radius: 10px;*/
  background-color:#eeeeee;
  }
  
.second_workshop_list tr { 
 vertical-align: top;
 margin:5px 0px;
 }
.second_workshop_list tr:first-child td:first-child { 
 border-radius: 10px 0 0 0; /* 左上・右上・右下・左下 */
 }
 .second_workshop_list tr:first-child td:last-child { 
 border-radius: 0 10px 0 0; 
 border-bottom:#cccccc 1px solid;
 padding:15px 0px;
 }
 
 .second_workshop_list tr:last-child td:first-child { 
 border-radius: 0 0 0 10px; 
 }
 .second_workshop_list tr:last-child td:last-child { 
 border-radius: 0 0 10px 0; 
  padding:15px 0px 0px 10px;
 }
 .second_workshop_list_jinbutsu_img{
  float:left;
  margin:10px 10px 0px 0px;
 }
  .second_workshop_list_detail_img{
  float:right;
  margin:40px 0px 0px 0px;
  /*padding:20px 0px 0px 0px;*/
 }

 .second_workshop_list .ws_list_photo{
  width:100%;
}

.second_workshop_detail_title {
	padding: 5px 20px;
	margin: 0px 0px 20px 0px;
	width: 100%;
	border-collapse: separate;
	border-bottom:#cccccc 1px solid; 
	border-radius: 10px;
  background-color:#ffffff;
    float:left;
vertical-align: middle;
  }
  .second_workshop_detal_list_matsuda_img{
  float:left;
  margin:10px 10px 0px 0px;
 }
   .second_workshop_detal_list_matsuda_img02{
  float:left;
  margin:10px 10px 0px 0px;
 }
   .img_pc{ display: none !important;}
  .img_sp { display: block !important; width:100%;
    border:1px solid #cccccc;
  margin:0px 0px 25px 0px;
  }  
  
   .img_pc02{ display: none;}
  .img_sp02 { display: inline; width:90%;}  
  
   .second_workshop_detal_list_matsuda_title{
  margin:10px 0px 0px 0px;
    font-size:150%;
 }
.second_workshop_detail_list {
	/*padding: 10px 40px;*/
	padding:0px;
	margin: 0px 5px 20px 5px;
	/*width: 100%;*/
	border-collapse: separate;
	border:#cccccc 1px solid; 
	border-radius: 10px;
  background-color:#ffffff;
  text-align:left;
  }
  .second_workshop_detail_list_sub{
  padding: 0px 10px;
  }
  .second_workshop_detail_list p.second_workshop_title01{
    font-size:140%;
    font-weight:bold;
    color:#b6960f;
    margin:0px 0px 0px 10px;
}  
.second_workshop_profile_area {
	padding: 0px;
	/*margin: 20px 0px 20px 0px;*/
	width: 100%;
	/*border-top:#cccccc 1px solid; */
  background-color:#ffffff;
  text-align:left;
  }
.second_workshop_profile_title {
	padding: 0px;
	margin: 10px 0px 20px 0px;
	width: 100%;
  background-color:#ffffff;
  /*text-align:left;*/
    float:left;
vertical-align: middle;
  }
  .second_workshop_profile_area p.second_workshop_profille01{
    font-size:140%;
    font-weight:bold;
    margin:10px 0px;
}
 .second_workshop_detal_list_matsuda_img{
 margin:0px 20px 0px 0px;
}
 .second_workshop_detal_list_matsuda_img02{
 margin:0px 20px 0px 0px;
   width:100%;
}
  .second_workshop_profile_img{
  margin:10px 0px;
  }
  .second_workshop_order_area{
  /*background-color:#000000;*/
  width:100%;
  padding:10px 5px 20px 5px;
  }
   .second_workshop_order_area p.ippan_moushikomi{
  color:#000000;
  font-size:140%;
  }
    .second_workshop_order_area p.ippan_moushikomi_price{
  color:#000000;
  font-size:120%;
  }
      .second_workshop_order_area  p.member_moushikomi{
      color:#000000;
  font-size:140%;  
  }

  .second_workshop_order_area  p.member_discount{
  font-size:120%;  
  font-weight:bold;
  color:#ff2b76;
  }
      .second_workshop_order_area  .member_nyukai_link{
  font-size:100%;  
  font-weight:bold;
  color:#000000;
  text-align:center;
  margin:0px 0px 0px 0px;
  }
        .second_workshop_order_area  .member_nyukai_link a{
        color:#000000;
        text-decoration: none;
        
      }
  .second_workshop_order_btn{
  padding:10px 0px;
  text-align:center;
  /*width:85%;*/
  }
  
  /* 特別会員申込みエリア*/
  .second_workshop_special{
  	padding: 3px;
	margin: 20px 0px 30px 0px;
	width: 100%;
	border-collapse: separate;
	border:#cccccc 1px solid; 
	border-radius: 10px;
     	background: #ffffff;
  z-index: 1;
  
  }
  .second_workshop_special_contents{
  	width: 100%;
  	padding:1%;
  	background: #fff2f7;
  	  z-index: 0;
     background: #fff2f7 url(../images/workshop_specoal_back_sp.png) top left no-repeat;
  }
  .second_workshop_special_title{
	padding: 5px 20px;
	margin: 0px auto;
	width: 100%;
vertical-align: middle;
  }
    .second_workshop_special_member_icon{
  margin:0px 10px 0px 0px;
  text-align:center;

     /* float:left;*/
  }
      .second_workshop_special_member_icon02{
  margin:5px auto;
  width:25%;
  }
  .second_workshop_special_sub{
  margin:0px auto;
  width:90%;
  }
  .second_workshop_special_member_box{
  margin:10px 0px 0px 0px;
      float:left;
  }
  .second_workshop_special p.special_moushikomi{
  font-size:140%;  
  }

    .second_workshop_special p.special_discount{
  font-size:120%;  
  font-weight:bold;
  color:#ff2b76;
  }
  .second_workshop_special_order_btn{
  padding:10px 10px 5px 10px;
  text-align:center;
  }
 }
/* 特別会員申込みエリアEND*/    

  /* Workshop個別ページ　特別会員案内エリアPC用*/
@media (min-width: 1025px) {
.second_workshop_special_annnai{
  /*width:1024px;*/
  width:100%;
  margin:20px auto 50px;
  min-height: 200px; 
  padding:0px;
  background-size: contain;
}

.second_workshop_special_info{
  /*width:1080px;*/
  margin:0 auto;
  padding:0px;
  border-collapse: separate;
}
.info_sp{
  display:none;
}
}
  /* Workshop個別ページ　特別会員案内エリアスマホ用*/
@media (max-width: 1024px) {
.second_workshop_special_annnai{
  /*width:1024px;*/
  width:100%;
  margin:20px auto 50px;
  min-height: 200px; 
  padding:0px;
  background-size: contain;
}
.second_workshop_special_info{
  /*width:80%;*/
  width:100%;
  margin:0 auto;
  padding:0px;
  border-collapse: separate;
}
.info{
  display:none;
}
}
/*個別ページ　詳細ボックス PC用END*/

  @media (min-width: 1025px) {
.workshop_list_detail {
	padding: 5px 20px;
	margin: 0px 0px 20px 0px;
	width: 100%;
	border-collapse: separate;
	border:#cccccc 1px solid; 
	border-radius: 10px;
  background-color:#ffffff;
  }
.workshop_list tr { 
 vertical-align: top;
 margin:5px 0px;
 }
.workshop_list tr:first-child td:first-child { 
 border-radius: 10px 0 0 0; /* 左上・右上・右下・左下 */
 }
 .workshop_list tr:first-child td:last-child { 
 border-radius: 0 10px 0 0; 
 }
 .workshop_list tr:last-child td:first-child { 
 border-radius: 0 0 0 10px; 
 padding:0px 5px 0px 0px;
 }
 .workshop_list tr:last-child td:last-child { 
 border-radius: 0 0 10px 0; 
 }
  
.workshop_list tr:nth-child(2n+1) { background-color: #f3f3f3;}
.workshop_list td {
	padding: 12px 20px;
	margin: 0px;
	background-color: #ffffff;
	padding:10px 10px 10px 10px;
	}
.workshop_list.info td.name { 
  vertical-align: middle;
  /*background-color: #e2e1eb;*/
  font-size:70%;
  font-weight:none;
  width:40%;
  border-right:#cccccc 1px solid;
  text-align:left;
  padding:0px 0px 0px 10px;
  }
.kouen_txt { 
  vertical-align: middle;
  /*background-color: #e2e1eb;*/
  font-size:80%;
  font-weight:none;
  column-width:580px auto;
  }



.top_link_btn{
 max-width:1000px;
 text-align:right;
}
}
/* 特別会員 Workshop案内 表組み PC用*/
@media (min-width: 1025px) {
.special_workshop_annai {
	padding: 7px;
	margin: 0px 0px 20px 0px;
	width: 100%;
	border-collapse: separate;
	border:#cccccc 1px solid; 
	border-radius: 10px;
  background-color:#ffffff;
  background: #ffffff url(../images/gold_back2.jpg) 100% repeat;
  }
  .second_workshop_special_info_contents {
	padding: 0px;
	margin: 0px;
	width: 100%;
	/*border-collapse: collapse;*/
	border-collapse: separate;
  background-color:#ffffff;
  }
.special_workshop_annai tr { 
 vertical-align: top;
 margin:5px 0px;
 }
.special_workshop_annai tr:first-child td:first-child { 
 border-radius: 10px 0 0 0; /* 左上・右上・右下・左下 */
 }
 .special_workshop_annai tr:first-child td:last-child { 
 border-radius: 0 10px 0 0; 
 }
 .special_workshop_annai tr:last-child td:first-child { 
 border-radius: 0 0 0 10px; 
  background-color:#f7f3e5;
 }
 .special_workshop_annai tr:last-child td:last-child { 
 border-radius: 0 0 10px 0; 
  /*background-color:#f7f3e5;*/
    background-color:#fce9b0;
  padding:20px;
 }
 .special_workshop_annai_matsuda_img{
  float:left;
  margin:10px 10px 0px 0px;
 }
  .special_workshop_annai_detail_img{
  float:right;
  margin:40px 0px 0px 0px;
  /*padding:20px 0px 0px 0px;*/

 }

.special_workshop_annai tr:nth-child(2n+1) { background-color: #f3f3f3;}
.special_workshop_annai td {
	padding: 12px 20px;
	margin: 0px;
	background-color: #ffffff;
	padding:10px 10px 10px 10px;
	}
.special_workshop_annai.info td.name { 
  vertical-align: middle;
  /*background-color: #e2e1eb;*/
  font-size:70%;
  font-weight:none;
  width:55%;
  border-right:#cccccc 1px solid;
  text-align:left;
  padding:0px 0px 0px 10px;
  }
  .special_workshop_annai p.workshop_title{
  font-size:150%;
  font-weight:bold;
  color:#b6960f;
  margin:0px 0px 0px 10px;
}  
  .special_workshop_annai p.workshop_title:after{
   /* content: url(../images/special_member_icon_name.jpg);*/
  position: relative;
  top: 0.5em;
  margin-left: 0.5em
  }
.special_workshop_annai p.workshop_detail{
    font-size:160%;
    line-height:160%;
    color:#333333;
}

 
.top_special_workshop_annai_text {
  color: #666666;
  float:left;
  margin-left: 1em;
  margin-bottom:5px;
  text-align:left;
  padding: 10px 0px 0px 0px;
  line-height:160%;
  width:95%;
  font-size:120%;
}
.top_link_btn{
 max-width:1000px;
 text-align:right;
}
.special_workshop_annai_sp {
  display:none;
}
.special_workshop_annai_info{
 width:100%;
 height:auto;
 font-size:140%;
 font-weight:800;
 padding:0px 10px 10px 10px;
 margin-bottom:10px;
 /*background: #ffffff url(../images/gold_back.jpg) 100% no-repeat;*/
 background-color:#ffffff;
     font-family: serif,Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
}
}
/* 特別会員 Workshop案内 表組み PC用END*/


/* 特別会員 Workshop案内 表組み スマホ用*/
/*@media (max-width: 767px) {*/
@media (max-width: 1024px) {
.top_workshop_info{
  width:95%;
  margin:0 auto;
  padding:16px 0px 30px 0px;
}
.special_workshop_annai_sp {
	padding: 6px;
	margin: 0px 0px 20px 0px;
	width: 100%;
	border-collapse: separate;
	border:#cccccc 1px solid; 
	border-radius: 10px;
  background-color:#ffffff;
  text-align:left;
  background: #ffffff url(../images/gold_back2.jpg) 100% repeat;
  }
    .second_workshop_special_info_contents {
	padding: 0px;
	margin: 0px;
	width: 100%;
	/*border-collapse: collapse;*/
	border-collapse: separate;
  background-color:#ffffff;
  }
  
.special_workshop_annai_sp tr { 
 vertical-align: top;
 margin:5px 0px;
 }
.special_workshop_annai_sp tr:first-child td:first-child { 
 border-radius: 10px 0 0 0; /* 左上・右上・右下・左下 */
 }
 .special_workshop_annai_sp tr:first-child td:last-child { 
 border-radius: 0 10px 0 0; 
     background-color: #fce9b0;
 }
 .special_workshop_annai_sp tr:last-child td:first-child { 
 border-radius: 0 0 0 10px; 
 }
 .special_workshop_annai_sp tr:last-child td:last-child { 
 border-radius: 0 0 10px 0; 
     background-color: #fce9b0;
          padding-bottom:10px;
 }
 .special_workshop_annai_matsuda_img_sp{
  float:left;
  margin:0px 0px 0px 0px;
 }
  .special_workshop_annai_matsuda_img_sp img{
    width:80%;
  }

  .special_workshop_annai_detail_img{
  float:left;
  margin:10px 0px 0px 0px;
 }
 
.special_workshop_annai_sp tr:nth-child(2n+1) { background-color: #f3f3f3;}
.special_workshop_annai_sp td {
	padding: 2px 8px 10px 0px;
	margin: 0px;
	    background-color: #f7f3e5;
	}
.special_workshop_annai_sp td.td_last {
	padding: 2px 8px 0px 0px;
	margin: 0px;
	background-color: #ffffff;
	border-top:1px solid #cccccc ;
}

.special_workshop_annai_sp.info td.name { 
  vertical-align: middle;
  font-size:70%;
  font-weight:none;
  width:55%;
  border-right:#cccccc 1px solid;
  text-align:left;
  padding:0px 0px 0px 10px;
  }
  .special_workshop_annai_sp p.workshop_title{
    font-size:120%;
    font-weight:bold;
    color:#b6960f;
    margin:10px 0px 0px 10px;
    text-align:center;
}
  .special_workshop_annai_sp p.workshop_title:after{
    /*content: url(../images/special_member_icon_name.jpg);*/
  position: relative;
  top: 0.5em;
  margin-left: 0.5em
  }
.special_workshop_annai_sp p.workshop_detail{
    font-size:120%;
    line-height:140%;
    color:#333333;
    padding:0px 5px;
}

 
.special_workshop_annai_text {
  color: #666666;
  float:left;
  margin-left: 1em;
  margin-bottom:5px;
  text-align:left;
  padding: 0.3em;
}
.top_link_btn{
 max-width:1000px;
 text-align:right;
}
.special_workshop_annai_info{
 width:100%;
 height:auto;
 font-size:120%;
 font-weight:800;
 padding:0px 10px 10px 10px;
 margin-bottom:10px;
 /*background: #ffffff url(../images/gold_back.jpg) 100% no-repeat;*/
 background-color:#ffffff;
     font-family: serif,Times New Roman,sans-serif,"ヒラギノ角ゴ","ヒラギノ明朝","游ゴシック","游ゴシック", YuGothic, Arial, helvetica, "Hiragino Kaku Gothic ProN", "メイリオ";
}
}
/* 特別会員 Workshop案内 表組スマホ用END */

/*トップページ リンク用*/
.top_news_bar a { 
    text-decoration: none;
}
.top_news_bar a:visited{
    text-decoration: none;
}
.top_news_bar a:active{
    text-decoration: none;
}
.top_news_bar a:hover {
	color: #ff4200;
	text-decoration: underline;
}
.topProduceArea a { 
    text-decoration: none;
}
.topProduceArea a:visited{
    text-decoration: none;
}
.topProduceArea a:active{
    text-decoration: none;
}
.topProduceArea a:hover {
	color: #ff4200;
	text-decoration: underline;
}
.linkpage a { 
    text-decoration: none;
}
.linkpage a:visited{
    text-decoration: none;
}
.linkpage a:active{
    text-decoration: none;
}
.linkpage a:hover {
	color: #ff4200;
	text-decoration: underline;
}
.footer_btm a { 
    text-decoration: none;
}
.footer_btm  a:visited{
    text-decoration: none;
}
.footer_btm  a:active{
    text-decoration: none;
}
.footer_btm  a:hover {
	color: #ff4200;
	text-decoration: underline;
}
.footer_pr_banner_area a { 
    text-decoration: none;
}
.footer_pr_banner_area  a:visited{
    text-decoration: none;
}
.footer_pr_banner_area  a:active{
    text-decoration: none;
}
.footer_pr_banner_area  a:hover {
	color: #ff4200;
	text-decoration: underline;
}
/*.header_navi img:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}*/
.top_link_btn img:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
.cntbox img:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

/* ボタン */
a.btn {
	padding: 10px 30px 10px 20px;
	margin: 10px auto;
	display: inline-block;
	width: auto;
	color: #ffffff;
	background: #ff4200 url(../img/common/arrow_white.png) 95% center no-repeat;
	background-size: 10px;
	border: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;}
a.btn:hover { background-color: #ff6b36;}
a.btn:active { background-color: #ff4200;}

main .btn.next { 
    padding:15px 60px 15px 60px; 
    margin:0px 10px 10px 10px;
    color:#ffffff;
    font-size:1.8rem;
    line-height:2rem;
    font-weight:400; 
    text-align:center;
    background:#ff4200;
    display:inline-block;
    border:none;
    box-shadow:none;
    background:#ff4200 url(../img/common/icon_next.png) no-repeat 90% 50%;}
main .btn.backt { 
    padding:15px 60px 15px 60px; 
    margin:0px 10px 10px 10px;
    color:#ffffff;
    font-size:1.8rem;
    line-height:2rem;
    font-weight:400; 
    text-align:center;
    background:#ff4200;
    display:inline-block;
    border:none;
    box-shadow:none;
    background:#a3a3a3 url(../img/common/icon_back.png) no-repeat 10% 50%;}


/* 文字色 */
.red { color: #fe3034;}
.orange { color: #ff4200;} /* オレンジ */
.blue { color: #0000FF;} /* 青 */
.green { color: #006600;} /* 緑 */
.gray { color: #666666;} /* グレー */
.white { color: #ffffff;}

/* 表 */
.table {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	width: 100%;
	border-collapse: collapse;
}
.table tr {
	vertical-align: middle;
}
.table th {
	padding: 15px 20px;
	margin: 0px;
	/*width:25%;*/
	width: auto;
	background-color: #f3f3f3;
	font-weight: 600;
	border: 1px solid #d8d8d8;
	border-collapse: collapse;
	vertical-align: middle;
}
.table td {
	padding: 15px 20px;
	margin: 0px;
	border: 1px solid #d8d8d8;
	border-collapse: collapse;
	vertical-align: middle;
}
.table.valign-top tr, .table.valign-top th, .table.valign-top td {
	vertical-align: top;
}
.table.is-white th {
	border: none;
	background-color: #ffffff;
}
.table.is-white td {
	border: none;
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
.table {
	width: 100%;
}
.table th, .table td {
	width: auto;
	display: block;
	border: none !important;
	border-width: 0px !important;
	background-color: #ffffff;
}
.table th {
	font-weight: 900;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
.table td {
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #d8d8d8 !important;
}
}
/* リスト */
/*main ul, main ul.list_disc {
	padding: 0px;
	margin: 10px 0px 20px 20px;
	list-style: disc outside;}*/
main ul.list_point {
	padding: 0px;
	margin: 10px 0px 10px 20px;
	list-style: square outside;}
main ul > li {
	padding: 3px 0px;
	margin: 0px;}
main ol {
	padding: 0px;
	margin: 10px 0px 20px 20px;
	list-style: decimal outside;}
main ol > li {
	padding: 3px 0px;
	margin: 0px;}
main ol > li.number-none {
    margin: 0px 0px 0px -20px; 
    list-style:none;}

main ul.list_pdf {
	padding: 0px;
	margin: 10px 0px 20px 0px;
	list-style: none;}
main ul.list_pdf > li {
	padding: 8px 0px 15px 40px;
	margin: 0px;
	background: url(../img/common/icon_pdf.png) no-repeat 0px 0px;}
    
/* フォーム関連 */
main input, main textarea, main select {
	padding: 5px 10px;
	background: #ffffff;
	border: 1px solid #d8d8d6;
	background: #fffef1;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
    box-shadow:none;
    /*-webkit-appearance: none;*/}

/* 画像 */
.img_center {
	margin: 5px auto;
	text-align: center;
	display: block;}
.img_resposive {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;}
/* 書籍画像 枠線追加 */
.img_book_frame {
	border:1px solid #aaaaaa;
	}

/* テキスト */
.txt_right { text-align: right;}

/** コンテンツエリア **/

/* 表示領域が1024px以上の場合に適用するスタイル */
@media screen and (min-width:1024px) {
.is-hidden-widescreen { display:none;}
}

/* 表示領域が769px以上の場合に適用するスタイル */
@media screen and (min-width:769px) {
.is-hidden-touch { display:none;}
}


main {
	padding: 0px;
	margin: 0px;
	text-align: left;}
main .contents {
	padding: 40px 0px 0px 0px;
	margin: 0px auto;
	width: 1000px;}
main .contents-full {
	padding: 40px 0px 0px 0px;
	margin: 0px auto;
	width: 100%;}
main .contents-full.is-border { border-bottom: 1px solid #eeeeee;}
main .width-inner {
	margin: 0px auto;
	width: 1000px;}

main .related_contents { 
    padding:40px 0px; 
    margin:0px auto; 
    width:100%;}

main .map_contents { 
    padding:40px 0px 0px 0px; 
    margin:40px auto; 
    width:1000px;}

main .line { 
    width:100%; 
    border-top: 1px solid #eeeeee;}


/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .contents {
	margin: 0px 30px;
	width: auto;}
main .contents-full {
	/*padding:40px 30px 0px 30px;*/
	margin: 0px;
	width: auto;}
main .width-inner {
	margin: 0px 30px;
	width: auto;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .contents {
	margin: 0px 20px;
	width: auto;}
main .contents-full {
	/*padding:40px 20px 0px 20px; */
	margin: 0px;
	width: auto;}
main .width-inner {
	margin: 0px 20px;
	width: auto;}
}

main .introduction {
	padding: 0px;
	margin: 0px 0px 30px 0px;
	line-height:180%;
	}
main .introduction p {
	padding: 2px 0px;
	margin: 0px;}
main .introduction.is-small { margin: 0px 0px 40px 0px;}
main .cntbox {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	line-height:180%
	}
main .cntbox h5{
	padding: 0px;
	margin: 0px;
	font-size: 1.5rem;
	font-weight: 900;
}

main .cntbox p{
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-size: 1.5rem;
}

main p {
	padding:2px 0px;
	margin:0px;}
main p.note {
	padding:3px 0px;
	margin:0 0 0 1.2rem;
	font-size:1.2rem;
	text-indent:-1.2rem;}
main p.e-mail { color: #ff4200;}
main p.e-mail::before {
	margin: 0px 5px 0px 0px;
	content: url("../img/common/icon_mail.png");
	/*vertical-align: middle;*/
    vertical-align: text-bottom;}
main p.hp::before {
	margin: 0px 5px 0px 0px;
	content: url("../img/common/icon_HP.png");
	vertical-align: middle;}
main p.pdf {
	padding: 8px 0px 5px 40px;
	margin: 0px;
	background: url(../img/common/icon_pdf.png) no-repeat 0px 0px;}
main p.download {
	padding:3px 0px 3px 30px;
	margin:0px;
	background: url(../img/common/icon_download.png) no-repeat 0px 2px;}


main p.tel::before { content: "Tel：";}
main p.fax::before { content: "Fax：";}

/* ページタイトル */
main.hero {
	padding: 0px;
	margin: 0px;}
main .hero > .hero-body {
	margin: 0px auto;
	width: 1000px;
	position: relative;}
main .hero > .hero-body h2.pagetitle {
	/*padding: 0px 5px 18px 0px;*/
	padding: 0px 3px 2px 0px;
	margin: 0px;
	/*font-size: 3.6rem;*/
	font-size: 4rem;
	line-height:4rem;
	font-weight: 900;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	}
main .hero > .hero-body h2.pagetitle > .subtitle { 
    padding:10px 0px 0px 0px; 
    margin:0px;
    font-size:2.4rem;
	line-height:2.8rem;
	font-weight: 600;
    display:block;}
    
main .hero > .hero-body h2.pagetitle.black {
	color: #121212;
	border-bottom: 1px solid #121212;}
main .hero.is-medium > .hero-body 
{ height: 250px;}
main .hero.is-medium > .hero-body h2.pagetitle {
 position: absolute; 
 /*top: 76px; 
 left: 0;*/
     top: 280px;
    left: 380px;
 }
main .hero.is-large > .hero-body { min-height: 448px;}
main .hero.is-large > .hero-body h2.pagetitle {
    position: absolute;
    /*top: 180px;
    left: 3px;*/
    top: 300px;
    left: 500px;
}

/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .hero > .hero-body { width: 90%;}
main .hero.is-large > .hero-body h2.pagetitle {
    position: absolute;
    top: 180px;
    left: 3px;
    /*top: 250px;
    left: 500px;*/
}
main .hero.is-medium > .hero-body h2.pagetitle {
 position: absolute; 
 /*top: 76px; 
 left: 0;*/
     top: 76px;
    left: 10px;
 }
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .hero.is-large { height: 400px;}
main .hero.is-large > .hero-body h2.pagetitle {
	font-size: 3rem;
	position: absolute;
	top: 160px;
	left: 0;}
}


/* パンくず PC*/
@media screen and (min-width:1024px) {
.bread_crumb_wrap{
    width:1080px;
    padding: 10px 0px;
	margin: 0px auto;
	/*background: #f3f3f3;*/
	font-size: 1.5rem;
}
.bread_crumb {
    /*width:30%;*/
    width:50%;
	float:right;
	text-align:right;
	}
.bread_crumb a { color: #b28e00;font-weight:500;}
.bread_crumb > ul {
	padding: 0px;
	/*margin: 0px auto;*/
	list-style: none;
	width: 100%;}
.bread_crumb > ul > li {
	padding: 0px;
	margin: 0px;
	display: inline-block;}
.bread_crumb > ul > li:not(:first-child)::before {
	content: "＞";
	margin: 0px 10px;}
.bread_crumb a:hover{
	text-decoration: underline;
}
/* パンくず 上位の階層に戻る*/
.bread_crumb02 {
    width:30%;
    float:left;
    text-align:left;
	}
.bread_crumb02 a { color: #b28e00;font-weight:500;}
.bread_crumb02 > ul {
	padding: 0px;
	/*margin: 0px auto;*/
	list-style: none;
	width: 100%;}
.bread_crumb02 > ul > li {
	padding: 0px;
	margin: 0px;
	display: inline-block;}
.bread_crumb02 > ul > li:before {
/* ←<i class="fa-solid fa-arrow-left-long"></i>*/
	content: "←";
	margin: 0px 10px;}
.bread_crumb02 a:hover{
	text-decoration: underline;
}
}
/* 表示領域が1024px以下の場合に適用するスタイル */
/* パンくず スマホ*/
@media screen and (max-width:1024px) {
.bread_crumb_wrap{
    width:100%;
    padding: 10px 5px;
	margin: 0px auto;
	/*background: #f3f3f3;*/
	font-size: 1.5rem;
}
.bread_crumb {
    /*width:80%;*/
	text-align:right;
	float:right;
	}
.bread_crumb a { color: #b28e00;font-weight:500;}
.bread_crumb > ul {
	padding: 0px;
	/*margin: 0px auto;*/
	list-style: none;
	width: 100%;}
.bread_crumb > ul > li {
	padding: 0px;
	margin: 0px;
	display: inline-block;}
.bread_crumb > ul > li:not(:first-child)::before {
	content: "＞";
	margin: 0px 10px;}
.bread_crumb a:hover{
	text-decoration: underline;
}
/* パンくず 上位の階層に戻る*/
.bread_crumb02 {
    width:60%;
    text-align:left;
	}
.bread_crumb02 a { color: #b28e00;font-weight:500;}
.bread_crumb02 > ul {
	padding: 0px;
	/*margin: 0px auto;*/
	list-style: none;
	width: 100%;}
.bread_crumb02 > ul > li {
	padding: 0px;
	margin: 0px;
	display: inline-block;}
.bread_crumb02 > ul > li:before {
	content: "←";
	margin: 0px 10px;}
.bread_crumb02 a:hover{
	text-decoration: underline;
}
}

/* コンテンツ見出し */
/*main h3.title {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-size: 3.2rem;
	font-weight: 900;
	line-height: 3.6rem;}*/
main h3.title {
  font-size:2.2rem;
  margin: 5px 0px 5px 0px;
  padding:0px 0px 20px 5px;
  text-align:left;
  background: url(/img/ui/midashi_back.png) no-repeat 0;
}
main h3.title_kouza {
  font-size:2.2rem;
  margin: 5px 0px 5px 0px;
  padding:0px 0px 40px 5px;
  text-align:left;
  background: url(/img/ui/midashi_back.png) no-repeat 0;
}
  @media only screen and (max-width: 640px) {
main h3.title_kouza {
  font-size:2.2rem;
  margin: 5px 0px 5px 0px;
  padding:0px 0px 20px 5px;
  text-align:left;
  background:none;
}
}
main h3.title > .subtitle {
	padding: 0px;
	margin: 0px 0px 0px 10px;
	font-size: 2.2rem;
	font-weight: 900;
	line-height: 2.8rem;}
main h3.title.regionTitle{
	margin: 0 0 30px 0;
}
main h4.title {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-size: 2rem;
	font-weight: 900;
	line-height: 3rem;
	border-bottom:1px solid #95398b;
}


/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main h3.title > .subtitle {
	display: block;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}
}

/* メッセージ */
main .message {
	padding: 10px 22px;
	margin: 30px 0px;
	background-color: #f3f3f3;
	border: 1px solid #d8d8d8;}
main .message-header {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-size: 1.8rem;
	font-weight: 900;}
main .message-body { padding: 0px;}
main .message-footer {
	padding: 10px 0px 0px 0px;
	margin: 0px;}
main .message code, .message pre { background: #ffffff;}
main .message pre code { background: transparent;}
main .message.is-white { background-color: #ffffff;}

/* コンテンツリンク */
main #cnt-link {
	padding: 0px;
	margin: 0px;}
main #cnt-link h3.title {
	padding: 0px;
	margin: 0px 0px 25px 0px;
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 2rem;
	border-bottom: 1px solid #eeeeee;
	position: relative;}
main #cnt-link h3.title p.text {
	position: absolute;
	top: -10px;
	left: 50%;
	width: 340px;
	background: #ffffff;
	text-align: center;
	margin-left: -170px;}
main #cnt-link h3.title p.text > .subtitle {
	padding: 0px;
	margin: 0px 0px 0px 10px;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.2rem;}
main #cnt-link .cnt-link-list {
	padding: 0px;
	margin: 0px;}
main #cnt-link .cnt-link-list .cnt-link-block {
	padding: 0px;
	margin: 0px 0px 2px 0px;
	height: 230px;}
main #cnt-link .cnt-link-list .cnt-link-block .cnt-link-block-body {
	padding: 0px;
	margin: 0px auto;
	height: 230px;
	width: 1000px;}
main #cnt-link .cnt-link-list .cnt-link-block .cnt-link-block-body a {
	padding: 0px;
	margin: 0px;
	display: block;}
main #cnt-link .cnt-link-list .cnt-link-block .cnt-link-block-body .btn {
	width: 240px;
	padding: 50px 0px 18px 0px;
	margin: 0px;}

/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main #cnt-link .cnt-link-list .cnt-link-block .cnt-link-block-body {
	margin: 0px 30px;
	width: auto;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main #cnt-link .cnt-link-list .cnt-link-block .cnt-link-block-body {
	margin: 0px 20px;
	width: auto;}
main #cnt-link h3.title {	margin: 0px 0px 45px 0px;}
main #cnt-link h3.title p.text {
    position: absolute;
	top: -15px;
	left: 50%;
	width: 240px;
	margin-left: -120px;}
main #cnt-link h3.title p.text > .subtitle {
    padding:5px;
	margin: 0px;
    display:block;}
}


main .dojomap {
	padding: 0px;
	margin: 0px 0px 40px 0px;}


/* foot_banner */
main .foot_banner { 
    padding:0px; 
    margin:0px 0px 40px 0px;
    font-size:0rem; 
    line-height:0rem; 
    text-align:center;}
main .foot_banner > a { 
    padding:0px; 
    margin:0px 0px 2px 0px;
    display:inline-block;}
main .foot_banner > a:nth-child(2) {  margin:0px 2px 2px 2px;}
main .foot_banner > a > img { 
    max-width:100%; 
    width:auto; 
    height:auto;}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .foot_banner > a { 
    margin:0px 0px 2px 0px;
    display:block;}
main .foot_banner > a:nth-child(2) { margin:0px 0px 2px 0px;}

}

/* ページタイトル */
main .hero.aboutus {
	background: url(../img/aboutus/kv_aboutus.jpg) no-repeat center;
	background-size: cover;}
main .hero.aboutus-overview {
	background: url(../img/aboutus/kv_overview.jpg) no-repeat center;
	background-size: cover;}
main .hero.aboutus-org {
	background: url(../img/aboutus/kv_org.jpg) no-repeat center;
	background-size: cover;}
main .hero.aboutus-rule {
	background: url(../img/aboutus/kv_rule.jpg) no-repeat center;
	background-size: cover;}
main .hero.aboutus-book {
	background: url(../img/aboutus/kv_book.jpg) no-repeat right center;
	background-size: cover;}
main .hero.aboutus-officialgoods {
	background: url(../img/aboutus/kv_officialgoods.jpg) no-repeat right center;
	background-size: cover;}
main.improve .hero {
	background: url(../img/improve/kv_improve.jpg) no-repeat right center;
	background-size: cover;}

@media only screen and (max-width: 500px) {
	main.improve .hero {
	background: url(../img/improve/kv_improveSP.jpg) no-repeat right center;
}
}

/* コンテンツリンク */
main #cnt-link .cnt-link-list .cnt-link-block.aboutus-overview {
	background: url(../img/aboutus/cont-link_overview.jpg) no-repeat center;
	background-size: cover;}
main #cnt-link .cnt-link-list .cnt-link-block.aboutus-rule {
	background: url(../img/aboutus/cont-link_rule.jpg) no-repeat center;
	background-size: cover;}
main #cnt-link .cnt-link-list .cnt-link-block.aboutus-book {
	background: url(../img/aboutus/cont-link_book.jpg) no-repeat center;
	background-size: cover;}
main #cnt-link .cnt-link-list .cnt-link-block.aboutus-officialgoods {
	background: url(../img/aboutus/cont-link_officialgoods.jpg) no-repeat center;
	background-size: cover;}
main #cnt-link .cnt-link-list .cnt-link-block.aboutus-org {
	background: url(../img/aboutus/cont-link_org.jpg) no-repeat center;
	background-size: cover;}


/* aboutus/overview.html */
main .accessguide { 
    padding:20px 0px 0px 0px; 
    margin:0px;
    /*display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-conten:flex-start;
    align-items:flex-start;
    align-content:flex-start;*/}
main .accessguide .info-block { 
    padding:0px; 
    margin:0px 20px 5px 0px;
    width:510px;
    flex-grow:0;/*伸びる倍率*/
    flex-shrink:0;/*縮む倍率*/
    flex-basis:510px;/*最小の長さ*/}
main .accessguide .googlemap-block { 
    display:block; 
    padding:0px; 
    margin:0px 0px 5px 0px;
    width:460px;
    height:280px; 
    border:1px solid #545454;
    flex-grow:0;/*伸びる倍率*/
    flex-shrink:0;/*縮む倍率*/
    flex-basis:460px;/*最小の長さ*/}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .accessguide { display:block;}
main .accessguide .googlemap-block { width:100%;}

}


/* TOP Information 表組み */
.information-list {
	padding: 0px;
	margin: 0px 0px 30px 0px;
	width: 100%;
	border-collapse: collapse;
	border-bottom:1px solid #cccccc;
}
.information-list tr { vertical-align: top;}
.information-list td {
	padding: 0px;
	margin: 0px;
	/*border-right: 1px solid #cccccc;*/
	border-collapse: collapse;}
.information-list td.info_title {
  /*font-size:140%;*/
  font-weight:bold;
  /*color:#b87bb2;*/
  color:#b6960f;
  width:20%;
}
@media (min-width: 768px) {
.info_title_sp {
  display:none;
}
/**スマホのみ改行 PCは改行なし**/
.br-sp{
  display:none;
}
}
@media (max-width: 767px) {
.info_title_sp{
   font-size:160%;
  font-weight:bold;
  color:#b87bb2;
  margin-left:20px;
}
.info_title {
  display:none;
}
}

/* タブ切り替え */
main .areamap {
	padding: 0px;
    margin: 0px 0px 30px 0px;}
main #tabmenu {
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	line-height: 0px;}

/* 表示領域が1024px以上の場合に適用するスタイル */
@media screen and (min-width:1024px) {
main .areamap {
	background: url(../img/aboutus/map_japan.png) no-repeat center;
	height: 530px;
	position: relative;}
main .areamap p.text {
	padding: 0px;
	margin: 0px;
	width: 300px;}
#tabmenu { position: relative;}
#tabmenu .tab-hokkaido { position: absolute; top: 15px; left: 450px;}
#tabmenu .tab-tohoku { position: absolute; top: 185px; left: 700px;}
#tabmenu .tab-kantou { position: absolute; top: 275px; left: 700px;}
#tabmenu .tab-kitashinetsu { position: absolute; top: 145px; left: 420px;}
#tabmenu .tab-toukai { position: absolute; top: 368px; left: 597px;}
#tabmenu .tab-kinki { position: absolute; top: 210px; left: 354px;}
#tabmenu .tab-shikoku { position: absolute; top: 420px; left: 408px;}
#tabmenu .tab-chugoku { position: absolute; top: 268px; left: 220px;}
#tabmenu .tab-kyushuu { position: absolute; top: 385px; left: 150px;}


main .areamap.schedule-region #tabmenu .tab-hokkaido { position: absolute; top: -25px; left: 450px;}
main .areamap.schedule-region #tabmenu .tab-tohoku { position: absolute; top: 145px; left: 700px;}
main .areamap.schedule-region #tabmenu .tab-kantou { position: absolute; top: 235px; left: 700px;}
main .areamap.schedule-region #tabmenu .tab-kitashinetsu { position: absolute; top: 105px; left: 420px;}
main .areamap.schedule-region #tabmenu .tab-toukai { position: absolute; top: 328px; left: 597px;}
main .areamap.schedule-region #tabmenu .tab-kinki { position: absolute; top: 170px; left: 354px;}
main .areamap.schedule-region #tabmenu .tab-shikoku { position: absolute; top: 380px; left: 408px;}
main .areamap.schedule-region #tabmenu .tab-chugoku { position: absolute; top: 228px; left: 220px;}
main .areamap.schedule-region #tabmenu .tab-kyushuu { position: absolute; top: 345px; left: 150px;}

main .areamap.schedule-association #tabmenu .tab-hokkaido { position: absolute; top: -45px; left: 450px;}
main .areamap.schedule-association #tabmenu .tab-tohoku { position: absolute; top: 125px; left: 700px;}
main .areamap.schedule-association #tabmenu .tab-kantou { position: absolute; top: 215px; left: 700px;}
main .areamap.schedule-association #tabmenu .tab-kitashinetsu { position: absolute; top: 85px; left: 420px;}
main .areamap.schedule-association #tabmenu .tab-toukai { position: absolute; top: 308px; left: 597px;}
main .areamap.schedule-association #tabmenu .tab-kinki { position: absolute; top: 150px; left: 354px;}
main .areamap.schedule-association #tabmenu .tab-shikoku { position: absolute; top: 360px; left: 408px;}
main .areamap.schedule-association #tabmenu .tab-chugoku { position: absolute; top: 208px; left: 220px;}
main .areamap.schedule-association #tabmenu .tab-kyushuu { position: absolute; top: 325px; left: 150px;}

}

/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .areamap p.text {
	padding: 0px;
	margin: 0px 0px 10px 0px;}
main #tabmenu > div {
	padding: 0px;
	margin: 0px 5px 5px 0px;
	display: inline-block;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main #tabmenu > div {
	padding: 0px;
	margin: 2px;
	display: inline-block;
	width: 127px;}
main #tabmenu > div img { width: 100%;}
}

main #tabBoxes {
    padding: 0px;
    margin: 0px 0px 50px 0px;}
main #areaBoxes {
    padding: 0px;
    margin: 0px 0px 50px 0px;}
main #area-hokkaido { display: none;}
main #area-tohoku { display: none;}
main #area-kantou { display: none;}
main #area-kitashinetsu { display: none;}
main #area-toukai { display: none;}
main #area-kinki { display: none;}
main #area-shikoku { display: none;}
main #area-chugoku { display: none;}
main #area-kyushuu { display: none;}
main #tabBoxes .default-select { display: block;}

main .product-title {
	padding: 15px 0px 15px 0px;
	margin: 0px 0px 30px 0px;
	background: #eff3f8;}
main .product-title .product-title-body {
	margin: 0px auto;
	width: 1000px;}
main .product-title .product-title-body > h3.title { margin: 0px 0px 0px 0px;}

/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .product-title .product-title-body {
	margin: 0px 30px;
	width: auto;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .product-title .product-title-body {
	margin: 0px 20px;
	width: auto;}
}
main .monthlykyudo {
	padding: 0px;
	margin: 0px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;/*子要素の配置方向*/
	flex-wrap: wrap;/*子要素の折り返し設定*/
	justify-conten: flex-start;/*水平方向の揃え方*/
	align-items: flex-start;/*垂直方向の揃え方*/
	align-content: flex-start;/*行の揃え方*/}
main .monthlykyudo > figure {
	padding: 0px;
	margin: 0px 30px 0px 0px;
	text-align: center;
	width: 210px;
	flex-grow: 0;/*伸びる倍率*/
	flex-shrink: 0;/*縮む倍率*/
	flex-basis: 210px;/*最小の長さ*/}
main .monthlykyudo > .infobox {
	padding: 0px;
	margin: 0px;
	min-width: 400px;
	flex-grow: 1;/*伸びる倍率*/
	flex-shrink: 1;/*縮む倍率*/
	flex-basis: 400px;/*最小の長さ*/}
main .monthlykyudo > .infobox p.title {
	margin: 0px 0px 25px 0px;
	font-size: 2rem;
	font-weight: 600;}
main .monthlykyudo > .infobox p.title > .issuance {
	padding: 0px;
	margin: 0px 0px 0px 10px;
	font-size: 1.2rem;
	font-weight:500;}
main .monthlykyudo > .infobox p.text { margin: 0px 0px 30px 0px;}
main .monthlykyudo > .infobox p.price {
	padding: 0px;
	margin: 0px 0px 25px 0px;
	color: #146900;
	font-size: 1.6rem;
	font-weight: 600;}
main .monthlykyudo > .infobox a.btn {
	padding: 0px;
	margin: 0px 20px 10px 0px;
	display: inline-block;
	width: auto;
	background: none;}
main .monthlykyudo > .infobox a.btn:hover { opacity: 0.8;}

/* 表示領域が999px以下の場合に適用するスタイル */
@media screen and (max-width:999px) {
main .monthlykyudo > .infobox p.title > .issuance {
	margin: 0px;
	display: block;}
}

/* 表示領域が696px以下の場合に適用するスタイル */
@media screen and (max-width:696px) {
main .monthlykyudo { display: block;}
main .monthlykyudo > figure {
	margin: 0px;
	width: 100%;}
main .monthlykyudo > .infobox {
	padding: 0px;
	margin: 0px;
	min-width: 100%;
	width: 100%;}
main .monthlykyudo > .infobox p.title { margin: 0px 0px 15px 0px;}
main .monthlykyudo > .infobox p.text { margin: 0px 0px 15px 0px;}
main .monthlykyudo > .infobox p.price { margin: 0px 0px 15px 0px;}
main .monthlykyudo > .infobox a.btn {
	margin: 0px auto 10px auto;
	display: block;
	text-align: center;}
}

main .products-list {
	padding: 0px;
	margin: 0px 0px 0px 30px;
	list-style: disc outside;}
main .products-list > li {
	padding: 3px 0px;
	margin: 0px;}
main .products-list > li .name {
	padding: 0px;
	margin: 0px 7px 0px 0px;
	font-weight: 600;
	text-align: left;}
main .products-list > li .size {
	padding: 0px;
	margin: 0px 7px 0px 0px;
	font-weight: 600;
	text-align: left;}
main .products-list > li .price {
	padding: 0px;
	margin: 0px;
	color: #146900;
    font-size:1.6rem;
	font-weight: 600;
	text-align: left;}
main .products-list > li .price::after {
    margin:0px 0px 0px 2px;
    content:"円(税込)";
    font-size:1.2rem;}
main .products-list > li .price.poster {
	padding:0px 0px 0px 24px; 
    background:url(../img/common/icon_poster_price.png) no-repeat 0px 2px;}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .products-list > li { margin: 0px 0px 10px 0px;}
main .products-list > li .name, 
main .products-list > li .size, 
main .products-list > li .price { display: block;}
}

main .products-cardlist {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;/*子要素の配置方向*/
	flex-wrap: wrap;/*子要素の折り返し設定*/
	justify-conten: flex-start;/*水平方向の揃え方*/
	align-items: baseline;/*垂直方向の揃え方*/
	align-content: flex-start;/*行の揃え方*/}
main .products-cardlist > .product-card {
	padding: 10px 0px 0px 0px;
	margin: 0px 10px 20px 10px;
	text-align: center;
	width: 220px;
	flex-grow: 0;/*伸びる倍率*/
	flex-shrink: 0;/*縮む倍率*/
	flex-basis: 220px;/*最小の長さ*/}
main .products-cardlist > .product-card .photo {
	padding: 0px;
	margin: 0px auto;
	max-width: 210px;
	width: 100%;}
main .products-cardlist > .product-card .name {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-weight: 600;
	text-align: left;}
main .products-cardlist > .product-card .issuance {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	font-size: 1.2rem;
	text-align: left;}
main .products-cardlist > .product-card .text {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	font-size: 1.2rem;
	text-align: left;}
main .products-cardlist > .product-card .price {
	padding: 0px;
	margin: 0px;
	color: #146900;
    font-size:1.6rem;
	font-weight: 600;
	text-align: left;}
main .products-cardlist > .product-card .price::after {
    margin:0px 0px 0px 2px;
    content:"円(税込)";
    font-size:1.2rem;}

main .products-cardlist > .product-card .price.book {
	padding:0px 0px 0px 25px; 
    background:url(../img/common/icon_book_price.png) no-repeat 0px 0px;}
main .products-cardlist > .product-card .price.dvd {
	padding:4px 0px 4px 27px; 
	background:url(../img/common/icon_dvd_price.png) no-repeat 0px 4px;}
main .products-cardlist > .product-card .price.goods {
	padding:0px 0px 0px 22px; 
	background: url(../img/common/icon_officialgoods_price.png) no-repeat 0px 2px;}

/* 表示領域が999px以下の場合に適用するスタイル */
@media screen and (max-width:999px) {
main .products-cardlist > .product-card {
	width: 30%;
	flex-basis: 30%;/*最小の長さ*/}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .products-cardlist > .product-card {
	margin: 0px 2.5% 30px 2.5%;
	width: 45%;
	flex-basis: 45%;/*最小の長さ*/}
}


/** info ********************************************************/

/* ページタイトル */
main .hero.info {
	background: url(../img/info/kv_info.jpg) no-repeat right;
	background-size: cover;}

/* info/personalinfo.html */
main dl.personalinfo {
	padding: 0px;
	margin: 0px;}
main dl.personalinfo > dt {
	padding: 0px;
	margin: 0px 0px 5px 0px;}
main dl.personalinfo > dd {
	padding: 0px;
	margin: 0px 0px 40px 0px;}
main .table-info {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	width: 100%;}
main .table-info tr { vertical-align: top;}
main .table-info th {
	padding: 15px 10px;
	margin: 0px;
	width: 220px;
	background-color: #ffffff;
	font-weight: 600;
	border: none;
	vertical-align: top;}
main .table-info td {
	padding: 15px 10px;
	margin: 0px;
	border: none;
	vertical-align: top;}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .table-info th::before {
	margin: 0px;
	content: none;}
main .table-info th {
	width: auto;
	display: block;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-weight: 900;}
main .table-info td {
	width: auto;
	display: block;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #d8d8d8 !important;}
}

/* info/contact.html */
main #thanks_page { display: none;}


main #inputForm .btn-body { 
    padding:0px; 
    margin:0px auto; 
    text-align:center;}
main #inputForm button.btn_send { 
    padding:15px 60px 15px 60px; 
    margin:0px 10px 10px 10px;
    color:#ffffff;
    font-size:1.8rem;
    line-height:2rem;
    font-weight:400; 
    text-align:center;
    background:#ff4200;
    display:inline-block;
    border:none;
    box-shadow:none;}

main #inputForm button.btn_send.next {
    background:#ff4200 url(../img/common/icon_next.png) no-repeat 90% 50%;}
main #inputForm button.btn_send.back {
    background:#a3a3a3 url(../img/common/icon_back.png) no-repeat 10% 50%;}



main .form-contact {
	padding: 0px;
	margin: 0px 0px 40px 0px;
	width: 100%;
	border-collapse: collapse;}
main .form-contact tr { vertical-align: middle;}
main .form-contact th {
	padding:10px 15px;
	margin: 0px;
	width: 30%;
	background-color: #f3f3f3;
	font-weight: 600;
	border: 1px solid #d8d8d8;
	border-collapse: collapse;
	vertical-align: middle;}
main .form-contact td {
	padding:10px 15px;
	margin: 0px;
	border: 1px solid #d8d8d8;
	border-collapse: collapse;
	vertical-align: middle;}
main .form-contact .error { background: #fbd0d9;}
main .form-contact label.error {
    margin: 0px 0px 0px 10px;
	color: #fe3034;
	/*color:#900020; */
	font-size: 1.2rem;
	background: none;}

main .form-contact #name,
main .form-contact #furigana { width:50%;}
main .form-contact #tel { width:40%;}
main .form-contact #address { width:70%;}
main .form-contact #email,
main .form-contact #email_check { width:60%;}
main .form-contact #prefectural { width:30%;}
main .form-contact #zipcode { width:30%;}
main .form-contact #message { width:90%;}

/* 表示領域が460px以下の場合に適用するスタイル */
@media screen and (max-width:460px) {
main .form-contact #name,
main .form-contact #furigana, 
main .form-contact #tel,
main .form-contact #address, 
main .form-contact #email,
main .form-contact #email_check,
main .form-contact #prefectural,
main .form-contact #zipcode,
main .form-contact #message { width:100%;}

}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .form-contact { width: 100%;}
main .form-contact th, main .form-contact td {
	width: auto;
	display: block;
	border: none !important;
	border-width: 0px !important;
	background-color: #ffffff;}
main .form-contact th {
	font-weight: 900;
	padding: 0px;
	margin: 0px 0px 10px 0px;}
main .form-contact td {
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #d8d8d8 !important;}
}




/* info/link.html */
main dl.list_link {
	padding: 0px;
	margin: 0px;}
main dl.list_link a { color: #ff4200;}
main dl.list_link > dt {
	padding: 10px 0px;
	margin: 0px;
	color: #ff4200;}
main dl.list_link > dt span.sitename {
	display: inline-block;
	text-decoration: underline;}
main dl.list_link > dt span.siteurl {
	display: inline-block;
	padding: 0px 0px 0px 23px;
	margin: 0px 0px 0px 27px;
	color: #ff4200;
	background: url(../img/common/icon_HP.png) no-repeat 0px 3px;}
main dl.list_link > dd {
	padding: 5px 0px 20px 0px;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px solid #d8d8d8;}
main dl.list_link > dd:last-child { border-bottom: none;}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main dl.list_link > dt span.sitename {
	display: block;
	margin: 0px 0px 5px 0px;}
main dl.list_link > dt span.siteurl {
	display: block;
	padding: 0px 0px 0px 23px;
	margin: 0px 0px 0px 0px;}
}

/* info/usearrow.html */
main .table-document {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	width: 100%;
	border-collapse: collapse;}
main .table-document tr { vertical-align: middle;}
main .table-document th {
	padding: 15px 10px;
	margin: 0px;
	width: 70px;
	background-color: #f3f3f3;
	font-weight: 600;
	border: 1px solid #d8d8d8;
	border-right: none;
	border-collapse: collapse;
	vertical-align: middle;}
main .table-document td.name {
	padding: 15px 30px;
	margin: 0px;
	border: 1px solid #d8d8d8;
	border-left: none;
	border-collapse: collapse;
	vertical-align: middle;}
main .table-document td.document {
	width: 120px;
	text-align: center;
	padding: 15px 0px;
	margin: 0px;
	border: 1px solid #d8d8d8;
	border-collapse: collapse;
	vertical-align: middle;}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .table-document th { width: 45px;}
main .table-document td.name { padding: 15px 10px;}
main .table-document td.document { width: 55px;}
}

/** documents ********************************************************/

/* ページタイトル */
main .hero.documents {
	background: url(../img/documents/kv_documents.jpg) no-repeat center;
	background-size: cover;}



/** begin ********************************************************/

/* ページタイトル */
main .hero > .hero-body h2.pagetitle.begin {
	padding: 0px 30px 18px 30px;
	text-align:center;}

main .hero.begin {
	background: url(../img/begin/kv_begin.jpg) no-repeat center;
	background-size: cover;}
main .hero.begin-expguide {
	background: url(../img/begin/kv_expguide.jpg) no-repeat center;
	background-size: cover;}
main .hero.begin-tool {
	background: url(../img/begin/kv_tool.jpg) no-repeat center;
	background-size: cover;}
main .hero.begin-faq {
	background: url(../img/begin/kv_faq.jpg) no-repeat center;
	background-size: cover;}

/* コンテンツリンク */
main #cnt-link .cnt-link-list .cnt-link-block.begin {
	background: url(../img/begin/cont-link_begin.jpg) no-repeat center;
	background-size: cover;}
main #cnt-link .cnt-link-list .cnt-link-block.begin-tool {
	background: url(../img/begin/cont-link_tool.jpg) no-repeat center;
	background-size: cover;}
main #cnt-link .cnt-link-list .cnt-link-block.begin-faq {
	background: url(../img/begin/cont-link_faq.jpg) no-repeat center;
	background-size: cover;}


main dl.to-beginner { 
    padding:0px; 
    margin:0px;}
main dl.to-beginner dt { 
    padding:0px 10px 10px 30px; 
    margin:0px;
    background:url(../img/common/icon_target.png) 0px 1px no-repeat;
    border-bottom:1px solid #000000;
    font-size: 2.4rem; 
    line-height:2.8rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;}
main dl.to-beginner dd { 
    padding:10px 10px 10px 30px; 
    margin:0px 0px 20px 0px;}



main .tool-title {
	padding: 15px 0px 15px 0px;
	margin: 0px 0px 30px 0px;
	background: #eff3f8;}
main .tool-title .tool-title-body {
	margin: 0px auto;
	width: 1000px;}
main .tool-title .tool-title-body > h3.title { margin: 0px 0px 0px 0px;}
main .tool-block-body {
	margin: 0px auto;
	width: 1000px;
    clear:both;}
main .tool-block { 
    width:auto; 
    padding:0px 0px 50px 0px; 
    margin:0px 0px 50px 0px;}
main .tool-block figure.figure-block.right,
main .tool-block figure.figure-block.right-L { 
    padding:0px; 
    margin:0px 0px 20px 80px;
    float:right;}
main .tool-block figure.figure-block.left { 
    padding:0px; 
    margin:0px 80px 20px 0px;
    float:left;}
main .tool-block figure.figure-block > img { 
    max-width: 100%;
    width: auto;
    height: auto;}

main .tool-block .text-block {
    padding:0px; 
    margin:0px;
    width:50%;}
main .tool-block .text-block.left { float:left;}
main .tool-block .text-block.right { float:right;}


main .tool-block.yumi .columns {
	padding:0px;
	margin: 0px 0px 30px 0px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;/*子要素の配置方向*/
	flex-wrap: wrap;/*子要素の折り返し設定*/
	justify-content: flex-start;/*水平方向の揃え方*/
	align-items: flex-end;/*垂直方向の揃え方*/
	align-content: flex-start;/*行の揃え方*/}
main .tool-block.yumi .columns > .column.text-block {
    padding:0px; 
    margin:0px 20px 20px 0px;
    width:50%;
	flex-grow: 1;/*伸びる倍率*/
	flex-shrink: 1;/*縮む倍率*/
	flex-basis: 50%;/*最小の長さ*/}
main .tool-block.yumi .columns > .column.img-block {
    padding:0px; 
    margin:0px 0px 20px 0px;
    width:450px;
    text-align:center;
	flex-grow:1;/*伸びる倍率*/
	flex-shrink:1;/*縮む倍率*/
	flex-basis: 450px;/*最小の長さ*/}

main .tool-block.ya .text-block.right { 
    padding:0px; 
    margin:0px 0px 50px 0px;
    width:47%;
    float:right;}

main .tool-block.tsuru .text-block.right { 
    padding:0px; 
    margin:0px 0px 50px 0px;
    width:50%;
    float:right;}
main .tool-block.tsuru .columns {
	padding:0px;
	margin: 0px 0px 30px 0px;
    list-style:none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;/*子要素の配置方向*/
	flex-wrap: wrap;/*子要素の折り返し設定*/
	justify-content: flex-start;/*水平方向の揃え方*/
	align-items: flex-start;/*垂直方向の揃え方*/
	align-content: flex-start;/*行の揃え方*/}
main .tool-block.tsuru .columns > .column.text-block {
    padding:0px; 
    margin:0px 20px 20px 0px;
    width:47%;
	flex-grow: 1;/*伸びる倍率*/
	flex-shrink: 1;/*縮む倍率*/
	flex-basis: 47%;/*最小の長さ*/}
main .tool-block.tsuru .columns > .column.img-block {
    padding:0px; 
    margin:0px 20px 20px 0px;
    width:470px;
    text-align:center;
	flex-grow:1;/*伸びる倍率*/
	flex-shrink:1;/*縮む倍率*/
	flex-basis: 470px;/*最小の長さ*/}
main .tool-block.tsuru .columns.tsuruwa {
	padding:0px;
	margin: 0px 0px 30px 0px;
    list-style:none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;/*子要素の配置方向*/
	flex-wrap: wrap;/*子要素の折り返し設定*/
	justify-content: flex-start;/*水平方向の揃え方*/
	align-items: center;/*垂直方向の揃え方*/
	align-content: flex-start;/*行の揃え方*/}
main .tool-block.tsuru .columns.tsuruwa > .column.text-block {
    padding:0px; 
    margin:0px 0px 20px 0px;
    width:60%;
	flex-grow: 1;/*伸びる倍率*/
	flex-shrink: 1;/*縮む倍率*/
	flex-basis: 60%;/*最小の長さ*/}
main .tool-block.tsuru .columns.tsuruwa > .column.img-block {
    padding:0px; 
    margin:0px 20px 20px 0px;
    width:364px;
    text-align:center;
	flex-grow:1;/*伸びる倍率*/
	flex-shrink:1;/*縮む倍率*/
	flex-basis: 364px;/*最小の長さ*/}

main .tool-block.yugake .text-block.left { 
    padding:0px; 
    margin:0px 0px 50px 0px;
    width:50%;
    float:left;}


/* 表示領域が1401px以上の場合に適用するスタイル */
@media screen and (min-width:1401px) {    
main .tool-block { 
    width:1400px; 
    margin:0px auto 50px auto;}
}

/* 表示領域が1024px以上の場合に適用するスタイル */
@media screen and (min-width:1024px) {    
main .tool-block.yumi { 
    background:url(../img/begin/bg_tool_yumi01.png) no-repeat left top,
    url(../img/begin/bg_tool_yumi02.png) no-repeat right 90%;}
main .tool-block.ya { 
    background:url(../img/begin/bg_tool_ya.png) no-repeat left top;}
main .tool-block.tsuru { 
    /*background:url(../img/begin/bg_tool_tsuru.png) no-repeat left top;*/}
main .tool-block.yugake .tool-block-body { 
    background:url(../img/begin/bg_tool_yugake.png) no-repeat right 80px;}
}

/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {    
main .tool-block figure.figure-block.right { 
    margin:0px 0px 20px 20px;}
main .tool-block figure.figure-block.left { 
    margin:0px 20px 20px 0px;}
main .tool-block figure.figure-block.right-L { 
    margin:0px 0px 20px 0px;
    float:none;
    text-align:center;}
main .tool-title .tool-title-body {
	margin: 0px 30px;
	width: auto;}
main .tool-block-body {
	margin: 0px 30px;
	width: auto;}
main .tool-block .text-block {
    padding:0px; 
    margin:0px;
    width:100%;}
main .tool-block.yumi .columns {
	padding:0px;
	margin: 0px 0px 30px 0px;
	display:block;}
main .tool-block.yumi .columns > .column.text-block {
    padding:0px; 
    margin:0px 20px 20px 0px;
    width:auto;}
main .tool-block.yumi .columns > .column.img-block {
    padding:0px; 
    margin:0px 0px 20px 0px;
    width:auto;
    text-align:center;}

main .tool-block.ya .text-block.right { 
    padding:0px; 
    margin:0px 0px 50px 0px;
    width:auto;
    float:none;}

main .tool-block.tsuru .text-block.right { 
    padding:0px; 
    margin:0px 0px 50px 0px;
    width:auto;
    float:none;}
main .tool-block.tsuru .columns {
	padding:0px;
	margin: 0px 0px 30px 0px;
    list-style:none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;/*子要素の配置方向*/
	flex-wrap: wrap;/*子要素の折り返し設定*/
	justify-content: flex-start;/*水平方向の揃え方*/
	align-items: flex-start;/*垂直方向の揃え方*/
	align-content: flex-start;/*行の揃え方*/}
main .tool-block.tsuru .columns > .column.text-block {
    padding:0px; 
    margin:0px 20px 20px 0px;
    width:47%;
	flex-grow: 1;/*伸びる倍率*/
	flex-shrink: 1;/*縮む倍率*/
	flex-basis: 47%;/*最小の長さ*/}
main .tool-block.tsuru .columns > .column.img-block {
    padding:0px; 
    margin:0px 20px 20px 0px;
    width:470px;
    text-align:center;
	flex-grow:1;/*伸びる倍率*/
	flex-shrink:1;/*縮む倍率*/
	flex-basis: 470px;/*最小の長さ*/}
main .tool-block.tsuru .columns.tsuruwa {
	padding:0px;
	margin: 0px 0px 30px 0px;
    list-style:none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;/*子要素の配置方向*/
	flex-wrap: wrap;/*子要素の折り返し設定*/
	justify-content: flex-start;/*水平方向の揃え方*/
	align-items: center;/*垂直方向の揃え方*/
	align-content: flex-start;/*行の揃え方*/}
main .tool-block.tsuru .columns.tsuruwa > .column.text-block {
    padding:0px; 
    margin:0px 0px 20px 0px;
    width:60%;
	flex-grow: 1;/*伸びる倍率*/
	flex-shrink: 1;/*縮む倍率*/
	flex-basis: 60%;/*最小の長さ*/}
main .tool-block.tsuru .columns.tsuruwa > .column.img-block {
    padding:0px; 
    margin:0px 20px 20px 0px;
    width:364px;
    text-align:center;
	flex-grow:1;/*伸びる倍率*/
	flex-shrink:1;/*縮む倍率*/
	flex-basis: 364px;/*最小の長さ*/}

main .tool-block.yugake .text-block.left { 
    padding:0px; 
    margin:0px 0px 50px 0px;
    width:auto;
    float:none;}

}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .tool-title .tool-title-body {
	margin: 0px 20px;
	width: auto;}
main .tool-block-body {
	margin: 0px 20px;
	width: auto;}
main .tool-block figure.figure-block.right { 
    margin:0px 0px 20px 0px;
    float:none;
    text-align:center;}
main .tool-block figure.figure-block.left { 
    margin:0px 0px 20px 0px;
    float:none;
    text-align:center;}

}


main dl.list_begin-faq { 
    padding:0px; 
    margin:0px 0px 20px 0px;}
main dl.list_begin-faq > dt.question { 
    padding:17px 65px 16px 60px; 
    margin:0px;
    font-weight:900;
    background:#f3f3f3 url(../img/begin/icon_question.png) 11px 11px no-repeat;
    border:1px solid #cccccc;
    position:relative;}
main dl.list_begin-faq > dt.question::after { 
    content: url("../img/begin/btn_faq_open.png");
    height:100%;
    background:#ff3701; 
    position:absolute; 
    top:0px; 
    right:0px;}
main dl.list_begin-faq > dd.answer { 
    padding:20px 10px 20px 110px; 
    margin:0px 0px 20px 0px;
    background:url(../img/begin/icon_answer.png) no-repeat 58px 11px;
    border:1px solid #cccccc;
    border-top:none;
    display:none;}
main dl.list_begin-faq > dt.question.active::after { 
    content: url("../img/begin/btn_faq_close.png");
    height:100%;
    background:#ff3701; 
    position:absolute; 
    top:0px; 
    right:0px;}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main dl.list_begin-faq > dd.answer { 
    padding:20px 10px 20px 60px;
    background:url(../img/begin/icon_answer.png) no-repeat 11px 11px;}
}



/** schedule ********************************************************/

/* ページタイトル */
main .hero.schedule {
	background: url(../img/schedule/kv_schedule.jpg) no-repeat center;
	background-size: cover;}
main .hero.schedule-taikai {
	background: url(../img/schedule/kv_taikai.jpg) no-repeat center;
	background-size: cover;}
main .hero.schedule-chuoshinsa {
	background: url(../img/schedule/kv_chuoshinsa.jpg) no-repeat center;
	background-size: cover;}
main .hero.schedule-region {
	background: url(../img/schedule/kv_region.jpg) no-repeat center;
	background-size: cover;}
main .hero.schedule-association {
	background: url(../img/schedule/kv_association.jpg) no-repeat center;
	background-size: cover;}
main .hero.schedule-taikai-detail {
	background: url(../img/schedule/kv_taikai_detail.jpg) no-repeat center;
	background-size: cover;}
main .hero.schedule-chuoshinsa-detail {
	background: url(../img/schedule/kv_chuoshinsa_detail.jpg) no-repeat center;
	background-size: cover;}
main .hero.schedule-overview {
	background: url(../img/schedule/kv_overview.jpg) no-repeat right;
	background-size: cover;}    

/* コンテンツリンク */
main #cnt-link .cnt-link-list .cnt-link-block.schedule-taikai {
	background: url(../img/schedule/cont-link_taikai.jpg) no-repeat center;
	background-size: cover;}
main #cnt-link .cnt-link-list .cnt-link-block.schedule-chuoshinsa {
	background: url(../img/schedule/cont-link_chuoshinsa.jpg) no-repeat center;
	background-size: cover;}
main #cnt-link .cnt-link-list .cnt-link-block.schedule-region {
	background: url(../img/schedule/cont-link_region.jpg) no-repeat center;
	background-size: cover;}
main #cnt-link .cnt-link-list .cnt-link-block.schedule-association {
	background: url(../img/schedule/cont-link_association.jpg) no-repeat center;
	background-size: cover;}


main .relatedlink-block { 
    padding:20px 0px 0px 0px; 
    margin:0px;
    text-align:right;}
main .relatedlink-block > .relatedlink-btn { 
    padding:0px; 
    margin:0px 0px 5px 0px;}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .relatedlink-block { 
    text-align: center;}

}



main table.taikai-list {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	width: 100%;
	border-collapse: collapse;}
main table.taikai-list img { vertical-align:middle;}
main table.taikai-list tr { vertical-align:middle;}
main table.taikai-list th {
	padding: 17px 10px;
	margin: 0px;
	width: auto;
	text-align: center;
	color: #ffffff;
	font-weight:900;
    background:#000000;
	border: 1px solid #cccccc;
	border-collapse: collapse;
    vertical-align:middle;}
main table.taikai-list td {
	padding: 12px 20px;
	margin: 0px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
    vertical-align:middle;}
main table.taikai-list td.area { background:#f3f3f3;}
main table.taikai-list td.date { background:#f3f3f3;}
main table.taikai-list td.guidance,
main table.taikai-list td.tachiai,
main table.taikai-list td.timetable,
main table.taikai-list td.result { text-align:center;}
main table.taikai-list a[href$=".html"] { text-decoration:underline; /*border-bottom:1px solid #ff4200;*/}

main table.taikai-list.hokkaido th { background-color: #75a000;}
main table.taikai-list.tohoku th { background-color: #3272ce;}
main table.taikai-list.kantou th { background-color: #ff76ce;}
main table.taikai-list.kitashinetsu th { background-color: #fa6f3c;}
main table.taikai-list.toukai th { background-color: #a157bc;}
main table.taikai-list.kinki th { background-color: #39c6bc;}
main table.taikai-list.shikoku th { background-color: #e56355;}
main table.taikai-list.chugoku th { background-color: #d39d3d;}
main table.taikai-list.kyushuu th { background-color: #990e00;}

main table.taikai-list td a[href="/pdf/schedule/taikai/20190502_timetable.pdf"]:after{
	content:url(../img/schedule/iconshimko.png);
	display: block;
	margin: 5px 0 0;
}

main table.taikai-list.region-list td.guidance a span{
	font-size: 11px;
	color: #121212;
	display: block;
	margin: 0 0 5px;
}
main table.taikai-list.region-list{
	margin: 0 0 150px 0;
}


/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main table.taikai-list tr {
	padding: 10px 0px 10px 0px;
	display: block;}
main table.taikai-list tr:nth-child(2n+1) { background-color: #f3f3f3;}
main table.taikai-list tr:last-child {
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #d8d8d8 !important;}
main table.taikai-list thead { display: none;}
main table.taikai-list td {
	padding:3px 15px;
	width: auto;
	display: block;
	border: none !important;
    text-align:left;}
main table.taikai-list td.area { 
    font-weight:700; 
    background:none;}
main table.taikai-list td.date { 
    font-weight:700; 
    background:none;}
main table.taikai-list td.name { 
    margin:0px 0px 5px 0px; 
    font-weight:700;}

main table.taikai-list td.guidance,
main table.taikai-list td.tachiai,
main table.taikai-list td.timetable,
main table.taikai-list td.result { text-align:left;}
main table.taikai-list td.guidance::before {
	margin: 0px 5px 0px 0px;
	content: "・実施要項(PDF)";}
main table.taikai-list.region-list td.guidance::before {
	margin: 0px 5px 0px 0px;
	content: none;
}
main table.taikai-list.region-list td.guidance{
	text-align: center !important;
}
main table.taikai-list td.tachiai::before {
	margin: 0px 5px 0px 0px;
	content: "・立順(PDF)";}
main table.taikai-list td.tachiai2::before {
	margin: 0px 5px 0px 0px;
	content: "・進行表(PDF)";}
main table.taikai-list td.timetable::before {
	margin: 0px 5px 0px 0px;
	content: "・進行表(PDF)";}
main table.taikai-list td.result::before {
	margin: 0px 5px 0px 0px;
	content: "・結果(PDF)";}
main table.taikai-list.region-list{
	margin: 0 0 70px 0;
}
}

main table.taikai-list.schedule-association .area { width:100px;}
main table.taikai-list.schedule-association .date { width:120px;}
main table.taikai-list.schedule-association .name { width:250px;}
main table.taikai-list.schedule-association .venue { width:250px;}
main table.taikai-list.schedule-association .memo { width:auto;}
main table.taikai-list.schedule-region .date { width:120px;}
main table.taikai-list.schedule-region .name { width:250px;}
main table.taikai-list.schedule-region .venue { width:250px;}
main table.taikai-list.schedule-region .memo { width:auto;}



main .documentsbox {
	padding: 10px 22px;
	margin: 30px 0px;
	background-color: #f3f3f3;
	border: 1px solid #d8d8d8;}
main .documentsbox .columns {
	padding:0px;
	margin: 0px 0px 30px 0px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;/*子要素の配置方向*/
	flex-wrap: wrap;/*子要素の折り返し設定*/
	justify-content: flex-start;/*水平方向の揃え方*/
	align-items: flex-start;/*垂直方向の揃え方*/
	align-content: flex-start;/*行の揃え方*/}
main .documentsbox .columns > .column.documents-block {
    padding:0px; 
    margin:0px 0px 0px 0px;
	flex-grow: 1;/*伸びる倍率*/
	flex-shrink: 1;/*縮む倍率*/}

main .documents-list {
	padding: 0px 0px 0px 0px;
	margin: 0px;
    list-style:none;
	/*display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;*/
	/*flex-direction: row;/*子要素の配置方向*/
	/*flex-wrap: wrap;/*子要素の折り返し設定*/
	/*justify-conten: flex-start;/*水平方向の揃え方*/
	/*align-items: baseline;/*垂直方向の揃え方*/
	/*align-content: flex-start;/*行の揃え方*/}
main .documents-list > li {
    padding:10px 0px 10px 15px; 
    margin:0px 20px 0px 0px;
    /*width:45%;*/
    background:url(../img/common/icon_arrow.png) no-repeat 0px 50%;
	/*flex-grow: 1;/*伸びる倍率*/
	/*flex-shrink: 1;/*縮む倍率*/
	/*flex-basis: 45%;/*最小の長さ*/}
main .documents-list > li > a {
    /*text-decoration:underline;*/
    padding:0px 0px 1px 0px;
    border-bottom:1px solid #ff4200;} 


/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .documentsbox .columns { display:bolck;}
main .documentsbox .columns > .column.documents-block { width:100%;}
main .documents-list > li {
    width:100%;
	flex-basis: 100%;/*最小の長さ*/}
}

main .category-list {
	padding: 0px 0px 0px 0px;
	margin: 0px;
    list-style:none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;/*子要素の配置方向*/
	flex-wrap: wrap;/*子要素の折り返し設定*/
	justify-conten: flex-start;/*水平方向の揃え方*/
	align-items: baseline;/*垂直方向の揃え方*/
	align-content: flex-start;/*行の揃え方*/}
main .category-list > li {
    padding:10px 0px 10px 15px; 
    margin:0px 20px 0px 0px;
    width:45%;
    background:url(../img/common/icon_arrow.png) no-repeat 0px 45%;
	flex-grow: 1;/*伸びる倍率*/
	flex-shrink: 1;/*縮む倍率*/
	flex-basis: 45%;/*最小の長さ*/}


/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .category-list > li {
    width:100%;
	flex-basis: 100%;/*最小の長さ*/}
}

main .message .message-body .category-list li.current-cat{
	display: none;
}

main h3.schedule-title { 
    padding:10px 25px; 
    margin:0px 0px 10px 0px;
    font-size:2.4rem; 
    line-height:2.8rem;
    font-weight:900;
    color:#ffffff;
    background:#000000;}

main table.schedule-guidance { 
    padding:0px; 
	margin: 0px 0px 10px 0px;
	width: 100%;
	border-collapse: collapse;}
main table.schedule-guidance tr { vertical-align: middle;}
main table.schedule-guidance th {
	padding: 15px 20px;
	margin: 0px;
	width:120px;
	background-color: #f3f3f3;
	font-weight: 600;
	border: 1px solid #d8d8d8;
	border-collapse: collapse;
	vertical-align: middle;}
main table.schedule-guidance td {
	padding: 15px 20px;
	margin: 0px;
	border: 1px solid #d8d8d8;
	border-collapse: collapse;
	vertical-align: middle;}

main .schedule-filelist { 
    padding:0px; 
    margin:0px 0px 20px 0px;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;/*子要素の配置方向*/
	flex-wrap: wrap;/*子要素の折り返し設定*/
	justify-conten: flex-start;/*水平方向の揃え方*/
	align-items:center;/*垂直方向の揃え方*/
	align-content: flex-start;/*行の揃え方*/}
main .schedule-filelist.is-border { border:1px solid #d1d1d1;}

main .schedule-filelist dt { 
    padding:15px 30px; 
    margin:0px;
    width:42%;
	flex-grow: 1;/*伸びる倍率*/
	flex-shrink: 1;/*縮む倍率*/
	flex-basis: 42%;/*最小の長さ*/}
main .schedule-filelist dd { 
    padding:15px 30px; 
    margin:0px;
    background:#f9f8f2;
    text-align:right;
    width:42%;
	flex-grow: 1;/*伸びる倍率*/
	flex-shrink: 1;/*縮む倍率*/
	flex-basis: 42%;/*最小の長さ*/
    position:relative;}
main .schedule-filelist dd a { position:relative;}
main .schedule-filelist dd a::after { 
    content:url("../img/common/icon_download.png");
    padding:0px; 
    margin:0px 0px 0px 7px;
    vertical-align:middle;}
main .schedule-filelist dd p.pdf {
	padding:0px;
	margin: 0px;
    background:none;}
main .schedule-filelist dd p.pdf a::before {
	padding:0px;
	margin: 0px 10px 0px 0px;
    content:url("../img/common/icon_pdf.png");
    position:absolute; 
    top:-8px; 
    left:-40px;}
main .schedule-filelist dd p.excel a::before {
	padding:0px;
	margin: 0px 10px 0px 0px;
    content:url("../img/common/icon_excel.png");
    position:absolute; 
    top:-8px; 
    left:-40px;}
main .schedule-filelist dd p.word a::before {
	padding:0px;
	margin: 0px 10px 0px 0px;
    content:url("../img/common/icon_word.png");
    position:absolute; 
    top:-8px; 
    left:-40px;}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main table.schedule-guidance th, 
main table.schedule-guidance td {
	width: 100%;
	display: block;
	border: none !important;
	border-width: 0px !important;
	background-color: #ffffff;}
main table.schedule-guidance th {
	font-weight: 900;
	padding: 0px;
	margin: 0px 0px 10px 0px;}
main table.schedule-guidance td {
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #d8d8d8 !important;}

main .schedule-filelist dt {
    width:100%;
	flex-basis: 100%;/*最小の長さ*/}
main .schedule-filelist dd {
    width:100%;
	flex-basis: 100%;/*最小の長さ*/
    text-align:left;}
main .schedule-filelist dd a { padding:0px 0px 0px 20px;}
main .schedule-filelist dd p.pdf a::before { left:-20px;}
main .schedule-filelist dd p.excel a::before { left:-20px;}
main .schedule-filelist dd p.word a::before { left:-20px;}

}

/* schedule/chuoshinsa/overview.html */

main .dojoschedule {
	padding: 0px;
	margin: 0px 0px 50px 0px;
	vertical-align: top;}
main .dojoschedule img {
	padding: 0px;
	margin: 0px 25px 0px 0px;
	vertical-align: top;}

/* 表示領域が599px以下の場合に適用するスタイル */
@media screen and (max-width:599px) {
main .dojoschedule img {
	padding: 0px;
	margin: 0px auto 20px auto;
	text-align: center;
	display: block;}
main .dojoschedule img:last-child { margin: 0px auto 0px auto;}
}

main .accessmap { 
    font-size:0px; 
    line-height:0px;
    padding:20px 0px 0px 0px; 
    margin:0px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction:row;/*子要素の配置方向*/
    flex-wrap:wrap;/*子要素の折り返し設定*/
    justify-conten:flex-start;/*水平方向の揃え方*/
    align-items:flex-start;/*垂直方向の揃え方*/
    align-content:flex-start;/*行の揃え方*/}
main .accessmap .map-block { 
    padding:0px; 
    margin:0px 20px 5px 0px;
    width:485px;
    flex-grow:0;/*伸びる倍率*/
    flex-shrink:0;/*縮む倍率*/
    flex-basis:485px;/*最小の長さ*/}
main .accessmap .googlemap-block { 
    padding:0px; 
    margin:0px 0px 5px 0px;
    width:485px;
    border:1px solid #545454;
    flex-grow:0;/*伸びる倍率*/
    flex-shrink:0;/*縮む倍率*/
    flex-basis:485px;/*最小の長さ*/}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .accessmap { display:block;}
main .accessmap .map-block { display:none;}
main .accessmap .googlemap-block { width:100%;}

}

/* schedule/association/ */
main #areaBoxes #area-hokkaido { display:block;}
main #areaBoxes #area-tohoku { display:block;}
main #areaBoxes #area-kantou { display:block;}
main #areaBoxes #area-kitashinetsu { display:block;}
main #areaBoxes #area-toukai { display:block;}
main #areaBoxes #area-kinki { display:block;}
main #areaBoxes #area-shikoku { display:block;}
main #areaBoxes #area-chugoku { display:block;}
main #areaBoxes #area-kyushuu { display:block;}

/** tarot タロット********************************************************/
/* ページタイトル */
main .hero.tarot{
	background: url(/img/content/header_tarot_title.jpg) no-repeat center;
	background-size: cover;}
}
/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .hero.tarot { 
	background: url(/img/content/header_tarot_title.jpg) no-repeat center; 
    background-position: -200px;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .hero.tarot { 
    background: url(/img/content/header_tarot_title.jpg) no-repeat center; 
    background-size:cover;
	background-position: -290px;}
}

/* 表示領域が500px以下の場合に適用するスタイル */
@media screen and (max-width:500px) {
main .hero.tarot{ 
	background: url(/img/content/header_tarot_title.jpg) no-repeat center; 
    background-position: -730px;}
}

/*数秘術タイトル*/
main .hero.numerology{
	background: url(/img/content/header_numerology_title.jpg) no-repeat center;
	background-size: cover;}
}
/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .hero.numerology { 
	background: url(/img/content/header_numerology_title.jpg) no-repeat center; 
    background-position: -200px;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .hero.numerology { 
    background: url(/img/content/header_numerology_title.jpg) no-repeat center; 
    background-size:cover;
	background-position: -290px;}
}

/* 表示領域が500px以下の場合に適用するスタイル */
@media screen and (max-width:500px) {
main .hero.numerology{ 
	background: url(/img/content/header_numerology_title.jpg) no-repeat center; 
    background-position: -730px;}
}

/*占星術タイトル*/
main .hero.astrology{
	background: url(/img/content/header_astrology_title.jpg) no-repeat center;
	background-size: cover;}
}
/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .hero.astrology { 
	background: url(/img/content/header_astrology_title.jpg) no-repeat center; 
    background-position: -200px;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .hero.astrology { 
    background: url(/img/content/header_astrology_title.jpg) no-repeat center; 
    background-size:cover;
	background-position: -290px;}
}

/* 表示領域が500px以下の場合に適用するスタイル */
@media screen and (max-width:500px) {
main .hero.astrology{ 
	background: url(/img/content/header_astrology_title.jpg) no-repeat center; 
    background-position: -730px;}
}

/*ルーンタイトル*/
main .hero.rune{
	background: url(/img/content/header_rune_title.jpg) no-repeat center;
	background-size: cover;}
}
/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .hero.rune { 
	background: url(/img/content/header_rune_title.jpg) no-repeat center; 
    background-position: -200px;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .hero.rune { 
    background: url(/img/content/header_rune_title.jpg) no-repeat center; 
    background-size:cover;
	background-position: -290px;}
}

/* 表示領域が500px以下の場合に適用するスタイル */
@media screen and (max-width:500px) {
main .hero.rune{ 
	background: url(/img/content/header_rune_title.jpg) no-repeat center; 
    background-position: -730px;}
}
/*手相術タイトル*/
main .hero.palmistry{
	background: url(/img/content/header_palmistry_title.jpg) no-repeat center;
	background-size: cover;}
}
/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .hero.palmistry { 
	background: url(/img/content/header_palmistry_title.jpg) no-repeat center; 
    background-position: -200px;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .hero.palmistry { 
    background: url(/img/content/header_palmistry_title.jpg) no-repeat center; 
    background-size:cover;
	background-position: -290px;}
}

/* 表示領域が500px以下の場合に適用するスタイル */
@media screen and (max-width:500px) {
main .hero.palmistry{ 
	background: url(/img/content/header_palmistry_title.jpg) no-repeat center; 
    background-position: -730px;}
}
/** howto numerology タロット********************************************************/
/** コンテンツページタイトル画像設定************************************************/
/* 著作一覧ページタイトル */
main .hero.book{
	background: url(/img/content/header_content_title.jpg) no-repeat center;
	background-size: cover;}
}
/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .hero.book { 
	background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-position: -200px;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .hero.book { 
    background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-size:cover;
	background-position: -290px;}
}

/* 表示領域が500px以下の場合に適用するスタイル */
@media screen and (max-width:500px) {
main .hero.book{ 
	background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-position: -730px;}
}
/* 占いリンクページタイトル */
main .hero.link{
	background: url(/img/content/header_content_title.jpg) no-repeat center;
	background-size: cover;}
}
/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .hero.link { 
	background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-position: -200px;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .hero.link { 
    background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-size:cover;
	background-position: -290px;}
}

/* 表示領域が500px以下の場合に適用するスタイル */
@media screen and (max-width:500px) {
main .hero.link{ 
	background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-position: -730px;}
}

/* お問い合わせページタイトル */
main .hero.contact{
	background: url(/img/content/header_content_title.jpg) no-repeat center;
	background-size: cover;}
}
/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .hero.contact { 
	background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-position: -200px;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .hero.contact { 
    background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-size:cover;
	background-position: -290px;}
}

/* 表示領域が500px以下の場合に適用するスタイル */
@media screen and (max-width:500px) {
main .hero.contact{ 
	background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-position: -730px;}
}
/* 会社概要ページタイトル */
main .hero.company{
	background: url(/img/content/header_content_title.jpg) no-repeat center;
	background-size: cover;}
}
/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .hero.company { 
	background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-position: -200px;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .hero.company { 
    background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-size:cover;
	background-position: -290px;}
}

/* 表示領域が500px以下の場合に適用するスタイル */
@media screen and (max-width:500px) {
main .hero.company{ 
	background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-position: -730px;}
}
/* プライバシーポリシーページタイトル */
main .hero.policy{
	background: url(/img/content/header_content_title.jpg) no-repeat center;
	background-size: cover;}
}
/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .hero.policy { 
	background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-position: -200px;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .hero.policy { 
    background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-size:cover;
	background-position: -290px;}
}

/* 表示領域が500px以下の場合に適用するスタイル */
@media screen and (max-width:500px) {
main .hero.policy{ 
	background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-position: -730px;}
}
/* サイトマップページタイトル */
main .hero.sitemap{
	background: url(/img/content/header_content_title.jpg) no-repeat center;
	background-size: cover;}
}
/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .hero.sitemap { 
	background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-position: -200px;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .hero.sitemap { 
    background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-size:cover;
	background-position: -290px;}
}

/* 表示領域が500px以下の場合に適用するスタイル */
@media screen and (max-width:500px) {
main .hero.sitemap{ 
	background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-position: -730px;}
}
/* プロフィールページタイトル */
main .hero.profile{
	background: url(/img/content/header_content_title.jpg) no-repeat center;
	background-size: cover;}
}
/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .hero.profile { 
	background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-position: -200px;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .hero.profile { 
    background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-size:cover;
	background-position: -290px;}
}

/* 表示領域が500px以下の場合に適用するスタイル */
@media screen and (max-width:500px) {
main .hero.profile{ 
	background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-position: -730px;}
}
/* 講座スケジュールページタイトル */
main .hero.schedule{
	background: url(/img/content/header_sche_title.jpg) no-repeat center;
	background-size: cover;}
}
/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .hero.schedule { 
	background: url(/img/content/header_sche_title.jpg) no-repeat center; 
    background-position: -200px;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .hero.schedule { 
    background: url(/img/content/header_sche_title.jpg) no-repeat center; 
    background-size:cover;
	background-position: -290px;}
}

/* 表示領域が500px以下の場合に適用するスタイル */
@media screen and (max-width:500px) {
main .hero.schedule{ 
	background: url(/img/content/header_sche_title.jpg) no-repeat center; 
    background-position: -730px;}
}

/* Informationページタイトル */
main .hero.information{
	background: url(/img/content/header_content_title.jpg) no-repeat center;
	background-size: cover;}
}
/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .hero.information { 
	background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-position: -200px;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .hero.information { 
    background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-size:cover;
	background-position: -290px;}
}

/* 表示領域が500px以下の場合に適用するスタイル */
@media screen and (max-width:500px) {
main .hero.information{ 
	background: url(/img/content/header_content_title.jpg) no-repeat center; 
    background-position: -730px;}
}
/** コンテンツページタイトル画像設定END********************************************/

/* ページタイトル */

main .hero.howto { 
    background: url(../img/howto/kv_2-1.jpg) no-repeat center; 
    background-size:cover;}
main .hero.howto-history { 
    background: url(../img/howto/kv_2-2.jpg) no-repeat center; 
    background-size:cover;}
main .hero.howto-syaho { 
	background: url(../img/howto/kv_2-3.jpg) no-repeat center; 
    background-size:cover;}
main .hero.howto-terminology { 
    background: url(../img/howto/kv_2-4.jpg) no-repeat center; 
    background-size:cover;}

/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main .hero.howto-syaho { 
	background: url(../img/howto/kv_2-3.jpg) no-repeat center; 
    background-position: -200px;}
}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main .hero.howto { 
    background: url(../img/howto/kv_2-1.jpg) no-repeat center; 
    background-size:cover;
	background-position: -290px;}
main .hero.howto-history { 
    background: url(../img/howto/kv_2-2.jpg) no-repeat center; 
    background-size:cover;}
main .hero.howto-syaho { 
	background: url(../img/howto/kv_2-3.jpg) no-repeat center; 
    background-position: -450px;}

main .hero.howto-terminology { 
    background: url(../img/howto/kv_2-4.jpg) no-repeat center; 
    background-size:cover;}	
}

/* 表示領域が500px以下の場合に適用するスタイル */
@media screen and (max-width:500px) {
main .hero.howto-syaho { 
	background: url(../img/howto/kv_2-3.jpg) no-repeat center; 
    background-position: -730px;}
}
/* タロット講座のインデックス装飾 */
.kouza_index_box{
  width:50%;
  padding:10px 0px 10px 15px;
  margin:0px 0px 20px 0px;
  border:2px dotted #888888;
  
}
@media (max-width: 767px) {
.kouza_index_box{
  width:100%;
  padding:10px;
  border:2px dotted #666666;
}
}

main .title_select{
  background-color:rgba( 1, 73, 193, 0.18 );
  padding:3px;
}
main .arrow_sankaku {
  position: relative;
  display: inline-block;
  padding-left: 12px;
  text-decoration: none;
}
main .arrow_sankaku_wakusen {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 15px;
  text-decoration: none;
  border-bottom:1px solid #96398a;
}
main .arrow_sankaku::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #96398a;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
}
main .arrow_sankaku_wakusen::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #96398a;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
  padding-left:2px;
}
main  a.arrow_sankaku{
  border-bottom:1px solid #666666;
}
main a.arrow_sankaku:hover{
  background-color:rgba( 1, 73, 193, 0.18 );
}
main  a.arrow_sankaku_wakusen{
  border-bottom:1px solid #666666;
}
main a.arrow_sankaku_wakusen:hover{
  background-color:rgba( 1, 73, 193, 0.18 );
}

/*コンテンツ内囲みBOX*/
main  .content_txt_wrapbox{
  width:80%;
  padding:5px 5px 5px 15px;
  margin:10px 0px 10px 0px;
  border:1px solid #666666;
}
  @media only screen and (max-width: 640px) {
  main  .content_txt_wrapbox{
  width:100%;
  padding:5px 5px 5px 15px;
  margin:10px 0px 10px 0px;
  border:1px solid #666666;
}
}


/* コンテンツリンク */
main #cnt-link .cnt-link-list .cnt-link-block.howto-history {
	background: url(../img/howto/relate_2-2.jpg) no-repeat center;
    background-size: cover;}
main #cnt-link .cnt-link-list .cnt-link-block.howto-syaho {
	background: url(../img/howto/relate_2-3.jpg) no-repeat center;
    background-size: cover;}
main #cnt-link .cnt-link-list .cnt-link-block.howto-terminology {
	background: url(../img/howto/relate_2-4.jpg) no-repeat center; 
    background-size: cover;}

/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main #cnt-link .cnt-link-list .cnt-link-block.howto-history {
	background: url(../img/howto/relate_2-2.jpg) no-repeat -180px top;
    background-size: cover;}
main #cnt-link .cnt-link-list .cnt-link-block.howto-syaho {
	background: url(../img/howto/relate_2-3.jpg) no-repeat -180px top;
    background-size: cover;}
main #cnt-link .cnt-link-list .cnt-link-block.howto-terminology {
	background: url(../img/howto/relate_2-4.jpg) no-repeat -180px top; 
    background-size: cover;}
}

/* 表示領域が500px以下の場合に適用するスタイル */
@media screen and (max-width:500px) {
main #cnt-link .cnt-link-list .cnt-link-block.howto-history {
	background: url(../img/howto/relate_2-2.jpg) no-repeat -650px top;
    background-size: cover;}
main #cnt-link .cnt-link-list .cnt-link-block.howto-syaho {
	background: url(../img/howto/relate_2-3.jpg) no-repeat -650px top;
    background-size: cover;}
main #cnt-link .cnt-link-list .cnt-link-block.howto-terminology {
	background: url(../img/howto/relate_2-4.jpg) no-repeat -650px top; 
    background-size: cover;}
}




/* howto */
main.howto .introduction h4{
	font-size: 2.2rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	margin: 3.4rem 0px 1.0rem;
}
main.howto.introduction h4 b{font-size:4rem;}

main.howto .shinzenbi{
	background-repeat: no-repeat;
	background-image: url(../img/howto/shinzenbi_bg.png);
	background-position: 90% 0%;}
main.howto .mato{
	width: calc(50% - 1px);
	float: left;
	background-color: #f6f4ee;
	padding: 10px 4% 30px;
	padding-bottom: 30px;
	background-repeat: no-repeat;
	background-image: url(../img/howto/mato.png);
	background-position: 100% 0%;
	margin-right: 1px;
	}
main.howto .syahou{
	width: calc(50% - 1px);
    float: left;
    background-color: #f2f2f2;
    padding: 10px 1% 30px 4%;
	background-repeat: no-repeat;
	background-image: url(../img/howto/syahou.png);
	background-position: 100% 0%;
	margin-left: 1px;
	}
main.howto .yumi{
	width: calc(50% - 1px);
	float: left;
	background-color: #f2f2f2;
	padding: 10px 4% 30px;
	background-repeat: no-repeat;
	background-image: url(../img/howto/yumi.png);
	background-position: 100% 0%;
	margin-top: 2px;
	margin-right: 1px;
	}
main.howto .sisei{
	width: calc(50% - 1px);
	float: left;
	background-color: #f6f4ee;
	padding: 10px 4% 30px;
	background-repeat: no-repeat;
	background-image: url(../img/howto/sisei.png);
	background-position: 100% 0%;
	margin-top: 2px;
	margin-left: 1px;
	}
main.howto .term_detail{
	width: 96%; margin: 0 auto;
}
div.sub_contents{
	background-repeat: no-repeat;
    background-image: url(../img/howto/arw3.png);
    background-position: 100% 0%;}
main.howto p.howto_one{margin-bottom: 40px;}

main.howto dl.howto_detail {
	margin-top: 80px;
	display: flex;
flex-wrap: wrap;}

/* history */
main.howto .his_txt{width:71%; margin-right: 4%; float: left; }
main.howto .his_img{width: 25%;}

/* syaho */
main.howto .syaho_shl {
    font-size: 1.9rem;
    font-weight: bold;
    float: left;
    width: auto;
    height: 39px;
    background-color: #e2d9c7;
    text-align: center;
    padding: 0.5rem 3rem;
	margin-bottom: 1rem;
margin-top: 4rem;}
main.howto .syaho_shl em{font-style: normal; font-size: 1.4rem;}
main.howto .syaho_sh {
    font-size: 1.6rem;
    font-weight: bold;
    float: left;
    top: 2px;
    left: 10px;
    position: relative;
margin-top: 4.2rem;}}
main.howto .hassetsu{width: 100%; margin:10px 0px 80px; float: left;}
main.howto .hassetsu ul {margin:0px 0px 50px;}
main.howto .hassetsu ul li {
    float: left;
    list-style: none;
    margin: 10px 0px;
    width: 25%;}
main.howto .hassetsu ul li img {width: 100%;}
main.howto .step_title{width: 100%; background-color: #f3f3f3; float: left;}
main.howto .step_title img {padding: 0px; margin: 0px; float: left;}

main.howto .step_title b{
	font-size: 2.8rem;
    padding: 1.4rem 0px 1.4rem 3rem;
    float: left;
}
main.howto .step_title em{
	font-style: normal; 
	font-size:1.4rem;
    padding: 1.4rem 3rem 0.8rem 0px;
	margin-top: 1.4rem;
    float: left;
	border-right: 1px solid #000000;
}

main.howto .step_title span{
    font-size: 1.6rem;
    margin: 2.4rem 3rem 1rem;
    float: left;
}
main.howto .step_kai{
   position: relative;
    top: -1.2rem;
    height: 2.4rem;
   }

main.howto .syaho_step{width: 100%; height: auto; margin: 40px 0px; border: solid 1px #d8d8d8; overflow: auto;}
main.howto .syaho_img{width: 34%; float: left;}
main.howto .syaho_img img{width: 100%;}
main.howto .syaho_txt{width: 66%; float: right; padding: 3rem;}
main.howto .syaho_txt img{width: 100%; }
main.howto .step_img{width: 34%; float: left; border-right: solid 1px #d8d8d8;}
main.howto .step_img img{width: 100%;}

/** 弓道用語辞典 **/
main.howto .terminology_index ul{margin-left: 0px;}
main.howto .terminology_index ul li {
    margin: 1rem 0.2rem;
    padding: 0px 1rem;
    float: left;
    list-style: none;
    font-weight: bold;
    border-right: 1px solid #000000;
}
main.howto .terminology_index ul li:nth-child(1) {
    border-left: 1px solid #000000;
}

main.howto .terminology_index ul li a { color: #ff4200;}
main.howto .terminology_index ul li b { font-size: 2rem;}

main.howto .terminology_detail { width: 100%; margin:40px 0px; height: 7rem;}
main.howto .terminology_detail h3.title{
	font-size:2.4rem;
	padding-top: 2rem;
clear: left;}
main.howto .terminology_detail h3 b {
	font-size: 3.2rem;
	margin-top: 40px;}
main.howto .terminology_detail dl{
	margin-bottom: 40px;}
main.howto .terminology_detail dl dt{
	width: 25%;
	float: left;
	margin: 5px 0px;
	background-color: #f3f3f3;
	border: solid 1px #d8d8d8;}
main.howto .terminology_detail dl dd {
    width: 75%;
    float: left;
    margin: 5px 0px;
    padding: 0.3rem 0.6rem;
    border-color: #d8d8d8;
    border-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;}
main.howto .terminology_detail dl dt b{
    font-size: 2.2rem;
    padding: 2rem 5px 1.4rem 1rem;
    float: left;}
main.howto .terminology_detail dl dt em {
    font-style: normal;
    font-size: 1.0rem;
    padding: 0px 0 0.8rem 0px;
    margin-top: 2rem;
    float: left;
    text-align: center;}
main.howto .terminology_detail dl dd p { border-top: dotted 1px #d8d8d8;}
main.howto .Goju-Jumonji { height:11rem;}

main.howto .relate_link {
	margin: 60px 0px 40px;
    float: right;}
main.howto .relate_link img {
	position: relative;
	top: 0.6rem;}
main.howto .relate_link a {
	width: 100%;
	text-align: right;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0.2rem;
	float: right; 
    color: #ff3600;}
main.howto .relate_link a:after {
	content: url(../img/r_arw_org.png);}

/** 上達への道。 **/

main.improve{
	line-height: 1.7;
}

main.improve .width-inner .improveCap{
	position: relative;
	padding: 30px 0;
}

main.improve .width-inner .improveCap h3{
	font-size: 2.8rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
}

main.improve .width-inner .improveCap p{
	width: 82%;
}

main.improve .width-inner .improveCap p span{
	font-weight: bold;
	font-size: 1.8rem;
	display: block;
	margin-bottom:5px;
}

main.improve .width-inner .improveCap img{
	position: absolute;
	top:10px;
	right: 0;
}

main.improve .improveContentsArea{
	background:url(../img/improve/improveBK.jpg);
	padding:50px 0;
}

main.improve .improveContentsArea h3{
	text-align: center;
	font-size: 2.4rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	padding: 20px 0;
	border-top:3px #555555 solid;
	border-bottom:3px #555555 solid;
}

main.improve .improveContentsArea h3 span{
	font-size: 1.8rem;
	display: block;
}

main.improve .improveContentsArea .improve01MainCap{
	position: relative;
	padding: 30px 0;
}

main.improve .improveContentsArea .improve01MainCap p{
	width: 66%;
}

main.improve .improveContentsArea .improve01MainCap img{
	position: absolute;
	top:-50px;
	right:-80px;
}

main.improve .improveContentsArea .improve01MainCapU{
	display: flex;
	flex-wrap: nowrap;
}

main.improve .improveContentsArea .improve01MainCapUL{
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	margin: 30px 3% 0 0;
	background:#eae5d7;
	padding: 20px;
}

main.improve .improveContentsArea .improve01MainCapUL img{
	margin: 0 20px 0 0;
	width: 222px;
	height: 143px;
}

main.improve .improveContentsArea .improve01MainCapUL p{
	font-size: 1.4rem;
    padding: 20px 0 0;
    margin: 0;
    line-height: 1.5;
    width: 70%;
}

main.improve .improveContentsArea .improve01MainCapU .improve01MainCapUR{
	width: 100%;
    text-align: center;
    border: 1px solid #555555;
    position: relative;
    padding: 0 0 10px;
    display: flex;
}

main.improve .improveContentsArea .improve01MainCapU .improve01MainCapUR h4{
	background: #ffffff;
	border: 1px solid #555555;
	padding: 5px 20px;
	display: inline-block;
	font-size: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	line-height: 1;
	position: absolute;
	top:-15px;
	left:39%;
}

main.improve .improveContentsArea .improve01MainCapU .improve01MainCapUR .improve01MainCapImg{
	line-height: 1;
	width: 50%;
}

main.improve .improveContentsArea .improve01MainCapU .improve01MainCapUR .improve01MainCapImg img{
	margin: 30px 10px 10px 0;
}

main.improve .improveContentsArea .improve01MainCapU .improve01MainCapUR .improve01MainCapImg img:last-child{
	margin-right:0;
}

main.improve .improveContentsArea .improve01MainCapU .improve01MainCapUR p{
	text-align: left;
	font-size: 1.2rem;
	padding: 40px 10px 0;
	line-height: 1.4;
	width: 48%;
}

main.improve .improveContentsArea .improveProcedure{
	margin: 30px 0 0 0;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox{
	border-bottom:1px dashed #727272; 
	display: flex;
	flex-wrap: nowrap;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:first-child{
	border-top:1px dashed #727272;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox h4{
	position: relative;
    font-size: 2.6rem;
    line-height: 1.2;
    padding-left: 60px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	margin: 0 0 10px 0;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:first-child h4:before{
	content:"1.";
	font-size: 6.8rem;
	color: #ff4200;
	position: absolute;
	top:0;
	left: 0;
	line-height: 1;
	font-weight: normal;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(2) h4:before{
	content:"2.";
	font-size: 6.8rem;
	color: #ff4200;
	position: absolute;
	top:0;
	left: 0;
	line-height: 1;
	font-weight: normal;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(3) h4:before{
	content:"3.";
	font-size: 6.8rem;
	color: #ff4200;
	position: absolute;
	top:0;
	left: 0;
	line-height: 1;
	font-weight: normal;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(4) h4:before{
	content:"4.";
	font-size: 6.8rem;
	color: #ff4200;
	position: absolute;
	top:0;
	left: 0;
	line-height: 1;
	font-weight: normal;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(5) h4:before{
	content:"5.";
	font-size: 6.8rem;
	color: #ff4200;
	position: absolute;
	top:0;
	left: 0;
	line-height: 1;
	font-weight: normal;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) h4:before{
	content:"6.";
	font-size: 6.8rem;
	color: #ff4200;
	position: absolute;
	top:0;
	left: 0;
	line-height: 1;
	font-weight: normal;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(7) h4:before{
	content:"7.";
	font-size: 6.8rem;
	color: #ff4200;
	position: absolute;
	top:0;
	left: 0;
	line-height: 1;
	font-weight: normal;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL{
	margin: 30px 23px 30px 0;
	display: flex;
	flex-wrap: nowrap;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureBoxLH{
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	margin: 0 30px 0 0;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureBoxLH2{
	position: relative;
	display: flex;
	flex-wrap: nowrap;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureBoxLH img.improveProcedureTxtImg{
	height: 231px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureTxt{
	width: 330px;
	margin: 0 25px 0 0;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureTxt2{
	width: 468px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureTxt3{
	width: 498px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureTxt3+.improveProcedureBoxLH{
	margin: 0;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureBoxLF h5{
	font-size: 1.8rem;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureBoxLF{
	background: #ffffff;
	border: 1px #555555 solid;
	padding: 20px;
	position: relative;
	box-sizing: border-box;
	height: 173px;
	margin: 32px 0 0 0;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	width: 94%;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) .improveProcedureBoxL .improveProcedureTxt2 p,
main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) .improveProcedureBoxL .improveProcedureTxt3 p{
	float: left;
	width: 65%;
    margin-right: 20px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) .improveProcedureBoxL .improveProcedureTxt2-2{
	margin: -40px 0 20px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) .improveProcedureBoxL .improveProcedureTxt2-2 span{
	display: block;
	margin: 20px 0 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	font-size: 1.8rem;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:first-child .improveProcedureBoxL .improveProcedureBoxLF:after{
	content:url(../img/improve/designate.png);
	position: absolute;
	top:70%;
	right:-38px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:first-child .improveProcedureBoxL .improveProcedureBoxLF img{
	position: absolute;
	top: 20px;
	right:20px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:first-child .improveProcedureBoxL .improveProcedureBoxLH:before,
main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(3) .improveProcedureBoxL .improveProcedureBoxLH:before{
	content:url(../img/improve/arrow.png);
	position: absolute;
	top: 90px;
    right: -40px;
	height: 18px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureBoxLH img{
	height: 231px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxR{
	background: #eae5d7;
	/*width: 100%;*/
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxR .improveProcedureBoxSH{
	background: #eae5d7;
	padding: 70px 30px 30px;
	text-align: center;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxR>img{
	height: 437px;
	margin: 30px 0;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxR .improveProcedureBoxSH h3{
	border: none;
	padding: 0;
	line-height: 1;
	margin-bottom: 10px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxR .improveProcedureBoxSH h3 span{
	margin-bottom: 10px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxU{
	border: 1px #555555 solid;
	padding:5px 20px 20px 20px;
	background: #ffffff; 
	position: relative;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxU img:first-child{
	margin: 0 30px 0 80px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxU .ngMark{
	position: absolute;
	top: -24px;
    left: -26px;
}

@media screen\0{
	main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) .improveProcedureBoxL{
		width: 75.5%;
	}
	main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) .improveProcedureBoxL .improveProcedureLL{
		width: 100%;
	}
	main.improve .improve02handFoundation .improve02handBoxL .improve02handBoxLS{
		width: 63%;
	}
	main.improve .improve02handFoundation .improve02handBoxL .improve02handBoxLS p{
		width: 96%;
	}
	main.improve .improve02handFoundation .improve02handBoxR .improve02handBoxRS{
		width: 100%;
	}
	main.improve .improve02handFoundation .improve02handBoxR .improve02handBoxRS p{
		width: 54%;
	}
	main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) .improveProcedureBoxL.improveProcedureBoxLvol02{
		width: 72.5%;
	}
	main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) .improveProcedureBoxL.improveProcedureBoxLvol02 .improveProcedureLL{
		width: 57%;
	}
	main.improve .improveContentsArea .improveProcedure .improveProcedure06HO img:first-child{
	margin-right: 20px;
    }
}

main.improve .improveContentsArea .improveProcedure .staffArea{
	font-size: 1.2rem;
	padding: 30px 0 0;
}

main.improve .improveLinkArea{
	background:#e2e2e2;
	padding: 20px 0;
	margin-bottom: 40px;
}

main.improve .improveLinkArea .improveLinkBox{
	width: 1000px;
	margin: 0 auto;
}

main.improve .improveLinkArea .improveLinkBox a{
	font-size: 1.8rem;
}

main.improve .improveLinkArea .improveLinkBox a:hover{
	text-decoration: underline;
}

main.improve .improveLinkArea .improveLinkBox a[href=""]{
	display: none;
}

main.improve .improveLinkArea .improveLinkBox a:first-child{
	float: left;
}

main.improve .improveLinkArea .improveLinkBox a:last-child{
	float: right;
}

main.improve .improveLinkArea .improveLinkBox a:first-child img{
	margin-right: 5px;
}

main.improve .improveLinkArea .improveLinkBox a:last-child img{
	margin-left: 5px;
}

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

main.improve .purchaseArea{
	width: 1000px;
	margin: 30px auto;
	border: 1px solid #555555;
	padding: 30px;
	display: flex;
	flex-wrap: nowrap;
}

main.improve .purchaseArea>img{
	margin: 0 30px 0 0;
}

main.improve .purchaseArea h3{
	font-size: 2.6rem;
    line-height: 1;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	margin: 0 0 10px 0;
}

main.improve .purchaseArea a{
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	background: #ff4200;
	padding: 10px 0;
	color: #ffffff;
	width: 330px;
	display: inline-block;
	line-height: 1;
	font-size: 1.6rem;
	text-align: center;
	margin: 20px 0 0;
}

main.improve .purchaseArea .purchaseBox>a{
	margin-right: 10px;
}

main.improve .purchaseArea a img{
	margin: 0 0 0 5px;
}

/*vol.02*/
main.improve .improveContentsArea .improve02MainCap{
	position: relative;
	padding: 30px 0;
}

main.improve .improveContentsArea .improve02MainCap p{
	width: 66%;
}

main.improve .improveContentsArea .improve02MainCap img{
	position: absolute;
	top: -149px;
    right: -80px;
}

main.improve .improveContentsArea .improve02MainCapU{
}

main.improve .improveContentsArea .improve02MainCapU .improve02MainCapUL{
	display: flex;
	flex-wrap: nowrap;
	width: 50%;
	margin: 0 3% 0 0;
	background:#eae5d7;
	padding: 20px;
}

main.improve .improveContentsArea .improve02MainCapU .improve02MainCapUL img{
	margin: 0 10px 0 0;
	width: 222px;
	height: 143px;
}

main.improve .improveContentsArea .improve02MainCapU .improve02MainCapUL p{
	font-size: 1.2rem;
	padding: 0;
	margin: 0;
	line-height: 1.5;
}

main.improve .improveContentsArea .improve02MainCapU .improve02MainCapUR{
	width: 100%;
	text-align: center;
	border: 1px solid #555555;
	position: relative;
	padding-bottom:20px; 
}

main.improve .improveContentsArea .improve02MainCapU .improve02MainCapUR h4{
	background: #ffffff;
	border: 1px solid #555555;
	padding: 5px 20px;
	display: inline-block;
	font-size: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	line-height: 1;
	position: absolute;
	top:-15px;
	left:37%;
}

main.improve .improveContentsArea .improve02MainCapU .improve02MainCapUR .improve02MainCapImg{
	line-height: 1;
	position: relative;
}

main.improve .improveContentsArea .improve02MainCapU .improve02MainCapUR .improve02MainCapImg:after{
	content:url(../img/improve/arrow.png);
	position: absolute;
	top:48%;
	right:263px;
}

main.improve .improveContentsArea .improve02MainCapU .improve02MainCapUR .improve02MainCapImg img{
	margin: 30px 32px 10px 0;
}

main.improve .improveContentsArea .improve02MainCapU .improve02MainCapUR .improve02MainCapImg img:last-child{
	margin-right:0;
}

main.improve .improveContentsArea .improve02MainCapU .improve02MainCapUR p{
	text-align: left;
	font-size: 1.2rem;
	padding: 0 20px;
	line-height: 1.4;
}

main.improve .improveContentsArea .improveTit{
	background:url(../img/improve/improveWhiteBK.jpg);
	padding: 30px 0;
	text-align: center;
	margin:55px 0 0;
}

main.improve .improveContentsArea .improveTit h3{
	border: none;
	font-size: 2.8rem;
	padding: 0;
}

main.improve .improveContentsArea .improveTit h3>p{
	margin: 5px 0 0;
}

main.improve .improveContentsArea .improve02handFoundation{
	margin: 20px 0 0;
}

main.improve .improveContentsArea .improve02handFoundation ul{
	display: flex;
	flex-wrap: nowrap;
	list-style: none;
	margin: 0;
}

main.improve .improveContentsArea .improve02handFoundation ul li{
	width:calc(33.3% - 23px);
	margin: 0 35px 0 0;
}

main.improve .improveContentsArea .improve02handFoundation ul li:last-child{
	margin: 0;
}

main.improve .improveContentsArea .improve02handFoundation ul li h4{
	position: relative;
	font-size: 2.4rem;
	line-height: 1.2;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
	padding: 0 0 5px 56px;
	font-weight: 500;
}

main.improve .improveContentsArea .improve02handFoundation ul li:first-child h4:before{
	content: "1.";
    position: absolute;
    top: 0;
    left: 0;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
    font-size: 6.4rem;
    color: #ff4200;
    line-height: 1;
    font-weight: normal;
}

main.improve .improveContentsArea .improve02handFoundation ul li:nth-child(2) h4:before{
	content: "2.";
    position: absolute;
    top: 0;
    left: 0;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
    font-size: 6.4rem;
    color: #ff4200;
    line-height: 1;
    font-weight: normal;
}

main.improve .improveContentsArea .improve02handFoundation ul li:nth-child(3) h4:before{
	content: "3.";
    position: absolute;
    top: 0;
    left: 0;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif;
    font-size: 6.4rem;
    color: #ff4200;
    line-height: 1;
    font-weight: normal;
}

main.improve .improve02handFoundation .improve02handBox{
	display: flex;
	flex-wrap: nowrap;
}

main.improve .improve02handFoundation .improve02handBoxL{
    background: #ffffff;
    border: 1px #555555 solid;
    padding: 20px 20px 10px;
    position: relative;
    box-sizing: border-box;
    margin: 32px 2% 0 0;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    width: 49%;
}

main.improve .improve02handFoundation .improve02handBoxL .improve02handBoxLS h4,
main.improve .improve02handFoundation .improve02handBoxR .improve02handBoxRS h4{
	font-size: 1.8rem;
    font-weight: normal;
    line-height: 1.4;
    margin: 0 0 10px;
}

main.improve .improve02handFoundation .improve02handBoxL .improve02handBoxLS p,
main.improve .improve02handFoundation .improve02handBoxR .improve02handBoxRS p{
	font-size: 1.2rem;
}

main.improve .improve02handFoundation .improve02handBoxL img{
	height: 162px;
}

main.improve .improve02handFoundation .improve02handBoxR{
	display: flex;
    flex-wrap: nowrap;
    width: 49%;
    margin: 32px 0 0 0;
    background: #eae5d7;
    padding: 20px;
}

main.improve .improve02handFoundation .improve02handBoxR img{
	margin: 0 10px 0 0;
	height: 162px;
}

main.improve .improveProcedureTxtvol2{
	padding: 110px 0 0 30px;
	text-align: center;
	width: 383px;
	margin: 0 30px 0 0;
}

main.improve .improveProcedureTxtvol2 .improveProcedureTxtvol2NG{
	padding: 20px 20px 20px 80px;
    border: 1px solid #cccccc;
    background: #ffffff;
    margin: 40px 0 0;
    text-align: left;
    position: relative;
    box-sizing: border-box;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL.improveProcedureBoxLvol02 img.improve02Img{
	height: 400px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL.improveProcedureBoxLvol02 .improveProcedureTxtvol2 .improveProcedureTxtvol2NG img{
	position: absolute;
	top: -40px;
    left: -27px;
    height: 101px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL.improveProcedureBoxLvol02{
	margin: 30px 30px 30px 0;
}

main.improve .improveContentsArea .improveProcedure .improveProcedure06HO{
	display: flex;
	justify-content:space-between;
	position: relative;
	margin: 10px 0 0;
}

main.improve .improveContentsArea .improveProcedure .improveProcedure06HO:before{
	content:url(../img/improve/arrowUnder.png);
	position: absolute;
	top: -48px;
    left: 63px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedure06HO:after{
	content:url(../img/improve/arrow.png);
	position: absolute;
	top:80px;
	left: 120px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureTxtvol2 h4{
	padding: 0;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureTxtvol2 h4:before{
	top: -67px;
    left: 154px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureTxtvol2 p{
	text-align: left;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureTxtvol2 p span{
	font-size: 1.2rem;
}

.spnone{
	display: block;
}
.pcnone{
	display: none;
}
.pcnone10{
	display: none;
}



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

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improve01Img,
main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improve03Img{
	position: absolute;
    top: 32.5%;
    right: 0;
    width: 60%;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improve03Img{
	position: absolute;
    top: 49.5%;
    right: 0;
    width: 60%;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) .improveProcedureBoxL .improveProcedureTxt2 p,
main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) .improveProcedureBoxL .improveProcedureTxt3 p {
    float: left;
    width: 47%;
    margin: 0 3% 20px 0;
}
}


@media screen and (max-width:1023px) {
.pcnone10{
	display: block;
}
main.improve .improveContentsArea .improve01MainCapU .improve01MainCapUL{
	display: block;
	width: 50%;
	margin: 0 3% 0 0;
	background:#eae5d7;
	padding: 20px;
	text-align: center;
}
main.improve .improveContentsArea .improve01MainCapU .improve01MainCapUL p{
	width: 100%;
	text-align: left;
}
main.improve .improveContentsArea .improve01MainCap{
	overflow: hidden;
}
main.improve .improveContentsArea .improve01MainCap img {
    position: absolute;
    top: 8px;
    right: -165px;
}
main.improve .improveContentsArea .improveProcedure .improveProcedureBox{
	display: block;
	padding: 0 0 30px;
}
main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureBoxLH {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    margin: 0 10px 0 0;
}
main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureTxt {
    width: 318px;
    margin: 0 10px 0 0;
}
main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxR .improveProcedureBoxSH {
    background: #eae5d7;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxR .improveProcedureBoxSH h3 {
    border: none;
    padding: 0;
    line-height: 1;
    margin: 0 20px 10px 0;
}
main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureTxt2 {
    width: 438px;
}
main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) .improveProcedureBoxL .improveProcedureTxt2 p, main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) .improveProcedureBoxL .improveProcedureTxt3 p {
    float: left;
    width: 65%;
    margin-right: 10px;
}
main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureTxt3 {
    width: 449px;
}
main.improve .improveLinkArea .improveLinkBox {
    width: 100%;
    margin: 0 auto;
}
main.improve .purchaseArea {
    width: 100%;
    margin: 30px auto;
    border: 1px solid #555555;
    padding: 30px;
    display: flex;
    flex-wrap: nowrap;
}
main.improve .purchaseArea>img {
    margin: 0 30px 0 0;
    height: 100%;
}
}


/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main.howto .terminology_detail { height: 12rem;}
main.howto .terminology_detail dl dt{ width: 25%; }
main.howto .terminology_detail dl dd {
    width: 75%; 
    padding: 1rem 1.4rem;}
main.howto .terminology_detail dl dt b{ 
    font-size: 2.4rem; 
    padding: 1.2rem 0px 0px 3rem; 
    width: 100%;}
main.howto .terminology_detail dl dt em {
    padding: 0px 0px 0.8rem 3rem;
    margin-top: 0px;
    float: left;
    text-align: center;}
main.howto .Goju-Jumonji { height:15rem;}

}

/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main.howto .terminology_detail dl dt { 
    width:100%; 
    height: auto;
    margin: 5px 0px 0px;}
main.howto .terminology_detail dl dt b { 
    width:auto;
    padding: 0.4rem 0px 0px 3rem;}
main.howto .terminology_detail dl dt br { display: none;}
main.howto .terminology_detail dl dd { 
    width: 100%;
    height: auto;
    padding: 1rem 1.4rem;
    border-color: #d8d8d8;
    border-style: solid;
    border-top-width: 0px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    margin: 0px 0px 5px;}
main.howto .terminology_detail dl dt em { 
    padding: 1.2rem 0px 0.6rem 1rem;
    font-size: 1.4rem;}
main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL.improveProcedureBoxLvol02 img.improve02Img {
    height: auto;
}
main.improve .improveContentsArea .improveProcedure .improveProcedure06HO{
	margin-bottom: 20px;
}
}

/* 表示領域が1023px以下の場合に適用するスタイル */
@media screen and (max-width:1023px) {
main.howto .map_contents { width:auto; margin: 40px 30px;}
main.howto .map_contents img { width:100%;}
main.howto .syahou {
	width: calc(50% - 1px);
    padding-right: 4%;}
main.howto .mato p br, 
main.howto .syahou p br { display:none;}
div.sub_contents { background-image: url(../img/howto/arw4.png);}
main.howto .step_title span { width:80%;}
}


/* 表示領域が767px以下の場合に適用するスタイル */
@media screen and (max-width:767px) {
main.howto .mato { 
    width:100%; 
    background-image: url(../img/howto/mato1.png); 
    min-height: auto; 
    margin: 1px 0px;}
main.howto .syahou { 
    width:100%; 
    min-height: auto; 
    margin: 1px 0px;}
main.howto .yumi { 
    width:100%; 
    min-height: auto; 
    margin: 1px 0px;}
main.howto .sisei { 
    width:100%; 
    min-height: auto; 
    margin: 1px 0px;}
main.howto .his_txt { width:61%;}
main.howto .his_img { width: 35%;}
main.howto .relate_contents .sp_on { display:block;}
main.howto .relate_bnr { background-position: -450px;}
main.howto .hassetsu ul li { width: 50%;}
main.howto .step_title span { width: 70%;}
main.howto .step_title span br { display: none;}
main.howto .step_kai { height: 6.4rem;}
main.howto .step_title b { padding: 1.4rem 0px 1.4rem 1rem;}
main.howto .step_title em { padding: 1.4rem 1rem 0.8rem 0px; border-right: 0px;}

main.improve .improveContentsArea .improve01MainCap img{
	position: inherit;
	top: 10px;
    right: 0px;
    width: 100%;
}

main.improve .improveContentsArea .improve01MainCap p,
main.improve .width-inner .improveCap p,
main.improve .improveContentsArea .improve01MainCapU .improve01MainCapUL p {
    width: 100%;
}

main.improve .improveContentsArea .improve01MainCapU {
    display: block;
}

main.improve .improveContentsArea .improve01MainCapU .improve01MainCapUL {
    width: 100%;
    margin: 0;
    padding: 20px;
    display: block;
}

main.improve .improveContentsArea .improve01MainCapU .improve01MainCapUL img {
    margin: 0 0 10px;
    width: 100%;
    height: 100%;
}

main.improve .improveContentsArea .improve01MainCapU .improve01MainCapUR {
    width: 100%;
    text-align: center;
    border: 1px solid #555555;
    position: relative;
    margin: 30px 0 0;
    padding: 20px;
    display: block;
}

main.improve .improveContentsArea .improve01MainCapU .improve01MainCapUR .improve01MainCapImg{
	width: 100%;
}

main.improve .improveContentsArea .improve01MainCapU .improve01MainCapUR p{
	width: 100%;
}

main.improve .improveContentsArea .improve01MainCapUL{
	display: block;
}

main.improve .improveContentsArea .improve01MainCapUL p{
	width: 100%;
}

main.improve .improveContentsArea .improve01MainCapUL img{
	width: 100%;
	height: auto;
}

main.improve .improveContentsArea .improve01MainCapU .improve01MainCapUR h4 {
    position: inherit;
    top: -36px;
    left: 0%;
}

main.improve .improveContentsArea .improve01MainCapU .improve01MainCapUR .improve01MainCapImg img {
    margin: 10px 10px 0;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL {
    margin: 30px 0;
    display: block;
    flex-wrap: nowrap;
    position: relative;
    text-align: center;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox {
    display: block;
    padding-bottom: 30px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureTxt {
    width: 100%;
    margin: 0;
    text-align: left;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureBoxLH {
    display: block;
    margin: 0;
    text-align: left;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:first-child .improveProcedureBoxL .improveProcedureBoxLH:before,
main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(3) .improveProcedureBoxL .improveProcedureBoxLH:before {
    content: "";
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureBoxLH img {
    height: 100%;
    margin: 10px 0 0 0;
    position: relative;
    width: 35%;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureBoxLH img:after{
	content:url(../img/improve/arrow.png);
	position: absolute;
	top:20%;
	right:-10%;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improve01Img{
	position: absolute;
    top: 25.5%;
    right: 0;
    width: 60%;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improve03Img{
	position: absolute;
    top: 45%;
    right: 0;
    width: 60%;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improve05Img{
	position: absolute;
    top: 230px;
    right: 9%;
    width: inherit;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureBoxLF {
    height: 100%;
    margin: 110px 0 0 0;
    width: 100%;
    display: block;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:first-child .improveProcedureBoxL .improveProcedureBoxLF img {
    width: 50%;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:first-child .improveProcedureBoxL .improveProcedureBoxLF:after {
    content: url(../img/improve/designate2.png);
    position: absolute;
    top: -26%;
    right: 30%;
    z-index: 1;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxR .improveProcedureBoxSH {
    background: #eae5d7;
    padding: 30px 0;
    width: 100%;
    text-align: center;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:first-child .improveProcedureBoxL{
	text-align: left;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureTxt2 {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(3) .improveProcedureBoxR .improveProcedureBoxSH{
	margin-top: 105px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(5) .improveProcedureBoxL .improveProcedureBoxLF {
    height: 100%;
    margin: 480px 0 0 0;
    width: 100%;
    display: block;
    text-align: left;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(5) .improveProcedureBoxL .improveProcedureBoxLF img {
	margin-top: 10px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureBoxLH2 {
    display: block;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improveProcedureTxt3 {
    width: 100%;
    text-align: left;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) .improveProcedureBoxL .improveProcedureTxt2 p, main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) .improveProcedureBoxL .improveProcedureTxt3 p {
    float: left;
    width: 55%;
    margin:0 3% 20px 0;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) .improveProcedureBoxL .improveProcedureTxt2-2 {
    margin: 0;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxU {
    border: 1px #555555 solid;
    padding: 5px 20px 20px 20px;
    background: #ffffff;
    position: relative;
    margin-top: 30px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxU img:first-child {
    margin: 0 30px 0 40px;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxU p{
	text-align: left;
}

main.improve .improveLinkArea .improveLinkBox {
    width: 100%;
    margin: 0 auto;
    padding: 0 3%;
}

main.improve .improveLinkArea .improveLinkBox a {
    font-size: 1.4rem;
}

main.improve .purchaseArea {
    width: 94%;
    margin: 30px auto;
    border: 1px solid #555555;
    padding: 5%;
    display: block;
    text-align: center;
}

main.improve .purchaseArea h3 {
    text-align: left;
}

main.improve .purchaseArea p{
	text-align: left;
}

main.improve .purchaseArea a {
    width: 100%;
}

main.improve .improveContentsArea .improve02MainCap{
	overflow: hidden;
	padding:30px 0 0;
}

main.improve .improveContentsArea .improve02MainCap p{
	width: 100%;
}

main.improve .improveContentsArea .improve02MainCap img {
    position: inherit;
    top: -0;
    right: 0;
    width:100%;
}

main.improve .improveContentsArea .improve02MainCapU .improve02MainCapUR h4{
	left:10%;
}

main.improve .improveContentsArea .improve02MainCapU .improve02MainCapUR .improve02MainCapImg img {
    margin: 0 0 10px 0;
    width: 100%;
}

main.improve .improveContentsArea .improve02MainCapU .improve02MainCapUR .improve02MainCapImg img:nth-child{
	width: 80%;
}

.improve02MainCapUR .improve02MainCapImg {
    padding: 10% 5% 0;
}

main.improve .improveContentsArea .improve02handFoundation ul{
	display: block;
}

main.improve .improveContentsArea .improve02handFoundation ul li{
	width: 100%;
}

main.improve .improveContentsArea .improve02handFoundation ul li img{
	width: 100%;
}

main.improve .improve02handFoundation .improve02handBox {
    display: block;
 }

main.improve .improve02handFoundation .improve02handBoxL{
	width: 100%;
	display: block;
}

main.improve .improve02handFoundation .improve02handBoxR{
	width: 100%;
	display: block;
}

main.improve .improveProcedureTxtvol2 {
    padding: 64px 0 0 0;
    width: 100%;
    margin: 0 30px 0 0;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL .improve02Img {
    position: inherit;
    top: 0;
    right: 0;
    width: 100%;
    margin:20px 0;
}

main.improve .improveContentsArea .improveProcedure .improveProcedureBox .improveProcedureBoxL.improveProcedureBoxLvol02 {
    margin:30px 0 0;
}

.spnone{
	display: none;
}

.pcnone{
	display: block;
}

}

/* 表示領域が500px以下の場合に適用するスタイル */
@media screen and (max-width:500px) {
main.howto .his_txt { width:100%;}
main.howto .his_img {
	width: 45%;
	background-size: 0% auto;}
main.howto .step_kai { height: 10rem;}
main.howto .syaho_img { width:100%;}
main.howto .syaho_txt { width:100%;}
main.howto .step_img { width:100%; border-right: 0px;}
main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) .improveProcedureBoxL .improveProcedureTxt2 p,
main.improve .improveContentsArea .improveProcedure .improveProcedureBox:nth-child(6) .improveProcedureBoxL .improveProcedureTxt3 p{
	width: 55%;
}
}
 


/** 404error ********************************************************/

main .hero.error {
	background: url(../img/error/kv_error.jpg) no-repeat right;
	background-size: cover;}


/**TOP著作スライダー ************************************************/
/* ヘッドスライダー */

/* slider_container pc*/
@media screen and (min-width: 835px) and (max-width: 3000px){
  .slider_container { width: 100%; margin: 0 ;}
}

@media screen and (min-width: 770px) and (max-width: 834px){
  .slider_container { width: 100%; margin: 0 ;}
}

/* slider_container ipad 768*/
@media screen and (min-width: 767px) and (max-width: 769px){
  .slider_container { width: 100%; margin: 0 ; }
}

/* slider_container smp*/
@media screen and (min-width: 1px) and (max-width: 766px){
  .slider_container { width: 100%;  margin: 0 ;}
}
/* slider_container*/

.slick-slider .slick-track, .slick-slider .slick-list{
  background: #fff;}
.slick-initialized .slick-slide{
  opacity: 0.3; /* 両サイドの画像を透過 */}
.slick-initialized .slick-slide.slick-active{
  opacity: 1; /* センター画像を非透過 */}

.slider img{width: 100%; margin: 0 auto; text-align: center;}

.slick-prev::before {
        position: relative;
        content: "\f104";
        font-family: FontAwesome;
        background: rgba(255,255,255,0.5);
        padding: 10px;
        opacity: 1;
          }
 
.slick-next::before {
        position: relative;
    content: "\f105";
    font-family: FontAwesome;
    background: rgba(255,255,255,0.5);
    padding: 10px;
    opacity: 1;
          }
 
.slick-prev{
     left: 200px;
     }
.slick-next{
     right: 207px;
    }
 
.slick-prev:hover:before{
     animation: arrow_prev .5s ease-out forwards;
    }
@keyframes arrow_prev {
    0% {
      right: 0px;
    }
    50% {
      right: 5px;
    }
    100% {
          right: 0;
    }
}
 
.slick-next:hover:before{
    animation: arrow_next .5s ease-out forwards;
        }
    @keyframes arrow_next {
    0% {
      left: 0px;
    }
    50% {
      left: 5px;
    }
    100% {
      left: 0;
    }
}

  @media screen and (max-width:768px) {
    .slick-prev{
        left: 20%;                 
    }
     .slick-next{
       right: 21%;
    }
}
  @media screen and (max-width:480px) {
    .slick-prev{
        left: 0px;                 
    }
     .slick-next{
       right: 16px;
    }
}
/* ヘッドスライダー */

/**TOP著作スライダーEND**********************************************/

/**コンテンツ　画像設置****************************************/
 .cntbox .img_txt_box {
    width: 90%;
    margin: 0px 0px 10px 0px;
}
 .cntbox img {
    width: 60%;
}
/*Amazonへのリンクボタン*/
 .cntbox img.amazon_linkimage {
    width:16%;
    margin-bottom:10px;
}
  @media only screen and (max-width: 640px) {
 .cntbox img.amazon_linkimage {
    width:40%;
    margin-bottom:10px;
}
}

 .cntbox .img_left {
    float: left;
    width: 25%;
    margin: 10px 20px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_left_medium {
    float: left;
    width: 20%;
    margin: 10px 20px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_left_medium_sp100 {
    float: left;
    width: 30%;
    margin: 10px 20px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_left_medium30 {
    float: left;
    width: 30%;
    margin: 10px 20px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_left_large {
    float: left;
    width: 35%;
    margin: 10px 20px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_left_slarge {
    float: left;
    width: 40%;
    margin: 10px 20px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_left_xlarge {
    float: left;
    width: 60%;
    margin: 10px 20px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_left_small {
    float: left;
    width: 15%;
    margin: 10px 20px 0px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_left_ssmall {
    float: left;
    width: 2%;
    margin: 10px 20px 0px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_right {
    float: right;
    width: 25%;
    margin: 10px 10px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_right_medium {
    float: right;
    width: 25%;
    margin: 10px 10px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_right_large {
    float: right;
    width: 35%;
    margin: 10px 10px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_right_small {
    float: right;
    width: 15%;
    margin: 10px 10px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
.wp-block-separator{
    background-color: #fff;
    border-top: 1px dashed #333333;
}

main .cntbox table.list01 {
    float: left;
    width: 80%;
    border: 2px solid #cccccc;
    margin: 10px 10px 10px 10px;
}
main .cntbox table.list01 td {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    text-align:center;
}
main .cntbox table.list01 td.end img {
    width:100%;
}
main .cntbox table.list01 th {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    text-align:center;
}
/*手相 印解説テーブル*/
 .cntbox table.list01_palmistry {
    float: left;
    width: 80%;
    border: 2px solid #cccccc;
    margin: 10px 10px 10px 10px;
}
 .cntbox table.list01_palmistry td {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    text-align:center;
}
 .cntbox table.list01_palmistry img {
    width:70%;
}
 .cntbox table.list01_palmistry th {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    text-align:center;
}
/*手相 印解説テーブルEND*/


/*テーブルテキスト左寄せ*/
 .cntbox table.list01_txtleft {
    float: left;
    width: 80%;
    border: 2px solid #cccccc;
    margin: 10px 10px 10px 10px;
}
 .cntbox table.list01_txtleft td {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
.cntbox table.list01 td.end img {
    width:100%;
}
 .cntbox table.list01_txtleft th {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
/*テーブルテキスト左寄せEND*/

 .cntbox table.list02 {
    float: left;
    width: 30%;
    border: 2px solid #cccccc;
    margin: 10px 10px 10px 10px;
}
 .cntbox table.list02 td {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
 .cntbox table.list02 td img{
    width:15%;
}
 .cntbox table.list03 {
    float: left;
    width: 80%;
    border: 2px solid #cccccc;
    margin: 10px 10px 10px 10px;
}
 .cntbox table.list03 td {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
 .cntbox table.list03 td img{
    width:30%;
}
 .cntbox table.list04 td {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}

 .cntbox table.list04 {
    float: left;
    width: 80%;
    border: 2px solid #cccccc;
    margin: 10px 10px 10px 0px;
}
 .cntbox table.list04 td {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
 .cntbox table.list04 th {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
 .cntbox table.list04 td img{
    width:90%;
}


/*会社概要、テーブル枠線なし*/
.cntbox_campany{
  width:100%;
}
.cntbox_campany table.company_tb {
    float: left;
    width: 40%;
    border: none;
    margin: 10px 10px 50px 10px;
}
.cntbox_campany table.company_tb td {
    /*padding: 4px 3px 2px 7px;*/
    padding:10px;
    line-height: 1.5em;
    text-align:left;
}
.cntbox_campany table td.td_company_tb01 {
  width:20%;
}
  @media only screen and (max-width: 640px) {
  .cntbox_campany{
  width:100%;
}
.cntbox_campany table.company_tb {
    float: left;
    width: 100%;
    border: none;
    margin: 10px 10px 50px 10px;
}
.cntbox_campany table.company_tb td {
    /*padding: 4px 3px 2px 7px;*/
    padding:10px;
    line-height: 1.5em;
    text-align:left;
}
.cntbox_campany table td.td_company_tb01 {
  width:25%;
}
}
/*講座詳細ページ、テーブル枠線あり*/
main .cntbox table.kouza_tb {
    float: left;
    width: 80%;
    border: 2px solid #cccccc;
    margin: 10px 10px 50px 10px;
}
main .cntbox table.kouza_tb td {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    text-align:left;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    padding:5px;
}
main .cntbox table td.td_kouza_tb01 {
  width:25%;
  /*background-color:#F7E8E2;*/
  background-color:#e2e1eb;
}
  @media only screen and (max-width: 640px) {
  main .cntbox table.kouza_tb {
    float: left;
    width: 100%;
    border: 2px solid #cccccc;
    margin: 10px 10px 50px 10px;
}
main .cntbox table td.td_company_tb01 {
  width:20%;
}
}
/*講座スケジュールページ
------------------------------*/

/*コンテンツ内囲みBOX*/
main  .content_kouzatxt_wrapbox{
  width:100%;
  /*padding:5px 5px 0px 15px;*/
  padding:0px;
  margin:10px 0px 15px 0px;
  /*border:1px solid #666666;*/
}
  @media only screen and (max-width: 640px) {
  main  .content_kouzatxt_wrapbox{
  width:100%;
  padding:5px 5px 0px 5px;
  margin:10px 0px 10px 0px;
  border:1px solid #666666;
}
}

/*検索ボックスの調整*/
/*講座検索ボックス、テーブル枠線なし*/
main .contents table.kouza_search_tb {
    float: left;
    width: 95%;
    border: 1px solid #cccccc;
    margin: 10px 10px 10px 0px;
}
main .contents .kouza_select_check{
    margin-right:1rem;
}
main .contents table.kouza_search_tb input:hover{
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}
main .schedule_list li a{
  color:#95398b;  
  border-bottom:1px solid #95398b;
  padding-bottom:2px;
}
main .schedule_list li a:hover{
  text-decoration: none;
  color:#95398b;
  opacity: 0.7;
}


main .contents table.kouza_search_tb tr {
    border-bottom: 1px solid #cccccc;
}
main .contents table.kouza_search_tb tr.no_border {
    border: none;
}
main .contents table.kouza_search_tb th {
    padding: 8px 15px;
    line-height: 1.5em;
    text-align:left;
    background-color:#e2e0eb
}
main .contents table.kouza_search_tb td {
    padding: 8px 10px;
    line-height: 1.5em;
    text-align:left;
    background-color:#f3f2f8
    /*border-bottom:1px solid #cccccc;*/
}
main .contents table.kouza_search_tb td h4.shiborikomi_title {
    border-left: solid 5px #953a8a;/*左線*/
    padding-left:10px;
}
  @media only screen and (max-width: 640px) {
/*スマホ横２列を１列に変換*/
main .contents table.kouza_search_tb td {
    display: block;
}
main .contents table.kouza_tb td {
    display: block;
}
}

main .contents table td.td_kouza_search_tb01 {
  width:22%;
}
main .contents table td.td_kouza_search_tb01_btn {
    width:100%;
    text-align:center;
}
main input, main textarea, main select .td_kouza_search_tb01_btn{
	padding: 0px;
	background: #ffffff;
	background: #fffef1;
	border:none;
}
  @media only screen and (max-width: 640px) {
  main .contents table.kouza_search_tb {
    float: left;
    width: 100%;
    border: none;
    margin: 10px 10px 10px 0px;
}
main .contents table td.td_kouza_search_tb01 {
  width:100%;
}
main .contents table td.td_kouza_tb01 {
  width:100%;
}
}


/*ルーンストーン　リスト*/
main .cntbox .rune_stonelist_wrap {
    float: left;
    width: 80%;
    margin: 10px 10px 10px 10px;
}
main .cntbox .rune_listbox01 {
    float: left;
    width:50%;
    padding: 4px 3px 2px 7px;
}
main .cntbox .rune_listbox01 img{
    width:90%;
}
main .cntbox .rune_listbox02 {
    float: left;
    width:50%;
    padding: 4px 3px 2px 0px;
    line-height:140%;
}

/*サイトマップ　リスト*/
main .cntbox .sitemap_list_wrap {
    float: left;
    width: 80%;
    margin: 10px 10px 10px 10px;
}
main .cntbox .sitemap_listbox01 {
    float: left;
    width:40%;
    padding: 10px 3px 2px 0px;
    margin-right:10%;
}
main .cntbox .sitemap_listbox01 ul{
    margin:0px 0px 0px 0px;
    padding:0px 0px 15px 0px;
}
main .cntbox .sitemap_listbox01 img{
    width:90%;
}
main .cntbox .sitemap_listbox02 {
    float: left;
    width:50%;
    padding: 10px 3px 2px 0px;
    line-height:140%;
}
main .cntbox .sitemap_listbox02 ul{
    margin:0px 0px 0px 18px;
    padding:0px 0px 15px 0px;
}
  @media only screen and (max-width: 640px) {
  main .cntbox .sitemap_listbox01 {
    float: left;
    width:100%;
    padding: 4px 3px 2px 0px;
}
main .cntbox .sitemap_listbox02 {
    float: left;
    width:100%;
    padding: 4px 3px 2px 0px;
    line-height:140%;
}
}
/* 注釈の枠 */
main .cntbox .thu_box{
    width: 90%;
    margin: 25px 10px 20px 10px;
    padding:10px;
    border: 1px dashed #666666;
    overflow: auto;
}
main .cntbox table td.thu_no {
    width:5%;
}
  @media only screen and (max-width: 640px) {
main .cntbox table td.thu_no {
    width:10%;
}
}

/* スマホのテーブル・画像サイズ */
  @media only screen and (max-width: 640px) {

main .cntbox .img_txt_box {
    width: 100%;
    margin: 0px 0px 10px 0px;
}
main .cntbox table.list01 {
    float: left;
    width: 95%;
    border: 2px solid #cccccc;
    margin: 10px 10px 10px 10px;
}
main .cntbox table.list01 td {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
main .cntbox table.list01 th {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
main .cntbox table.list01_palmistry {
    float: left;
    width: 95%;
    border: 2px solid #cccccc;
    margin: 10px 10px 10px 10px;
}
main .cntbox table.list01_palmistry td {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
main .cntbox table.list01_palmistry img {
    width:90%;
    height:auto;
}
main .cntbox table.list01_palmistry th {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    text-align:center;
}

/*テーブルテキスト左寄せ*/
main .cntbox table.list01_txtleft {
    float: left;
    width: 95%;
    border: 2px solid #cccccc;
    margin: 10px 10px 10px 10px;
}
main .cntbox table.list01_txtleft td {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
main .cntbox table.list01 td.end img {
    width:100%;
}
main .cntbox table.list01_txtleft th {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
/*テーブルテキスト左寄せEND*/
main .cntbox table.list02 {
    float: left;
    width: 80%;
    border: 2px solid #cccccc;
    margin: 10px 10px 10px 10px;
}
main .cntbox img {
    width: 100%;
}
main .cntbox table.list03 {
    float: left;
    width: 90%;
    border: 2px solid #cccccc;
    margin: 10px 10px 10px 10px;
}
main .cntbox table.list03 td img{
    width:100%;
}
main .cntbox .img_left {
    float: left;
    width: 45%;
    margin: 10px 10px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_left_large {
    float: left;
    width: 100%;
    margin: 10px 20px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_left_xlarge {
    float: left;
    width: 100%;
    margin: 10px 20px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_left_slarge {
    float: left;
    width: 100%;
    margin: 10px 20px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_left_small {
    float: left;
    width: 45%;
    margin: 10px 10px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_left_ssmall {
    float: left;
    width: 6%;
    margin: 10px 20px 0px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_left_medium {
    float: left;
    width: 45%;
    margin: 10px 20px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_left_medium_sp100 {
    float: left;
    width: 100%;
    margin: 10px 20px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_left_medium30 {
    float: left;
    width: 45%;
    margin: 10px 20px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_right_large {
    float: right;
    width: 100%;
    margin: 10px 10px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_right {
    float: right;
    width: 45%;
    margin: 10px 10px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_right_small {
    float: right;
    width: 45%;
    margin: 10px 10px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .img_right_medium {
    float: right;
    width: 100%;
    margin: 10px 10px 10px 10px;
    background-color: #ffffff;
    background-repeat: no-repeat;
}
main .cntbox .rune_stonelist_wrap {
    float: left;
    width: 100%;
    margin: 10px 10px 10px 10px;
}
main .cntbox .rune_listbox01 {
    float: left;
    width:100%;
    padding: 4px 3px 2px 7px;
}
main .cntbox .rune_listbox01 img{
    width:90%;
}
main .cntbox .rune_listbox02 {
    float: left;
    width:100%;
    padding: 4px 3px 2px 0px;
    line-height:140%;
}
main .cntbox table.list04 {
    float: left;
    width: 100%;
    border: 2px solid #cccccc;
    margin: 10px 10px 10px 10px;
}
main .cntbox table.list04 td {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
main .cntbox table.list04 th {
    padding: 4px 3px 2px 7px;
    line-height: 1.5em;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
main .cntbox table.list04 td img{
    width:90%;
}
}

/*********占いサイトリンク リスト調整*************/
main .cntbox li.unarai_list_box{
    float: left;
    width:100%;
    padding: 4px 3px 10px 7px;
    width:90%;
    font-size:120%;
    border-bottom:1px dashed #3333;
}
main .cntbox li.unarai_list_box ul{
    display: inline-block
}
main .cntbox li.unarai_list_box img.list_banner{
    width:20%;
    padding:0px 0px 0px 50px;
    vertical-align: middle;
}

  @media only screen and (max-width: 640px) {
main .cntbox li.unarai_list_box{
    float: left;
    width:100%;
    padding: 4px 3px 10px 7px;
    font-size:120%;
    border-bottom:1px dashed #3333;
}
main .cntbox li.unarai_list_box ul{
    display: inline-block
}
main .cntbox li.unarai_list_box img.list_banner{
    width:40%;
    padding:0px 0px 0px 10px;
    vertical-align: middle;
}
}
/*********サイトリンク リストEND*************/

/*お問い合わせフォーム_表組み
------------------------------*/
.contact_table {
  width: 90%;
  margin: 2em 0 2.5em;
  border-collapse: collapse;
}
.contact_table td {
  border: solid 1px #aaa;
  padding: 1em;
  vertical-align:middle;
}
.contact_table td:nth-of-type(1) {
  width: 35%;
  background: #F2F2F2;
}
.contact_table td:nth-of-type(2) {
  width: 65%;
    font-size:120%;
}

.contact_table td:nth-of-type(1) {
  width: 35%;
  background: #eeeeee;
}
  @media only screen and (max-width: 640px) {
  .contact_table {
  width: 100%;
  margin: 2em 0 2.5em;
  border-collapse: collapse;
}
}
/* =============================
お問い合わせ
===============================*/
.req:after {
  white-space: nowrap;
  font-size: 75%;
  color: #fff;
  content: "必須";
  background: #D10000;
  border-radius: 3px;
  padding: 0.1em 0.8em 0.2em;
  margin-left: 0.8em;
}
.inquiry h3 > span {
  font-size: 1.25rem !important;
}
.inquiry p {
  margin-bottom: 0.1em;
}
.inquiry div.form_set {
  background: #fff;
  /*color: #010416;*/
  margin: 1.5rem 0;
  border-radius: 10px;
  padding: 10px 60px 20px;
}
.inquiry span.vertical-item {
  display: block;
}
.inquiry input[type=text], .inquiry textarea {
  font-size: 120%;
  box-sizing: border-box;
  width: 100%;
  margin: 8px 0;
  padding: 0.8rem;
  transition: 0.3s;
  border: 1px solid #C7C7C7;
  border-radius: 4px;
  outline: none;
}
.inquiry input[type=email], .inquiry textarea {
  font-size: 120%;
  box-sizing: border-box;
  width: 100%;
  margin: 8px 0;
  padding: 0.8rem;
  transition: 0.3s;
  border: 1px solid #C7C7C7;
  border-radius: 4px;
  outline: none;
}
.inquiry input[type]:focus, .inquiry textarea:focus {
  background: #EFF7FF;
  border: 1px solid #518AC3;
}
.required {
  color: #DD0000;
  font-weight: bold;
}
.inqnote {
  font-size: 87.5%;
}
.inqnote p {
  margin-top: 0;
  padding-left: 1em;
  text-indent: -1em;
}
.inqnote p:first-of-type {
  margin-top: 1rem;
}
.form_result {
  font-style: normal;
}
.mw_wp_form_preview .form_result {
  font-style: italic !important;
  font-weight: bold;
  font-size: 1.25em;
  color: darkgreen;
}
.subumit_set {
  margin: 1rem auto;
  text-align: center;
}
.submitSet {
  display: flex;
  justify-content: space-between;
  max-width: 350px;
  margin: 1rem auto;
  text-align: center;
}
.submitSet > button, .submitSet > input {
  width: 100%;
  font-size: 120%;
  box-sizing: border-box;
  padding: 1.2rem 0.8rem;
  transition: 0.3s;
  border-radius: 6px !important;
  border: solid 1px;
}
.submitSet > button {
  margin-top: 2em;
  color: #fff;
  background: #0D549B;
}
.submitSet > input {
  color: #fff;
  background: #555;
  margin-left: 10px;
}
.submitSet > input:hover, .submitSet > button:hover {
  cursor: pointer;
  background: #6D98C3;
  color: #fff;
}
.inquiry .error {
  font-weight: bold;
  display: inline-block !important;
  color: #fff !important;
  background: #dd0000;
  padding: 0.2rem 1rem 0.2rem 1.6rem;
  border-radius: 4px;
}
@media (max-width: 999px) {
  .inquiry div.form_set {
    margin: 1.5rem 0;
    padding: 10px 15px 20px;
  }
}
input[type="submit"], input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus, input[type="button"]::focus {
  outline-offset: -2px;
}
/*サンクス画面
------------------------------*/
.thanksSet {
  padding: 5em 0;
  text-align: center;
}
/*********お問い合わせフォームEND*************/

/* 各カテゴリのTOPページ対応
ページ送りリンクスタイル 
------------------------------*/
/* カテゴリTOPのページ一覧ボックス */
.category_index_box{
  width:100%;
  padding:20px 0px 20px 25px;
  margin:0px 0px 20px 0px;
  border:1px solid #e2e0eb;
}
.category_index_box h4.page_top_title{
  font-weight:bold;
  font-size:120%;
  margin:0px 0px 10px 0px;
}
.category_index_box ul.page_list{
 padding-left:20px;
}
.category_index_box span.page_name{
  padding-left:5px;
  font-size:100%;
  font-weight:bold;
}
.category_index_box ul.page_list a{
    text-decoration: none;
      color:#95398b;
}
.category_index_box ul.page_list a:visited{
    text-decoration: none;
      color:#95398b;
}
.category_index_box ul.page_list a:hover{
     color: #ff4200;
    text-decoration: underline;
}
/* カテゴリ個別ページへのリンク設置 */
.page_move{
    width:100%;
    padding:10px 0px 10px 0px;
    margin:0px 0px 40px 0px;
    border-top:1px solid #e2e0eb;
    border-bottom:1px solid #e2e0eb;
}
.page_move .previous_page{
    width:35%;
    display: inline-block;
    text-align:left;
    font-weight:bold;
}
.page_move .go_to_toppage{
display: inline-block;
   text-align:center;
   font-weight:bold;
   width:25%;
   margin:0 2%;
   border-left:2px solid #e2e0eb;
   border-right:2px solid #e2e0eb;
}
.page_move .next_page{
display: inline-block;
   width:35%;
    font-weight:bold;
    text-align:right;
}
.next_page_btn{
    width:40%;
    border:1px solid #e2e0eb;
    padding:10px;
    text-align:center;
    margin:35px auto;
    background-color:#f3f2f8;
}
.page_move .pc_hid {
    display: none;
  }
/*スマホ対応*/
@media (max-width: 767px) {
.page_move .previous_page{
    width:30%;
    display: inline-block;
    text-align:left;
    font-weight:bold;
}
.page_move .pc_hid {
    display: block;
  }
.page_move .go_to_toppage{
display: inline-block;
   text-align:center;
   font-weight:bold;
   width:30%;
   margin:0 2%;
   border-left:2px solid #e2e0eb;
   border-right:2px solid #e2e0eb;
}
.page_move .next_page{
display: inline-block;
   width:30%;
    font-weight:bold;
    text-align:right;
}
.next_page_btn{
    width:80%;
    border:1px solid #e2e0eb;
    padding:10px;
    text-align:center;
    margin:35px auto;
    background-color:#f3f2f8;
}


}

.next_page_btn span.next_page_title{
    font-weight:bold;
    padding:0px 10px; 
}
.page_move span.next_page_title{
    font-weight:bold;
    padding:0px 10px; 
}
.page_move a{
    text-decoration: none;
      color:#95398b;
    padding:0 5px;
}
.page_move a:visited{
    text-decoration: none;
      color:#95398b;
}
.page_move a:hover{
     color: #ff4200;
    text-decoration: underline;
}
.page_move .go_to_toppage a{
    text-decoration: none;
      color:#b3c300;
    padding:0px 5px 0px 5px;
}
.page_move .go_to_toppage a:visited{
    text-decoration: none;
      color:#b3c300;
}
.page_move .go_to_toppage a:hover{
     color: #ff4200;
    text-decoration: underline;
}
.next_page_btn a{
    text-decoration: none;
      color:#95398b;
}
.next_page_btn a:visited{
    text-decoration: none;
      color:#95398b;
}
.next_page_btna:hover{
     color: #ff4200;
    text-decoration: underline;
}

.img_obento img {
  margin-left: 0.7em;
}
@media (max-width: 767px) {
.category_index_box{
  width:100%;
  padding:10px;
  border:1px solid #e2e0eb;
}
}

.kouen_txt {
text-align: justify;
overflow: auto;
width: 610px;
font-size: 90%;
padding:5px 5px 5px 20px;
    font-feature-settings: "palt";
}

.kouen_txt_left{
  color: #121212;
text-align: justify;
overflow: auto;
width: 350px;
font-size: 118%;
padding:10px 0px 0px 0px;
    font-feature-settings: "palt";

}

.photo_2set{
 display: inline-block;
float: left;
width: 610px;
}

@media (max-width: 1024px) {
.kouen_txt {
overflow: auto;
width: 100%;
}
.kouen_txt_left {
overflow: auto;
font-size: 80%;
width: 100%;
}
.photo_2set{

width: 100%;
}
}

.photo_2set_border-bottom{
border-bottom: #cccccc 1px solid;
padding-bottom: 0.4em;
}

.photo_2set_border-top{
border-top: #cccccc 1px solid;
margin-top: 0.4em;
}

.top_title{
  /*border: #fff 1px solid;*/
  border-radius: 10px;
  padding: 1em 0 1em 0;
}