@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: tensi
Theme URI: http://www.chihi999.com/
Description: 
---------------------------------------------------------*/
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
body {
  font-family: "游ゴシック Medium", "Yu Gothic Medium","Open Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  body {
    font-family: 'Open Sans', Verdana, Meiryo, sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;  
  }
}
* {
	margin: 0px;
	padding: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
main, article, aside, header, canvas, details, figcaption, figure, footer, nav, section, summary {
	display: block;
}
html,
body {
    height: 100%;    
}
body {
	min-width: 320px;
	word-wrap: break-word;
	background: #fff;
    color: #141823;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5;
    }
p {
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 20px;
}
#content {
    margin-top: 40px;
}
.st-hide {
	display:none;
}
hr.hrcss {
    border: 0;
    height: 0;
    border-top: 1px dashed #646006;
}
.fa-question-circle, .fa-check-circle, .fa-exclamation-triangle, .fa-pencil-square-o {
	margin-right:10px;
}
a {
	color: #4682b4;
}
a:hover {
	color: #b22222;
}
img, video, object {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
	display: block;
}
iframe {
	max-width: 100%;
}
.resetwidth img, .resetwidth video, .resetwidth object .resetwidth iframe{
	width: initial; /* 初期状態にリセット */
	max-width: initial; /* 初期状態にリセット */
	display: inline!important;
}
a:hover img {
	-moz-opacity: 0.8;
	opacity: 0.8;
}
img.size-full, img.size-large {
	margin-bottom: 10px;
	height: auto;
	max-width: 100%;
}
.wp-caption {
	height: auto;
	max-width: 100%;
}
.smanone {
	display: none;
}
/* clearfix */
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
	}
