review@charset "UTF-8";

/* ##################################### common.css ##################################### */
.cf:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}




/* ============= font-awesome ============= */
.button.b01 a:after {
	font-family: 'FontAwesome';
	display: inline-block;
	width: 1em;
    text-align: center;
    vertical-align: middle;
}



.pc_only { display:none; }
.m_only { display:block; }
@media only screen and (min-width:900px) {
.pc_only { display:block; }
.m_only { display:none; }
}






#page {
	padding-top: 80px;
}

@media only screen and (max-width: 1024px) {
	#page{
		padding-top: 60px;
		margin-top:0;
		padding-bottom:10px;
	}
}

.container-inner p { margin-bottom:2em; }

.widget_text {}


/* ========================== clear fix ========================== */
.cf:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/* ========================== ヘッダ画像 ========================== */
/*ヘッダーとスライダーの重なりを解消*/
.top #content {
    padding-top: 81px; 
}
@media (max-width: 959px) {
   .top #content {
       padding-top: 59px;
   }
}


/*.image-container{ height:500px !important;}*/

.l-topTitleArea {
     top:0;
    /*min-height:300px;*/
    /*height:50px;*/
    margin-top: 59px;
    min-height: 150px;
}

@media (min-width: 600px){
.l-topTitleArea {
    /*min-height: 0;*/
    margin-top: 80px;
}
}

/*ライブソース
.c-gnav>.menu-item>a .ttl{display:block;font-size:14px}
.c-gnav .sub-menu .ttl{font-size:.9em;left:0;position:relative;transition:left .25s}
*/

.c-gnav>.menu-item>a .ttl { font-size:12px; }


/*　ヘッダ画像のサイズ、ヘッダの上下の余裕 */
.-series .l-header__logo {
    /*margin-right: 24px;*/
    margin-right: 0;
    /*padding: 16px 0;*/
    padding:5px 0;
    /*max-width: 200px;
    min-width: 120px;*/
}


.-series .c-headLogo {
     /* margin-right:16px;  */
    margin-right: 0;
}

.c-headLogo img { width: 100%; }

@media (min-width: 960px) and (min-width:600px) {
    .-series .c-headLogo {
    max-width:400px;
    min-width: 200px;
    }
}


/* ========================== コンテンツヘッダ ========================== */
.c-pageTitle {
    position: relative;
    color: #000;
    /*font-size: 1.3em;*/
    font-size: 1.3em;
    line-height: 1.4;
}

.c-postTitle__ttl { color: #000; }

@media (min-width: 600px) {
.c-pageTitle {
    /*font-size:1.5em;*/
    font-size:2em;
}
}



/* ========================== 区切り線 ========================== */
.hr,
hr{
	background:#ddd;
	border-bottom:1px solid #ddd !important;
	margin:30px 0;
}


/* ========================== ph ========================== */
.phL,
.phR {
	float:none;
	margin:0 auto 1.6rem auto;
	text-align:center;
}
.phSpaceC { text-align:center; }

.post_content .phL p,
.post_content .phR p,
.post_content .phSpaceC p  { margin:5px 0 0 0; }


@media (min-width:600px) {
.phL,
.figL {
	float:left;
	margin:0 15px 10px 0;
}
.phR,
.figR {
	float:right;
	margin:0 0 10px 15px;
}
}

.phC {
	margin-bottom:30px;
	text-align:center;
}


.top-bottom-gap40 { margin:40px 0; }






/* ========================== header ========================== */
.home #header,
.archive #header,
.page #header,
.single #header{
	/*background-color:rgba(255,255,255,0.80)!important;*/
	position:fixed;
}

/*#nav-topbar { position:relative; padding-right:0;}
#nav-topbar .container{ position:relative; right:0px;}*/



/* ========================== コンテンツヘッダ ========================== */
.l-topTitleArea {
    /*height:400px;*/
    /*vertical-align: middle !important;*/
}
/*#top_title_area img,
.l-topTitleArea img {
    vertical-align: top !important;
}*/
/*.c-pageTitle { vertical-align: middle; }*/


/* ========================== nav-topbar ========================== */
/*.nav-wrap ul.sub-menu,
ul.sub-menu a,
#menu-item ul.sub-menu a { color:#ccc !important; }

ul.sub-menu a:hover { color:#fff !important; }
*/

/* --------- 下層ページ固定ヘッダメニュー --------- */
/*.category #nav-topbar .menu_title,
.page #nav-topbar .menu_title,
.single #nav-topbar .menu_title { color:#777; }

.category #nav-topbar ul.sub-menu a .menu_title,
.page #nav-topbar ul.sub-menu a .menu_title,
.single #nav-topbar ul.sub-menu a .menu_title { color:#ccc !important; }

.category #nav-topbar ul.sub-menu a:hover .menu_title,
.page #nav-topbar ul.sub-menu a:hover .menu_title,
.single #nav-topbar ul.sub-menu .menu_title { color:#fff !important; }

.category #nav-topbar a:hover,
.page #nav-topbar a:hover,
.single #nav-topbar a:hover { color:#fff !important; }

*/

