@CHARSET "utf-8";

/*---------------------------------------------------------*/
/* General */
/*---------------------------------------------------------*/
body {
    font-family: Helvetica, "游ゴシック",Meiryo, sans-serif, serif,"sans-serif", 'Lucida Grande','Hiragino Kaku Gothic ProN';
    font-size: 17px;
    color: black;
    padding: 0;
    margin: 0;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}

@media screen and (max-width:760px) {
body {
    font-family: Helvetica, "游ゴシック",Meiryo, sans-serif, serif,"sans-serif", 'Lucida Grande','Hiragino Kaku Gothic ProN';
    font-size: 15px;
    padding: 0;
    margin: 0;
background-color: #fff;
}
}

a {
    color: #1111cc;
	text-decoration: underline;
}
a img {
    border: none;
}
a:hover {
    color: #1111cc;
    text-decoration: none;
}
a:hover img.hover_img{
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}




a.line {
    color: #000;
    text-decoration: none;
    line-height: 1.7em;
    /* text-decoration: underline; */
    padding: 2px;
	    font-size: 1.04em;
    border-bottom: 1px solid #00ECFF;
}
a.line img {
    border: none;
}
a.line:hover {
    color: #aaaaaa;
    text-decoration: underline;
}
a.line:hover img.hover_img{
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}


div#container {
    margin: 0 auto;
    width: 100%;
    padding: 0;
	    background-color: #FFF;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
	overflow:hidden;

	background-repeat: repeat;
background-attachment: fixed;
background-position: right bottom;

}

@media screen and (max-width:760px) {
div#container {
    margin: 0 auto;
    width: 100%;
    padding: 0;
			    color: #000;
}
}


#header {
    display: block;

	margin-bottom:0;

}
@media screen and (max-width:760px) {
#header {
    display: block;	
}
}



div#main {
    display:block;

}




@media screen and (max-width:760px) {
div#main {
}	
}

.ie {
    background-color: #fff;
    overflow: hidden;
	max-width:90%;
	min-width:760px;
	margin-left: auto;
	margin-right: auto;
	height:100%;
}
@media only screen and (max-width : 760px){
.ie {
	max-width:100%;
	min-width: 100%;	
    background-color: #FFF;
    margin-top: 0px;   
    overflow: hidden;
}		
}

div#content_01 {
    max-width: 100%;
    padding: 10px 0 0 0;
    margin: 10px;
}
@media screen and (max-width:760px) {
div#content_01 {
    width: 100%;
    padding: 0;
    margin: 20px 0 0 0;
}
}

.right {
    float: right;
    width: 65%;
	margin:10px 0;
}
@media screen and (max-width:960px) {
.right {
    width: 100%;
}
}

.left {
    float: left;
    width: 34%;
	margin:10px 0;
}
@media screen and (max-width:960px) {
.left {
    width: 100%;
}
}

p.top_right {
	font-size:12px;
	margin: 0px 0px 10px 0px;
	padding:0px;
}


div#content {
    width: 70%;
    float: right;
    padding: 10px 0 0 0;
    margin: 10px;
}
@media screen and (max-width:760px) {
div#content {
    width: 100%;
    padding: 0;
    margin: 0px 0 0 0;
}
}

article.post {
	display: block;
	margin:0 10px;
}
@media only screen and (max-width : 760px){
article.post {
	display: block;
	margin:0 5px;
}	
}

/* ▼▼▼サイドバー▼▼▼ */
div#sidebar {
    width: 26%;
    float: left;
    padding: 0;
    margin: 5px;
}
@media screen and (max-width: 760px) {  
div#sidebar {
    width: 100%;
	padding: 0 5px;
    margin: 0 ;
	box-sizing: border-box;
}
}
/* ▲▲▲サイドバー▲▲▲ */

#stopper {
	height:0px;
}

/* ▼▼▼サイドバー固定▼▼▼ */
#sticked{
    position: sticky;
position: -webkit-sticky;
}
@media screen and (max-width: 760px) { 
#sticked{
    position: static;
}
}
/* ▲▲▲サイドバー固定▲▲▲ */

.clr { clear:both; }




ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 5px;
}

/*---------------------------------------------------------*/
/* Header */
/*---------------------------------------------------------*/
header {
	margin: 0px 0px;
	padding: 10px 10px 0px 10px;
}
@media only screen and (max-width : 760px){
header {
	margin: 0px 0px;
	padding: 10px 0px 0px 0px;
}	
}


.header_icon {
	float:left;
}

h1.top_page {
    margin: 5px 0 0 0px;
	font-size:1.7em;
}

h1.top_page img {
width:180px;
}
@media only screen and (max-width : 760px){
h1.top_page img {
width:120px;
}
}





a.no_underline {
	text-decoration:none;
}

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

div#site_title_wrapper {
	float:left;
}

h1#site-title {
    font-size: 2.0em;
    margin: 0px 0 5px 0;
    color:#2ea7e0;
}
h1#site-title a {
    color: #2ea7e0;
}
h2#site-description {
    font-size: 1.2em;
    font-weight: bold;
    color: #555555;
    margin: 0 0 10px 0;
}


/*---------------------------------------------------------*/
/* Article's Header */
/*---------------------------------------------------------*/

h1.post_title {
	position: relative;
	width: 100%;
	margin: 0px 0px 15px 0px;
	padding: 5px 15px 5px 15px;
	border-bottom: 2px solid #CEF9DC;
	font-size:22px;
}




h1.post_title a:hover {
    color: #FFDBC9;
}



@media only screen and (max-width : 760px){
h1.post_title {
	position: relative;
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 5px 10px 12px 10px;
	border-bottom: 2px solid #CEF9DC;
	font-size:22px;
	    color: #000;
}	
}


h1.post_title::before {/*疑似要素*/	
	position: absolute;
	content: "";
	width: 100%;
	min-height: 100%;
	top: -12px;
	left: 0px;
	border-bottom: 1px solid #CEF9DC;
	padding: 0px 0 0px 0;
	margin: 8px 0px 0px 0px;
}

h1.post_title a {
    color: #555;
}
h1.post_title a:hover {
    color: #FFDBC9;
}



p.post-meta {
	color: #000;
    font-size: 1.0em;
    padding: 5px 0 5px 20px;
    margin: 0 0 3px 0;
    text-align: right;
}

h2 {
    border-bottom: solid 3px skyblue;
    position: relative;
    padding: 0px 0px 5px 0px;
	margin: 40px 0px 18px 0px !important;
    font-size: 28px;
}

h3 {
    display: block;
    font-size: 1.87em;
    font-weight: bold;
	margin:5.3em 0 0.5em 0;
	border-bottom:solid 2px #50223B;
}


@media only screen and (max-width : 760px){
	h3 {
	    display: block;
    font-size: 1.57em;
    margin-block-start: 2em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
	margin:1.9em 0 0.5em 0;
	border-bottom:solid 1px #50223B;
}
	}

h3.red_youtube {
  position: relative;
  border-bottom: 1px solid #e60012;
  padding: 7px 0 7px 60px;
font-size: 1.5em;	
}

h3.red_youtube:after {
  position: absolute;
padding: 0.6em;	
  top: 50%;
  left: -0.7em;
  z-index: 2;
  font-weight: 900;	
  font-family: "Font Awesome 5 Free";
  content: "\f03d";
  color: white;
  background-color: #e60012;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 15px;	
}
@media only screen and (max-width : 760px){
h3.red_youtube {
  position: relative;
  border-bottom: 1px solid #e60012;
padding: 7px 0 7px 65px;
}
h3.red_youtube:after {
  position: absolute;
padding: 0.6em;	
  top: 50%;
  left: 0em;
  z-index: 2;
  font-weight: 900;	
  font-family: "Font Awesome 5 Free";
  content: "\f03d";
  color: white;
  background-color: #e60012;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 0px;	
}	
}




h3.red_seminar {
  position: relative;
  border-bottom: 1px solid #e60012;
  padding: 7px 0 7px 50px;
font-size: 1.5em;	
}

h3.red_seminar:after {
  position: absolute;
padding: 0.6em;	
  top: 50%;
  left: -0.7em;
  z-index: 2;
  font-weight: 900;	
  font-family: "Font Awesome 5 Free";
  content: "\f02d";
  color: white;
  background-color: #e60012;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 15px;	
}
@media only screen and (max-width : 760px){
h3.red_seminar {
  position: relative;
  border-bottom: 1px solid #e60012;
padding: 7px 0 7px 55px;
}
h3.red_seminar:after {
  position: absolute;
padding: 0.6em;	
  top: 50%;
  left: 0em;
  z-index: 2;
  font-weight: 900;	
  font-family: "Font Awesome 5 Free";
  content: "\f02d";
  color: white;
  background-color: #e60012;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 0px;	
}	
}



h3.double_blue {
	position: relative;
	width: 100%;
	margin: 30px 0px 10px 0px;
	padding: 5px 15px 5px 15px;
	border-bottom: 2px solid #CEF9DC;
	font-size:28px;
	
}
@media only screen and (max-width : 760px){
h3.double_blue {
	position: relative;
	width: 100%;
	margin-left: 0;
	padding: 5px 15px 5px 15px;
	border-bottom: 2px solid #CEF9DC;
	font-size:22px;
}	
}

h3.double_blue::before {/*疑似要素*/
	position: absolute;
	content: "";
	width: 100%;
	min-height: 100%;
	top: -12px;
	left: 0px;
	border-bottom: 1px solid #CEF9DC;
	padding: 0px 0 0px 0;
	margin: 8px 0px 0px 0px;
}


h5 {
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: normal;
}









/*---------------------------------------------------------*/
/* Article post */
/*---------------------------------------------------------*/
div.post-content {
    padding: 0px 10px 10px 10px;
}
@media only screen and (max-width : 760px){
div.post-content {
    padding: 0px 0px 10px 0px;
}	
}



/*---------------------------------------------------------*/
/* カテゴリー post */
/*---------------------------------------------------------*/
div.category-content {
    padding: 0px 0px 0px 0px;
	height: 100%;
	width: 100%;	
}
@media only screen and (max-width : 760px){
div.category-content {
    padding: 0px 0px 0px 0px;
}	
}

/* ▼▼▼カテゴリーにあるアイキャッチ画像▼▼▼ */
/* リスト */
.category_01 {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}
@media only screen and (max-width : 760px){
.category_01 {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 20px 10px 20px 10px;
}	
}

/* h2 */
h2.category_02 {
	font-size: 1.2em;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px;	
}


/* 画像 */
.category img {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 20px 5px 10px;
}
@media only screen and (max-width : 760px){
.category img {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 20px 5px 10px;
}	
}

/* ボックス */
.category {
	width:100%;
	padding: 0.5em 1em 3em 1em;
    color: #000;/*文字色*/
	background-color: #FFFFFF;
    border-bottom: solid 1px #C0C0C0;/*線*/
}
@media only screen and (max-width : 760px){
.category {
	padding: 0.5em 1em 2.0em 1em;
}	
}

.category p {
	font-size:16px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
@media only screen and (max-width : 760px){
.category p {
}
}


/* ▲▲▲カテゴリーにあるアイキャッチ画像▲▲▲ */


h1.cat_title {
	position: relative;
	width: 100%;
	margin: 0px 0px 0px 10px;
	padding: 5px 15px 5px 15px;
	font-size:22px;
}
@media only screen and (max-width : 760px){
h1.cat_title {
	position: relative;
	width: 100%;
	margin: 0px 5px 0px 5px;
	padding: 5px 15px 5px 15px;
	font-size:22px;
}	
}



/*---------------------------------------------------------*/
/* footer */
/*---------------------------------------------------------*/
#footer {
    width:100%;
    height: 100%;
    margin: 0px;
    background-color: #FFF;
	padding:0px;
	color:#000;
	margin-top: auto;
	font-size: 1.04em;
}

p.foot {
	font-size:14px;
	text-align:center;
	padding:0 0 10px 0;
	margin:0;
}

/* ▼▼▼フッターのメニュー横並び▼▼▼ */
.f_navi{
font-size:14px;	
text-align: center;
	margin: 10px 0px;
	color:#000;
}
@media screen and (max-width: 760px) {
.f_navi{
text-align: center;	
	margin: 40px 0px 0px 0px;
}
}

.f_navi ul{
margin: 0 ;
padding: 1% 3% 2% 3%;
}
@media screen and (max-width: 760px) {
.f_navi ul{
margin: 0 ;
padding: 5px 0px 10px 0px;
}
}

.f_navi ul li{
list-style: none;
display: inline-block;
width: 11%;
min-width: 75px;
	margin:10px 0;
	vertical-align:middle;
}
@media screen and (max-width: 760px) {
.f_navi ul li{
list-style: none;
display: inline-block;
width: 100%;
min-width: 35px;
}
}

.f_navi ul li a{
text-decoration: none;
color: #000;
}
@media screen and (max-width: 760px) {
.f_navi ul li a{
text-decoration: none;
}
}

.f_navi ul li.f_navi01 a{
color: #F33135;
}
@media screen and (max-width: 760px) {
.f_navi ul li.f_navi01 a{
color: #F33135;
}
}

.f_navi ul li a:hover{
color: #C0C0C0;
text-decoration: underline;
}
@media screen and (max-width: 760px) {
.f_navi ul li a:hover{
color: #C0C0C0;
}
}

.f_navi img{
    margin: 0 10px;
}

a.footer_01{
	color:#000;
}

/* ▲▲▲フッターのメニュー横並び▲▲▲ */

/*
==================================================
フッターカスタマイズ
==================================================
*/
.footer-block-in {
    width: 33%;
    padding: 0px 10px 10px 50px;
    float: left;
	margin:0 ;
}
 
.footer-block-in > ul {
    padding: 5px;
    list-style-type: none;
    margin-bottom:10px;
}
 
.footer-block-in > ul ul {
    text-align: left;
    margin: 15px 0px 13px 0px; 
	padding: 0px 0px 0px 0px;
}
 
.footer-block:after{
    content: "";
    clear: both;
    display: block;
}
 
@media (max-width: 770px) {
.footer-block-in {
	width: 98%;
	padding: 10px 1%;
	float: none;
}
}

div.cat_img { margin: 0px 4px 4px 4px;}

li.cat-item { 
    list-style-type: none;
	margin:20px 0px 20px 0px;
}

.cat-item a { 
    color: #555555;
    text-decoration: none;
}

.cat-item a:hover {
    color: #aaaaaa;
    text-decoration: underline;
}

.footer-block-in > ul li {
list-style-type: none;
}

li.footer_menu {
	width:100%;
	list-style-type: disc;
	margin:0.5em 0;
}

/*---------------------------------------------------------*/
/* Sidebar */
/*---------------------------------------------------------*/
.sidebar-wrapper {
	margin:15px 0;
}
.sidebar-title {
	font-size: 1.3em;
	padding: 6px 0 6px 10px;
	margin: 20px 0 10px 0;
	color: #000;
	border-bottom: solid 1px #ccc;

}
.textwidget {
	padding: 0 px;
}

.textwidget a {
    color: #555555;
    text-decoration: none;
}

.textwidget a:hover {
    color: #aaaaaa;
    text-decoration: underline;
}

#calendar_wrap {
	text-align: center;
}
#calendar_wrap table {
	margin-left: auto;
	margin-right: auto;
}
#calendar_wrap table a {
	text-decoration: underline;
	color: #2ea7e0;
}
#calendar_wrap table a:hover {
	background-color: #2ea7e0;
	color: #fff;
}
.sidebar-wrapper ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.sidebar-wrapper li {
	border-bottom: dotted 1px #FFAD90;
}
.sidebar-wrapper li a {
	display: block;
	color: #000;
	padding: 10px 0 10px 8px;
}
.sidebar-wrapper li a:hover {
    color: #000;
	text-decoration:underline;
}





/* コメント・トラックバック */
div#respond {
	margin:10px;
}
@media only screen and (max-width : 760px){
div#respond {	
	margin:5px;
}	
}