/* iframeのレスポンシブ */
.youtube-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.youtube-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#gazou {
    position: relative;
    width: 100%;    
    background: #e2ecf1;
    padding: 0;    
    border-bottom: #646006 2px solid;
}
.header-image {
    margin: 0px auto;
}
ul li {
    list-style-position: inside;
}
/* header */
header {        
    padding-bottom: 10px;
    border-bottom: #646006 2px solid;
}
header .sitename {
    text-align: center;
    margin-top: 20px;
}
.sitename img,#footer h3 img {
    width: 100px;
    height: auto;
    margin: 0 auto;
}
.sitename a {
    margin-bottom: 0;  
}
header h1 {
	font-size: 0.8em;
	font-weight: normal;
}
header .descr {
	font-size: 0.8em;
	font-weight: normal;
	margin: 0;
	line-height: 20px;
	padding: 5px 5px 10px;
    text-align: left;
}
.head-ad {
    margin-bottom: 10px;
    padding: 5px;
    border: #c6e8f9 4px double;
    border-radius: 4px;
    font-weight: 600;
}
.head-ad__list {
    list-style: none;    
    line-height: 45px;
    text-align: left;
}
.head-ad__list .fa-train,.head-ad__list .fa-calendar,.head-ad__list .fa-car {
    font-size: 26px;
    color: #fff;
    width: 51px;
    height: 51px;
    line-height: 51px;
    text-align: center;
    background-image: url(img/head-icon01.png);
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.head-adress {
    font-size: 0.875em;
}
.header__r {
    text-align: center;
    margin: 20px 0 0;
    }
/* ボタン */
.button {
    margin-bottom: 0;
}
.button a {
    text-decoration: none;
    display: block;    
     }
.button a:hover {
    opacity: 0.5;
}
.head-link i,.head-telno i,.foot-link i{
    margin-right: 8px;
}
.head-link a,.head-telno a,.foot-link a {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0px;
    text-align: center;
    font-size: 1.2em;
    text-decoration: none;
    color: #646006;
    padding:5px 10px;     
        border-radius: 4px;  
    border: #646006 1px solid;
background: rgb(238, 238, 238);
background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgb(238, 238, 238)), color-stop(70%, rgb(250, 248, 248)));
background: linear-gradient(0deg, rgb(238, 238, 238) 30%, rgb(250, 248, 248) 70%);
}
.foot-link a {
    font-size: 1em;
    padding: 10px;
}
.head-link a:hover,.foot-link a:hover,.head-telno a:hover {
    opacity: 0.8;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
/* 記事タイトル */
.entry-title {
    width: 100%;
	font-size: 1.2em;
	padding:10px;
	margin-bottom: 20px;
	background: #e2ecf1;
    border-radius: 4px;
	}
.entry-title-single {
	font-size: 1.25em;
	line-height: 1.5;	
	margin-bottom: 5px;
}
.entry-title a:hover {
	text-decoration: underline;
}
.entry-title a {
	text-decoration: none;
}
/* 見出し */
h2 {
	clear: both;
    position: relative;
	padding: 10px 5px 10px 65px;
    margin: 30px 0;  
    background-color: #e2ecf1;
    background-image:url(img/h2image01.png);    
    background-repeat: no-repeat;
    background-position: 10px center;    
    color: #646006;     
    border-radius: 4px;
    position: relative;
    font-size: 1.3em;
}
h2:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #c4b872;
    position: absolute;
    bottom: 5px;
    left: 0;
}
.post h3 {
    position: relative;
    clear: both;
	font-size: 1.25em;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 15px;
	padding-right: 1em;
	padding-bottom: 10px;
	padding-left: 1em;	
	line-height: 1.2;	
	margin-left: 0px;     
}
.h3-race {      
    background-color: #e2ecf1;
    background-image:url(img/h3image.png),url(img/h3image02.png);
    background-repeat: repeat-y,repeat-y;
    background-position: left,right;   
}
h5 i {
    margin-right: 10px;
} 
h3 a {
	text-decoration: none;
}
.post h4 {
    clear: both;
    color: #646006;
    margin: 20px auto;
    border-bottom: #e2ecf1 2px dashed;
    padding: 10px;
    font-size: 1.2em;
    text-shadow: 2px 2px 2px rgba(198, 232, 249, 1);
}
.post h5 {
	margin-bottom: 10px;
	font-size: 1.1em;
}
.wp-caption-text a, .wp-caption-text {
	font-size: 0.75em;
	color: #ccc;
}
/* サイドバーの見出し */
#side aside h4 {
	font-size: 1em;
	font-weight: bold;
	padding: 10px;
    margin: 0 ;
    border-radius: 0;
}
#side h5 {
	font-size:0.94em;
	margin-bottom:5px;
}
/* 関連記事の文字 */
.post h4.point {
	font-size: 1em;
   	font-weight: bold;
	padding: 10px;
	margin-bottom: 20px;
	line-height: 28px;
	background-color:transparent;
}
/* 記事タイトル下 */
.blogbox p {
	font-size: 0.75em;
	margin: 0px;		
}
.blogbox {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;
	margin-bottom: 20px;
	padding: 5px;
}
/* 引用 */
.post blockquote {
	background-color: #f3f3f3;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e2c352;
}
/* オリジナルスタイルsmartphone */
.huto {
	font-weight:bold;
}
.hutoaka {
	font-weight:bold;
	color:#ef5350;
}
.oomozi {
	font-size: 1.2em;line-height: 1.6;
	font-weight:bold;
}
.yellowbox {
	padding:20px 20px 10px;
	border:solid 1px #fffacd;
	background-color:#ffffe0;
	margin-bottom:20px;	
}
.redbox {
	padding:20px 20px 10px;
	border:solid 1px #ef5350;
	background-color:#ef9a9a;
	margin-bottom:20px;	
}
.graybox {
	padding:20px 20px 10px;
	border:solid 1px #ccc;
	background-color:#f3f3f3;
	margin-bottom:20px;	
}
.yellowbox ol,.yellowbox li,.graybox ol,.graybox li,.redbox ol,.redbox li {
	margin:0;
}
.h2fuu {
	position: relative;
	background: #f3f3f3;	
	font-size: 1.2em;	
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-weight:bold;
}
.h2fuu:after {
	content: '';
	position: absolute;
	border-top: 10px solid #f3f3f3;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 30px;
	border-radius: 2px;
}
.h2fuu:before {
	content: '';
	position: absolute;
	border-top: 10px solid #f3f3f3;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 30px;
}
.inyoumodoki {
	background-color: #f3f3f3;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
/*固定ページの子ページリンク*/
.post article .pagelist-box .kanrenh4 {
	background-color: #FFF;
}
.post article .pagelist-box .st-childlink li {
	list-style-type: none;
}
.post article .pagelist-box .st-childlink li p {
	margin: 0px;
}
.post article .pagelist-box .st-childlink {
	padding: 0px 10px;
}
.p-navi {
    margin: 20px 0;
}
/*--------------------------------
カスタム
---------------------------------*/
.module_3_wrapper {
    padding: 0 10px;
    list-style: none;
}
.module_3 {
    display: block;
    width: 100%;
    margin: 10px auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;    
}
.banner-3 {
    width: 95%;
}
.h2-back__sango {
    position: relative;
    background: url(
    img/h1-back-sango.png) no-repeat right center;
    background-size: cover;
    width: 100%;
    height: 234px; 
    margin: 0 auto 20px;
    border-radius: 4px;
    }
.h2-back__flow {
    position: relative;
    background: url(
    img/h1-back-flow.png) no-repeat right center;
    background-size: cover;
    width: 100%;
    height: 234px;
    margin: 0 auto 20px;
     border-radius: 4px;
    }
.h2-back__recruit {
    position: relative;
    background: url(
    img/h1-back-recruit.png) no-repeat right center;
    background-size: cover;
    width: 100%;
    height: 234px;
    margin: 0 auto 20px;
     border-radius: 4px;
    }
.h2-back__access {
    position: relative;
    background: url(
    img/h1-back-access.png) no-repeat right center;
    background-size: cover;
    width: 100%;
     height: 234px;
    margin: 0 auto 20px;
     border-radius: 4px;
    }
.h2-back__voice {
    position: relative;
    background: url(
    img/h1-back-voice.png) no-repeat right center;
    background-size: cover;
    width: 100%;
    height: 234px;
    margin: 0 auto 20px;
     border-radius: 4px;
    }
.h2-back__kounenki {
    position: relative;
    background: url(
    img/h1-back-kounenki.png) no-repeat right center;
    background-size: cover;
    width: 100%;
    height: 234px;
    margin: 0 auto 20px;
     border-radius: 4px;
    }
.h2-back__kata {
    position: relative;
    background: url(
    img/h1-back-kata.png) no-repeat right center;
    background-size: cover;
    width: 100%;
    height: 234px;
    margin: 0 auto 20px;
     border-radius: 4px;
    }
.h2-back__horumon {
    position: relative;
    background: url(
    img/h1-back-horumon.png) no-repeat right center;
    background-size: cover;
    width: 100%;
    height: 234px;
    margin: 0 auto 20px;
     border-radius: 4px;
    }
.h2-back__koshi {
    position: relative;
    background: url(
    img/h1-back-koshi.png) no-repeat right center;
    background-size: cover;
    width: 100%;
    height: 234px;
    margin: 0 auto 20px;
     border-radius: 4px;
    }
.h2-back__diet {
    position: relative;
    background: url(
    img/h1-back-diet.png) no-repeat right center;
    background-size: cover;
    width: 100%;
    height: 234px;
    margin: 0 auto 20px;
     border-radius: 4px;
    }
.h2-back__treatment {
    position: relative;
    background: url(
    img/h1-back-ethete.png) no-repeat right center;
    background-size: cover;
    width: 100%;
    height: 234px;
    margin: 0 auto 20px;
     border-radius: 4px;
    }
.h2-back p {
    position: absolute;
    top: 4.5em;
    left: 1em;
    margin-right: 10px;    
    font-weight: 600;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    color: #626262;
}
h2.entry-title-picture {
    position: absolute;
    top: 1em;
    left: 1em;
    font-size: 1.5em;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
    color: #646006;
    background: none;
    padding:0;
    margin: 0;
}
h2.entry-title-picture:after {
    background: none;
}
/*------ side ----------*/
#side aside {
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.side-mainmenu {
    margin-bottom: 20px;
    padding-bottom: 20px; 
    border:#e2ecf1 1px solid; 
    border-radius: 4px;
}
.side-mainmenu h4 {
    padding: 15px 5px 15px 56px !important;
    margin: 30px 0; 
    background-color: #e2ecf1;
    background-image:url(img/h2image01.png);
    background-size: 23px 18px;
    background-repeat: no-repeat;
    background-position: 10px center;    
    color: #646006;
    border: none;      
}
.side-mainmenu__inner,.side-info__inner {
    padding: 10px;
}
.side-info h4 {
    background: #e2ecf1;
    color: #646006;
    }
.side-mainmenu ul,.side-info ul {
    padding: 0;
}
.side-info {
    background: #e2ecf1;
    border-radius: 4px;
    margin-bottom: 20px;
}
.side-info ul li {   
    font-size: 0.8em;
}
.side-info ul li:last-child {
    border: none;
}
#sidenews,#search,.side__access {
    margin: 20px 0;
}
#side aside #mybox ul li ul {
    border: none;
}
#side .textwidget p{
    margin-left: 10px;
    margin-right: 10px;
}
hr.dott-pink {
	border: 1px dashed #e2ecf1;
	margin: 10px 0;
}
#topnews-box {
    padding-bottom: 0;
}
#topnews-box div {
    padding-bottom: 0;
}
#topnews-box dl dd {
    padding-left: 0;
    margin-bottom: 5px;
}
.textwidget {
    padding-top: 10px;
}
.side_button {
    background-image: none !important;
    padding-left: 0 !important;
    width: 60%;
    height: auto;
}
.link-archives {
    font-size: 0.8em;
}
/*------ front_page ----------*/
h1.h1_contents {
    text-align: center;
    font-weight: 300;
    font-size: 0.8em;
    background: none;
    padding: 10px 0;
    margin: 0 0 10px;    
}
.top-profile {
    margin-bottom: 20px;
}
.top-profile dt {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    font-size: 1.4em;
    margin: 5px;
    text-align: center;
}
.top-profile__name {
    text-align: center;
    font-size: 1.4em;
}
.top-profile__namesmall {
    font-size: 0.8em;
    color: #646006;
    font-family: 'Josefin Sans', sans-serif;
} 
.top-profile__content {
    background: #e2ecf1;
    border-radius: 4px;
    padding: 15px;
    line-height: 1.6;
}
.arrow_box {
	position: relative;	
    background-color: #fdf9da;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgba(255,255,255,.2)));
background-image: linear-gradient(transparent 50%, rgba(255,255,255,.2) 50%);
background-size: 20px 20px;
    padding: 15px;
    border-radius: 20px;
    font-size: 1.2em;
    color: #535353;
    font-weight: 600;
}
.arrow_box:after {
	border-top: 12px solid #fdf9da;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  content: '';
  margin-left: -10px;
  position: absolute;
  bottom: -12px;
  left: 50%;
}
.voice {
    border: #e2ecf1 1px solid;
    border-radius: 4px;
    margin: 20px auto;
    padding: 0.5em 1em;
}
.voice__title {        
    background-color: #e2ecf1;
    background-image:url(img/h3image.png),url(img/h3image02.png);
    background-repeat: repeat-y,repeat-y;
    background-position: left,right; 
}
.voice__image img {
    border-radius: 4px;
}
.voice__content dt {
    margin: 0 10px 10px;
    font-weight: 600;
    color: #646006;
}
.voice__content dd {
    background: #f3f7f8;
    padding: 1em;
    margin-bottom: 10px;
    border-radius: 6px;
}
.voice__comment {
    font-size: 0.8em;
}
.voice__profile {
    border:#c6bc73 2px dashed;
    border-radius: 4px;
    margin: 10px auto;
    padding: 10px;
}
.voice__profile dl dt {
    font-weight: 600;
    border-bottom: #c6bc73 1px dashed;
    margin: 0 5px 5px 5px;
    padding-bottom: 5px;
}
.voice__profile dl dd {
     margin: 0 5px 10px 5px;
}
.point__h3 {
    color: #646006 !important;    
    font-size: 1.5em !important;
    background-color: #fff !important;    
    padding-left: 60px !important;
    background-image: url(img/logo02.png);
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: left center;
    line-height: 70px;
}
.point__number {
    margin: 0 10px 0 5px;
    font-size: 1.5em;
    font-family: 'Josefin Sans', sans-serif;
}
.point__content {
    background: #fff;
    border-radius: 8px;
    padding: 1em;
    margin-bottom: 10px;
    font-size: 1.2em;    
    box-shadow: 0 0 60px #e2ecf1 inset;
    -moz-box-shadow: 0 0 60px #e2ecf1 inset;
    -webkit-box-shadow: 0 0 60px #e2ecf1 inset;
    margin-bottom:20px;
}
.experiance {
    margin: 20px 0;
}
.experiance__h4 {
    font-size: 1.5em !important;
    margin: 10px 0 !important;
}
.experiance-voice_staff,.experiance-voice_custmer {
    position: relative;    
    background: #fff;
    padding: 1em;
    margin-bottom: 10px;
    border-radius: 8px;
    color: #90845d;
    box-shadow: 0 0 60px #e2ecf1 inset;
    -moz-box-shadow: 0 0 60px #e2ecf1 inset;
    -webkit-box-shadow: 0 0 60px #e2ecf1 inset;
}
.experiance-voice_staff {
    background: #fff;
    box-shadow: 0 0 60px #c6e8f9 inset;
    -moz-box-shadow: 0 0 60px #c6e8f9 inset;
    -webkit-box-shadow: 0 0 60px #c6e8f9 inset;
}
.experiance-voice_staff .fa-commenting-o,.experiance-voice_custmer .fa-commenting-o {    
    display: inline-block;
    margin: 0 5px 0;
    color: #c4b872;
    font-size: 1.2em;
} 
.arrow img {
    display: block;
    margin: 10px auto;
}
/* LINE */
.line-wrap {
    border: #57d157 3px solid;
    margin: 20px auto;
    border-radius: 4px;
     background-image: url(img/line-image01.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}
.line__title {
    background: #57d157;
    background-image: url(img/line-image02.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    border-radius: 0;
    margin: 0;
    padding: 20px 10px 10px 75px;
    color: #fff;
    font-size: 1.8em;
    min-height: 75px;
    text-align: center;
}
.line__title02 {
    margin: 20px 10px 10px 10px;
    padding: 0 0 10px;
    color: #57d157;
    border-bottom: #57d157 1px solid;
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
}
.line__qr {
    width: 50%;
    margin: 10px 0;
}
.line__list {
    font-weight: 600;
    font-size: 1.2em;
    list-style: decimal inside;
    margin: 0 10px 0 20px;
}
/*------ news ----------*/
.tag_new {
    margin: 0 10px;
    padding: 2px 8px; 
    font-size: 1em;
    border-radius: 2px;
    color: #fa8e72;
}
.info-tag a {
    color: #fff;
    text-decoration: none;
    font-size: 0.8em;    
    background: #e2c352;
    margin: 0 4px;
    padding: 0 6px;    
}
.topnews__date {
    margin: 10px 0 0;
    color: #90845d;
}
h3.topnews__title {
    font-size: 1.2em;
    border: none;
    margin: 15px 0;
    padding: 0;
    min-height: 80px;
}
/*------ faq ----------*/
.faq {
    width: 100%;
    margin: 10px auto;    
}
.faq__q {
    color: #90845d;
    font-weight: 600;
    background: #e2ecf1;
    padding: 15px 12px;
    text-align: left; /* Safari */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;    
}
.faq__a {
    background: rgb(238, 238, 238);
    padding: 15px 12px;
    margin: 0; /* Safari */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;   
}
.faq__qmark,.faq__amark {    
    font-size: 25px; /* Safari */
  -ms-flex-negative:         0;
  flex-shrink:         0;
    width: 50px;
    padding-right: 15px;
    font-family: 'Josefin Sans', sans-serif;
}
.faq__amark {    
    color: #e88c9b;
}
.faq__text {    
    border-left: #ccc 1px solid;
    padding-left: 15px;
}
/*------ form ----------*/
input,textarea{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width:100%;
	padding:5px;
}
.post .contact_form {        
    padding: 15px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.contact_form th,.contact_form td {
    display: block;
    list-style: none;
    text-align: left;
    padding:10px;
   border: none;
    list-style: none;
    }
.contact_form__radio {
    padding-right: 30px;
}
span.wpcf7-list-item {
    display: block;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="radio"],
textarea,select{
 background-color: #fff;
padding:10px;
margin:0 auto;
    width: 95%;
}
input[type="radio"] {
    width: auto;    
    }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="radio"]:focus,textarea:focus,select:focus{
background-color: #fff;
}
:placeholder-shown {
    color: #a0a0a0; }
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #a0a0a0; }
/* Firefox 18- */
:-moz-placeholder {
    color: #a0a0a0; opacity: 1; }
/* Firefox 19+ */
::-moz-placeholder {
    color: #a0a0a0; opacity: 1; }
/* IE 10+ */
:-ms-input-placeholder {
    color: #a0a0a0; }
.contact_form__tag {
    font-size: 14px;
    background-color: #ec4862;
    margin: 0 10px 0 0;
    padding: 1px 4px;
    color: white;
    border-radius: 4px;
}
.contact_form__tag_n {
    font-size: 14px;
    background-color: #ccc;
    margin: 0 10px 0 0;
    padding: 1px 4px;
}
.wpcf7-submit {
    display: block;
    text-align: center;
}
#footer .contact_form th {
    padding: 0;
}
/*------ common ----------*/
.font-change {
font-family: 'Josefin Sans', sans-serif;
}
    .banner {
    clear: both;
    text-align: center;
    display: block;
    margin: 20px auto;
}
.banner img {
    display: block;
    margin: 0 auto;
}
.pad_t10 {
    padding-top: 10px;
}
.mar0 {
    margin: 0;
}
.mar_t0 {
    margin-top: 0;
}
.mar_t20 {
    margin-top: 20px;
}
.mar_r10 {
margin-right: 10px;
}
.mar_b10 {
margin-bottom: 10px;
}
.mar_b20 {
margin-bottom: 20px;
}
.pad_l20 {
    padding-left: 20px;
}
.mar40 {
    margin: 40px 0;
}
.center {
    text-align: center;
    margin:0 auto;
}
.font_red {
    color: #dc3342;
    font-weight: 600;   
    
    }
.font_pink {
    color: #e88c9b;
}
.font-blue {
    color: #5b9ab5;
    font-weight: 600;
}
.font_green {
    color: #476d13;
}
.font_brown {
    color: #86794d;
}
.font_bold {
    font-weight: 600;    
}
.font_24 {
    font-size: 1.5em;
}
.bk_line_y {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #faf8c8));
    background: linear-gradient(transparent 60%, #faf8c8 0%);
}
.bk_line_o {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #febcaa));
    background: linear-gradient(transparent 60%, #febcaa 0%);
}
.bk_line_g {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #eee));
    background: linear-gradient(transparent 60%, #eee 0%);
}
ol li {
    list-style-position: inside;
    margin: 4px 0;
}
ul.no-style {
    margin: 20px 0;
} 
ul.no-style li {
    list-style: none;
}
ul.no-style i {
    margin-right: 10px;
    color: #e88c9b;
}
.problem {
    margin: 0 auto 20px;
}
.problem-left {
    width: 30%;
    float: left;
}
.problem-right {
    width: 70%;
    float: right;
}
.list-attention{
    position: relative;    
    margin: 20px auto 0 20px;
    padding: 15px;
   box-shadow: 0 0 50px #e2ecf1 inset;
    -moz-box-shadow: 0 0 50px #e2ecf1 inset;
    -webkit-box-shadow: 0 0 50px #e2ecf1 inset;
    margin-bottom:20px;
    background: #fff;
    border-radius: 10px; 
    color: #90845d;
}
.list-attention:after {
	border-right: 12px solid #e2ecf1;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  content: '';
  margin-top: 0;
  position: absolute;
  left: -15px;
  top: 10%; 
    z-index: 999;
}
.list-attention-sango {
    position: relative;    
    margin: 20px auto 0;
    padding: 15px;
   box-shadow: 0 0 50px #fdd7b2 inset;
    -moz-box-shadow: 0 0 50px #fdd7b2 inset;
    -webkit-box-shadow: 0 0 50px #fdd7b2 inset;
    margin-bottom:20px;
    background: #fff;
    border-radius: 10px;    
}
.list-attention-sango:after {
	border-right: 12px solid #ffc7b8;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  content: '';
  position: absolute;
  left: -15px;
  top: 10%; 
    z-index: 999;   
}
.list-attention-kounenki {
    position: relative;    
    margin: 20px auto 0;
    padding: 15px;
   box-shadow: 0 0 50px #f1e4fc inset;
    -moz-box-shadow: 0 0 50px #f1e4fc inset;
    -webkit-box-shadow: 0 0 50px #f1e4fc inset;
    margin-bottom:20px;
    background: #fff;
    border-radius: 10px;    
}
.list-attention-kounenki:after {
	border-right: 12px solid #e5c8fd;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  content: '';
  margin-top: 0px;
  position: absolute;
  left: -15px;
  top: 0%; 
    z-index: 999;   
}
.list-attention-kounenki li,.list-attention-sango li,.list-attention li {
    list-style: none;    
    padding: 8px;
    font-size: 1.2em;
}
/*------ page ----------*/
.font_sango {
    color: #fd7855;    
    font-size: 2em;
    font-family: 'Josefin Sans', sans-serif;
}
.whitebox {
    padding:20px 20px 10px;
    box-shadow: 0 0 50px #fdf9da inset;
    -moz-box-shadow: 0 0 50px #fdf9da inset;
    -webkit-box-shadow: 0 0 50px #fdf9da inset;
    margin-bottom:20px;
    background: url(img/boxback-image.png) no-repeat right top;    
    border: #BEBD9F 1px solid;
    border-radius: 4px;
}
.whitebox ul li {    
    padding: 5px 4px 5px 10px;
    font-weight: 600;
    border-bottom: #BEBD9F 1px dashed;
}
.highright {    
    font-weight: 600;
    text-shadow: 1px 1px 9px #e5c8fd;
}
.highright-point {    
    padding: 0 5px;
    background: #e5c8fd;
    font-size: 0.9em;
    border-radius: 4px;
}
.flow-time {
    margin-left: 20px;
    color: #fa8e72;
}
hr.dott_orange {
    border: #fcaa92 1px dashed;
    margin: 20px 0 10px;
}
hr.dott_brown {
    border: #c4b9b5 1px dashed;
    margin: 20px 0;
}
ul.border-list {
    border: 1px #7c716d dotted;
    border-radius: 4px;
}
.pinkbox {
    padding:20px;
    background: #fff1f3;
    margin:40px 0;
	} 
.flow {
    margin: 20px 0;
}
.flow__h2 {
    margin: 0 auto 10px !important;
    font-family: 'Josefin Sans', sans-serif;
}
.flow__image {
    border-radius: 4px;
}
.access-list {
    margin: 20px auto;
}
.access-list dt {
    background: url(img/arrow-pink.gif) no-repeat left center;
    padding: 0 0 0 20px;
    color: #e88c9b;
}
.access-list dd {
    margin-bottom: 20px;
}
dl.pricelist dt {
    position: relative;
    font-weight: 600;    
    color: #646006;
    margin-left: 20px;
}
dl.pricelist dt:before {
    position: absolute;    
    left: -18px;
    top: 0px;
    content: "\002666";
    font-size: 1em;
    color: #646006;
}
dl.pricelist dd {
    margin: 5px 0 20px;
    padding: 10px;
    border-radius: 4px;
    background: #EEF8FE;
}
.pricebold {
    font-size: 2em;
    font-weight: 600;
    color: #e88c9b;
    margin-right: 5px;
}
.pricetax {
    font-size: 0.8em;
}
h2.staff__title {
    background: none;
    padding-left: 10px;
}
.staff__title2 {
    font-size: 0.8em;
    color: #646006;
    margin-left: 20px;
}
.staff__illust {
    float: left;
    width: 28%;
    height: auto;
    text-align: center;    
    border: #e2ecf1 2px solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}
.staff__content {
    float: right;
    width: 68%;
    }
.staff__list {
    margin: 0 10px;
}
/*--------------------------------
任意の人気記事
---------------------------------*/
.post h4.p-entry {
	padding:8px 15px;
	font-size:0.94em;
	background:#FEB20A;
	color:#fff;
	margin-bottom:15px;
}

.poprank-no2{	
	padding:2px 8px;
	background:#FEB20A;
	font-size:0.9em;
	font-weight:bold;
	color:#fff;
	margin-right:10px;
}
/*スクロール用*/
#side h4.p-entry {
	padding:5px 0px;
	font-size:17px;
	color:#FEB20A;
	margin-bottom:15px;
}
.poprank {
	position:relative;
}
.poprank-no{	
	position:absolute;
	top:0;
	left:0;
	padding:2px 8px;
	background:#FEB20A;
	font-size:0.9em;
	font-weight:bold;
	color:#fff;
}
/*--------------------------------
お問合せフォーム用ボタン
---------------------------------*/
.st-formbtn {
	text-align:center;
	padding: 20px 0;
	margin:0 0 10px;
}
.st-formbtn a{
	/*Other Browser*/
	background: #91bae4;
	/*For Old WebKit*/
	/*For Modern Browser*/
	background: -webkit-gradient(
	linear,
	left top, left bottom,
	from(#1584C4),
	to(#0277BD)
	);
	background: linear-gradient(
	#1584C4 0%,
	#0277BD 100%
	);
	border-radius:5px;
	color:#fff;
	padding:10px 35px;
	display:block;
	margin:0 auto;
	text-decoration:none;
	font-weight:bold;	
	max-width:300px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#side .st-formbtn{
	padding: 0;
	margin-bottom: 10px;
}
#side .st-formbtn a{
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.st-formbtn a:hover{
	color:#fff;
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/*--------------------------------
フッターコンテンツ
---------------------------------*/
#footer {
    background: #e2ecf1;    
    }
#footer h3 {
    font-size: 0.9em;
	margin-bottom: 10px;
}
#footer h4 {
    background: none;
    color: #5b3e1b;
    margin: 20px auto;
}
.footer_link p {
	margin-bottom: 5px;
    font-size: 0.8em;
}
#footer a {
    text-decoration: none;
}
#footer h3 img {	
	margin:10px auto;
	text-align:center;
}
#footer .copy, #footer .rcopy {
	font-size: 0.75em;		
	padding:20px 10px 0;
}
.copy {
    text-align: center;
}
.footer_link {
    margin-top: 20px;
}
.footer_link ul {
    list-style: none;
}
.footer_inner {
    margin: 20px 0;
}
.footer_right {    
    margin: 20px 0;
}
/*ウィジェットテキスト*/
.headbox, .headbox p {	
	text-align:center;
}
.icon_link li {
    list-style: none;
    float: left;
    margin-right: 10px;
    font-size: 1em;
   }
.icon_link li a:hover {
    opacity: 0.8;
}
.icon_link__mark a {
    color: #ff9f86;
    font-size: 2em;
}
/*--------------------------------
トップページやアーカイブ一覧表示
---------------------------------*/
/* タイトル名 */
#topnews dd h3 {
	font-size: 1.25em;
	line-height: 30px;
	margin-bottom: 5px;
}
#topnews dt {
	float: left;
	width: 100px;
}
#topnews dt img {
	width: 100%;
}
#topnews dd {
	padding-left: 110px;
}
#topnews dl {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
#topnews dl:first-child {
	padding-top: 20px;
}
#topnews dl:last-child {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none;
}
#topnews .clearfix dd h5 {
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}
/* 抜粋文字 */
#topnews .clearfix dd h5 a {
	color: #333;
	text-decoration: none;
}
/* 一覧タイトル下 */
.kanren .blog_info p {
	margin:0 0 5px;;
}
.kanren h3 {
	margin: 0 0 5px;
}
.blog_info p a {
	color: #666;
	text-decoration: none;
}
#topnews .clearfix dd .blog_info p {
	font-size: 0.8em;
}
/*--------------------------------
記事下の一括表示部分
---------------------------------*/
.kizi-under-box {
	margin-bottom:20px;
}
/*--------------------------------
関連記事表示部分
---------------------------------*/
.kanren {
	padding-top: 10px;
}
.kadomaru img{
	border-radius:20px;
}
/* タイトル名 */
.kanren dd h5 {
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}
.kanren dt {
	float: left;
	width: 100px;
}
.kanren dt img {
	width: 100px;
}
.kanren dd {
	padding-left: 115px;
}
.kanren dl {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e2c352;
}
.kanren dl p {
	margin-bottom: 0px;
}