/* ========================== h ========================== */
/*.post_content h2 {
	margin-bottom:20px !important;
	padding-left:10px;
	border-left:5px solid #777;
}
.post_content h2 span { font-size:16px; }
*/

/* ========================== p ========================== */
.post_content p { margin-bottom:25px; }
.post_content p.mgb0 { margin-bottom:0; }
.post_content p.mgb10 { margin-bottom:10px; }
.post_content p.mgb30 { margin-bottom:30px; }
.post_content p.end { margin-bottom:50px; }

/*.post_content .revival p,
.post_content .review dd,
.post_content .criticism p { text-indent:1em; }

.post_content .review dd.no-indent { text-indent: 0 !important; }



@media only screen and (min-width:481px) {
.comment01 {
	width:80%;
	margin:0 auto;
}
}
.comment01 p:last-child { margin-bottom:0 !important; }
*/



/* ========================== indent ========================== */
/*@media only screen and (min-width:768px) {
.indent { padding-left:20%; }
.indent-both { padding:0 20%; }
.indent-both15 { padding:0 15%; }
.indent-both10 { padding:0 10%; }
}
*/


/* ========================== chronology ========================== */
/*.chronology dl {
	padding-top:5px;
	margin-bottom:30px !important;
	border-top:1px dotted #70aed1;	
}

.chronology dt,
.chronology dd { color:#06679f !important; }

.chronology dt { font-weight:normal !important; }
.chronology dd {
	margin-bottom:5px;
	padding:0 0 5px 0;
	border-bottom:1px dotted #70aed1;
}

.chronology dd:last-child,
.chronology dd ul,
.chronology dd ul li:last-child { margin-bottom:0 !important; }

.post_content .chronology ul { margin-bottom:30px; }

@media only screen and (min-width:480px) {
.chronology { width:auto; }

.chronology dt {
	position: absolute;
	width:110px;
	margin:0 35px 0 0;	
	text-align:right;
}
.chronology dd {
	margin-bottom:5px;
	padding:0 0 5px 145px;
}
}*/


/* ========================== itemList ========================== */
.itemList li {
	text-align:center;
	margin-bottom:15px;
}


@media only screen and (min-width: 768px) {
.itemList ul {
	margin-bottom:20px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items:flex-start;
    align-items:flex-start;
}　
.itemList li { margin-bottom:0; }
.itemList li:first-child { margin-right:15px;}
}　



/* ========================== list ========================== */
.post_content ul li { list-style:disc; }