.tback {border: none;}
.tback h2{margin-bottom: 0; padding-bottom: 15px;}
.tback p {margin: 0 0 10px 10px;padding: 0;font-size: 12px; line-height: 1.6em;}
.comments{margin: 10px 0; border: none;}
.comments ul{list-style: none;margin: 0; color:#444; font-size: 100%;}
.comments ul li {margin-bottom: 10px;background: #FFF; padding: 12px;}
.comments ul li.depth-1{border-bottom: 1px dotted #CCC;margin-bottom: 12px;}
.comments ul.children {list-style: none;}
.comments p{padding: 0 10px 5px 20px; text-align: left;}
.comments form p{line-height: 1.8em; display: block;}
.comments label{font-weight: 600;display:block;}
.comments form p.comment-notes,.comments form p.form-allowed-tags{font-size: 100%;text-align: left;}
.comments .reply{width: 40px;height: 20px;margin-left: 20px;text-align: center;line-height: 20px;border: 1px solid #CCC;background: #FFF;display: block;}
.comments .reply a{color: #444;text-decoration: none;display: block;} 
.comments .reply a:hover{color: #FFF;background: #009CDE;} 
.comments h3 small{font-size: 114%;}
#author{width: 200px; height: 2em;}
#email{width: 200px; height: 2em;}
#url{width: 200px; height: 2em;}
#comment{width: 99%; height:100px;}
a#cancel-comment-reply-link {font-size: 92%; color: #009CDE;}
#submit	{margin:0; padding:2px 25px; cursor:pointer;}





/*---------------------------------------------------------*/
/* ナビゲーションメニュー */
/*---------------------------------------------------------*/
/* ▼▼▼ヘッダーのメニュー横並び（パソコン版）▼▼▼ */
#contact{
	text-align: right;	
	background-color:#fff;
	max-width:100%;
	min-width:100%;
}
@media screen and (max-width: 760px) {
#contact{
	text-align: center;
}
}

#contact ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	  list-style: none;
}
@media screen and (max-width: 760px) {
#contact ul{
	margin: 0 ;
	padding: 10px 0px 10px 0px;
}
}

#contact ul li{
	list-style: none;
	display: inline-block;
	width: 15%;
	min-width: 200px;
	font-size:13px;
	margin: 3px 3px 3px 3px;
	padding: 0px 0px 0px 0px;	
}
@media screen and (max-width: 760px) {
#contact ul li{
	list-style: none;
	display: inline-block;
	width: 18%;
	min-width: 35px;
}
}

.contact01 a {
	color: #000;
}

.contact01:hover {
	color: #aaaaaa;
}

.contact02 a {
	color: #fff;
}
.contact02 a:hover {
	color: #fff;
}

#contact img{
    margin: 0 10px 0px 10px;
}




/*---------------------------------------------------------*/
/* ナビゲーションメニュー */
/*---------------------------------------------------------*/
/* ▼▼▼ヘッダーのメニュー横並び（パソコン版）▼▼▼ */
#contact_01{
	text-align: right;	
	background-color:#FFFFFF;
	max-width:93%;
	min-width:760px;
	margin-left: auto;
	margin-right: auto;
	height:85px;
}
@media screen and (max-width: 760px) {
#contact_01{
	text-align: center;
	max-width:100%;
	min-width:100%;
}
}

#contact_01 ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 760px) {
#contact_01 ul{
	margin: 0 ;
	padding: 10px 0px 10px 0px;
}
}

#contact_01 ul li{
	list-style: none;
	display: inline-block;
	width: 27%;
	min-width: 360px;
	font-size:1.5em;
	margin: 13px 3px 3px 3px;
	padding: 0px 0px 0px 0px;
	text-align:right;
}
@media screen and (max-width: 760px) {
#contact_01 ul li{
	list-style: none;
	display: inline-block;
	width: 50%;
	min-width: 250px;
	margin: 6px 3px 3px 0px;
	text-align:right;
}
}

a.tel_01 {
	color: #fff;
}
a:hover.tel_01 {
	color: #fff;
    text-decoration: underline;
}
/*---------------------------------------------------------*/
/* ナビゲーションメニュー */
/*---------------------------------------------------------*/
/* ▼▼▼ヘッダーのメニュー横並び（パソコン版）▼▼▼ */
#header_navi{	
text-align: center;
    overflow: hidden;
    max-width: 100%;
    min-width: 100%;
    margin-left: auto;

}
@media screen and (max-width: 760px) {
#header_navi{
	text-align: center;
}
}

#header_navi ul{
	margin: 0px;
	padding: 0px;
}
@media screen and (max-width: 760px) {
#header_navi ul{
	margin: 0 ;
	padding: 10px 0px 10px 0px;
}
}

#header_navi ul li{
	list-style: none;
	display: inline-block;
	width: 12.492%;
	min-width: 100px;
	font-size:16px;	
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;	
}
@media screen and (max-width: 760px) {
#header_navi ul li{
	list-style: none;
	display: inline-block;
	width: 18%;
	min-width: 35px;
}
}

#header_navi ul li a{
	text-decoration: none;
	color: #333;
}
@media screen and (max-width: 760px) {
#header_navi ul li a{
	text-decoration: none;
	color: #333;
}
}

#header_navi ul li.header_navi01 a{
	color: #F33135;
}
@media screen and (max-width: 760px) {
#header_navi ul li.header_navi01 a{
	color: #F33135;
}
}

#header_navi ul li a:hover{
	color: #aaaaaa;
}
@media screen and (max-width: 760px) {
#header_navi ul li a:hover{
	color: #aaaaaa;
}
}

#header_navi img{
    margin: 0 0px 0px 0px;
}









/* ▼▼▼ハンバーガーメニュー▼▼▼ */
#nav-drawer {
	position: relative;
	display: flex;
	margin: 0px -5px 0px 0px;
}
@media screen and (max-width: 960px) {
#nav-drawer {
	position: relative;
	display: flex;
	margin: 0px -5px 0px -0px;
}
}

/*チェックボックス等は非表示に*/
.nav-unshown {
	display:none;
}
@media screen and (max-width: 960px) {	
.nav-unshown {
	display:none;
}
}

/*アイコンのスペース*/
#nav-open {
	display: inline-block;
	width: 44px;
	height: 40px;
	vertical-align: middle;
	background-color: #fff;
	margin-left: auto;
	padding: 8px 18px 0px 18px;
}
@media screen and (max-width: 960px) {	
#nav-open {
	display: inline-block;
	width: 100%;
	height: 45px;
	vertical-align: middle;
	background-color: #FFF;
	margin-left: auto;
	padding: 8px 28px 0px 18px;
}
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
	right: 0.7%;
	height: 3px;/*線の太さ*/
	width: 33px;/*長さ*/
	border-radius: 3px;
	background: #555;
	display: block;
	content: '';
	cursor: pointer;
}
@media screen and (max-width: 960px) {		
#nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
    right: 1.9%;
	height: 3px;/*線の太さ*/
	width: 33px;/*長さ*/
	border-radius: 3px;
	background: #000;
	display: block;
	content: '';
	cursor: pointer;
}
}

#nav-open span:before {
	bottom: -12px;
}
@media screen and (max-width: 960px) {		
#nav-open span:before {
	bottom: -12px;
}
}

#nav-open span:after {
	bottom: -24px;
}
@media screen and (max-width: 960px) {		
#nav-open span:after {
	bottom: -24px;
}
}

@media only screen and (max-width : 960px){
#nav-open p {
    position: absolute;
    left: 1.9%;
    width: 100%;
    display: block;
    content: '';
    cursor: pointer;
	margin: 0;
	font-size: 20px;
	font-weight: bold;
}	
}



/*閉じる用の薄黒カバー*/
#nav-close {
	display: none;/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;/*全体に広がるように*/
	right: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}
@media screen and (max-width: 960px) {		
#nav-close {
	display: none;/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;/*全体に広がるように*/
	right: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}
}

/*中身*/
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	right: 0%;
	z-index: 9999;/*最前面に*/
	width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 330px;/*最大幅（調整してください）*/
	height: 100%;
	background: #fff;/*背景色*/
	transition: .3s ease-in-out;/*滑らかに表示*/
	-webkit-transform: translateX(205%);
	transform: translateX(205%);/*左に隠しておく*/
	padding:50px 50px 50px 50px;
}
@media screen and (max-width: 960px) {		
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	right: 0%;
	z-index: 9999;/*最前面に*/
	width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 230px;/*最大幅（調整してください）*/
	height: 100%;
	background: #FFF;/*背景色*/
	transition: .3s ease-in-out;/*滑らかに表示*/
	-webkit-transform: translateX(205%);
	transform: translateX(205%);/*左に隠しておく*/
	padding:10px 10px 10px 10px;
}
}

@media screen and (max-width: 960px) {		
#nav-content a {
    color: #555555;
    text-decoration: none;	
}
}

@media screen and (max-width: 960px) {		
#nav-content a:hover {
    color: #aaaaaa;
    text-decoration: underline;
}
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
	display: block;/*カバーを表示*/
	opacity: .5;
}
@media screen and (max-width: 960px) {		
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
	display: block;/*カバーを表示*/
	opacity: .5;
}
}

#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);/*中身を表示（右へスライド）*/
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
@media screen and (max-width: 960px) {		
#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);/*中身を表示（右へスライド）*/
	box-shadow: 6px 0 25px rgba(0,0,0,0.5);
}	
}
/* ▲▲▲ハンバーガーメニュー▲▲▲ */



/* ▼▼▼ハンバーガーメニューの中のSNSボタン▼▼▼ */
.sns_button {
	position: relative; 
	overflow: hidden; 
}
.sns_button ul {
	position: relative;
	left: 50%;
	float: left;
}
.sns_button ul li {
	position: relative;
	left: -50%;
	float: left;
}
.sns_button img {
	margin: 0px 5px 0px 5px;
}
/* ▲▲▲ハンバーガーメニューの中のSNSボタン▲▲▲ */



/* ▼▼▼ハンバーガーメニューのナビゲーション（レスポンシブ対応）▼▼▼ */
#hamburger{
    width: 100%;
	background-color:#FFFFFF;
}	
#hamburger ul{
    padding: 0;
    margin-top: 0px;
}
@media screen and (max-width: 960px) {
/* 760px以下は3列 */
#hamburger ul{
    padding: 0;
    margin-top: 20px;
}
}

#hamburger li{
	font-size: 20px;
    padding:0;
    margin: 0px;
    box-sizing:border-box;
    display: block;
    text-align: center;
}
@media screen and (max-width: 960px) {
#hamburger li{
	font-size: 17px;
    padding:10px 0;
    margin: 5px 0px 5px 0px;
    box-sizing:border-box;
    display: block;
    text-align: center;
}
}
/* ▲▲▲ハンバーガーメニューのナビゲーション（レスポンシブ対応）▲▲▲ */



/* ▼▼▼ハンバーガーメニューの固定▼▼▼ */
.fixed {
    position: fixed;
    top: 0;
    padding: 0;
    width: 100%;
    z-index: 1000;
}
/* ▲▲▲ハンバーガーメニューの固定▲▲▲ */







/* ▼▼▼パソコンとスマホでスライドショーの表示内容を切り替え（スマホ　760px）▼▼▼ */
.pc_display {
	display:block;
	margin:0;
}
.sp_display {
	display:none;
}
@media only screen and (max-width : 760px){
.pc_display {
	display:none;
}
.sp_display {
	display:block;
}
}
/* ▲▲▲パソコンとスマホでスライドショーの表示内容を切り替え（スマホ　760px）▲▲▲ */




/* ▼▼▼パソコンとスマホでスライドショーの表示内容を切り替え（スマホ　960px）▼▼▼ */
.pc_display_01 {
	display:block;
	margin:0;
}
.sp_display_01 {
	display:none;
}
@media only screen and (max-width : 960px){
.pc_display_01 {
	display:none;
}
.sp_display_01 {
	display:block;
}
}
/* ▲▲▲パソコンとスマホでスライドショーの表示内容を切り替え（スマホ　960px）▲▲▲ */




.btn_blue {
	width:480px;
	position: relative;
	display: inline-block;
	padding: 5px 5px;
	text-decoration: none;
	background: #ff8c1a;/*色*/
	border: solid 1px #ff781d;/*線色*/
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-align: center;
	color: #fff;	
}

@media only screen and (max-width : 960px){
.btn_blue {
	width:100%;
}
}	
.btn_blue a {
	color:#fff;	
}

.btn_blue:hover {
  background-color: #fff;
	border:solid 1px #ff8c1a;
	color:#000;
	text-decoration:none;
}

.btn_blue:active {
	border: solid 1px #ff8c1a;
	box-shadow: none;
	text-shadow: none;
}


.btn_blue_100 {
		width:100%;
	position: relative;
	display: inline-block;
	padding: 5px 5px;
	text-decoration: none;
	background: #ff8c1a;/*色*/
	border: solid 1px #ff781d;/*線色*/
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-align: center;
	color: #fff;	
}
.btn_blue_100 a {
	color:#fff;	
}

.btn_blue_100:hover {
  background-color: #fff;
	border:solid 1px #ff8c1a;
	color:#000;
	text-decoration:none;
}

.btn_blue_100:active {
	border: solid 1px #ff8c1a;
	box-shadow: none;
	text-shadow: none;
}

.box2 {
	float:right;
	width:200px
}


.btn_blue_01 {
	width:100%;
	position: relative;
	display: inline-block;
	padding: 0.3em 0.5em;
	text-decoration: none;
	background: #ff8c1a;/*色*/
	border: solid 1px #ff781d;/*線色*/
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-align:center;
	color:#fff;
	font-weight:bold;
}

.btn_blue_01 a {
	color:#fff;	
}

.btn_blue_01:hover {
  background-color: #fff;
	border:solid 1px #ff8c1a;
	color:#000;
}

.btn_blue_01:active {
	border: solid 1px #ff8c1a;
	box-shadow: none;
	text-shadow: none;
}







.double {
	position: relative;
	width: 350px;
	margin: 0 auto;
	padding: 15px 15px 15px 15px;
	text-align: center;
	border-bottom: 2px solid #ff8c1a;
	font-size:40px;
}
@media only screen and (max-width : 480px){
.double {
	position: relative;
	width: 300px;
	margin: 0 auto;
	padding: 15px 15px 15px 15px;
	text-align: center;
	border-bottom: 2px solid #ff8c1a;
	font-size:30px;
}	
}

.double::before {/*疑似要素*/
	position: absolute;
	content: "";
	width: 100%;
	min-height: 100%;
	top: -10px;
	left: 0px;
	border-bottom: 1px solid #ff8c1a;
	padding: 0px 0 0px 0;
	margin: 8px 0px 0px 0px;
}








/* ▼▼▼トップページの最新の投稿を表示（アイキャッチ画像の大きさ指定）▼▼▼ */
.ileft {
height: 100px;
object-fit: cover;
}
/* ▲▲▲トップページの最新の投稿を表示（アイキャッチ画像の大きさ指定）▲▲▲ */


/* ▼▼▼トップページの最新の投稿を表示　アイキャッチ画像▼▼▼ */
/* リスト */
.new_01 {
	list-style: none;
	padding: 0px;
	margin: 15px 0px;
}
@media only screen and (max-width : 760px){
.new_01 {
	list-style: none;
	padding: 0px;
	margin: 15px 0px;
}	
}