.kanren dl:last-child {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none;
}
/* 抜粋文字 */
.kanren .clearfix dd p {
	font-size: 0.8em;
	color: #666;	
}
.kanren .clearfix dd h5 a {
	color: #333;
	text-decoration: none;
}
.kanren .clearfix dd h5 a:hover {
	color: #b22222;
}
/*--------------------------------
サイドバー
---------------------------------*/
#side aside ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#side aside ul li a {
    text-decoration: none;
    display: block;
    }
#side aside ul li a:hover {
    background: #e2ecf1;
}
#side aside ul li ul li{
    position: relative;
	list-style-type: none;
	margin: 0px;
	padding: 2px 10px 2px 30px;	   
}
#side aside ul li ul li:before {
    position: absolute;    
    left: 10px;
    content: "\002666";
    font-size: 0.8em;
    color: #646006;
}
#side aside ul li ul li:last-child {
    border: none;
}
#side aside h4 {
    position: relative;
	font-weight: bold;
	line-height: 25px;	
	padding: 10px;      
}
#side aside h4:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #c4b872;
    position: absolute;
    bottom: 5px;
    left: 0;
}
#side aside #mybox ul li ul li {
	font-size: 0.8em;
	line-height: 27px;
    margin: 10px;
}
#side aside #mybox ul {
	margin-bottom: 10px;
}
/* RSS購読するボタン */
.rssbox a {
	display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px auto;
    text-align: center;
    text-decoration: none;
    color: #646006;
    padding:5px 10px;     
        border-radius: 4px;  
    border: #646006 1px solid;
background: rgb(238, 238, 238);
background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgb(238, 238, 238)), color-stop(70%, rgb(250, 248, 248)));
background: linear-gradient(0deg, rgb(238, 238, 238) 30%, rgb(250, 248, 248) 70%);
}
.rssbox a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#scrollad {
	padding: 10px 0;
}
/*--------------------------------
サイドバー固定ページ用のナビ
---------------------------------*/
#sidebg {
	background:#f3f3f3;
	margin-bottom:10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#side aside h4.menu_underh2 {
	padding-left:10px;
    background: none;
    border-radius: 0;
    color: #5b3e1b;
}
/*ulタグの階層*/
#side aside .st-pagelists ul {
	padding:0px;
}
#side aside .st-pagelists .children {
	padding:5px 0px;
}
#side aside .st-pagelists .children li .children {
	padding:0px 10px 0px 0px;
}
/*liタグの階層*/
#side aside .st-pagelists ul li {
	padding: 0px;
	background-image:none;
}
#side aside .st-pagelists ul li ul li {
	padding: 0px 10px;
	background-image:none;
}
#side aside .st-pagelists ul li li li li {
	padding: 0px 10px;
	background-image:none;
	border-bottom:none;
}
/*aタグの階層*/
#side aside .st-pagelists ul li a {
	text-decoration:none;
	padding:5px 10px;
	margin-bottom:1px;
	color:#fff;
	width:100%;
	display:block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-weight:bold;

	/*Other Browser*/
	background: #91bae4;
	/*For Old WebKit*/
	/*For Modern Browser*/
	background: -webkit-gradient(
	linear,
	left top, left bottom,
	from(#1584C4),
	to(#0277BD)
	);
	background: linear-gradient(
	#1584C4 0%,
	#0277BD 100%
	);
}
#side aside .st-pagelists ul li a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#side aside .st-pagelists .children a {
	text-decoration:none;
	padding:0px 10px;
	background:transparent;
	background-repeat: no-repeat;
	background-position: left center;	
	margin-bottom:5px;
	font-weight:normal;
	border-bottom:1px dotted #ccc;
}
#side aside .st-pagelists .children a:hover {
	color:#ff0000;
}
#side aside .st-pagelists .children li .children a {
	text-decoration:none;
	padding:0px 0px 0px 10px;
	background:transparent;
	background-repeat: no-repeat;
	background-position: left center;	
	border:none;
	margin-bottom:0px;
}
#side aside .st-pagelists .children li .children a:hover {
	color:#ff0000;
}
#side aside .st-pagelists .children li .children .children li a {
	text-decoration:underline;
	padding:0px 10px 0px 20px;
	background:transparent;
	background-repeat: no-repeat;
	background-position: left center;	
	border:none;
	margin-bottom:0px;
}
/*--------------------------------
エディタ用
---------------------------------*/
/*テーブル */
.post table {
	border-top: 1px #eee solid;
	border-right: 1px #eee solid;
    width: 100%;
	margin: 20px auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    border-radius: 8px;
}
table tr td {
	padding: 4px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #eee;
	border-left-color: #eee;	
}
table th {
	padding: 4px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #eee;
	border-left-color: #eee;	
}
.post table tr:nth-child(even) {
	background-color: rgba(220,220,220,0.1);
}
#main .post table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #eee;
	border-right-color: #eee;	
}
/*テーブル（装飾なし） */
.post .notab table {
	border:none;
	width: initial; /* 初期状態にリセット */
	max-width: initial; /* 初期状態にリセット */
}
.notab table tr td {
	border:none;
	text-align: left;
	vertical-align: top;
}
.notab table th {
	border:none;
}
.post .notab table tr:nth-child(even) {
	background-color: transparent;
}
/*スクロール*/
.scroll-box {
	overflow-x: auto;
	margin-bottom:10px;
}
.scroll-box::-webkit-scrollbar {
      height: 5px;
}
.scroll-box::-webkit-scrollbar-track {
      border-radius: 5px;
      background: #f3f3f3;
}
.scroll-box::-webkit-scrollbar-thumb {
      border-radius: 5px;
      background: #ccc;
}
/*画像 */
img.alignright {
	display: block;
	margin: 0 0 0 auto;
}
img.alignleft {
	display: block;
	margin: 0 auto 0 0;
}
img.float-left {
	float: left;
}
img.float-right {
	float: right;
}
.wp-caption {
	text-align: center;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.ie8 img {
	width: auto;
}
/*レスポンシブ用PC左右コンテンツ*/
.responbox, .responbox30, .responbox50, .responbox60, .responbox70 {
	margin-bottom:10px;
}
.lbox,.rbox {    
	margin:0 auto 10px;
}
.lbox img,.rbox img {
    display: block;
    margin: 0 auto;
}
.responbox__text {
    margin: 15px auto;
    padding: 0 10px;
}
/*--------------------------------
アコーディオンメニュー
---------------------------------*/
.menu-navigation-container {
	overflow: hidden;
}
nav li a:hover {
	text-decoration: underline;
}
#s-navi ul.sub-menu {
	display:none;
}
#s-navi dl.acordion p {
	margin: 0;
}
#s-navi dl.acordion {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 999;
	margin: 0px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;    
}
#s-navi dt.trigger {
	text-align: right;
	padding: 10px 0px;
	cursor: pointer;
    background-color: rgba(255,255,255,0.5)
}
#s-navi dt.trigger .op,#s-navi dt.trigger .mail a,#s-navi dt.trigger .tel a {    
	font-size: 25px;
	color: #646006;
	padding: 0px 10px;   
}
#s-navi dd.acordion_tree {
	padding: 10px 0px 30px;
	display: none;
	overflow: hidden;
	top:0px;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:left;
    background: #fff;
   -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.75);
}
.acordion_tree ul.menu li {
	float: none;
	font-size: 15px;
	padding: 10px 10px 10px 15px;
	list-style:none;
	border-bottom:dotted 1px #000;
}
.acordion_tree ul.menu li .fa {
    min-width: 1em;
}
.acordion_tree ul.menu li:last-child {
	border:none;
	padding-bottom:0px;
}
.acordion_tree ul.menu li a {
	text-decoration: none;
	color:#000;
}
/*--------------------------------
検索フォーム
---------------------------------*/
#search {
	padding-bottom: 0px;
	position: relative;
	width: 100%;
    background: #fff;
}
#searchform {
	border:#ccc 1px solid;
}
#s {
	height: 34px;
	font-size: 14px;
	border-radius: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	z-index: 10;
	padding: 10px 65px 10px 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#searchsubmit {
	border-radius: 0;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50px;
	height: 34px;
	z-index: 20;
}
*:first-child + html #searchsubmit {
	top: 1px;
}
/*フッターnavi*/
.footermenust {
	text-align: center;
	padding:30px;
	margin-bottom:5px;
}
.footermenust li {
	display: inline;
	font-size: 14px;
	padding:0 10px 0 5px;
}
footer .footermenust li {
	border-right:1px solid #ccc;
	font-size:12px;
	line-height:12px;
}
footer .footermenust li:last-child {
	border-right:none;
}
#footer .footermenust a {
	padding:0px;
	margin:0px;
	font-size:12px;
	color:#757575;
}
/*--------------------------------
ページャー
---------------------------------*/
/*コメントナビ*/
.st-pagelink {
	padding:20px 0px;
}
.st-pagelink a {
	text-decoration:none;
	font-size:13px;
}.st-pagelink .page-numbers {
	border:1px solid #ccc;
	padding:5px 8px;
	margin-right:5px;
}
.pagination {
	clear: both;
	position: relative;
	font-size: 14px;
	line-height: 13px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	text-decoration: none;
	width: auto;
	color: #fff;
	background-color: #999;
}
.pagination a:hover {
	color: #fff;
	background-color: #666666;
}
.pagination .current {
	padding: 6px 9px 5px 9px;
	color: #fff;
	background-color: #CCCCCC;
}
/*--------------------------------
ぱんくず
---------------------------------*/
#breadcrumb {	
    font-size: 0.8em;    
}
#breadcrumb a {	
	text-decoration: underline;
}
div#breadcrumb {
	padding: 0;
	margin-bottom: 10px;
	clear: both;
}
div#breadcrumb div {
	display: inline;	
}
#breadcrumb div a {
	color: #666;
	text-decoration: underline;
}
/*--------------------------------
SNS
---------------------------------*/
.sns{
	margin-bottom:20px;
}
.sns h3 {    
    font-size: 1em;
    margin:0;
}
.sns h3:before {
    background: none !important;
}
.snstext{
	font-size:0.8em;
	vertical-align:middle;
    margin-left: 0.5em;
}
.post .sns ul {
	list-style:none;
	padding:0px;
	margin:0px 0px 20px;
}
.sns li {
	float:left;
	padding:5px;
	text-align:center;
	list-style:none;
}
.sns li a {	
	position:relative;
	display:block;
	padding:3px 10px;
    display: block;
	width: 100%;	
    -webkit-box-sizing: border-box;	
    box-sizing: border-box;
    margin-bottom: 0px;
    text-align: center;    
    text-decoration: none;
    color: #646006;
        border-radius: 4px;  
    border: #646006 1px solid;
background: rgb(238, 238, 238);
background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, rgb(238, 238, 238)), color-stop(70%, rgb(250, 248, 248)));
background: linear-gradient(0deg, rgb(238, 238, 238) 30%, rgb(250, 248, 248) 70%);
}
.sns li a:hover {
    opacity: 0.8;
}
/*--------------------------------
カレンダー
---------------------------------*/
#wp-calendar {
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	width: 100%;
}
#wp-calendar thead tr th {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 14px;
	padding: 3px;
	text-align: center;
	background-color: #f3f3f3;
}
#wp-calendar td {
	text-align: center;
	padding: 0px;
	background-color: #fff;
}
#wp-calendar caption {
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 14px;
}
#wp-calendar tbody tr #today {
	background-color: #b0e0e6;
}
/*--------------------------------
PAGE TOP
---------------------------------*/
#page-top {
	position: fixed;
	z-index: 9999;
	bottom: 52px;
	right: 0px;
	font-size: 30px;
}
#page-top a {
	text-decoration: none;
	color: #c6e8f9;
	padding: 10px;
	text-align: center;
	display: block;
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
	color: #fff;
}
/*--------------------------------
コメント
---------------------------------*/
#comments p a {
	color: #5b3e1b;
}
.post #comments h3 {
	background-color: transparent!important;
}
.post #comments h3:before {
    background: none!important;
}
#comments p {
	font-size: 0.8em;
	font-weight: normal;
	line-height: 20px;
	margin: 0px;	
	padding: 5px 0;
}
#comments label {
	display: block;
}
.metadata dd a {
	color: #5b3e1b;
}
.metadata {
	font-size: 13px;
	line-height: 20px;
}
#comments {
	font-size: 14px;
	line-height: 20px;	
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 20px;
}
.comment-body {
	padding: 10px;
	margin-bottom: 20px;
}
.fn {
	font-style: normal;
	font-size: 13px;
}
.says {
	font-size: 13px;
	line-height: 18px;
}
.commentmetadata {
	font-size: 12px;
	line-height: 15px;
	height: 15px;
	width: 100%;
	clear: both;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.reply {
	padding: 5px;
	font-size: 13px;
}
#comments #respond {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #666;
}
#comments #commentform .tags {
	padding: 10px;
	background-color: #f3f3f3;
	font-size: 13px;
}
#comments #commentlist img {
	padding: 10px;
}
#comments .commets-list {
	padding-left: 0px;
	list-style-type: none;
}
ul.children {
	padding: 0px;
}
.commets-list li {
	list-style-type: none;
}
.comment-author.vcard .avatar {
	float: left;
	margin-right: 10px;
}
.vcard .fn {
	font-size: 13px;
	line-height: 18px;
}
/* コメント欄の下にある使用できるタグの表記を消す */
.form-allowed-tags {
	display: none;
}
#comments h3 {
	background-image: none;
	border: none;
	margin-bottom: 0px;
	padding: 0;
}
#comments h4 {
	background-color: transparent;
	font-size: 16px;
	padding: 0;
	border: none;
	margin-bottom: 0px;
}
#comments textarea {
	margin-bottom: 10px;
	width: 100%;
	border: 1px #f2f2f2 solid;
}