/* ========================== button ========================== */
.button.b01 {
	border-radius:20px;  
    -webkit-border-radius:20px; 
    -moz-border-radius:20px;
	background-color:#999;
	color: #fff;
}
.button.b01 a { color:#fff; }
.button.b01:hover {
	background-color: #bbb;
}

.button.b02 {
	border-radius:20px;  
    -webkit-border-radius:20px; 
    -moz-border-radius:20px;
	background-color:#06679f;
	color: #fff;
}
.button.b02 a { color:#fff; }
.button.b02:hover {
	background-color: #59b1eb;
}

.button.b01 a:after {
	margin-left:3px;
	content:"\f054";
	font-size:12px;
	font-weight:normal;
}

.button.b02 a:after {
	margin-left:3px;
	content:"\f054";
	font-size:12px;
	font-weight:normal;
}


.button {
	display: inline-block;
	padding:10px 20px;
	/*width:400px;
	height: 32px;*/
	text-align: center;
	text-decoration: none;
	/*line-height:32px;*/
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


/* ========================== img ========================== */
img.border { border:1px solid #ddd; }



/* ========================== video ========================== */
.video-container {
	/*position: relative;*/
	margin-right:auto;
	margin-left:auto;
	/*ppadding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;*/
	overflow: hidden;
}

.video-container iframe {
	/*position: absolute;
	top: 0;
	left: 0;*/
	/*position: relative;*/
	width: 100%;
	height: 100%;
}

@media only screen and (min-width: 768px) {
.video-container {
	/*width:60%;*/
}
}

/* ========================== sns button ========================== */




/* ========================== widget_nav ========================== */
/*.widget_nav_menu ul { margin-bottom:20px; }
.widget_nav_menu ul li { font-size:15px; }

.widget_nav_menu ul li a:before,
.widget_pages ul li a:before,
.widget_nav_menu ul ul li.menu-item-object-page a:before { content:none; }

.widget_nav_menu ul ul li.menu-item-object-page { text-align:center; }


.widget_nav_menu ul li a,
.widget_nav_menu ul li a:before { content:none !important; color:#06679f !important; }
.widget_nav_menu ul li a:hover { color:#9dc8e1 !important; }

.widget_nav_menu ul ul li a:before,
.widget_nav_menu ul ul li.menu-item-object-page a { color:#999 !important; }
.widget_nav_menu ul ul li.menu-item-object-page a:hover { color:#ccc !important; }


@media only screen and (min-width: 739px) {
.widget_nav_menu ul li a:before,
.widget_pages ul li a:before{ content:"\f105" !important; }
.widget_nav_menu ul li { text-align:left; }

.widget_nav_menu ul ul li.menu-item-object-page { text-align:left; }
}
*/



/* ========================== contact-info ========================== */
.contact-info-container {}



/* ========================== contact-info ========================== */
form,
form.wpcf7-form .wpcf7-form-control-wrap input { width:100% !important; }




/* ========================== table ========================== */
th.al-l,
td.al-l { text-align:left !important; }
th.al-r,
td.al-r { text-align:right !important; }


/* ========================== footer nav ========================== */

/*.footer-nav {
	margin-bottom:20px;
	padding:20px 0 0 0;
	font-size:14px;
	text-align:center;
	line-height:1.2em;
}
.footer-nav ul {
	margin-bottom:0;
}

.footer-nav li {
	display:block;
	margin-bottom:10px;
	line-height:1.2em;
}
.footer-nav li a { display:block; }
.footer-nav li a:hover { text-decoration:none; }

.footer-nav a:hover {
	filter:alpha(opacity=60);
	opacity:0.6;
	-moz-opacity:0.6;
	text-decoration:none;
}

@media only screen and (min-width: 768px) {
.footer-nav ul {
	margin-bottom:20px;
}
.footer-nav li {
	display:inline;
	margin-right:5px;
	padding:0 10px 0 0;
	border-right:1px solid #ccc;
}
.footer-nav li a { display:inline; }
.footer-nav li:last-child {
	margin-right:0;
	padding-right:0;
	border:none;
}

}
*/


/* ========================== style.cssの修正 ========================== */
/*.widget_freeareaitem,.freespace-pad,.parallax_widget{border-bottom:#555 1px solid}

.feature_meta {
    position: absolute;
    width: 960px;
    height: 100px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index:1500;
}*/
/* ↑z-indexを修正してください*/

.must {
	color:#ac0d4d;
	font-weight:bold;
	font-size:24px;
}


/* paragraph */

.noColor, .noColorBold { color:#333; }
.noColor a:link, .noColor a:visited, .noColorBold a:link, .noColorBold a:visited { color:#042783; text-decoration:underline; }

.gray999, .gray999Bold { color:#999; }

.brown, .brownBold { color:#763c03; }
.brown a:link, .brown a:visited { color:#763c03; text-decoration:underline; }

.red, .redBold { color:#cb3328; }
.red a:link, .red a:visited { color:#cb3328;  text-decoration:underline; }

.crimson, .crimsonBold { color:#ac0d4d; }
.crimson a:link, .crimson a:visited { color:#ac0d4d;  text-decoration:underline; }

.orange, .orangeBold { color:#f4600f; }
.orange a:link, .orange a:visited { color:#f4600f;  text-decoration:underline; }

.green, .greenBold { color:#159101; }
.green a:link, .green a:visited { color:#159101;  text-decoration:underline; }

.blue, .blueBold { color:#1a579b/*#003d80*/; }
.blue a:link, .blue a:visited { color:#1a579b;  text-decoration:underline; }


/* fonts */
.j10, .j10bold { font-size:12px; }
.j12, .j12bold { font-size:12px; }
.j14, .j14bold { font-size:14px; }
.j16, .j16bold { font-size:16px; line-height:1.4em;  }
.j18, .j18bold { font-size:18px; line-height:1.4em; }
.j20, .j20bold { font-size:20px; line-height:1.4em; }
.j22, .j22bold { font-size:20px; line-height:1.4em; }
.j24, .j24bold { font-size:20px; line-height:1.4em; }
.j10bold, .j12bold, .j14bold, .j16bold, .j18bold, .j20bold,
.noColorBold, .greenBold, .redBold, .blueBold,
.j90bold ,.j110bold ,.j120bold { font-weight:bold; }

.j90, .j90bold { font-size:90%; }
.j110, .j110bold { font-size:100%; }
.j120, .j120bold { font-size:110%; }
.j140, .j120bold { font-size:120%; }

@media only screen and (min-width: 768px) {
.j10, .j10bold { font-size:10px; }
.j12, .j12bold { font-size:12px; }
.j14, .j14bold { font-size:14px; }
.j16, .j16bold { font-size:16px; line-height:1.4em;  }
.j18, .j18bold { font-size:18px; line-height:1.4em; }
.j20, .j20bold { font-size:20px; line-height:1.4em; }
.j22, .j22bold { font-size:22px; line-height:1.4em; }
.j24, .j24bold { font-size:24px; line-height:1.4em; }
.j90, .j90bold { font-size:90%; }
.j110, .j110bold { font-size:110%; }
.j120, .j120bold { font-size:120%; }
.j140, .j120bold { font-size:140%; }
}



/*  */