/* h5 */
.new_02 {
	font-size:1.0em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
@media only screen and (max-width : 760px){
.new_02 {
	font-size:1.0em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}	
}



/* 画像 */
.new img {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 20px 5px 10px;
}
@media only screen and (max-width : 760px){
.new img {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 20px 5px 10px;
}	
}

/* ボックス */
.new {
	width:100%;
	padding: 0.5em 1em 0.5em 1em;
    font-weight: bold;
    color: #000;/*文字色*/
    background-color: #FFF;
    border-bottom: solid 1px #C0C0C0;/*線*/
}
@media only screen and (max-width : 760px){
.new {
	width:100%;
	padding: 0.5em 1em 0.5em 1em;
    font-weight: bold;
    color: #000;/*文字色*/
    background-color: #FFF;
    border-bottom: solid 1px #C0C0C0;/*線*/
}	
}

.new p {
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}
@media only screen and (max-width : 760px){
.new p {
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}	
}

.back_05 {
    padding: 10px 5px;
    margin: 0em 0 0.5em 0;
    color: #fff;
    background: #1F1F1F;
    border-bottom: solid 1px #804F5F;/*線*/
}
/* ▲▲▲トップページの最新の投稿を表示　アイキャッチ画像▲▲▲ */


.front_01 {
	font-weight:bold;
	font-size:18px;
	padding: 2% 0 2% 10px;
	margin: 0px;
	border-top: double 3px #804F5F;
border-bottom: double 3px #804F5F;
}
@media only screen and (max-width : 960px){
.front_01 {
	font-size:18px;
	padding: 0px;
	margin: 0px;
	padding: 2% 0 2% 10px;
	margin: 0px 0px 10px 0px;
}	
}






/* ▼▼▼画像横並び（スマホだと列が変わる）▼▼▼ */
*, *:before, *:after {
	box-sizing: border-box;
}

.col_2 {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_2 > div {
	width: 50%;
	padding: 5px;
}
@media screen and (max-width: 960px) {
.col_2 > div {
		width: 100%;
}
}
@media screen and (max-width: 480px) {
.col_2 > div {
		width: 100%;	
}
}

.col_3 {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_3 > div {
	width: 33.33333%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
.col_3 > div {
		width: 50%;
		padding: 5px 2px;
}
}
@media screen and (max-width: 480px) {
.col_3 > div {
		width: 100%;
		padding: 5px 7px;		
}
}

p.consultation {
	font-size:1.0em;
}	
@media only screen and (max-width : 480px){
p.consultation {
	font-size:1.2em;
}	
}	
	

.col_4 {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.col_4 > div {
	width: 25%;
	padding: 0px 0px 0px 0px;
	text-align: center;	
}
@media screen and (max-width: 960px) {
.col_4 > div {
	width: 50%;
}
}
@media screen and (max-width: 480px) {
.col_4 > div {
	width: 50%;
}
}

/* ▲▲▲画像横並び（スマホだと列が変わる）▲▲▲ */




.box1 {
    padding: 0em;
    margin: 0em;
    border: solid 1px #C0C0C0;
}
.box1 p {
    margin: 10px; 
    padding: 0;
	text-align:center;
}










/* ▼▼▼アーカイブにあるアイキャッチ画像▼▼▼ */
h1.archive_title {
	position: relative;
	width: 100%;
	margin: 0px 0px 0px 10px;
	padding: 5px 15px 5px 15px;
	border-bottom: 2px solid #3fa9f5;
	font-size:22px;
}
@media only screen and (max-width : 760px){
h1.archive_title {
	position: relative;
	width: 100%;
	margin: 0px 5px 0px 5px;
	padding: 5px 15px 5px 15px;
	border-bottom: 2px solid #3fa9f5;
	font-size:22px;
}	
}


h1.archive_title::before {/*疑似要素*/	
	position: absolute;
	content: "";
	width: 100%;
	min-height: 100%;
	top: -12px;
	left: 0px;
	border-bottom: 1px solid #3fa9f5;
	padding: 0px 0 0px 0;
	margin: 8px 0px 0px 0px;
}

h2.archive_title {
	font-size: 1.2em;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px;
}

/* リスト */
.archive_01 {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}
@media only screen and (max-width : 760px){
.archive_01 {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 20px 5px 20px 5px;
}	
}

/* h5 */
.archive_02 {
	font-size:16px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}
@media only screen and (max-width : 760px){
.archive_02 {
	font-size:16px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}	
}

/* 画像 */
.archive img {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 20px 5px 10px;
}
@media only screen and (max-width : 760px){
.archive img {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 5px 20px 5px 10px;
}	
}

/* ボックス */
.archive {
	width:100%;
	padding: 0.5em 1em 1.5em 1em;
    font-weight: bold;
    color: #000;/*文字色*/
    background-color: #FFF;
    border-bottom: solid 1px #C0C0C0;/*線*/
}
@media only screen and (max-width : 760px){
.archive {
	padding: 0.5em 0.5em 2.0em 0.5em;
    font-weight: bold;
    color: #000;/*文字色*/
    background-color: #FFF;
    border-bottom: solid 1px #C0C0C0;/*線*/
}	
}

.archive p {
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}
@media only screen and (max-width : 760px){
.archive p {
	font-size:12px;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}	
}
/* ▲▲▲アーカイブにあるアイキャッチ画像▲▲▲ */








/* ▼▼▼次の記事・前の記事▼▼▼ */
.box3 {
	width:100%;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
	padding: 10px 5px;
	margin: 40px 0px 40px 0px;
}


.next {
    background: #FFF;
    padding: 0px;
    overflow: hidden;
}
.next_image {
    float: left;
    margin: 0px 10px 0px 0px;
}
.next_summary {
    overflow: hidden;
	background-color:#FFF;
}
.next_heading {
    font-size: 16px;
    font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
	text-align:left;
}

p.next_text {
	padding: 0px 0px 0px 0px;
	margin: 25px 0px 0px 0px;
	text-align:left;
	line-height:1.3em;
}
@media only screen and (max-width : 760px){
p.next_text {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	text-align:left;
}	
}



.prev {
    background: #FFF;
    padding: 0px;
    overflow: hidden;
}
.prev_image {
    float: right;
    margin: 0px 0px 0px 10px;
}
.prev_summary {
    overflow: hidden;
}
.prev_heading {
    font-size: 16px;
    font-weight: bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
	text-align:right;
}

p.prev_text {
	padding: 0px 0px 0px 0px;
	margin: 25px 0px 0px 0px;
	text-align:right;
	line-height:1.2em;
}
@media only screen and (max-width : 760px){
p.prev_text {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	text-align:right;
}	
}

.prev_thumbnail {
	width:100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px;
	float: left;
}
@media only screen and (max-width : 760px){
.prev_thumbnail {
	width:70px;
	padding: 0px 0px 0px 0px;
	margin: 5px;
	float: left;
}	
}

.next_thumbnail {
	width:100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 20px;
	float: right;	
}
@media only screen and (max-width : 760px){
.next_thumbnail {
	width:70px;
	padding: 0px 0px 0px 0px;
	margin: 5px;
	float: right;
}	
}
/* ▲▲▲次の記事・前の記事▲▲▲ */





.fa-rotate-315 {
	transform: rotate(315deg);
}



/* ▼▼▼表▼▼▼ */
.box5 {
	margin:0px 8px 0px 8px;
}
table {
	width: 100%;
	table-layout: auto;
	font-size: 16px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin:10px 0;
}
@media only screen and (max-width : 760px){
table {
	table-layout: auto;
	font-size: 16px;
	border-spacing: 0px;
	border-collapse: collapse;	
}
}

th{
	border: solid 1px #aaaaaa;	
	padding: 15px 10px;
	background: #f7f7f7;
}

td{
	border: solid 1px #aaaaaa;	
	padding: 15px 10px;
	text-align: left;
}

/* ▲▲▲表▲▲▲ */

























.cp_accordionslide08 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #e60012;
margin:20px 0;	
}
.cp_accordionslide08:hover .slideitem {
width: 20%;
}
.cp_accordionslide08 .slideitem {
position: relative;
overflow: hidden;
width: 20%;
height: 60vh;
-webkit-transition: width 0.5s ease;
transition: width 0.5s ease;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #ffffff;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.cp_accordionslide08 .slideitem:nth-child(1) {
background-image: url('');
}
.cp_accordionslide08 .slideitem:nth-child(2) {
background-image: url('');
}
.cp_accordionslide08 .slideitem:nth-child(3) {
background-image: url('');
}
.cp_accordionslide08 .slideitem:nth-child(4) {
background-image: url('');
}
.cp_accordionslide08 .slideitem:nth-child(5) {
background-image: url('');
}
.cp_accordionslide08 .slideitem:before,
.cp_accordionslide08 .slideitem:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.cp_accordionslide08 .slideitem:after {
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
opacity: 1;
background: rgba(255, 233, 233, 0.65);
}
.cp_accordionslide08 .slideitem:before {
z-index: 1;
-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
transition: opacity 0.5s ease, transform 0.5s ease;
transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
-webkit-transform: translate3d(0, 0, 0) translateY(50%);
transform: translate3d(0, 0, 0) translateY(50%);
opacity: 0;

}
.cp_accordionslide08 .slideitem:hover {
width: 60% !important;
}
.cp_accordionslide08 .slideitem:hover:after {
opacity: 0;
}
.cp_accordionslide08 .slideitem:hover:before {
-webkit-transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
transition: opacity 1s ease, -webkit-transform 1s ease 0.25s;
transition: opacity 1s ease, transform 1s ease 0.25s;
transition: opacity 1s ease, transform 1s ease 0.25s, -webkit-transform 1s ease 0.25s;
-webkit-transform: translate3d(0, 0, 0) translateY(0);
transform: translate3d(0, 0, 0) translateY(0);
opacity: 1;
}
.cp_accordionslide08 .slideitem:hover .slidecont {
-webkit-transition: all 0.75s ease 0.5s;
transition: all 0.75s ease 0.5s;
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.cp_accordionslide08 .slideitem h2 {
font-size: 1.4em;
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transition: all 0.75s ease;
transition: all 0.75s ease;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
white-space: nowrap;
}
.cp_accordionslide08 .slideitem h2::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
}
.cp_accordionslide08 .slideitem:hover h2 {
top: 2%;
}
.cp_accordionslide08 .slidecont {
position: relative;
z-index: 1;
top: 10%;
margin: 0 1.618em;
-webkit-transform: translate3d(0, 0, 0) translateY(25px);
transform: translate3d(0, 0, 0) translateY(25px);
text-align: center;
opacity: 0;
}
@media only screen and (max-width:768px) {
.cp_accordionslide08 {
display: block;
}
.cp_accordionslide08:hover .slideitem {
width: 100%;
height: 20vh;
}
.cp_accordionslide08 .slideitem {
width: 100%;
height: 20vh;
}
.cp_accordionslide08 .slideitem:hover {
width: 100% !important;
height: 100vh !important;
}
.cp_accordionslide08 .slideitem h2 {
top: 35%;
}
}











.swiper-container{
   width: 100%;
   height: 300px;
}
@media only screen and (max-width:768px) {
.swiper-container{
   width: 100%;
   height: 300px;
}
}	



/* ▼▼▼表（タイムテーブルに使用）レスポンシブ▼▼▼ */
table.time {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
	table-layout: auto;
}

table.time tr {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: .35em;
}
table.time th,
table td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
}
table.time th {
  font-size: .85em;
}
table.time thead tr{
  background-color: #eee;
}
.txt{
   text-align: left;
   font-size: 1em;
	line-height:1.5em;
}
.price{
   text-align: left;
}
@media screen and (max-width: 960px) {
table.time {
    border: 0;
    width:100%
  }
table.time th{
    background-color: #eee;
    display: block;
    border-right: none;
  }
table.time thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
table.time tr {
    display: block;
    margin-bottom: .625em;
  }
  
table.time td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
	line-height:1.5em;
  }
  
table.time td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
table.time td:last-child {
    border-bottom: 0;
  }
}
/* ▲▲▲表（タイムテーブルに使用）レスポンシブ▲▲▲ */



/* ▼▼▼表（タイムテーブルに使用）レスポンシブ▼▼▼ */
table.time_01 {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
	table-layout: auto;
}

table.time_01 tr {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: .35em;
}
table.time_01 th,
table td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
}
table.time_01 th {
  font-size: .85em;
}
table.time_01 thead tr{
  background-color: #eee;
}
.txt{
   text-align: left;
   font-size: 1em;
	line-height:1.5em;
}
.price{
   text-align: left;
}
@media screen and (max-width: 960px) {
table.time_01 {
    border: 0;
    width:100%
  }
table.time_01 th{
    background-color: #eee;
    display: block;
    border-right: none;
  }
table.time_01 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
table.time_01 tr {
    display: block;
    margin-bottom: .625em;
  }
  
table.time_01 td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
	text-align: left;
    position: relative;
    padding: 1em 1em 1em 1em;
    border-right: none;
	line-height:1.5em;
  }
  
table.time_01 td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
table.time_01 td:last-child {
    border-bottom: 0;
  }
}
/* ▲▲▲表（タイムテーブルに使用）レスポンシブ▲▲▲ */


.pack {
    width: 100%;
    margin-bottom: 1em;
    float: left;
    padding: 10px;
    background-color: #333333;
}

.pack dt {
    color: #FFC337;
    padding-left: 10px;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #FFC337;
    float: left;
	margin:0.5em 0;
	font-size:1.2em;
}
.pack dd {
    color: #FFC337;
    text-align: right;
	margin:0.5em 0;
	font-size:1.2em;
}
.menu {
    color: #FFC337;
    padding-left: 10px;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #FFC337;
	margin:0.2em 0 0.4em 0em;
}
.pack li {
    margin-bottom: 0.5em;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #444444;
}

.pack1 {
    padding: 10px;
    background-color: #333333;
	width: 100%;
    margin-bottom: 1em;
}
h3.pack_01 {
    color: #FFC337;
    margin-bottom: 1em;
    padding-left: 10px;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #FFC337;
	border-bottom:none;
}
h4.pack_01 {
    color: #ED6A00;
	margin-top:0.5em;
    margin-bottom: 0.5em;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #ED6A00;
}


.benefits {
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #FFC337;
    padding-left: 10px;
}

/* ▼▼▼アコーディオン（よくある質問に使用）▼▼▼ */
.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	color: #000;
	margin: -10px 0px 0px 0px;
}
@media only screen and (max-width : 760px){
.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	color: #000;
	margin: -10px 0px 0px 0px;
}	
}

.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	font-weight: bold;
	line-height: 3;
	position: relative;
	display: block;
	padding: 10px 0 10px 10px;
	cursor: pointer;
	margin-left: auto;
    margin-right: auto;
	background: #1F1F1F;
	color:#fff;
border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #FFC337;
	font-size: 15px;
	width:100%;
    line-height:2.0em;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #fff;
	background: #333333;
}
.cp_actab .cp_actab-content p {
	margin: 1em;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 20em;
}
/* Icon */
.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	content: '\f107';
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}

.example{
	position: relative;
}
.example:after{
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: '\f107';
	color: #FFC337;/*色を変える*/
	font-size: 25px;
	margin: 0px 0px 0px 10px;
	padding-top: 0px;
}
/* ▲▲▲アコーディオン（よくある質問に使用）▲▲▲ */


/* ▼▼▼制作の流れ▼▼▼ */
.a_orange {
	color: #FF9966;
}

.box4 {
	padding: 0.3em 1em;
    margin: 1em 0;
    background: #FFC337;
    border: solid 2px #FFC337;/*線*/
    border-radius: 10px;/*角の丸み*/
	width:200px;
}
@media only screen and (max-width : 760px){
.box4 {
	width:100%;
}
}
.box4 p {
	color:#000;
	font-weight:bold;
	font-size:15px;
    margin: 0; 
    padding: 0;
}
/* ▲▲▲制作の流れ▲▲▲ */


/* ▼▼▼イベントスケジュール▼▼▼ */
.ai1ec-single-event .ai1ec-time .ai1ec-field-value, .ai1ec-multi-event .ai1ec-time .ai1ec-field-value {
    font-size: 1.2em;
	color:#fff;
}
.ai1ec-col-sm-9 {
    width: 75%;
	color:#fff;
}
.ai1ec-single-event .ai1ec-field-label, .ai1ec-multi-event .ai1ec-field-label {
    line-height: 25px;
	color:#FFC337;
}
/* ▲▲▲イベントスケジュール▲▲▲ */


/* ▼▼▼予約カレンダー▼▼▼ */
th.day-left {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #dddddd;
    line-height: 2.5rem;
	color:#000;
}
th.day-right {
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #dddddd;
	color:#000;
}
td.day-right {
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #dddddd;
    font-size: 1.5rem;
	color:#000;
	background-color:#fff;
}
a.booking-timelink {
	color:#000;
    display: block;
}

.content-form th {
    font-size: 1rem;
    line-height: 2.2rem;
    padding-right: 10px;
    text-align: right;
    vertical-align: top;
    width: 30%;
	color:#000;
}
.week-title {
	color:#000;
}
.day-box {
	background-color:#fff;
}
.day-number {
	color:#000;
}
a.calendar-daylink {
    display: block;
	color:#000;
}
/* ▲▲▲予約カレンダー▲▲▲ */



h3.shop_01 {
    color: #FFC337;
    padding-left: 10px;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #FFC337;
	margin:10px 0;
	font-size:15px;
	border-bottom:none;
}


/*
==================================================
目次タグ
==================================================
*/

.rnd1{
	padding: 15px;
	margin: 15px auto 15px auto;
	line-height: 30px;
}

.rbox2 {
	background-color: #FFF;
	border: 2px solid #bbb;
	border-radius: 15px;
}


.jump {
   margin-top:137px;
   padding-top:37px;
}

/*
==================================================
ジャンプ先を変更する
==================================================
*/

#a,#b,#c,#d,#e,#f,#g,#h,#i,#j,#k,#l,#m,#n  {
	margin-top:-60px;
	padding-top:60px;
}



a:hover img.hoverIMG{
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}


.logo img {
	margin:0 0 20px 0;
}



input[type="submit" i] {
    appearance: push-button;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: -internal-light-dark(black, white);
    background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
    box-sizing: border-box;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
	padding:3px 6px;
	margin:10px 0;
}

.box6 {
	margin:10px 0px 10px 0px;
	background-color:#fff;
	padding:10px;
}

















#roop {
	width: 4476px;
    height: 626px;
background: url(https://kochi-ccrc.com/wp-content/uploads/header-min-min.png) repeat-x;
background-position: 0 0;
    -webkit-animation: bgroop 55s linear infinite;
    animation: bgroop 55s linear infinite;
}
@-webkit-keyframes bgroop {
    from {
        background-position: 0  0;
    }
    to {
        background-position: -4000px 0;
    }
}
@keyframes bgroop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -4000px 0;
    }
}

.img-wrap {
  overflow: hidden;
  position: relative;
}

.img-wrap:before,
.img-wrap:after {
  animation: 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 1;
}

.img-wrap:before {
  animation-name: img-wrap-before;
  top: 0;
  bottom: 50%;
}

.img-wrap:after {
  animation-name: img-wrap-after;
  top: 50%;
  bottom: 0;
}

@keyframes img-wrap-before {
  100% {
    transform: translateX(100%);
  }
}

@keyframes img-wrap-after {
  100% {
    transform: translateX(-100%);
  }
}

.relative {
    position: relative;
		text-align: center;
}
.absolute {
		text-align: center;
	  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
		width: 40%;
	}

@media only screen and (max-width : 760px){
.absolute {
		text-align: center;
	  position: absolute;
  top: 50%;
  left: 50%;
		width: 70%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	}
		}