#comments input {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	border-radius: 2px;
	border: 1px #f2f2f2 solid;
}
/* コメントボタン */
	#comments input[type="submit"] {
	background-color: #e88c9b;
	padding: 10px;
	-webkit-appearance: none;
	border-radius: 3px;
	border: 1px #f2f2f2 solid;
        color: #fff;
}
/*--------------------------------
PREV NEXT
---------------------------------*/
.p-navi dl dt {
	font-weight: bold;
	font-size: 0.8em;	
	float: left;
	width: 50px;	
}
.p-navi dl dd {
	font-size: 0.85em;
	padding-left: 55px;	
}
/*--------------------------------
NEWS（お知らせ）
---------------------------------*/
#topnews-box div {
	padding: 0 10px 10px;
}
#topnews-box {
	padding: 0px;
}
.news-ca {
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
	font-size:13px;
}
.rss-bar {
	font-size: 14px;
	border:1px solid #f3f3f3;
	margin-bottom:20px;
	padding: 5px 15px!important;

	/*Other Browser*/
	background: #f3f3f3;
	/*For Old WebKit*/
	/*For Modern Browser*/
	background: -webkit-gradient(
	linear,
	left top, left bottom,
	from(#fff),
	to(#f3f3f3)
	);
	background: linear-gradient(
	#fff 0%,
	#f3f3f3 100%
	);
}
#topnews-box dt {
	font-size: 14px;	
	padding-bottom: 5px;
}
#topnews-box dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	font-size: 14px;
	margin-bottom: 10px;
}
#topnews-box div dl dd a {
	color: #86794d;
	text-decoration: none;
}
#topnews-box div dl dd a:hover {
color: #b22222;
}
/*レイアウト スマートフォン
----------------------------------------------------*/
.wrapper {
	padding: 0 10px;
	margin: 0 auto;	
    -webkit-box-sizing: border-box;	
    box-sizing: border-box;
}
body.fixed-footer .wrapper {
	height:100%;
	min-height: 100%;
}
#headbox {
	padding: 0px 15px;
	margin:0;
}
footer {
	clear: both;
	padding: 20px 0px;
	margin:0;
}
#header-l {
	padding: 0px 10px 0;
}
#gazou p {
	margin: 0px;
}
main {
	padding: 0;
	margin: 0;
}	
section {
	margin-bottom: 4em;
}
/*-------------------------------------
カラム1適用
--------------------------------------*/
.colum1 #side {
}
/*LP化--------------------------------*/
.lp header, .lp #gazou, .lp #itiran, .lp .kanren, .lp #breadcrumb, .lp nav, .lp .blogbox, .lp .tagst, .lp .point, .lp .p-navi, .lp .pagination {
	display: none;
}
.lp .entry-title {
	font-size: 13px;
	color: #ccc;
	line-height:18px;
}
.lp post img, .lp post video, .lp post object, {
	width: 100% !important;
	height: auto;
	border: none;
	vertical-align: bottom;
	display: block;
}
/* IEのみ（主にYuGothic対応）
---------------------------------------*/
@media all and (-ms-high-contrast:none)
{
	.rss-bar {
		padding-top: 10px!important;
	}
	.entry-title {
		padding: 7px 20px 2px!important;
	}
	#side aside .st-pagelists ul li a {
		padding-top: 7px!important;
	}
	ul.menu li a{
		padding-top: 2px!important;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	#s {
		color:#ccc;
		padding-top:7px!important;
		}    	
}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
	#side aside {
		clear: both;
		float: none;
		width: auto;
		position: static !important;
	}  
}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 414px) {	
	#headbox {
		padding: 0px 20px;
		margin:0;
	}
	footer {
		margin:0;
		padding:0 20px 10px;
	}
	.sitename img,#footer h3 img {
		width: 140px;		
	}
	.ad {
		padding-bottom: 10px;
		margin:0px;
	}	