.top-banner{
	display: flex;
	flex-wrap:wrap;
}
.top-banner li {
	width: calc(100%/10);/*←画像を横に4つ並べる場合*/
	padding:0;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.top-banner li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
	border:solid 1px #ccc; /*←画像を1pxのグレーの枠線で囲む指定の場合*/
}








html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}

*,
::before,
::after {
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

/* Remove margin, padding of all elements and set background-no-repeat as default */
* {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements */
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}
body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}







.orbit-spinner, .orbit-spinner * {
      box-sizing: border-box;
    }

    .orbit-spinner {
      height: 55px;
      width: 55px;
      border-radius: 50%;
      perspective: 100%;
    }

    .orbit-spinner .orbit {
      position: absolute;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      border-radius: 50%;
    }

    .orbit-spinner .orbit:nth-child(1) {
      left: 0%;
      top: 0%;
      animation: orbit-spinner-orbit-one-animation 1200ms linear infinite;
      border-bottom: 3px solid #ff1d5e;
    }

    .orbit-spinner .orbit:nth-child(2) {
      right: 0%;
      top: 0%;
      animation: orbit-spinner-orbit-two-animation 1200ms linear infinite;
      border-right: 3px solid blue;
    }

    .orbit-spinner .orbit:nth-child(3) {
      right: 0%;
      bottom: 0%;
      animation: orbit-spinner-orbit-three-animation 1200ms linear infinite;
      border-top: 3px solid Chartreuse;
    }

    @keyframes orbit-spinner-orbit-one-animation {
      0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
      }
      100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
      }
    }

    @keyframes orbit-spinner-orbit-two-animation {
      0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
      }
      100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
      }
    }

    @keyframes orbit-spinner-orbit-three-animation {
      0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
      }
      100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
      }
    }



















































































@charset "utf-8";

/* ----------------------------------------- */
/* CSS Version 20181024
/* ----------------------------------------- */

  /* サイドバー隙間設定*/
  .sidenavi li.sp0 {
    margin-bottom: 0px;
  }
  .sidenavi li.sp5 {
    margin-bottom: 5px;
  }
  .sidenavi li.sp10 {
    margin-bottom: 10px;
  }
  .sidenavi li.sp15 {
    margin-bottom: 15px;
  }
  .sidenavi li.sp20 {
    margin-bottom: 20px;
  }

  /* メインコンテンツ隙間設定*/
  main hr.sp0 ,
  main div[class*="parts"].sp0 {
    margin-bottom: 0px;
  }
  main hr.sp5 ,
  main div[class*="parts"].sp5 {
    margin-bottom: 5px;
  }
  main hr.sp10 ,
  main div[class*="parts"].sp10 {
    margin-bottom: 10px;
  }
  main hr.sp15 ,
  main div[class*="parts"].sp15 {
    margin-bottom: 15px;
  }
  main hr.sp20 ,
  main div[class*="parts"].sp20 {
    margin-bottom: 20px;
  }
  main hr.sp25 ,
  main div[class*="parts"].sp25 {
    margin-bottom: 25px;
  }
  main hr.sp30 ,
  main div[class*="parts"].sp30 {
    margin-bottom: 30px;
  }
  main hr.sp40 ,
  main div[class*="parts"].sp40 {
    margin-bottom: 40px;
  }
  main hr.sp50 ,
  main div[class*="parts"].sp50 {
    margin-bottom: 50px;
  }
  main hr.sp60 ,
  main div[class*="parts"].sp60 {
    margin-bottom: 60px;
  }

  /* テキストリンク設定*/
  .link_blank:after {
    font-family: 'gud_basic';
    font-size: 80%;
    padding-left: 0.3em;
    padding-right: 0.3em;
    text-decoration: none;
  }

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

#parts #main-content{
  overflow: hidden;
  background-color: #FFFFFF;
}

/* ----------------------------------------- */
/* 共通設定など
/* ----------------------------------------- */
div[class*="parts"]{
  margin-bottom: 25px;
  word-break: break-all;
}
.column1w div[class*="parts"]{
  width: 950px;
  margin: 0 auto 35px auto;
}
.column1s div[class*="parts"]{
  width: 820px;
  margin: 0 auto 35px auto;
}
@media only screen and (max-width: 649px) {
  div[class*="parts"],
  .column1w div[class*="parts"],
  .column1s div[class*="parts"]{
    margin-bottom: 25px;
  }

  div[class*="parts19"],
  .column1w div[class*="parts19"],
  .column1s div[class*="parts19"],
  div[class*="parts18"],
  .column1w div[class*="parts18"],
  .column1s div[class*="parts18"]{
    margin-bottom: 15px;
  }

}

/* 区切り線の種類 */
hr{
  border-top: solid 1px #BFBFBF;
  margin-bottom: 25px;
}
.column1w hr{
  margin-bottom: 35px;
}
.column1s hr{
  margin-bottom: 35px;
}
@media only screen and (max-width: 649px) {
  hr{
    width: 90%;  
    margin-left: auto;
    margin-right: auto;
  }
}

.parts01:after,
.parts02:after,
.parts03:after,
.parts04:after,
.parts05:after,
.parts06:after,
.parts07:after,
.parts08:after,
.parts09:after,
.parts10:after,
.parts11:after,
.parts12:after,
.parts13:after,
.parts14:after,
.parts15:after,
.parts16:after,
.parts17:after,
.parts18:after,
.parts19:after,
.parts20:after,
.parts21:after,
.parts22:after,
.parts23:after,
.parts24:after,
.parts25:after,
.parts26:after,
.parts27:after,
.parts28:after,
.parts29:after,
.parts30:after,
.parts31:after,
.parts32:after,
.parts33:after,
.parts34:after,
.parts35:after{
    content: "";
    display: block;
    clear: both;
}

div[class*="parts"] .heading{
  margin-bottom: 10px;
/*  font-weight:bold; */
/*  line-height: 140%;*/
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  div[class*="parts"]{
    max-width: 100%;  
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
  }
}


/* ----------------------------------------- */
/* Tableのセル幅指定
/* ----------------------------------------- */
.tablew_fixed{
  table-layout: auto;
}

.tdw_5 { width: 5%; }
.tdw_15{ width: 15%; }
.tdw_25{ width: 25%; }
.tdw_35{ width: 35%; }
.tdw_45{ width: 45%; }
.tdw_55{ width: 55%; }
.tdw_65{ width: 65%; }
.tdw_75{ width: 75%; }
.tdw_85{ width: 85%; }
.tdw_95{ width: 95%; }

.tdw_10{ width: 10%; }
.tdw_20{ width: 20%; }
.tdw_30{ width: 30%; }
.tdw_40{ width: 40%; }
.tdw_50{ width: 50%; }
.tdw_60{ width: 60%; }
.tdw_70{ width: 70%; }
.tdw_80{ width: 80%; }
.tdw_90{ width: 90%; }
.tdw_33{ width: 33%; }

/* ----------------------------------------- */
/* パーツごと
/* ----------------------------------------- */