/*--------------------------------
NEWS（お知らせ）
---------------------------------*/
	#topnews-box {
		padding-bottom: 10px;
	}
	#topnews-box div {
		padding: 0 10px 10px;
	}
	.rss-bar {
		font-size: 0.8em;
		/*Other Browser*/
		background: #91bae4;
		/*For Old WebKit*/
		/*For Modern Browser*/
		background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#fff),
		to(#f3f3f3)
		);
		background: linear-gradient(
		#fff 0%,
		#f3f3f3 100%
		);
	}
	#topnews-box dt {
		font-size: 14px;
		margin-bottom: 5px;
		padding-bottom: 5px;
		float: left;
		width: 100px;
		clear: both;
	}
	#topnews-box dd {
		padding-left: 110px;
		margin-bottom: 5px;
		padding-bottom: 5px;
		font-size: 14px;
		margin-bottom: 10px;
	}
	#topnews-box div dl dd a {
		text-decoration: none;
	}
	/*--------------------------------
	一覧記事表示部分
	---------------------------------*/
	#topnews dt {
		float: left;
		width: 150px;
	}
	#topnews dt img {
		width: 100%;
	}
	#topnews dd {
		padding-left: 170px;
	}
	#topnews .clearfix dd h5 {
		font-size: 24px;
		font-weight: bold;
		padding: 0px;
		margin-bottom: 5px;
	}
	#topnews .clearfix dd p {
		font-size: 13px;
		color: #666;
		line-height: 24px;
		margin: 0px;
		padding: 0px;
	}
	#topnews .clearfix dd h5 a {
		color: #333;
		text-decoration: none;
	}
	/*-------------------------------------
	カラム1適用
	--------------------------------------*/
	.colum1 #side {
		display: none;
	}
	.colum1 main {
		margin: 0px;
		padding:0 10px;
	}
	.colum1 .st-pagelink {
		display: none;
	}      
}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 768px){
    .module_3 {
        float: left;
        display: inline-block;
        width: 32%;
        margin-right: 10px;
    }
    .module_3:nth-child(3n) {
        margin-right: 0;
    }
    .module_3__image {
        min-height: 150px;
    }    
    .sitename {
        display: inline-block;
        float: left;
        margin-right: 40px;
        }
    .head-ad {
        float: left;    
    }
    .head-adress {
        float: left;
        margin-left: 60px;
    }
    .header__r {
        clear: both;
    }
    .top_menu_wrapper {
        padding: 0 10px;
    }      
    .footer_link {
        float: left;
        width: 40%;      
    }
    .footer_right {
        float: right;
        width: 340px;
    }
    h2.top_concept__h2 {
        padding: 40px 0 0 40px;
    }
    .top-profile__magazine img {
        display: inline;
        width: 30%;
        margin-right: 8px;
    }    
    .top_menu__text {
        min-height: 255px;
    }
    .list-attention:after,.list-attention-sango:after,.list-attention-kounenki:after {	
  top: 30%;     
}
    .line__list {    
    margin-left: 0;
}
    /*レスポンシブ用PC左右コンテンツ*/
	.responbox .lbox img {
		width:100%!important;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.responbox30 .lbox {
		float:left;
		padding-right:15px;
		width:30%;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.responbox30 .rbox {
		float:left;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		width:70%;
	}
	.responbox .lbox {
		float:left;
		padding-right:15px;
		width:40%;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.responbox .rbox {
		float:left;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		width:60%;
	}
	.responbox50 .lbox {
		float:left;
		padding-right:7px;
		width:50%;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.responbox50 .rbox {
		float:left;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		padding-left:7px;
		width:50%;
	}
	.responbox60 .lbox {
		float:left;
		padding-right:15px;
		width:60%;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.responbox60 .rbox {
		float:left;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		width:40%;
	}
	.responbox70 .lbox {
		float:left;
		padding-right:15px;
		width:70%;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	.responbox70 .rbox {
		float:left;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		width:30%;
	}
    .flex-w {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .col2 {
width: 48%;}
   }
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 781px) {
/*--------------------------------
メニュー
---------------------------------*/
	nav.smanone {
		margin-top: 10px;
		padding: 0px;
        }

	header ul.menu li{
        list-style-type:none;
		float:left;
		width:160px;
		height:40px;
		text-align:center;			
		font-weight:bold;
       　margin-top: 20px;  
        border-right:#a0a0a0 1px dotted;
	}    
	header ul.menu>li:last-child {
		border:none;
	}
	header ul.menu li a{
		display:block;
		overflow:hidden;
		width:100%;
		height:100%;
		line-height:40px;
		text-decoration:none;
		position:relative;
		z-index:1;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;        
	}
	header ul.menu li li a{
		background:#e2ecf1;
		border-top:#7c716d dotted 1px;        
		font-weight:normal;
		z-index:1000;
        	}
    header ul.menu li li:first-child a {
        border-top: none;
    }
	header ul.menu li a:hover{
		background:#c6e8f9;
	}
    header ul.menu {
        max-width: 1000px;
        margin: 0 auto;
    }
    header ul.menu li a {
        position: relative;
        color: #535353;
    }
    header ul.menu li a:hover {
        background: #c6e8f9;
    }
	header ul.sub-menu li ul.sub-menu{
		position:absolute;
		left:160px;
		top:0;
	}
	header ul.sub-menu{
		display:none;
	}
    header ul.sub-menu li{
		margin-bottom: 0;
        font-weight: 600;
        border-right: none;
        text-align: left;        
	}
    header ul.sub-menu li a{
        padding: 0 2px;
        font-weight: 600;
    }
	/* IE7 対策 */
	header ul.menu{
		zoom:1;
	}

	*+html header ul.menu li{
	    display:inline;
	    zoom:1;
	}
	*+html header ul.sub-menu{
		zoom:1;
		position:relative;
	}
	.smanone {
		display: block;
	}
	.pcnone {
		display: none;
	}
	#headbox {
		padding: 15px 30px 5px;
		margin: 0;
	}
	footer {
		padding: 0  0 20px;
		margin:0 auto;
	}
	#header-l {
		padding: 0px;
	}
    .sitename img,#footer h3 img {
		width: 160px;		
	}
	nav {
		display: block;
	}
	/*IEで要素がズレるのを対応*/
	.ie7 aside ul li, .ie8 aside ul li, .ie9 aside ul li {
		display: list-item;
		padding: 0;
	}
	/*--------------------------------
	各フォント設定
	---------------------------------*/
	p {
		font-size: 1em;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	dd p {
		margin-bottom: 5px;
	}
	/*記事タイトル*/
	.entry-title {
        max-width: 100%;
        margin: 10px auto 20px;
		font-size: 1.1em;
		line-height: 30px;
	}
	.entry-title a:hover {
		text-decoration: underline;
	}	
	/* オリジナルスタイルPC */
	.oomozi {
		font-size: 1.12em;line-height: 35px;
	}
	.yellowbox {
		font-size: 1em;		
		margin-bottom: 20px;
	}
	.redbox {
		font-size: 1em;
		line-height: 27px;
		margin-bottom: 20px;
	}
	.graybox {
		font-size: 1em;
		line-height: 27px;
		margin-bottom: 20px;
	}
	.h2fuu {
		font-size: 1.25em;
		line-height: 30px;
	}
	.h2fuu:after {
		bottom: -10px;
		left: 50px;
	}
	.h2fuu:before {
		bottom: -10px;
		left: 50px;
	}
table tr td {
	padding: 8px;	
}

table th {
	padding: 8px;	
}
	/*--------------------------------
	ヘッダーコンテンツPC
	---------------------------------*/	
    #headbox {
    margin: 0;
    padding: 0;
}
    .header__r {
        float: right;
        width: 300px;
        margin: 10px 0;
    }     
	/*--------------------------------
	ページャー
	---------------------------------*/
	.pagination {
		clear: both;
		position: relative;
		font-size: 11px;
		line-height: 13px;
		margin-bottom: 20px;
		padding-top: 20px;
		padding-right: 0;
		padding-bottom: 20px;
		padding-left: 0;
	}
	.pagination span, .pagination a {
		display: block;
		float: left;
		margin: 2px 2px 2px 0;
		padding: 6px 9px 5px 9px;
		text-decoration: none;
		width: auto;
		color: #fff;
		background-color: #999;
	}
	.pagination a:hover {
		color: #fff;
		background-color: #666666;
	}
	.pagination .current {
		padding: 6px 9px 5px 9px;
		color: #fff;
		background-color: #CCCCCC;
	}
	/*--------------------------------
	サイドバー固定ページ用のナビ
	---------------------------------*/
	#side aside .st-pagelists li {
		font-size:13px;
		line-height:24px;
	}
	/*--------------------------------
	PCのレイアウト（左サイドバー）
	---------------------------------*/
    #content {
        max-width: 1000px;
        margin: 40px auto;
    }
    #contentInner {
		float: right;
		width: 100%;
		margin-left: -280px;
	}
	 main {
		margin-right: 0px;
		margin-left: 300px;
		border-radius: 4px;
		padding: 0px 0px 0px 10px;
	}
	#side aside {
		float: left;
		width: 280px;        
		padding: 0px;
	}
    .post table {
        max-width: 1000px;
           }
    /*-- カスタム --*/    
    .wrapper {
        max-width: 1000px;
    }
    .wrapper_wide {
        max-width: 1000px;
        margin: 0 auto;
    }
    .module_3_wrapper {
        width: 1000px;
        margin: 0 auto;
    }
    h2.top_h2 {
    margin: 60px 0;       
    }
    