/* ------------------------------- */
/* parts01
/*
/* 枠あり frame
/* 色つき back_color
/* ------------------------------- */
.parts01{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

div[class*="parts01"].size5{
  width: 580px;
}
div[class*="parts01"].size6,
div[class*="parts01"].size7,
div[class*="parts01"].size8{
  width: 435px;
}

.column1w div[class*="parts01"].size5{
  width: 800px;
}
.column1w div[class*="parts01"].size6,
.column1w div[class*="parts01"].size7,
.column1w div[class*="parts01"].size8{
  width: 600px;
}

.column1s div[class*="parts01"].size5{
  width: 690px;
}
.column1s div[class*="parts01"].size6,
.column1s div[class*="parts01"].size7,
.column1s div[class*="parts01"].size8{
  width: 520px;
}

.parts01 .photo,
.parts01 .photo2,
.parts01 .txt3{
  width: 100%;
  margin-bottom: 10px;
}

.parts01 .txt,
.parts01 .txt2,
.parts01 .txt3{
  width: 100%;
}


.parts01 .photo0{
  margin-bottom: 0;
}

/* 旧ver対応 */
.parts01 .photo{
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.parts01 .heading{
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.parts01 .txt{
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}
/* 旧ver対応 */


.parts01 .photo1,
.parts01 .heading2,
.parts01 .heading3{
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.parts01 .heading1,
.parts01 .photo2,
.parts01 .txt3{
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.parts01 .txt1,
.parts01 .txt2,
.parts01 .photo3{
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}

.column1w .parts01 .photo.photo1{
  margin-bottom: 20px;
}
.column1s .parts01 .photo.photo1{
  margin-bottom: 15px;
}

.column1w .parts01 .photo.photo2{
  margin-top: 10px;
  margin-bottom: 20px;
}
.column1s .parts01 .photo.photo2{
  margin-top: 10px;
  margin-bottom: 15px;
}

.parts01.frame,
.parts01.back_color{
  padding-top: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
}
.column1w .parts01.frame,
.column1w .parts01.back_color{
  padding-top: 20px;
  padding-bottom: 25px;
  padding-left: 30px;
  padding-right: 30px;
}
.column1s .parts01.frame,
.column1s .parts01.back_color{
  padding-top: 20px;
  padding-bottom: 25px;
  padding-left: 30px;
  padding-right: 30px;
}
/* //-- old version */
.parts01.b_left .photo,
.parts01.b_left .heading,
.parts01.b_left .txt{
  text-align: left;
}
.parts01.b_center .phkioto,
.parts01.b_center .heading,
.parts01.b_center .txt{
  text-align: center;
}
.parts01 .photo.b_right,
.parts01 .heading.b_right,
.parts01 .txt.b_right{
  text-align: right;
}
/* old version --// */

.parts01 .photo.b_left,
.parts01 .heading.b_left,
.parts01 .txt.b_left{
  text-align: left;
}
.parts01 .photo.b_center,
.parts01 .heading.b_center,
.parts01 .txt.b_center{
  text-align: center;
}
.parts01 .photo.b_right,
.parts01 .heading.b_right,
.parts01 .txt.b_right{
  text-align: right;
}


/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .column1w .parts01.frame,
  .column1w .parts01.back_color,
  .column1s .parts01.frame,
  .column1s .parts01.back_color{
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .column1w .parts01 .photo,
  .column1s .parts01 .photo{
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .column1w .parts01 .photo.photo0,
  .column1s .parts01 .photo.photo0{
    margin-bottom: 0;
  }


  .parts01.size6 .photo img,
  .parts01.size7 .photo img{
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .parts01.size8 .photo img{
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

}

/* ------------------------------- */
/* parts02
/*
/* 枠あり frame
/* 色つき back_color
/* ------------------------------- */
.parts02 .heading{
}

.parts02.frame{
  padding-top: 12px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
}
.parts02.h_back_color.frame{
  padding-top: 0;
  padding-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
}
.parts02.h_back_color .txt,
.parts02.h_back_color.frame .txt{
  margin-top: 8px;
  margin-left: 20px;
  margin-right: 20px;
}

.column1w .parts02.frame{
  padding-top: 17px;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
}
.column1w .parts02.h_back_color.frame{
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}
.column1w .parts02.h_back_color .txt,
.column1w .parts02.h_back_color.frame .txt{
  margin-top: 13px;
  margin-left: 25px;
  margin-right: 25px;
}

.column1s .parts02.frame{
  padding-top: 17px;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
}
.column1s .parts02.h_back_color.frame{
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}
.column1s .parts02.h_back_color .txt,
.column1s .parts02.h_back_color.frame .txt{
  margin-top: 13px;
  margin-left: 25px;
  margin-right: 25px;
}
.parts02.b_left .photo,
.parts02.b_left .heading,
.parts02.b_left .txt{
  text-align: left;
}
.parts02.b_center .photo,
.parts02.b_center .heading,
.parts02.b_center .txt{
  text-align: center;
}
.parts02.b_right .photo,
.parts02.b_right .heading,
.parts02.b_right .txt{
  text-align: right;
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .column1w .parts02.frame,
  .column1s .parts02.frame{
    padding-top: 12px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .column1w .parts02.h_back_color.frame,
  .column1s .parts02.h_back_color.frame{
    padding-top: 0;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }
  .column1w .parts02.h_back_color .txt,
  .column1w .parts02.h_back_color.frame .txt,
  .column1s .parts02.h_back_color .txt,
  .column1s .parts02.h_back_color.frame .txt{
    margin-top: 8px;
    margin-left: 20px;
    margin-right: 20px;
  }
}

/* ------------------------------- */
/* parts07-10
/* ------------------------------- */
div[class^="parts"] table{
  margin-right: auto;
  margin-left: auto;
}
div[class^="parts"] table, div[class^="parts"] th, 
div[class^="parts"] td{
  font-weight: normal;
}
div[class^="parts"] th, div[class^="parts"] td{
  padding: 17px;
  text-align: left;
  vertical-align: top;
	line-height: 150%;
}
table.txt_m th,
table.txt_m td{
  vertical-align: middle;
}
table.txt_b th,
table.txt_b td{
  vertical-align: bottom;
}
.col1_l tr :first-child,
.col2_l tr :nth-child(2),
.col3_l tr :nth-child(3),
.col4_l tr :nth-child(4),
.col5_l tr :nth-child(5),
.col5_l tr :nth-child(6),
.col5_l tr :nth-child(7),
.col5_l tr :nth-child(8){
  text-align: left;
}
.col1_c tr :first-child,
.col2_c tr :nth-child(2),
.col3_c tr :nth-child(3),
.col4_c tr :nth-child(4),
.col5_c tr :nth-child(5),
.col6_c tr :nth-child(6),
.col7_c tr :nth-child(7),
.col8_c tr :nth-child(8){
  text-align: center;
}
.col1_r tr :first-child,
.col2_r tr :nth-child(2),
.col3_r tr :nth-child(3),
.col4_r tr :nth-child(4),
.col5_r tr :nth-child(5),
.col5_r tr :nth-child(6),
.col5_r tr :nth-child(7),
.col5_r tr :nth-child(8){
  text-align: right;
}
.no_frame table,
.no_frame tr,
.no_frame th,
.no_frame td{
  border: none;
}

div[class^="parts07"] table,
div[class^="parts08"] table,
div[class^="parts09"] table,
div[class^="parts10"] table,
div[class^="parts28"] table,
div[class^="parts29"] table,
div[class^="parts30"] table{
  width: 100%x;
}
.column1w div[class^="parts07"] table,
.column1w div[class^="parts08"] table,
.column1w div[class^="parts09"] table,
.column1w div[class^="parts10"] table,
.column1w div[class^="parts28"] table,
.column1w div[class^="parts29"] table,
.column1w div[class^="parts30"] table{
  width: 900px;
}
.column1s div[class^="parts07"] table,
.column1s div[class^="parts08"] table,
.column1s div[class^="parts09"] table,
.column1s div[class^="parts10"] table,
.column1s div[class^="parts28"] table,
.column1s div[class^="parts29"] table,
.column1s div[class^="parts30"] table{
  width: 780px;
}


div[class^="parts"].no_frame table,
div[class^="parts"].no_frame tr,
div[class^="parts"].no_frame th,
div[class^="parts"].no_frame td{
  border: none;
}
div[class^="parts"].ch_frame .child.no_frame{
  border: none;
}

/* 表の線種設定 */
div[class^="parts"].frame,
div[class^="parts"].ch_frame .child,
div[class^="parts"] th,
div[class^="parts"] td{
  border: solid 1px #000000;
}
div[class^="parts"] th,
div[class^="parts"].frame_bold table{ /* 見出し太枠 */
  border: solid 3px #000000;
}
div[class*="parts"].title_color th{ /* 色付き見出し枠リセット*/
  border: solid 1px #000000;
}
div[class^="parts"].line_bottom_solid tr{ /* 下線（実線） */
  border-bottom: solid 1px #000000;
}
div[class^="parts"].line_bottom_dashed tr{ /* 下線（破線） */
  border-bottom: dashed 1px #000000;
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  div[class^="parts07"] table,
  div[class^="parts08"] table,
  div[class^="parts09"] table,
  div[class^="parts10"] table,
  div[class^="parts11"] table,
  div[class^="parts12"] table,
  div[class^="parts28"] table,
  div[class^="parts29"] table,
  div[class^="parts30"] table{
    width: 100%;
  }
  .column1w div[class^="parts07"] table,
  .column1w div[class^="parts08"] table,
  .column1w div[class^="parts09"] table,
  .column1w div[class^="parts10"] table,
  .column1w div[class^="parts11"] table,
  .column1w div[class^="parts12"] table,
  .column1w div[class^="parts28"] table,
  .column1w div[class^="parts29"] table,
  .column1w div[class^="parts30"] table{
    width: 100%;
  }
  .column1s div[class^="parts07"] table,
  .column1s div[class^="parts08"] table,
  .column1s div[class^="parts09"] table,
  .column1s div[class^="parts10"] table,
  .column1s div[class^="parts11"] table,
  .column1s div[class^="parts12"] table,
  .column1s div[class^="parts28"] table,
  .column1s div[class^="parts29"] table,
  .column1s div[class^="parts30"] table{
    width: 100%;
  }
}


/* ------------------------------- */
/* parts11,parts12
/* ------------------------------- */
.parts11 .photo,
.parts12 .photo{
  text-align: center;
}
.parts11.img_left,
.parts11.img_right,
.parts12.img_left,
.parts12.img_right{
      content: "";
      clear: both;
}
.parts11 .txt.table_top,
.parts12 .txt.table_top{
  margin-top: 10px;
  margin-bottom: 6px;
}
.parts11 .txt.table_bottom,
.parts12 .txt.table_bottom{
  margin-top: 10px;
}
.parts11 .photo,
.parts12 .photo{
  margin-bottom: 10px;
}

.parts11 .photo.b_left,
.parts11 .img_txt .b_left,
.parts11 .txt.b_left,
.parts12 .photo.b_left,
.parts12 .img_txt .b_left,
.parts12 .txt.b_left{
  text-align: left;
}
.parts11 .photo.b_center,
.parts11 .img_txt .b_center,
.parts11 .txt.b_center,
.parts12 .photo.b_center,
.parts12 .img_txt .b_center,
.parts12 .txt.b_center{
  text-align: center;
}
.parts11 .photo.b_right,
.parts11 .img_txt .b_right,
.parts11 .txt.b_right,
.parts12 .photo.b_right,
.parts12 .img_txt .b_right,
.parts12 .txt.b_right{
  text-align: right;
}



@media print, screen and (min-width:650px) {

  /*-- Default --*/
  /* Size S */
  .parts11.img_left.size_s .child.img_txt,
  .parts12.img_left.size_s .child.img_txt{
    width: 159px;
    margin-right: 20px;
  }
  .parts11.img_left.size_s .child.table,
  .parts12.img_left.size_s .child.table{
    width: 511px;
  }
  .parts11.img_right.size_s .child.table,
  .parts12.img_right.size_s .child.table{
    width: 511px;
    margin-right: 20px;
  }
  .parts11.img_right.size_s .child.img_txt,
  .parts12.img_right.size_s .child.img_txt{
    width: 159px;
  }

  /* Size M */
  .parts11.img_left.size_m .child.img_txt,
  .parts12.img_left.size_m .child.img_txt{
    width: 210px;
    margin-right: 20px;
  }
  .parts11.img_left.size_m .child.table,
  .parts12.img_left.size_m .child.table{
    width: 460px;
  }
  .parts11.img_right.size_m .child.table,
  .parts12.img_right.size_m .child.table{
    width: 460px;
    margin-right: 20px;
  }
  .parts11.img_right.size_m .child.img_txt,
  .parts12.img_right.size_m .child.img_txt{
    width: 210px;
  }

  /* Size L */
  .parts11.img_left .child.img_txt,
  .parts12.img_left .child.img_txt,
  .parts11.img_left.size_l .child.img_txt,
  .parts12.img_left.size_l .child.img_txt{
    width: 325px;
    margin-right: 20px;
  }
  .parts11.img_left .child.table,
  .parts12.img_left .child.table,
  .parts11.img_left.size_l .child.table,
  .parts12.img_left.size_l .child.table{
    width: 345px;
  }
  .parts11.img_right .child.table,
  .parts12.img_right .child.table,
  .parts11.img_right.size_l .child.table,
  .parts12.img_right.size_l .child.table{
    width: 345px;
    margin-right: 20px;
  }
  .parts11.img_right .child.img_txt,
  .parts12.img_right .child.img_txt,
  .parts11.img_right.size_l .child.img_txt,
  .parts12.img_right.size_l .child.img_txt{
    width: 325px;
  }
  /* Size LL */
  .parts11.img_left.size_ll .child.img_txt,
  .parts12.img_left.size_ll .child.img_txt{
    width: 400px;
    margin-right: 20px;
  }
  .parts11.img_left.size_ll .child.table,
  .parts12.img_left.size_ll .child.table{
    width: 270px;
  }
  .parts11.img_right.size_ll .child.table,
  .parts12.img_right.size_ll .child.table{
    width: 270px;
    margin-right: 20px;
  }
  .parts11.img_right.size_ll .child.img_txt,
  .parts12.img_right.size_ll .child.img_txt{
    width: 400px;
  }


  /*-- Column1w --*/
  /* Size S */
  .column1w .parts11.img_left.size_s .child.img_txt,
  .column1w .parts12.img_left.size_s .child.img_txt{
    width: 210px;
    margin-right: 30px;
  }
  .column1w .parts11.img_left.size_s .child.table,
  .column1w .parts12.img_left.size_s .child.table{
    width: 710px;
  }
  .column1w .parts11.img_right.size_s .child.table,
  .column1w .parts12.img_right.size_s .child.table{
    width: 710px;
    margin-right: 30px;
  }
  .column1w .parts11.img_right.size_s .child.img_txt,
  .column1w .parts12.img_right.size_s .child.img_txt{
    width: 210px;
  }

  /* Size M */
  .column1w .parts11.img_left.size_m .child.img_txt,
  .column1w .parts12.img_left.size_m .child.img_txt{
    width: 325px;
    margin-right: 30px;
  }
  .column1w .parts11.img_left.size_m .child.table,
  .column1w .parts12.img_left.size_m .child.table{
    width: 595px;
  }
  .column1w .parts11.img_right.size_m .child.table,
  .column1w .parts12.img_right.size_m .child.table{
    width: 595px;
    margin-right: 30px;
  }
  .column1w .parts11.img_right.size_m .child.img_txt,
  .column1w .parts12.img_right.size_m .child.img_txt{
    width: 325px;
  }

  /* Size L */
  .column1w .parts11.img_left .child.img_txt,
  .column1w .parts12.img_left .child.img_txt,
  .column1w .parts11.img_left.size_l .child.img_txt,
  .column1w .parts12.img_left.size_l .child.img_txt{
    width: 400px;
    margin-right: 30px;
  }
  .column1w .parts11.img_left .child.table,
  .column1w .parts12.img_left .child.table,
  .column1w .parts11.img_left.size_l .child.table,
  .column1w .parts12.img_left.size_l .child.table{
    width: 520px;
  }
  .column1w .parts11.img_right .child.table,
  .column1w .parts12.img_right .child.table,
  .column1w .parts11.img_right.size_l .child.table,
  .column1w .parts12.img_right.size_l .child.table{
    width: 520px;
    margin-right: 30px;
  }
  .column1w .parts11.img_right .child.img_txt,
  .column1w .parts12.img_right .child.img_txt,
  .column1w .parts11.img_right.size_l .child.img_txt,
  .column1w .parts12.img_right.size_l .child.img_txt{
    width: 400px;
  }
  /* Size LL */
  .column1w .parts11.img_left.size_ll .child.img_txt,
  .column1w .parts12.img_left.size_ll .child.img_txt{
    width: 475px;
    margin-right: 30px;
  }
  .column1w .parts11.img_left.size_ll .child.table,
  .column1w .parts12.img_left.size_ll .child.table{
    width: 445px;
  }
  .column1w .parts11.img_right.size_ll .child.table,
  .column1w .parts12.img_right.size_ll .child.table{
    width: 445px;
    margin-right: 30px;
  }
  .column1w .parts11.img_right.size_ll .child.img_txt,
  .column1w .parts12.img_right.size_ll .child.img_txt{
    width: 475px;
  }

  /*-- column1s --*/
  /* Size S */
  .column1s .parts11.img_left.size_s .child.img_txt,
  .column1s .parts12.img_left.size_s .child.img_txt{
    width: 180px;
    margin-right: 30px;
  }
  .column1s .parts11.img_left.size_s .child.table,
  .column1s .parts12.img_left.size_s .child.table{
    width: 610px;
  }
  .column1s .parts11.img_right.size_s .child.table,
  .column1s .parts12.img_right.size_s .child.table{
    width: 610px;
    margin-right: 30px;
  }
  .column1s .parts11.img_right.size_s .child.img_txt,
  .column1s .parts12.img_right.size_s .child.img_txt{
    width: 180px;
  }

  /* Size M */
  .column1s .parts11.img_left.size_m .child.img_txt,
  .column1s .parts12.img_left.size_m .child.img_txt{
    width: 250px;
    margin-right: 30px;
  }
  .column1s .parts11.img_left.size_m .child.table,
  .column1s .parts12.img_left.size_m .child.table{
    width: 540px;
  }
  .column1s .parts11.img_right.size_m .child.table,
  .column1s .parts12.img_right.size_m .child.table{
    width: 540px;
    margin-right: 30px;
  }
  .column1s .parts11.img_right.size_m .child.img_txt,
  .column1s .parts12.img_right.size_m .child.img_txt{
    width: 250px;
  }

  /* Size L */
  .column1s .parts11.img_left .child.img_txt,
  .column1s .parts12.img_left .child.img_txt,
  .column1s .parts11.img_left.size_l .child.img_txt,
  .column1s .parts12.img_left.size_l .child.img_txt{
    width: 370px;
    margin-right: 30px;
  }
  .column1s .parts11.img_left .child.table,
  .column1s .parts12.img_left .child.table,
  .column1s .parts11.img_left.size_l .child.table,
  .column1s .parts12.img_left.size_l .child.table{
    width: 420px;
  }
  .column1s .parts11.img_right .child.table,
  .column1s .parts12.img_right .child.table,
  .column1s .parts11.img_right.size_l .child.table,
  .column1s .parts12.img_right.size_l .child.table{
    width: 420px;
    margin-right: 30px;
  }
  .column1s .parts11.img_right .child.img_txt,
  .column1s .parts12.img_right .child.img_txt,
  .column1s .parts11.img_right.size_l .child.img_txt,
  .column1s .parts12.img_right.size_l .child.img_txt{
    width: 370px;
  }
  /* Size LL */
  .column1s .parts11.img_left.size_ll .child.img_txt,
  .column1s .parts12.img_left.size_ll .child.img_txt{
    width: 440px;
    margin-right: 30px;
  }
  .column1s .parts11.img_left.size_ll .child.table,
  .column1s .parts12.img_left.size_ll .child.table{
    width: 350px;
  }
  .column1s .parts11.img_right.size_ll .child.table,
  .column1s .parts12.img_right.size_ll .child.table{
    width: 350px;
    margin-right: 30px;
  }
  .column1s .parts11.img_right.size_ll .child.img_txt,
  .column1s .parts12.img_right.size_ll .child.img_txt{
    width: 440px;
  }


  .parts11.img_left .child.img_txt,
  .parts12.img_left .child.img_txt{
    float: left;
  }
  .parts11.img_left .child.table,
  .parts12.img_left .child.table{
    float: right;
  }
  .parts11.img_right .child.table,
  .parts12.img_right .child.table{
    float: left;
  }
  .parts11.img_right .child.img_txt,
  .parts12.img_right .child.img_txt{
    float: right;
  }

  .parts11 table,
  .parts12 table{
    width: 100%;
  }
  .parts11 .heading,
  .parts12 .heading{
  }
  .parts11 .photo,
  .parts12 .photo{
    width: 100%;
  }
  .parts11 .child,
  .parts12 .child{
    margin-bottom: 0;
  }
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .parts11.img_left .child.img_txt,
  .parts12.img_left .child.img_txt,
  .column1w .parts11.img_left .child.img_txt,
  .column1w .parts12.img_left .child.img_txt,
  .column1s .parts11.img_left .child.img_txt,
  .column1s .parts12.img_left .child.img_txt{
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .parts11.img_left .child.table,
  .parts12.img_left .child.table,
  .column1w .parts11.img_left .child.table,
  .column1w .parts12.img_left .child.table,
  .column1s .parts11.img_left .child.table,
  .column1s .parts12.img_left .child.table{
    width: 100%;
    float: none;
  }
  .parts11.img_right .child.table,
  .parts12.img_right .child.table,
  .column1w .parts11.img_right .child.table,
  .column1w .parts12.img_right .child.table,
  .column1s .parts11.img_right .child.table,
  .column1s .parts12.img_right .child.table{
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .parts11.img_right .child.img_txt,
  .parts12.img_right .child.img_txt,
  .column1w .parts11.img_right .child.img_txt,
  .column1w .parts12.img_right .child.img_txt,
  .column1s .parts11.img_right .child.img_txt,
  .column1s .parts12.img_right .child.img_txt{
    width: 100%;
    float: none;
  }

  .parts11 .photo,
  .parts12 .photo{
    margin-top: 15px;
  }
  .parts11 .img_txt,
  .parts12 .img_txt{
    margin-top: 10px;
  }
}

/* ------------------------------- */
/* parts13
/* ------------------------------- */

.parts13 .heading{
}
.parts13 p{
}
.parts13 .img_left,
.parts13 .img_right{
      content: "";
      display: block;
      clear: both;
}

.parts13 .img_left .child.image{
  margin-right: 20px;
}
.parts13 .img_right .child.txt{
  margin-right: 20px;
}
.column1w .parts13 .img_left .child.image{
  margin-right: 30px;
}
.column1w .parts13 .img_right .child.txt{
  margin-right: 30px;
}
.column1s .parts13 .img_left .child.image{
  margin-right: 30px;
}
.column1s .parts13 .img_right .child.txt{
  margin-right: 30px;
}

.parts13 .img_left .child.image{
  float: left;
}
.parts13 .img_left .child.txt{
  float: right;
}
.parts13 .img_right .child.txt{
  float: left;
}
.parts13 .img_right .child.image{
  float: right;
}
.parts13 .image{
  text-align: center;
}

.parts13 .image.b_left,
.parts13 .txt .b_left{
  text-align: left;
}
.parts13 .image.b_center,
.parts13 .txt .b_center{
  text-align: center;
}
.parts13 .image.b_right,
.parts13 .txt .b_right{
  text-align: right;
}


/* Default */
  /* Size LL */
.parts13.size_ll .txt{
  width: 270px;
}
.parts13.size_ll .image{
  width: 400px;
}
  /* Size L */
.parts13.size_l .txt{
  width: 345px;
}
.parts13.size_l .image{
  width: 325px;
}
  /* Size M */
.parts13.size_m .txt{
  width: 460px;
}
.parts13.size_m .image{
  width: 210px;
}
  /* Size S */
.parts13.size_s .txt{
  width: 511px;
}
.parts13.size_s .image{
  width: 159px;
}
/* Column1w */
  /* Size LL */
.column1w .parts13.size_ll .txt{
  width: 445px;
}
.column1w .parts13.size_ll .image{
  width: 475px;
}
  /* Size L */
.column1w .parts13.size_l .txt{
  width: 520px;
}
.column1w .parts13.size_l .image{
  width: 400px;
}
  /* Size M */
.column1w .parts13.size_m .txt{
  width: 595px;
}
.column1w .parts13.size_m .image{
  width: 325px;
}
  /* Size S */
.column1w .parts13.size_s .txt{
  width: 710px;
}
.column1w .parts13.size_s .image{
  width: 210px;
}
/* Column1s */
  /* Size LL */
.column1s .parts13.size_ll .txt{
  width: 340px;
}
.column1s .parts13.size_ll .image{
  width: 440px;
}
  /* Size L */
.column1s .parts13.size_l .txt{
  width: 420px;
}
.column1s .parts13.size_l .image{
  width: 370px;
}
  /* Size M */
.column1s .parts13.size_m .txt{
  width: 540px;
}
.column1s .parts13.size_m .image{
  width: 250px;
}
  /* Size S */
.column1s .parts13.size_s .txt{
  width: 610px;
}
.column1s .parts13.size_s .image{
  width: 180px;
}



/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .parts13.size_ll .img_left .child.image,
  .parts13.size_l .img_left .child.image,
  .column1w .parts13.size_ll .img_left .child.image,
  .column1w .parts13.size_l .img_left .child.image,
  .column1s .parts13.size_ll .img_left .child.image,
  .column1s .parts13.size_l .img_left .child.image{
    float: none;
    margin-right: 0;
  }
  .parts13.size_ll .img_left .child.txt,
  .parts13.size_l .img_left .child.txt,
  .column1w .parts13.size_ll .img_left .child.txt,
  .column1w .parts13.size_l .img_left .child.txt,
  .column1s .parts13.size_ll .img_left .child.txt,
  .column1s .parts13.size_l .img_left .child.txt{
    margin-bottom: 10px;
    float: none;
  }
  .parts13.size_ll .img_right .child.txt,
  .parts13.size_l .img_right .child.txt,
  .column1w .parts13.size_ll .img_right .child.txt,
  .column1w .parts13.size_l .img_right .child.txt,
  .column1s .parts13.size_ll .img_right .child.txt,
  .column1s .parts13.size_l .img_right .child.txt{
    margin-bottom: 10px;
    float: none;
    margin-right: 0;
  }
  .parts13.size_ll .img_right .child.image,
  .parts13.size_l .img_right .child.image,
  .column1w .parts13.size_ll .img_right .child.image,
  .column1w .parts13.size_l .img_right .child.image,
  .column1s .parts13.size_ll .img_right .child.image,
  .column1s .parts13.size_l .img_right .child.image{
    float: none;
  }
  
  .parts13.size_m .img_left .child.image,
  .parts13.size_s .img_left .child.image,
  .column1w .parts13.size_m .img_left .child.image,
  .column1w .parts13.size_s .img_left .child.image,
  .column1s .parts13.size_m .img_left .child.image,
  .column1s .parts13.size_s .img_left .child.image{
    margin-right: 5%;
  }
  .parts13.size_m .img_right .child.txt,
  .parts13.size_s .img_right .child.txt,
  .column1w .parts13.size_m .img_right .child.txt,
  .column1w .parts13.size_s .img_right .child.txt,
  .column1s .parts13.size_m .img_right .child.txt,
  .column1s .parts13.size_s .img_right .child.txt{
    margin-bottom: 10px;
    margin-right: 5%;
  }
  
  /* Size LL */
  .parts13.size_ll .txt,
  .column1w .parts13.size_ll .txt,
  .column1s .parts13.size_ll .txt{
    width: 100%;
  }
  .parts13.size_ll .image,
  .column1w .parts13.size_ll .image,
  .column1s .parts13.size_ll .image{
    width: 100%;
  }
  .parts13.size_ll .image img,
  .column1w .parts13.size_ll .image img,
  .column1s .parts13.size_ll .image img{
    max-width: 100%;
  }
  /* Size L */
  .parts13.size_l .txt,
  .column1w .parts13.size_l .txt,
  .column1s .parts13.size_l .txt{
    width: 100%;
  }
  .parts13.size_l .image,
  .column1w .parts13.size_l .image,
  .column1s .parts13.size_l .image{
    width: 100%;
    text-align: center;
  }
  /* Size M */
  .parts13.size_m .txt,
  .column1w .parts13.size_m .txt,
  .column1s .parts13.size_m .txt{
    width: 62%;
  }
  .parts13.size_m .image,
  .column1w .parts13.size_m .image,
  .column1s .parts13.size_m .image{
    width: 33%;
  }
  /* Size S */
  .parts13.size_s .txt,
  .column1w .parts13.size_s .txt,
  .column1s .parts13.size_s .txt{
    width: 70%;
  }
  .parts13.size_s .image,
  .column1w .parts13.size_s .image,
  .column1s .parts13.size_s .image{
    width: 25%;
  }
}


/* ------------------------------- */
/* parts14
/* ------------------------------- */
.parts14 p{
}
.parts14 .heading{
}
.parts14 .img_left,
.parts14 .img_right{
      content: "";
      display: block;
      clear: both;
}

.parts14 .img_left .child.txt{
  float: right;
}
.parts14 .img_right .child.image{
  float: right;
}

.parts14 .img_left .child.image{
  float: left;
  margin-right: 15px;
}
.parts14 .img_right .child.txt{
  float: left;
  margin-right: 15px;
}
.column1w .parts14 .img_left .child.image{
  margin-right: 20px;
}
.column1w .parts14 .img_right .child.txt{
  margin-right: 20px;
}
.column1s .parts14 .img_left .child.image{
  margin-right: 20px;
}
.column1s .parts14 .img_right .child.txt{
  margin-right: 20px;
}

.parts14 .image{
  width: 435px;
  text-align: center;
}
.parts14 .txt{
  width: 240px;
}
.parts14 .image .photo{
  width: 210px;
  margin-right: 15px;
  text-align: center;
  float: left;
}

.parts14 .image .photo.b_left,
.parts14 .txt .b_left{
  text-align: left;
}
.parts14 .image .photo.b_center,
.parts14 .txt .b_center{
  text-align: center;
}
.parts14 .image .photo.b_right,
.parts14 .txt .b_right{
  text-align: right;
}



.column1w .parts14 .image{
  width: 580px;
}
.column1w .parts14 .txt{
  width: 350px;
}
.column1w .parts14 .image .photo{
  width: 280px;
  margin-right: 20px;
}
.column1s .parts14 .image{
  width: 500px;
}
.column1s .parts14 .txt{
  width: 300px;
}
.column1s .parts14 .image .photo{
  width: 240px;
  margin-right: 20px;
}


.parts14 .image .photo+.photo{
  margin-right: 0;
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .parts14 .img_left .child.image{
    float: none;
    margin-right: 0;
  }
  .parts14 .img_left .child.txt{
    float: none;
    margin-bottom: 10px;
  }
  .parts14 .img_right .child.txt{
    float: none;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .parts14 .img_right .child.image{
    float: none;
  }
  .parts14 .txt,
  .column1w .parts14 .txt,
  .column1s .parts14 .txt{
    width: 100%;
  }
  .parts14 .image,
  .column1w .parts14 .image,
  .column1s .parts14 .image{
    width: 100%;
  }
  .parts14 .image .photo,
  .column1w .parts14 .image .photo,
  .column1s .parts14 .image .photo{
    width: 48%;
    margin-right: 4%;
  }
  .parts14 .image .photo+.photo{
    margin-right: 0;
  }
}


/* ------------------------------- */
/* parts15
/* ------------------------------- */
.parts15 .child{
  width: 335px;
  margin-right: 20px;
}
.parts15 .child .cell{
  width: 160px;
}
.parts15 .child .cell.txt_t,
.parts15 .child .cell.txt_m,
.parts15 .child .cell.txt_b{
  width: 150px;
  padding-left: 10px;
}
.column1w .parts15 .child{
  width: 460px;
  margin-right: 30px;
}
.column1w .parts15 .child .cell{
  width: 215px;
}
.column1w .parts15 .child .cell.txt_t,
.column1w .parts15 .child .cell.txt_m,
.column1w .parts15 .child .cell.txt_b{
  width: 245px;
  padding-left: 20px;
}
.column1s .parts15 .child{
  width: 396px;
  margin-right: 28px;
}
.column1s .parts15 .child .cell{
  width: 185px;
}
.column1s .parts15 .child .cell.txt_t,
.column1s .parts15 .child .cell.txt_m,
.column1s .parts15 .child .cell.txt_b{
  width: 195px;
  padding-left: 16px;
}


.parts15 .child{
  float: left;
}
.parts15 .child .cell{
  display: table-cell;
}

.parts15 .child+.child{
  margin-right: 0;
}

.parts15 .photo.b_left,
.parts15 .txt .b_left{
  text-align: left;
}
.parts15 .photo.b_center,
.parts15 .txt .b_center{
  text-align: center;
}
.parts15 .photo.b_right,
.parts15 .txt .b_right{
  text-align: right;
}


/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .parts15 .child,
  .column1w .parts15 .child,
  .column1s .parts15 .child{
    width: 100%;
    margin-right: 0;
    float: none;
    margin-bottom: 25px;
  }
  .parts15 .child:after{
      content: "";
      display: block;
      clear: both;
  }
  .parts15 .child .cell,
  .column1w .parts15 .child .cell,
  .column1s .parts15 .child .cell{
    width: 45%;
    display: block;
    float: left;
  }
  .parts15 .child .cell.txt_t,
  .parts15 .child .cell.txt_m,
  .parts15 .child .cell.txt_b,
  .column1w .parts15 .child .cell.txt_t,
  .column1w .parts15 .child .cell.txt_m,
  .column1w .parts15 .child .cell.txt_b,
  .column1s .parts15 .child .cell.txt_t,
  .column1s .parts15 .child .cell.txt_m,
  .column1s .parts15 .child .cell.txt_b{
    width: 50%;
    padding-left: 5%;
  }
  .parts15 .child .cell.photo img{
    max-width: 100%;
  }
}

/* ------------------------------- */
/* parts16
/* ------------------------------- */
/* 大 */
.parts16.size_l .question{
  margin-bottom: 8px;
  min-height: 80px;
	padding-left: 90px;
  /* 大 w690の場合、80px角の正方形 */
	/* background-image: url(/parts_theme_image/q_l_img.png); */
  background-position: left top;
  background-repeat: no-repeat;
}
.parts16.size_l .answer{
  min-height: 80px;
	padding-left: 90px;
  /* 大 w690の場合、80px角の正方形 */
	/* background-image: url(/parts_theme_image/a_l_img.png); */
  background-position: left top;
  background-repeat: no-repeat;
}
.parts16.size_l .question p{
  color: #de003f;
  background-color: #e6e6e6;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.parts16.size_l .answer p{
  padding-left: 15px;
  padding-right: 15px;
}
/* 小 */
.parts16.size_s .question{
  margin-bottom: 8px;
  min-height: 45px;
	padding-left: 55px;
  /* 小 w690の場合、45px角の正方形*/
	/* background-image: url(/parts_theme_image/q_s_img.png); */
  background-position: left top;
  background-repeat: no-repeat;
}
.parts16.size_s .answer{
  min-height: 45px;
	padding-left: 55px;
  /* 小 w690の場合、45px角の正方形*/
	/* background-image: url(/parts_theme_image/a_s_img.png); */
  background-position: left top;
  background-repeat: no-repeat;
}
.parts16.size_s .question p{
  color: #de003f;
  background-color: #e6e6e6;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.parts16.size_s .answer p{
  padding-left: 15px;
  padding-right: 15px;
}


/* ------------------------------- */
/* parts17
/* ------------------------------- */
.parts17 img{
  padding-top: 20px;
  margin-bottom: 10px;
  background-position: center top;
  background-repeat: no-repeat;
}
.parts17.top_bottom .before img,
.parts17.left_right .before img{
  /* 幅300px、高さ20px 以内 BEFOREの文字画像 */
  /* background-image: url(/parts_theme_image/before.png); */
  background-position: left top;
  
}
.parts17.top_bottom .after img,
.parts17.left_right .after img{
  /* 幅300px、高さ20px 以内 AFTERの文字画像 */
  /* background-image: url(/parts_theme_image/after.png); */
  background-position: left top;
}

/* ---------- */
/* 縦
/* ---------- */
.parts17.top_bottom .before{
  overflow: hidden;
  background-position: left bottom;
  background-repeat: no-repeat;
  /* 幅300px、高さ45px以内 */
  /* background-image: url(/parts_theme_image/arrow_v.gif); */
  padding-bottom: 45px;
}

.parts17.top_bottom .txt p{
  margin-top: 20px;
}

.parts17.top_bottom .photo{
  width: 300px;
  margin-right: 40px;
}
.parts17.top_bottom .txt{
  width: 350px;
}
.column1w .parts17.top_bottom .photo{
  width: 325px;
  margin-right: 30px;
}
.column1w .parts17.top_bottom .txt{
  width: 595px;
}
.column1s .parts17.top_bottom .photo{
  width: 325px;
  margin-right: 30px;
}
.column1s .parts17.top_bottom .txt{
  width: 465px;
}

.parts17.top_bottom .photo{
  float: left;
  text-align: center;
}
.parts17.top_bottom .txt{
  float: left;
}
/* ---------- */
/* 横
/* ---------- */
.parts17.left_right .before{
  width: 390px;
}
.column1w .parts17.left_right .before{
  width: 520px;
}
.column1s .parts17.left_right .before{
  width: 455px;
}
.parts17.left_right .before{
  float: left;
  background-position: right center;
  background-repeat: no-repeat;
  /* 幅300px、高さ45px以内 */
  /* background-image: url(/parts_theme_image/arrow_h.gif); */
  padding-right: 90px;
}

.parts17.left_right .after{
  width: 300px;
}
.parts17.left_right .photo{
  width: 300px;
}
.parts17.left_right .txt{
  width: 300px;
}
.column1w .parts17.left_right .after{
  width: 430px;
}
.column1w .parts17.left_right .photo{
  width: 430px;
}
.column1w .parts17.left_right .txt{
  width: 430px;
}
.column1s .parts17.left_right .after{
  width: 365px;
}
.column1s .parts17.left_right .photo{
  width: 365px;
}
.column1s .parts17.left_right .txt{
  width: 365px;
}

.parts17.left_right .after{
  float: left;
}
.parts17.left_right .photo{
  text-align: center;
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .parts17.top_bottom .txt p{
    margin-top: 0;
  }

  .parts17.top_bottom .before{
    background-position: center bottom;
  }
  .parts17.top_bottom .photo,
  .column1w .parts17.top_bottom .photo,
  .column1s .parts17.top_bottom .photo{
    width: 100%;
    float: none;
    margin-right: 0;
  }
  .parts17.top_bottom .txt,
  .column1w .parts17.top_bottom .txt,
  .column1s .parts17.top_bottom .txt{
    width: 100%;
    float: none;
  }
  
  .parts17.left_right .before,
  .column1w .parts17.left_right .before,
  .column1s .parts17.left_right .before{
    width: 100%;
    float: none;
    background-position: center bottom;
  /* 幅300px、高さ45px以内 */
/*
    background-image: url(/parts_theme_image/arrow_v.gif);
*/
    padding-right: 0;
    padding-bottom: 45px;
  }
  .parts17.left_right .after,
  .column1w .parts17.left_right .after,
  .column1s .parts17.left_right .after{
    width: 100%;
    float: none;
  }
  .parts17.left_right .photo,
  .column1w .parts17.left_right .photo,
  .column1s .parts17.left_right .photo{
    width: 100%;
    text-align: center;
  }
  .parts17.left_right .txt,
  .column1w .parts17.left_right .txt,
  .column1s .parts17.left_right .txt{
    width: 100%;
  }
}


/* ------------------------------- */
/* parts18
/* ------------------------------- */
.parts18 h2, .parts18 h3, .parts18 h4{
  background-repeat: no-repeat;
}
.parts18 h3{
  margin-bottom: 0;
}

/* ------------------------------- */
/* parts19
/* ------------------------------- */
.parts19 h3{
  margin-bottom: 0;
}

.parts19.b_left{
  text-align: left;
}
.parts19.b_center{
  text-align: center;
}
.parts19.b_right{
  text-align: right;
}

/* ------------------------------- */
/* parts20
/* ------------------------------- */
div[class*="parts20"]{
  margin-right: auto;
  margin-left: auto;
}
.parts20.w100{
  width: 690px;
}
.column1w .parts20.w100{
  width: 950px;
}
.column1s .parts20.w100{
  width: 820px;
}

.parts20.w94{
  width: 650px;
}
.column1w .parts20.w94{
  width: 900px;
}
.column1s .parts20.w94{
  width: 780px;
}

.parts20.w86{
  width: 600px;
}
.column1w .parts20.w86{
  width: 820px;
}
.column1s .parts20.w86{
  width: 700px;
}

div[class*="parts20"] iframe{
  display: block;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 649px) {
  .parts20 iframe{
    max-width: 100%;
/*    max-height: 500px; 2019/10/19 削除 */
  }
  .parts20.w100,
  .column1w .parts20.w100,
  .column1s .parts20.w100{
    width: 100%;
  }
  .parts20.w94,
  .column1w .parts20.w94,
  .column1s .parts20.w94{
    width: 94%;
  }
  .parts20.w86,
  .column1w .parts20.w86,
  .column1s .parts20.w86{
    width: 86%;
  }
}

/* ------------------------------- */
/* parts21
/* ------------------------------- */
.parts21 .html_fm iframe{
  max-width: 100%;
}
.parts21 .child{
  float: left;
  width: 325px;
  margin-right: 40px;
}
.column1w .parts21 .child{
  float: left;
  width: 460px;
  margin-right: 30px;
}
.column1s .parts21 .child{
  float: left;
  width: 395px;
  margin-right: 30px;
}
.parts21 .child+.child{
  margin-right: 0;
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .parts21 .child,
  .column1w .parts21 .child,
  .column1s .parts21 .child{
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .parts21 iframe{
    max-width: 100%;
  }
}

/* ------------------------------- */
/* parts22
/* ------------------------------- */
.parts22.b_left{
  text-align: left;
}
.parts22.b_center{
  text-align: center;
}
.parts22.b_right{
  text-align: right;
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
}

/* ------------------------------- */
/* parts23
/* 
/* 類似 parts03
/* ------------------------------- */
.parts23 .child{
  width: 325px;
  float: left;
  margin-right: 40px;
}
.column1w .parts23 .child{
  width: 460px;
  float: left;
  margin-right: 30px;
}
.column1s .parts23 .child{
  width: 390px;
  float: left;
  margin-right: 40px;
}

.parts23 .child{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.parts23 .child+.child{
  margin-right: 0;
}

.parts23 .photo{
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;

  width: 100%;
  margin-bottom: 10px;
}
.parts23 .photo.p_left{
  text-align: left;
}
.parts23 .photo.p_center{
  text-align: center;
}
.parts23 .photo.p_right{
  text-align: right;
}
.parts23 .heading{
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.parts23 .txt{
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
  
  width: 100%;
}

.parts23.ch_frame .child,
.parts23.ch_back_color .child{
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
}
.column1w .parts23.ch_frame .child,
.column1w .parts23.ch_back_color .child{
  padding-top: 25px;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
}
.column1s .parts23.ch_frame .child,
.column1s .parts23.ch_back_color .child{
  padding-top: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.parts23.b_left .heading,
.parts23.b_left p{
  text-align: left;
}
.parts23.b_center .heading,
.parts23.b_center p{
  text-align: center;
}
.parts23.b_right .heading,
.parts23.b_right p{
  text-align: right;
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .parts23 .child,
  .column1w .parts23 .child,
  .column1s .parts23 .child{
    width: 100%;
    float: none;
    margin-bottom: 25px;
  }
  .parts23 .child .photo,
  .parts23 .child .heading{
    width: 100%;
  }

  .column1w .parts23.ch_frame .child,
  .column1w .parts23.ch_back_color .child,
  .column1s .parts23.ch_frame .child,
  .column1s .parts23.ch_back_color .child{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ------------------------------- */
/* parts24
/* 
/* 類似 parts05
/* ------------------------------- */
.parts24 .child{
  width: 210px;
  float: left;
  margin-right: 30px;
}
.column1w .parts24 .child{
  width: 296px;
  float: left;
  margin-right: 31px;
}
.column1s .parts24 .child{
  width: 250px;
  float: left;
  margin-right: 35px;
}

.parts24.Lsize .child{
  width: 226px;
  float: left;
  margin-right: 6px;
}
.column1w .parts24.Lsize .child{
  width: 310px;
  float: left;
  margin-right: 10px;
}
.column1s .parts24.Lsize .child{
  width: 268px;
  float: left;
  margin-right: 8px;
}

.parts24 .child img{
  max-width: 100%;
  height: auto;
}

.parts24 .child{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.parts24 .child+.child+.child{
  margin-right: 0;
}

.parts24 .photo{
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;

  width: 100%;
  margin-bottom: 10px;
}
.parts24 .heading{
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.parts24 .txt{
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
  
  width: 100%;
}

.parts24.ch_frame .child,
.parts24.ch_back_color .child{
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.column1w .parts24.ch_frame .child,
.column1w .parts24.ch_back_color .child{
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.column1s .parts24.ch_frame .child,
.column1s .parts24.ch_back_color .child{
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.parts24.b_left .photo,
.parts24.b_left .heading{
  text-align: left;
}
.parts24.b_center .photo,
.parts24.b_center .heading{
  text-align: center;
}
.parts24.b_right .photo,
.parts24.b_right .heading{
  text-align: right;
}

@media only screen and (max-width: 649px) {
  .parts24 .child,
  .column1w .parts24 .child,
  .column1s .parts24 .child{
    width: 30%;
    margin-right: 5%;
    margin-bottom: 25px;
  }
  .parts24 .child .heading{
    text-align: center;
  }
  .parts24.ch_frame .child,
  .parts24.ch_back_color .child,
  .column1w .parts24.ch_frame .child,
  .column1w .parts24.ch_back_color .child,
  .column1s .parts24.ch_frame .child,
  .column1s .parts24.ch_back_color .child{
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .parts24 .child .photo,
  .parts24 .child .heading{
    width: 100%;
  }
  .parts24 img{
    max-width: 100%;
  }
}

/* ------------------------------- */
/* parts25
/* 
/* 類似 parts06
/* ------------------------------- */
.parts25 .ch_group,
.parts25 .child{
  margin-bottom: 0;
}
.parts25 .ch_group{
  float: left;
  margin-right: 18px;
}
.parts25 .ch_group .child{
  width: 159px;
  float: left;
  margin-right: 18px;
}
.column1w .parts25 .ch_group .child{
  width: 215px;
  float: left;
  margin-right: 30px;
}
.column1s .parts25 .ch_group .child{
  width: 187px;
  float: left;
  margin-right: 24px;
}

.parts25 .ch_group .child{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.parts25 .ch_group .child+.child{
  margin-right: 0;
}
.parts25 .ch_group+.ch_group{
  margin-right: 0;
}

.parts25 .photo{
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;

  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
.parts25 .heading{
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.parts25 .txt{
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;

  width: 100%;
}

.parts25.b_left .photo,
.parts25.b_left .heading{
  text-align: left;
}
.parts25.b_center .photo,
.parts25.b_center .heading{
  text-align: center;
}
.parts25.b_right .photo,
.parts25.b_right .heading{
  text-align: right;
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .parts25 .ch_group{
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .parts25 .ch_group .child,
  .column1w .parts25 .ch_group .child,
  .column1s .parts25 .ch_group .child{
    width: 47%;
    margin-right: 6%;
  }
  .parts25 .ch_group .child .photo,
  .parts25 .ch_group .child .txt{
    width: 100%;
  }
  .parts25 .ch_group .child+.child{
    margin-right: 0;
  }
  .parts25 .ch_group:after{
    content: "";
    display: block;
    clear: both;
  }
}

/* ------------------------------- */
/* parts26
/* ------------------------------- */
.parts26.reverse{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.parts26.reverse .left{
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.parts26.reverse right{
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}

.parts26.reverse .child.left{
  margin-left: 18px;
  margin-right: 0;
}
.column1w .parts26.reverse .child.left{
  margin-left: 32px;
  margin-right: 0;
}
.column1s .parts26.reverse .child.left{
  margin-left: 20px;
  margin-right: 0;
}
/* 逆表示 Smart Phone View */
@media only screen and (max-width: 649px) {
  .parts26.reverse .heading.pc{
    display: block;
  }
  .parts26.reverse .heading.sp{
    display: none;
  }
  .parts26.reverse .child.right .ch_group{
    margin-bottom: 10px;
  }
}


.parts26 .child.left{
  margin-right: 18px;
}
.column1w .parts26 .child.left{
  margin-right: 32px;
}
.column1s .parts26 .child.left{
  margin-right: 20px;
}

.parts26 .child.left{
  float: left;
}
.parts26 .child.right{
  float: left;
}
.parts26 .mainimg{
  text-align: center;
  margin-bottom: 15px;
}

.parts26 .text_head,
.parts26 .text_foot{
  margin-bottom: 10px;
  overflow: hidden;
}
.parts26 .text_head img,
.parts26 .text_foot img{
  float: right;
  margin-left: 5px;
  margin-bottom: 5px;
}
/* Default */
.parts26 .right{
  width: 336px;
}
.parts26 .left{
  width: 336px;
}
/* Column1w */
.column1w .parts26 .right{
  width: 459px;
}
.column1w .parts26 .left{
  width: 459px;
}
/* Column1s */
.column1s .parts26 .right{
  width: 400px;
}
.column1s .parts26 .left{
  width: 400px;
}

/* Table */
.parts26 .child.right .table{
  width: 336px;
}
.column1w .parts26 .child.right .table{
  width: 459px;
}
.column1s .parts26 .child.right .table{
  width: 400px;
}
.parts26 table{
  width: 100%;
  margin-bottom: 15px;
  font-size: 90%;
  line-height: 1.2em;
}
.parts26.table{
  margin-bottom: 0;
}

/* grand child */
.parts26 .gr_child{
  margin-bottom: 0;
}
.parts26 .ch_group .gr_child{
  width: 159px;
  min-height: 1px;
  float: left;
  margin-right: 18px;
}
.column1w .parts26 .ch_group .gr_child{
  width: 214px;
  float: left;
  margin-right: 31px;
}
.column1s .parts26 .ch_group .gr_child{
  width: 190px;
  float: left;
  margin-right: 20px;
}

.parts26 .ch_group .gr_child+.gr_child{
  margin-right: 0;
}

.parts26 .gr_img{
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
.parts26 .gr_txt{
  width: 100%;
  font-size: 90%;
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .parts26 .child.left,
  .column1w .parts26 .child.left,
  .column1s .parts26 .child.left{
    float: none;
    margin-right: 0;
  }
  .parts26 .child.right,
  .column1w .parts26 .child.right,
  .column1s .parts26 .child.right{
    margin-bottom: 10px;
    float: none;
  }
  
  .parts26 .right,
  .column1w .parts26 .right,
  .column1s .parts26 .right{
    width: 100%;
  }
  .parts26 .left,
  .column1w .parts26 .left,
  .column1s .parts26 .left{
    width: 100%;
  }
  .parts26 .left img,
  .column1w .parts26 .left img,
  .column1s .parts26 .left img{
    max-width: 100%;
  }
  /* Table */
  .parts26 .child.right .table,
  .column1w .parts26 .child.right .table,
  .column1s .parts26 .child.right .table{
    width: 100%;
  }
  /* grand child */
  .parts26 .ch_group{
    width: 100%;
    margin-bottom: 25px;
  }
  .parts26 .ch_group .gr_child,
  .column1w .parts26 .ch_group .gr_child,
  .column1s .parts26 .ch_group .gr_child{
    width: 47%;
    margin-right: 6%;
  }
  .parts26 .ch_group .gr_child .gr_img,
  .parts26 .ch_group .gr_child .gr_txt{
    width: 100%;
  }
  .parts26 .ch_group .gr_child img{
    max-width: 100%;
  }
  .parts26 .ch_group .gr_child+.gr_child{
    margin-right: 0;
  }
  .parts26 .ch_group:after{
    content: "";
    display: block;
    clear: both;
  }

}

/* ------------------------------- */
/* parts27
/* ------------------------------- */
.parts27 .child{
  width: 165px;
  min-height: 1px;
  float: left;
  margin-right: 15px;
}
.column1w .parts27 .child{
  width: 250px;
  min-height: 1px;
  float: left;
  margin-right: 25px;
}
.column1s .parts27 .child{
  width: 200px;
  min-height: 1px;
  float: left;
  margin-right: 20px;
}
.parts27 .child+.child{
  width: 330px;
  min-height: 1px;
}
.column1w .parts27 .child+.child{
  width: 400px;
  min-height: 1px;
}
.column1s .parts27 .child+.child{
  width: 380px;
  min-height: 1px;
}
.parts27 .child+.child+.child{
  width: 165px;
  min-height: 1px;
}
.column1w .parts27 .child+.child+.child{
  width: 250px;
  min-height: 1px;
}
.column1s .parts27 .child+.child+.child{
  width: 200px;
  min-height: 1px;
}

.parts27 .child{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.parts27 .child+.child+.child{
  margin-right: 0;
}

.parts27 .heading{
  width: 100%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.parts27 .photo{
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;

  width: 100%;
  margin-bottom: 10px;
}
.parts27 .photo.p_left{
  text-align: left;
}
.parts27 .photo.p_center{
  text-align: center;
}
.parts27 .photo.p_right{
  text-align: right;
}
.parts27 .txt{
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
  
  width: 100%;
}

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

  /* ps 掲載順 */
  .parts27 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
  .parts27 .child{
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .parts27 .child+.child{
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .parts27 .child+.child+.child{
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
  /* ------------ */
  
  .parts27 .child,
  .column1w .parts27 .child,
  .column1s .parts27 .child{
    width: 48%;
    margin-right: 4%;
  }
  .parts27 .child+.child,
  .column1w .parts27 .child+.child,
  .column1s .parts27 .child+.child{
    width: 100%;
    margin-right: 0;
  }
  .parts27 .child+.child+.child,
  .column1w .parts27 .child+.child+.child,
  .column1s .parts27 .child+.child+.child{
    width: 48%;
    margin-right: 0;
  }

  .parts27 .child .heading{
    text-align: left;
  }
  .parts27 .child .photo,
  .parts27 .child .heading{
    width: 100%;
  }
  .parts27 .child .txt{
    margin-bottom: 15px;
  }
  .parts27 img{
    max-width: 100%;
  }
}

/* ------------------------------- */
/* parts31
/* ------------------------------- */
.parts31 .right .heading{
  margin-bottom: 8px;
}
.parts31 .right .txt img,
.parts31 .right .text_head img{
  float: right;
  padding-left: 10px;
  background-color: #FFF;
}
.parts31 .left,
.parts31 .right,
.parts31 .right .photo,
.parts31 .right .txt{
  min-height: 1px;
  float: left;
}
.parts31 .left.photo,
.parts31 .photo.p_left{
  text-align: left;
}
.parts31 .left.photo,
.parts31 .photo.p_center{
  text-align: center;
}
.parts31 .left.photo,
.parts31 .photo.p_right{
  text-align: right;
}
.parts31 .left{
  width: 84px;
  margin-right: 20px;
}
.parts31 .right{
  width: 586px;
}
.parts31 .right .photo{
  width: 250px;
  margin-right:16px;
}
.parts31 .right .txt{
  width: 320px;
}
.parts31 .child{
  margin-right:16px;
}
.parts31 .child + .child{
  margin-right: 0;
}
.column1s .parts31 .left{
  width: 100px;
  margin-right: 20px;
}
.column1s .parts31 .right{
  width: 700px;
}
.column1s .parts31 .right .photo{
  width: 300px;
}
.column1s .parts31 .right .txt{
  width: 380px;
}
.column1s .parts31 .child{
  margin-right:20px;
}
.column1s .parts31 .child + .child{
  margin-right: 0;
}
.column1w .parts31 .left{
  width: 115px;
  margin-right: 25px;
}
.column1w .parts31 .right{
  width: 810px;
}
.column1w .parts31 .right .photo{
  width: 345px;
}
.column1w .parts31 .right .txt{
  width: 440px;
}
.column1w .parts31 .child{
  margin-right:25px;
}
.column1w .parts31 .child + .child{
  margin-right: 0;
}

.parts31 .child.txt_max,
.column1s .parts31 .child.txt_max,
.column1w .parts31 .child.txt_max{
  margin-right: 0;
}


@media only screen and (max-width: 649px) {
  .parts31 .left,
  .column1s .parts31 .left,
  .column1w .parts31 .left{
    width: 10%;
    margin-right: 5%;
  }
  .parts31 .right,
  .column1s .parts31 .right,
  .column1w .parts31 .right{
    width: 85%;
  }
  .column1s .parts31 .right .photo,
  .column1w .parts31 .right .photo,
  .parts31 .right .photo{
    width: 100%;
  }
  .parts31 .right .txt,
  .column1s .parts31 .right .txt,
  .column1w .parts31 .right .txt{
    width: 100%;
  }
  .parts31 .right .txt img,
  .parts31 .right .text_head img{
    max-width: 20%;
  }
  .parts31 .right .photo img{
    max-width: 100%;
  }
  .parts31 .child,
  .column1s .parts31 .child,
  .column1w .parts31 .child{
    margin-right: 0;
    margin-bottom: 8px;
  }
  .parts31 .child + .child,
  .column1s .parts31 .child + .child,
  .column1w .parts31 .child + .child{
    margin-bottom: 0;
  }
}

/* ----------------------------------------- */
/* 見出し背景色
/* ----------------------------------------- */
.h_back_color .heading{
  padding: 8px 20px;
  border-bottom: none;
}
.column1w .h_back_color .heading{
  padding: 13px 25px;
}
.column1s .h_back_color .heading{
  padding: 13px 25px;
}
/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .column1w .h_back_color .heading,
  .column1w .h_back_color .heading{
    padding: 8px 20px;
  }
}

/* ----------------------------------------- */
/* 背景色付き・見出し背景色・table
/* ----------------------------------------- */
.back_color,
.ch_back_color .child,
.h_back_color h3{
  background-color: #F2F2F2;
}
.title_color th,
.x_even_color tr:nth-child(even),
.y_even_color td:nth-child(even){
  background-color: #F2F2F2;
}

/* ----------------------------------------- */
/* テキスト位置
/* ----------------------------------------- */
.txt_l{
  text-align: left;
}
.txt_c{
  text-align: center;
}
.txt_r{
  text-align: right;
}
.txt_t{
  vertical-align: top;
}
.txt_m{
  vertical-align: middle;
}
.txt_b{
  vertical-align: bottom;
}




/* ----------------------------------------- */
/* テキスト装飾
/* ----------------------------------------- */
span.text_bold{
  font-weight: bold;
}
span.text_underline{
  text-decoration: underline;
}
span.text_bigger{
  font-size: 1.2em;
  line-height: 1.4em;
}
span.text_biggest{
  font-size: 1.4em;
  line-height: 1.4em;
}
span.text_smaller{
  font-size: 0.9em;
  line-height: 1.3em;
}
span.text_smallest{
  font-size: 0.8em;
  line-height: 1.0em;
}






/* Smart Phone View */
@media only screen and (max-width: 649px) {
  /* ナビゲーションメニュー（アイコン） */

  header nav{
    background-color: #CCC;
    overflow: hidden;
  }
  .globalnavi{
    padding-top: 6px;
    padding-bottom: 6px;
    overflow: hidden;
  }
  .globalnavi .gnavi{
    text-align: center;
  }

  .globalnavi ul {
    list-style: none;
  }
  .globalnavi {
    width: 96%;
    margin: 0 auto;
  }
  .globalnavi li {
    font-size: 1.4rem;
    line-height: 0.9em;
  }

  .globalnavi li a {
    width: 33%;
    float: left;
    display: block;
    padding: 8px 4px;
    color: #F15A24;
    font-size: 1.1rem;
    text-decoration: none;
    background-color: #FFF;
    border-top: solid 1px #FFF;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
  }
  .gnavi00 .globalnavi .gnavi00 a,
  .gnavi01 .globalnavi .gnavi01 a,
  .gnavi02 .globalnavi .gnavi02 a,
  .gnavi03 .globalnavi .gnavi03 a,
  .gnavi04 .globalnavi .gnavi04 a,
  .gnavi05 .globalnavi .gnavi05 a,
  .gnavi06 .globalnavi .gnavi06 a,
  .gnavi07 .globalnavi .gnavi07 a,
  .gnavi08 .globalnavi .gnavi08 a,
  .gnavi09 .globalnavi .gnavi09 a,
  .gnavi10 .globalnavi .gnavi10 a,
  .gnavi11 .globalnavi .gnavi11 a,
  .gnavi12 .globalnavi .gnavi12 a{
    color: #F15A24;
  }
  .globalnavi .gnavi a:hover{
    font-weight: bold;
    color: #F15A24;
  }

}

/* PC View */
@media print, screen and (min-width:650px) {
/* Original for each site/ */
  header nav {
    width: 100%;
    min-width: 1000px;
    height: 41px;
    background-image: url(../image/gnavi_back.gif);
    background-repeat: repeat-x;
  }
  .globalnavi {
    overflow: hidden;
    width: 950px;
    margin: 0 auto;
  }
  .globalnavi ul {
    list-style-type: none;
    padding: 0;
  }
  .globalnavi li {
    text-align: center;
    float: left;
    width: 158px;
    height: 40px;
    overflow: hidden;

    font-size: 1.4rem;
    line-height: 100%;
  }
  /* IE */
  .globalnavi li img{
    max-height: 40px;
    width: auto;
  }
  .globalnavi li a:hover img{
    opacity: 0.6;
  }
  
  /* Link */
  .globalnavi li a p{
    display: table-cell;
    vertical-align: middle;
    width: 158px;
    height: 40px;
  }
  .globalnavi li a p.sp{
    display: none;
  }


  .globalnavi .gnavi{
    overflow: hidden;
    text-decoration: none;
  }
  .globalnavi .gnavi a{
    color: #333;
    font-weight: bold;
  }
  .globalnavi .gnavi a:hover{
    font-weight: bold;
    color: #888;
  }

  /* グローバルナビ メニューロールオーバー */
  .gnavi00 .globalnavi .gnavi00,
  .gnavi01 .globalnavi .gnavi01,
  .gnavi02 .globalnavi .gnavi02,
  .gnavi03 .globalnavi .gnavi03,
  .gnavi04 .globalnavi .gnavi04,
  .gnavi05 .globalnavi .gnavi05,
  .gnavi06 .globalnavi .gnavi06,
  .gnavi07 .globalnavi .gnavi07,
  .gnavi08 .globalnavi .gnavi08,
  .gnavi09 .globalnavi .gnavi09,
  .gnavi10 .globalnavi .gnavi10,
  .gnavi11 .globalnavi .gnavi11,
  .gnavi12 .globalnavi .gnavi12{
    background-color: #E8380D;
    color: #FFF;
  }
/* /Original for each site */

}















@keyframes shiny {
    0% {
        transform: scale(0) rotate(25deg);
        opacity: 0;
    }

    50% {
        transform: scale(1) rotate(25deg);
        opacity: 1;
    }

    100% {
        transform: scale(50) rotate(25deg);
        opacity: 0;
    }
}
.shiny-btn {
    position: relative;
    display: block;
    width: 70%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background-color: #ff0000;
    overflow: hidden;
}
.shiny-btn::after {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 50px;
    height: 50px;
    background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
    
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}






@media only screen and (max-width : 480px){
@keyframes shiny {
    0% {
        transform: scale(0) rotate(25deg);
        opacity: 0;
    }

    50% {
        transform: scale(1) rotate(25deg);
        opacity: 1;
    }

    100% {
        transform: scale(50) rotate(25deg);
        opacity: 0;
    }
}
.shiny-btn {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background-color: #ff0000;
    overflow: hidden;
}
.shiny-btn::after {
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 50px;
    height: 50px;
    background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 0%);
/* アニメーション */
    animation-name: shiny;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
}






/*
==================================================
ボックス9
==================================================
*/
.box9 {
    position: relative;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 1em;

    border-radius: 5px;
  background: #FDF5E6;	
}
.box9 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 0px;
    margin: 0px 0px 0px 0px;	
    padding: 10px 10px;
    line-height: 1;
    font-size: 1.2em;
    background: #FFDEAD;
    color: #000;
    font-weight: bold;
    border-radius: 5px;	
}
.box9 p {
padding: 15px 5px 15px 5px;
    margin: 0;
}


.box10 {
    margin: 2em 5px;
    background: #F5F5F5;
}
.box10 .box-title {
    font-size: 1.3em;
    background: #FF9933;
    padding: 6px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box10 p {
    padding: 15px 20px;
    margin: 0;
}



.sample_box2_4 {
    padding: 5px 5px 5px 5px;
    margin: 25px 5px 15px 5px;
    background-color: #fff4ea;/*背景色*/
    box-shadow: 0 0 0 8px #fff4ea;/*背景色外側*/
    border: 2px dashed #ffbf7f;/*線*/
    border-radius: 8px;/*角の丸み*/
    color: #000000;/*文字色*/
}
.sample_box2_4 p {
    padding: 3px 0px 3px 2px;
    margin: 1px 0px 1px 2px;
}



.yellow_bar {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #000;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #EDAD0B;/*左線*/
	font-weight: bold;
	font-size:22px;
	margin:15px 0 10px 0;
}



h3.yellow_bar {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #000;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #EDAD0B;/*左線*/
	font-weight: bold;
	font-size:22px;
	margin:15px 0 10px 0;
}
h3.yellow_bar:first-letter {
	font-size:22px;
    color: #000;
}

h4.yellow_bar {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #000;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #EDAD0B;/*左線*/
	font-weight: bold;
	font-size:22px;
	margin:15px 0 10px 0;
}
h4.yellow_bar:first-letter {
	font-size:22px;
    color: #000;
}



/*
==================================================
口コミ体験談　青　右
==================================================
*/

.balloon1 {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}

.balloon1 .faceicon1 {
    float: right;
    margin-left: -90px;
    width: 80px;
}

.balloon1 .faceicon1 img{
    width: 92%;
    height: auto;
    border: solid 3px #99CCFF;
    border-radius: 50%;
}

.balloon1 .chatting1 {
    width: 100%;
}

.says1 {
    display: inline-block;
    position: relative; 
    margin: 0px 105px 0px 0px;
    padding: 10px 10px;
    border-radius: 12px;
	border: 3px solid #99CCFF;
}

.says1:before {
	content: "";
	position: absolute;
	top: 40px;
	right: -23px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-left: 12px solid #FFF;
 	z-index: 2;
}

.says1:after {
	content: "";
	position: absolute;
	top: 40px;
	right: -30px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-left: 14px solid #99CCFF;
 	z-index: 1;
}

.says1 p {
    margin: 7px 0px 7px 5px; 
	padding: 3px 0px 3px 0px;
    font-size: 1.0em;
    line-height: 1.8em;
}

/*
==================================================
口コミ体験談　青　左
==================================================
*/

.balloon2 {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}

.balloon2 .faceicon2 {
    float: left;
    margin-right: -90px;
    width: 80px;
}

.balloon2 .faceicon2 img{
    width: 92%;
    height: auto;
    border: solid 3px #99CCFF;
    border-radius: 50%;
}

.balloon2 .chatting2 {
    width: 100%;
}

.says2 {
    display: inline-block;
    position: relative; 
    margin: 0px 0px 0px 105px;
    padding: 10px 10px;
    border-radius: 12px;
	border: 3px solid #99CCFF;
}

.says2:before {
	content: "";
	position: absolute;
	top: 40px;
	left: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
 	z-index: 2;
}

.says2:after {
	content: "";
	position: absolute;
	top: 40px;
	left: -30px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #99CCFF;
 	z-index: 1;
}

.says2 p {
    margin: 7px 0px 7px 5px; 
	padding: 3px 0px 3px 0px;
    font-size: 1.0em;
    line-height: 1.8em;	
}

/*
==================================================
YouTubeの大きさを100％にする（レスポンシブ）
==================================================
*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 760px) {
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
}


/*
==================================================
よくある質問
==================================================
*/
.qa-list dl {
    position: relative;
    margin: 0;
    padding: 28px 80px 28px 30px;
    cursor: pointer;
    border-bottom: 1px solid #000;
}
.qa-list dl:first-child {
    border-top: 1px solid #000;
}
.qa-list dl::before {
    position: absolute;
    top: 35px;
    right: 35px;
    display: block;
    width: 7px;
    height: 7px;
    margin: auto;
    content: '';
    transform: rotate(135deg);
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}
.qa-list .open::before {
    transform: rotate(-45deg);
}
.qa-list dl dt {
    position: relative;
    margin: 0;
    padding: 0 0 0 50px;
    font-weight: bold;
    font-size: 18px;
	line-height:150%;
}
.qa-list dl dt::before {
    font-size: 22px;
    line-height: 1;
    position: absolute;
    top: 3px;
    left: 0;
    display: block;
    content: 'Q.';
    color: #3285bf;
}
.qa-list dl dd::before {
    font-size: 22px;
    line-height: 1;
    position: absolute;
    top: 3px;
    left: 2px;
    display: block;
    content: 'A.';
    font-weight: bold;
    color: #3285bf;
}
.qa-list dl dd {
    position: relative;
    display: none;
    height: auto;
    margin: 20px 0 0;
    padding: 0 0 0 50px;
}
.qa-list dl dd p {
    margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
    margin-top: 0;
}

@media screen and (max-width: 767px) {
.qa-list dl {
    position: relative;
    padding: 15px 40px 15px 10px;
}
.qa-list dl::before {
    top: 20px;
    right: 20px;
    width: 7px;
    height: 7px;
}
.qa-list dl dt {
    padding: 0 0 0 30px;
	line-height:150%;
	font-size: 16px;
}
.qa-list dl dt::before {
    font-size: 16px;
    top: 3px;
    left: 5px;
    content: 'Q.';
}
.qa-list dl dd::before {
    font-size: 14px;
    top: 5px;
    left: 5px;
    content: 'A.';
}
.qa-list dl dd {
    margin: 10px 0 0;
    padding: 0 0 0 30px;
    font-size: 14px;
}
.qa-list dl dd p {
    margin: 30px 0 0;
}
.qa-list dl dd p:first-child{
    margin-top: 0;
}
}


/* ▼▼▼アイキャッチ画像の大きさ▼▼▼ */
.l-size {
	width:120px;
	height:auto;
}	
/* ▲▲▲アイキャッチ画像の大きさ▲▲▲ */


/* ▼▼▼カテゴリーの記事一覧のページネーション▼▼▼ */
.pagination {
  clear: both;
  padding: 20px 0;
  position: relative;
  font-size: 14px;
  line-height: 1em;
        text-align: center;
}
.pagination-box {
  display: inline-block;
}
.pagination span, .pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 10px 14px 10px 14px;
  text-decoration: none;
  width: auto;
  color: #fff; /* 通常の文字色 */
  background: #000; /* 通常の背景色 */
  border-radius: 50%; /* 角を丸くして円形に */
}
.pagination span.page-of {
  background: none;
  color: #000;
}
.pagination a:hover{
  color: #000; /* マウスホバー時の文字色 */
  background: #EEEEEE; /* マウスホバー時の背景色 */
}
.pagination .current{
  padding: 10px 14px 10px 14px;
  color: #000; /* 現在のページの文字色 */
  background: #EEEEEE; /* 現在のページの背景色 */
}
@media only screen and (max-width: 413px) {
.pagination {
  font-size: 12px;
  line-height: 12px;
}
.pagination span, .pagination a {
  padding: 7px 10px 7px 10px;
}
.pagination .current{
  padding: 7px 10px 7px 10px;
}
}
/* ▲▲▲カテゴリーの記事一覧のページネーション▲▲▲ */



.color_page {
    font-size: 16px;
	font-weight:bold;
    padding: 0.5em;
    color: #494949;
    background: #fffaf4;
    border-left: solid 5px #ffaf58;
	line-height:150%;
}


.rightBottom {
	font-size:14px;
	line-height:130%;
}



/* ▼▼▼縦線▼▼▼ */
.line_ver {
  margin-left: 100px;
  width: 3px;
  height: 100px;
  background-color: #CD853F;
}
/* ▲▲▲縦線▲▲▲ */





/*
==================================================
レスポンシブ対応　グリッドレイアウト
==================================================
*/

.grid {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 2fr;
}
.main {

}
.side {

}
.main,
.side {
  padding: 2%;
  border-radius: 10px
}

@media screen and (max-width: 760px) {
  .grid {
    grid-template-columns: 1fr;
  }
}







.time_box {
    background-color: #FFBE00;
    margin: 10px 10px 10px 10px;
    border-radius: 5px;
    padding: 10px;
    display: inline-block;
	font-weight:bold;
	font-size:22px;
}	
	
	
	
	

/*
==================================================
お問い合わせ
==================================================
*/
.contact-width{max-width: 100%;}

/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}

/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0 1em 0;
 margin-top:30px;
 width:100%;
 background:#ffaa56;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:8px;
 border: none;
}
@media screen and (max-width: 572px) {
#formbtn{
	 padding:1em 0 2.3em 0;
}
}

/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#FFCC99;
 color:#ffaa56;
}

.inquiry {

}

.inquiry th{
text-align:left;
	vertical-align:middle;
}

input {

}
@media screen and (max-width: 960px) {
input {
width: 100%;
}
}

textarea {
width: 100%;
}

.wpcf7-form-control{
font-size:17px;
}

input[type="checkbox" i] {
margin: 3px 3px 3px 4px;
}




/*
==================================================
施策【高知県がお年寄りにやさしいモデル県となる施策案】
==================================================
*/
ol.mea {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;
}
ol.mea li {
	border-bottom: solid 1px gray;
  position: relative;
  padding: 0.5em 0.5em 0.5em 30px;
  line-height: 1.5em;
}
ol.mea li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background:transparent;
  border:#555 1px solid;
  color: #555;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
ol.mea li:last-of-type {
	
}

.box2_4 {
    padding: 5px 5px 5px 5px;
    margin: 25px 5px 15px 5px;
    background-color: #fff4ea;/*背景色*/
    box-shadow: 0 0 0 8px #fff4ea;/*背景色外側*/
    border: 2px dashed #ffbf7f;/*線*/
    border-radius: 8px;/*角の丸み*/
    color: #000000;/*文字色*/
}
.box2_4 p {
    padding: 3px 0px 3px 2px;
    margin: 1px 0px 1px 2px;
}




.red-01 {
    color: #FF0000;
}

.yellow_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFFF99 0%) repeat scroll 0 0;}


.box11 {
    padding: 20px 10px;
    margin: 30px auto 10px auto;
    font-weight: bold;
    color: #fff;/*文字色*/
    background: #f6921e;
    border-radius: 10px;/*角の丸み*/
	font-size: 36px;
	line-height: 27px;
	text-align: center;
}
@media screen and (max-width: 960px) {
.box11 {
    padding: 20px 10px;
    margin: 30px auto 10px auto;
    border-radius: 10px;/*角の丸み*/
	font-size: 23px;
	line-height: 27px;
}
}

.box11 p {
    margin: 0; 
    padding: 0;
}



.btn_blue_200 {
		width:100%;
	position: relative;
	display: inline-block;
    padding: 20px 10px;
	text-decoration: none;
	background: #ff8c1a;/*色*/
	border: solid 1px #ff781d;/*線色*/
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-align: center;
	color: #fff;
    font-weight: bold;
	font-size: 36px;
    margin: 30px auto 10px auto;
}

@media screen and (max-width: 960px) {
.btn_blue_200 {
		width:100%;
    padding: 20px 10px;
	text-align: center;
    font-weight: bold;
	font-size: 23px;
	line-height:1.3em
    margin: 30px auto 10px auto;
}
}

.btn_blue_200 a {
	color:#fff;	
}

.btn_blue_200:hover {
  background-color: #fff;
	border:solid 4px #ff8c1a;
	color:#000;
	text-decoration:none;
}

.btn_blue_200:active {
	border: solid 1px #ff8c1a;
	box-shadow: none;
	text-shadow: none;
}







/*
==================================================
ボタンを押すと開く
==================================================
*/
.grad-btn {
  display:block;  
  max-width: 280px;
  border: 2px solid #FF9900;
  background-color: #FF9900;
  font-size: 16px;
  color: #FFF;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
}
.grad-btn:hover {
  border: 2px solid #FF9900;
  background-color: #FFF;
  color: #333
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 80px; /*隠した状態の高さ*/
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px; /*グラデーションで隠す高さ*/
  background: #fff;
  content: "";
}
.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked + .grad-btn {
  display: none; /*チェックされていたら、grad-btnを非表示にする*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

.grecaptcha-badge { visibility: hidden; }