h1.entry-title-picture {    
    top: 0em;
    left: 1em;
    font-size:2em;    
}
    .h1-back p {    
    top: 5em;
    left: 2em;
    margin-right: 10px;    
}
    .sitename {
        margin-right: 0;
        }
    .header-image {
        width: 1024px;
    }
    .head-ad {         
        margin-left: 40px;        
    }
    .head-adress {        
        margin-left: 40px;
        }
    .header__r {
        clear: none;
    }
    .slider_text {    
    left: 37%;   
        font-size: 2em;
}
      /*　　lp化　　*/
    main.main_page {
        margin-left: 0;
    }
    .top-profile__magazine img {
        width: 174px;
        height: auto;
            }
    .scroll_sma {
        display: none;
    } 
    .top_menu_wrapper {
        width: 1000PX;        
    }
    .top_menu__h3inner {
        font-size: 2em;
    }
    .bt_more a {
    width: 478px;
}   
   .footer_link {
        width: 500px;      
    }
        .side_button {
    width: 100%;
    height: auto;
        text-align: center;
}    
  .top_menu__text {
        min-height: 195px;
    }
}


/*フロントページ草案　CSS*/
.comics a {
    position: relative;
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 22px 0px 20px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    color: #ffffff;
    background-color: #f9bcc6;
    border: solid 2px #ec4b64;
    border-radius: 100px;
}
.comics a:hover {
    opacity: 0.6;
}
.comics a:after {
    content: "";
    position: absolute;
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    top: 39%;
    right: 5%;
}
.responbox50.clearfix.greetings {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.secret_introduction .responbox30.clearfix img {
    width: 100%;
    margin: 0 auto 20px;
}
.secret_introduction .responbox30.clearfix .rbox.point__content {
    width: 100%;
    text-align: center;
}
.secret_introduction .responbox50.clearfix .rbox {
    width: 100%;
    padding: 0;
}
#new_access .footer_link {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#new_access .footer_link h3 {
    width: 30%;
    margin: 0;
    padding: 0;
}
#new_access .footer_link .store_info {
    width: 68%;
}
#new_access .footer_link .store_info p {
    font-size: 18px;
}
#new_access .youtube-container {
    width: 100%;
    height: auto;
}
#new_access .footer_right {
    width: 100%;
    float: none;
}
@media only screen and (max-width: 768px) {
.comics a {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 22px 0px 20px;
    font-size: 20px;
}
.responbox50.clearfix.greetings {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.responbox50.clearfix.greetings img {
    margin-bottom: 20px;
}
#new_access .footer_link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
#new_access .footer_link h3 {
    width: 40%;
    margin: 0;
    padding: 0;
}
#new_access .footer_link .store_info {
    width: 100%;
    margin-top: 20px;
}
}

/*施術の流れページ草案　CSS*/
#treatment .whitebox h3 {
    margin: 0 0 20px;
    padding: 0;
    text-align: center;
}
#treatment .responbox50.clearfix.experiance, #treatment .responbox50.clearfix {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#treatment .responbox50.clearfix.experiance img.alignnone.size-medium.wp-image-998,
#treatment .responbox50.clearfix img.alignnone.size-medium.wp-image-994,
#treatment .responbox50.clearfix img.alignnone.size-medium.wp-image-986,
#treatment .responbox50.clearfix img.alignnone.size-medium.wp-image-996,
#treatment .responbox50.clearfix img.alignnone.size-medium.wp-image-1000,
#treatment .responbox50.clearfix img.alignnone.size-medium.wp-image-995,
#treatment .responbox50.clearfix img.alignnone.size-medium.wp-image-975 {
    width: 45%;
}
#treatment .responbox50.clearfix.experiance .rbox, #treatment .responbox50.clearfix .rbox {
    width: 50%;
    padding: 0;
}
#treatment .responbox50.clearfix.experiance .experiance-voice_staff, #treatment .responbox50.clearfix .experiance-voice_staff {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#treatment .responbox50.clearfix .experiance-voice_custmer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#treatment .responbox50.clearfix.experiance .experiance-voice_staff i, #treatment .responbox50.clearfix .experiance-voice_staff i {
    margin-right: 10px;
}
#treatment .responbox50.clearfix.experiance .experiance-voice_staff p, #treatment .responbox50.clearfix .experiance-voice_staff p, #treatment .responbox50.clearfix .experiance-voice_custmer p {
    margin: 0;
}
#treatment .responbox30.clearfix {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#treatment .problem.clearfix {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#treatment .system .responbox50.clearfix {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
@media only screen and (max-width: 768px) {
	#treatment .problem.clearfix {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column-reverse;
	}
	#treatment .problem.clearfix .problem-right {
		width: 100%;
		float: none;
	}
	#treatment .problem.clearfix .problem-right .list-attention {
		position: relative;
		margin: 20px auto 20px;
		margin-bottom: 30px;
	}
	#treatment .problem.clearfix .problem-right .list-attention:after {
		border-right: 12px solid #e2ecf1;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		content: '';
		margin-top: 0;
		position: absolute;
		top: 100%;
		left: 45%;
		z-index: 999;
		transform: rotate(-90deg);
	}
	#treatment .responbox50.clearfix.experiance, #treatment .responbox50.clearfix {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
	}
	#treatment .responbox50.clearfix.experiance .rbox, #treatment .responbox50.clearfix .rbox {
		width: 100%;
		padding: 0;
	}
	#treatment .responbox50.clearfix.experiance img.alignnone.size-medium.wp-image-998, #treatment .responbox50.clearfix img.alignnone.size-medium.wp-image-986, #treatment .responbox50.clearfix img.alignnone.size-medium.wp-image-996, #treatment .responbox50.clearfix img.alignnone.size-medium.wp-image-1000, #treatment .responbox50.clearfix img.alignnone.size-medium.wp-image-975 {
		width: 100%;
	}
	#treatment .responbox30.clearfix .lbox {
		margin: 0px 10px 10px 0;
	}
	#treatment .responbox30.clearfix {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column-reverse;
	}
	#treatment .whitebox h3 span.font_pink {
		font-size: 16px;
		line-height: 1.8em;
	}
}

/*アクセスページ草案　CSS*/
#new-access dl.access-list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
#new-access dl.access-list dt {
    position: relative;
    width: 20%;
    padding: 20px 0px 20px 20px;
    border-bottom: solid 2px;
    font-weight: bold;
    background: none;
    background-color: #e88c9b;
    color: #fff;
    display: flex;
    align-items: center;
}
#new-access dl.access-list dt:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    left: 2%;
}
#new-access dl.access-list dt.last {
    border-bottom: solid 2px #e88c9b;
}
#new-access dl.access-list dd {
    width: 80%;
    margin: 0;
    padding: 20px 15px;
    border-bottom: solid 2px #e88c9b;
}
#new-access ul.no-style li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
#new-access ul.no-style li p {
    margin: 0;
}
#new-access .responbox30.clearfix.impressions {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#new-access .responbox30.clearfix.impressions img.alignnone.size-medium.wp-image-926 {
    max-width: 300px;
    width: 100%;
}
#new-access .responbox30.clearfix.impressions .rbox.point__content {
    width: 50%;
}
#new-access .interior .responbox30.clearfix .lbox {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.interior .responbox30.clearfix .lbox h4 {
    width: 100%;
}
.interior .responbox30.clearfix .lbox .rbox {
    width: 100%;
}
.interior .responbox30.clearfix .lbox p {
    width: 100%;
}
@media only screen and (max-width: 768px) {
	#new-access dl.access-list dt {
        position: relative;
        width: 100%;
        padding: 20px 0 20px 25px;
		border: none;
    }
	#new-access dl.access-list dd {
		width: 100%;
		border: none;
	}
	#new-access .responbox30.clearfix.impressions {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
	}
	#new-access .responbox30.clearfix.impressions .rbox.point__content {
		width: 100%;
		margin-top: 20px;
	}
}


/*料金表ページ　CSS*/
.price-list table {
    margin: 5px 0;
    border: none;
}
.price-list tr {
    display: flex;
    margin: 0;
    padding: 2px 0;
    border: none;
    width: 100%;
    gap: 5px;
}
.price-list th {
    display: flex;
    position: relative;
    width: 35%;
    font-size: 19px;
    margin: 0;
    border: none;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    background-color: #e88c9b;
    color: white;
}
.price-list td {
    padding: 15px 0;
    padding-left: 20px;
    width: 65%;
    font-size: 19px;
    text-align: left;
    font-weight: 500;
    border: none;
    background-color: #ffeff1;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.col2:nth-of-type(1) h4,.col2:nth-of-type(2) h4 {
	margin-top: 0;
}

@media screen and (max-width: 768px) {
  .price-list table {
    margin: 10px 0;
    border: none;
  }
  .price-list tr {
    margin-bottom: 5px;
  }
  .price-list th {
    width: 40%;
  }
  .col2:nth-of-type(1),.col2:nth-of-type(2) {
	margin-top: 20px;
  }
  .side-mainmenu {
	display: none;
  }
}