/*
Theme Name:twentytwelve-child
Template:twentytwelve
Version:3.7
*/
/*
Theme Name: Twenty Twelve
Theme URI: https://wordpress.org/themes/twentytwelve/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/

*/


img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: break-word;
}
.widget-area .widget h3 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {
	color: #757575;
}
.widget-area .widget a:hover {
	color: #21759b;
}
.widget-area .widget a:visited {
	color: #9f9f9f;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}


body{
	font:12px/150% 'メイリオ', 'Meiryo', Arial, verdana , Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	color:#000;
	text-align:center;
	margin:0;
	background-color:#fff;
	--brand-color:#0085b2;
}

a:link {
	color: #000;
	text-decoration:underline;
}

a:visited {
	color: #000;
	text-decoration:underline;
}

a:hover {
	color: #000;
	text-decoration:none;
}

a:active {
	color: #000;
}

img{
	border:none;
	width: 100%;
	max-width:100%;
	height:auto;}

img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 0;
	box-shadow:none;
}

li {list-style:none;}

/*----------------header--------------------*/

header{
	margin: 0 auto 1.25%;
	padding: 0;
	width:57.9166666%;
	max-width: 1112px;	
	}

header h1{ 
	margin:4px 0 0;
	font-size:10px;
	font-weight:normal;
	line-height:1;
	text-align:left;
}

.header-container{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
 	align-items: flex-start;
	margin-top: 4px;
	margin-bottom: 2.1582733%;	
	width:100%;
	}

header #logo{
	margin:0;
	padding:0;
	width:35.0719424%;
	max-width: 390px;
	height:auto;		
}

header .button-area{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
 	align-items: flex-start;	
	margin-top:8px;
	padding:0;
	width:40.2877697%;
	max-width: 448px;
	height:auto;		
	}

.button1-2{	
	width:26.7857142%;
	max-width: 120px;
	height:auto;	
	}

.button3{	
	width:39.2857142%;
	max-width: 176px;
	height:auto;	
	}

header .tel-area{
	margin-top:8px;
	padding:0;
	width:18.7050359%;
	max-width: 208px;
	height:auto;		
}

.tel-number{
	position:relative;
	margin-bottom:4px;
	padding-top: 4px;
	font-size: 1.2vw;
	color: var(brand-color);
	text-align:right;
	line-height:1;
	pointer-events: none;
	}

.tel-number a{ text-decoration:none; color:inherit;	}

.tel-number:before{
	position:absolute;
	content:url(https://torituketai.jp/torichuketai/img/tel.gif);
	top:2px;
	left:0;
	width: 19px;
	height:24px;
	}

.open-time{
	font-size: 90%;
	text-align:right;
	line-height:1;
	}

header nav{
	margin:0 auto;
	padding:0;
}

header nav ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
 	align-items: center;		
	margin:0 0 0 1.6%;
	padding:0;
}
	
header nav ul li{
	border-right:1px solid #333;
	margin:0;
	padding:3px 1.6% 3px; 
	list-style:none;
	font-size: 14px;
	color:#333;
	line-height: 1;
	box-sizing: border-box;
	}
	
header nav ul li:last-child{
	margin:0;
	border-right: none;	
	}	

header nav ul li a:link,header nav ul li a:visited{ text-decoration:none; color:inherit;}
header nav ul li a:hover{ text-decoration:underline; color:inherit;}



#topic_path{ display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
    align-items: center;
	margin:0 0 25px 15px; 
	text-align:left; color:#333;}
	
.topic_top{ margin:0; text-align:left; 
	}	
	
#topic_path ol{ display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
    align-items: center;
}	

#topic_path ol{ 
	margin: 0;
	padding:0;
}	

#topic_path ol li{ 
	margin: 0;
}	

#topic_path ol li::after {
  content: " ＞ ";
}

#topic_path ol li:last-child::after  {
  content: "";
}

#container{
	margin: 0 auto;
	padding: 0;
	width:57.9166666%;
	max-width: 1112px;	
	height: auto;
}

#container2{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between ;
    align-items: flex-start;	
	margin: 0 auto;
	padding: 0;
	width:57.9166666%;
	max-width: 1112px;	
	height: auto;
}

footer{
	background:#0085b2;
	margin:0;
	padding:0.8% 0;
	color:#fff;
	width:100%;
	text-align:center;}

footer a{
	text-decoration:none;
	color:inherit;
	}

.footer_title{
	margin:0 auto 1.041666%;
	font-size:12px;
	line-height:1;
	}

footer nav{
	margin:0 auto 1.6666666%;
	padding:0;
}

footer nav ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
 	align-items: center;		
	margin:0 0 0 1.6%;
	padding:0;
}
	
footer nav ul li{
	border-right:1px solid #fff;
	margin:0;
	padding:3px 1.6% 3px; 
	list-style:none;
	font-size: 14px;
	line-height: 1;
	box-sizing: border-box;
	}
	
footer nav ul li:last-child{
	margin:0;
	border-right: none;	
	}	

footer nav ul li a:link,footer nav ul li a:visited{ text-decoration:none; color:inherit;}
footer nav ul li a:hover{ text-decoration:underline; color:inherit;}

.f_logo{
	margin:0 auto 1.4%;
	font-size:0;
	width:20.3125%;
	max-width:390px;
	}

.sanjo{ margin:0 auto 1.041666%; font-size:12px; line-height:1;}

footer address{ margin:0 auto; }

.entry-content{text-align:left;}

/*  TOPページここから  */

.main_visual{ margin:0 0 1.666666%; width:100%; max-width:1920px;}

h2.common{
	position: relative;
  	margin: 0 0 3.2%;
	padding:8px 0 8px 2.1582733%;
	font-size:240%;
	color:#000;
	text-align:left;
	line-height:1;	
	}

h2.common:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;      /* border幅 */
  height: 100%;
  background-color: var(--brand-color); /* border色 */
  border-radius: 10px; /* 角丸が綺麗に効く */
}


p.explain-text {
	margin: 0 0 4.0%;
	font-size:115%;
	color:#000;
	line-height:1.8;		
}

h2.top{
background: linear-gradient(
  to bottom,
  #0085B2 0%,
  #0085B2 40%,
  #45A1C0 100%
);	
border-radius:10px;
  	margin: 0 0 3.2%;
	padding:1.2% 0;
	font-size:220%;
	font-weight:normal;
	line-height:1;
	color:#fff;
	text-align:center;
	}
	
.menber_flex_top{
	position:relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
    align-items: stretch;
	margin-bottom: 4.8%;
}

.menber_frame{ width: 24.0%;}

.menber_img{ 
	border: 1px solid #ccc; 
	margin-bottom: 2.4%; 
	font-size: 0;
	}

h3.name{ 
	border: none ;
	background-color: transparent; 
	margin: 0; 
	font-size:120%; 
	line-height: 1; 
	color: #000; 
	text-align:center;
	}

h3.name a:link,h3.name a:visited{ text-decoration: none; color: inherit;}
h3.name a:hover{ text-decoration: underline; color: inherit;}

.cate_img{ 
	border: 1px solid #ccc; 
	margin-bottom: 3.6%; 
	font-size: 0;
	}

.torituke_type_link{
	background-color: #3f95e1;
	border-radius:25px;
	margin: 0 auto;
	padding: 8px;
	width: 40.0%;
	color: #fff;
	font-size: 120%;
	line-height: 1;
	font-weight: 500;
}

.torituke_type_link a:link,.torituke_type_link a:visited{ text-decoration: none; color: #fff; }
.torituke_type_link a:hover{ text-decoration: underline; color: #fff; }
	

/*日本地図ここから*/
.mapcenter{ margin: 0 auto; width: 1092px; text-align:center;}

.japanese_map{
	position: relative;
	margin: 0 auto;
	padding-bottom: 50px;
	width: 860px;
	height:auto;	
	}

.map_flex{
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content:center;
    align-items: flex-start;
	margin:0 auto;
	padding:0;
	width: 100%;	
	line-height:100%;
	}
	
.map_flex a:link,.map_flex a:visited{
	text-decoration:none;
	color:#fff;
	}
	
.map_flex a:hover{
	text-decoration:underline;
	color:#fff;
	}			

.single_pref{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content:center;
    align-items: center;
	margin:0 auto 1.5%;
	padding:10% 0;
	width: 100%;
	height:auto;	
	line-height:100%;	
	}
	
.double_flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
    align-items: center;
	margin:0 0 1.5%;
	padding:0;
	width: 100%;
	height:auto;	
	line-height:100%;	
	}	
	
.double_flex2{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
    align-items: stretch;
	margin:0 0 1.0%;
	padding:0;
	width: 100%;
	height:auto;	
	line-height:100%;	
	}		

.double_flex3{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
    align-items: stretch;
	margin:5.0% 0 1.0%;
	padding:0;
	width: 100%;
	height:auto;	
	line-height:100%;	
	}
	
.double_pref{
	margin:0;
	padding:10% 0;
	width: 49.5%;
	height:auto;	
	line-height:100%;	
	}		

.double_pref2{
	margin:0;
	padding:9.0% 0;
	width: 32.5%;
	height:auto;	
	line-height:100%;	
	}	

.triple_pref{
	margin:0;
	padding:6.5% 0;
	width: 32.5%;
	height:auto;	
	line-height:100%;	
	}	

.double_pref_box{
	margin:0;
	padding:0;
	width: 49.0%;
	height:auto;	
	line-height:100%;	
	}	

.double_pref_box2{
	margin:0;
	padding:0;
	width: 32.5%;
	height:auto;	
	line-height:100%;	
	}			
	
.jpn_block1{
	order:5;
	margin:0 0 0 1px;
	padding:0;
	width:17.906%;
	height:auto;
	}		
	
.hokkaido_flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content:center;
    align-items: center;
	background-color:#537eb7;
	margin:0 auto 8.0%;
	padding:30% 0;
	width: 100%;
	height:auto;	
	line-height:100%;
	}	

.touhoku{
	background-color:#60abcc;
	}	

.kantou{
	background-color:#2a9b35;
	}	
	
.saitama{
	margin:0 0 1.5px;
	padding:10% 0;
	width: auto;
	height:auto;	
	line-height:100%;	
	}	
	
.tokyo{
	margin:0;
	padding:10% 0;
	width: auto;
	height:auto;	
	line-height:100%;	
	}	
	
.kantouchihou{
	margin:0;
	padding:10% 0 0;
	width: auto;
	height:auto;
	color:#2a9b35;
	font-size: 120%;	
	line-height:100%;	
	text-align: center;
	}			

.kantouchihou a:link,.kantouchihou a:visited{
	text-decoration:none;
	color:#2a9b35;
	}
	
.kantouchihou a:hover{
	text-decoration:underline;
	color:#2a9b35;
	}	
	
	
.jpn_block2{
	order:4;
	margin:0 1px;
	padding:0;
	width:26.976%;
	height:auto;
	}		
	
.touhokuchihou{
	margin:78.75% 0 10%;
	padding:0 5% 0 0;
	width: auto;
	height:auto;
	color:#60abcc;
	font-size: 120%;	
	line-height:100%;	
	text-align: right;
	}			

.touhokuchihou a:link,.touhokuchihou a:visited{
	text-decoration:none;
	color:#60abcc;
	}
	
.touhokuchihou a:hover{
	text-decoration:underline;
	color:#60abcc;
	}		

.hokuriku{
	background-color:#7eb939;
	}

.hokurikuchihou{
	margin:0 0 8%;
	padding:0;
	width: auto;
	height:auto;
	color:#7eb939;
	font-size: 120%;	
	line-height:100%;	
	text-align: left;
	}			

.hokurikuchihou a:link,.hokurikuchihou a:visited{
	text-decoration:none;
	color:#7eb939;
	}
	
.hokurikuchihou a:hover{
	text-decoration:underline;
	color:#7eb939;
	}	
	
.kara_pref{
	margin:0;
	padding:6.25% 0;
	width: 32.5%;
	height:auto;	
	line-height:100%;	
	}	
	
.niigata{
	margin:0;
	padding:6.4% 0;
	width: 66%;
	height:auto;	
	line-height:100%;	
	}		
	
.toukai{
	background-color:#ffa64d;
	}	

.toukaichihou{
	margin:0;
	padding:5% 0 0 5% ;
	width: 66%;
	height:auto;
	color:#ffa64d;
	font-size: 120%;	
	line-height:100%;	
	text-align: left;
	}			

.toukaichihou a:link,.toukaichihou a:visited{
	text-decoration:none;
	color:#ffa64d;
	}
	
.toukaichihou a:hover{
	text-decoration:underline;
	color:#ffa64d;
	}

.toyama{
	margin:0 0 1.5px;
	padding:10.25% 0;
	width: auto;
	height:auto;	
	line-height:100%;	
	}	
	
.gifu{
	margin:0;
	padding:10.25% 0;
	width: auto;
	height:auto;	
	line-height:100%;	
	}

.jpn_block3{
	order:3;
	margin:0 1px;
	padding: 24.0% 0 0 0;
	width:26.976%;
	height:auto;
	}
	
.kinki{
	background-color:#ecb62a;
	}
	
.kinkichihou{
	margin:0;
	padding:10% 0 0;
	width: auto;
	height:auto;
	color:#ecb62a;
	font-size: 120%;	
	line-height:100%;	
	text-align: center;
	}			

.kinkichihou a:link,.kinkichihou a:visited{
	text-decoration:none;
	color:#ecb62a;
	}
	
.kinkichihou a:hover{
	text-decoration:underline;
	color:#ecb62a;
	}
	
.jpn_block4{
	order:2;
	margin:0 1px;
	padding:0;
	width:26.976%;
	height:auto;
	}	

.chugoku{
	background-color:#f06919;
	}

.chugokuchihou{
	margin:112.5% 0 10%;
	padding:0 5% 0 0;
	width: auto;
	height:auto;
	color:#f06919;
	font-size: 120%;	
	line-height:100%;	
	text-align: center;
	}			

.chugokuchihou a:link,.chugokuchihou a:visited{
	text-decoration:none;
	color:#f06919;
	}
	
.chugokuchihou a:hover{
	text-decoration:underline;
	color:#f06919;
	}		

.shikoku{
	background-color:#EC75AF;
	}

.shikokuchihou{
	margin:2.0% 0 0 50%;
	padding:0 0 0;
	width: auto;
	height:auto;
	color:#EC75AF;
	font-size: 120%;	
	line-height:100%;	
	text-align:center;
	}			

.shikokuchihou a:link,.shikokuchihou a:visited{
	text-decoration:none;
	color:#EC75AF;
	}
	
.shikokuchihou a:hover{
	text-decoration:underline;
	color:#EC75AF;
	}
	
.jpn_block5{
	background-color:transparent;
	position: absolute;
	top: 0;
	left: 0;
	margin:0 0 0 1px;
	padding:0;
	width:17.906%;
	height:auto;
	}				
	
.kyushu{
	background-color:#b14f9e;
	}	

.kyushuchihou{
	margin:0 0 2.0%;
	padding:0%;
	width: auto;
	height:auto;
	color:#b14f9e;
	font-size: 120%;	
	line-height:100%;	
	text-align: center;
	}			

.kyushuchihou a:link,.kyushuchihou a:visited{
	text-decoration:none;
	color:#b14f9e;
	}
	
.kyushuchihou a:hover{
	text-decoration:underline;
	color:#b14f9e;
	}
	
.jpn_map_parts{
		margin-bottom:0 !important;
		padding:0 !important;
	vertical-align:top !important;
	}	

/*日本地図ここまで*/

.works_box{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
    align-items: flex-start;
	border:1px solid #ccc;
	margin-bottom:4.8%;
	padding:1.6%;
	width: 100%;
	height:auto;
	box-sizing:border-box;
	}

.works_photo{ 
	margin: 0 3.2% 0 0;
	padding:0;
	overflow:hidden;
	width:22.8%; 
	height:auto;
	}

.works_photo img{ border:1px solid #ccc; width:100%; max-width:100%; height:auto; }
	
.works_contents{
	margin:0;
	padding:2.4%;
	width: 64.0%;
	text-align:left	
	}
	
h3.works{
	border:none;
	margin:0 0 1.6%;
	font-size: 18px;
	color:#000;
	line-height:1;	
	}

h3.works a:link,h3.works a:visited{ text-decoration:none; color:inherit; }
h3.works a:hover{ text-decoration:underline; color:inherit; }
	
p.works-excerpt{
	margin:0;
	font-size: 14px;
	color:#000;
	line-height:2.0;		
	}

p.works-excerpt a:link,p.works-excerpt a:visited{text-decoration: underline; color:var(--brand-color);}
p.works-excerpt a:hover{text-decoration:none; color:var(--brand-color);}

/*  TOPページここまで  */

/*  投稿ページここから  */

.orange{ color:#ff3f00;}
.red{ color:#ff0000;}

h3.shokunin{
	border-bottom: 3px solid var(--brand-color);
	margin-bottom: 2.4%;
	padding-bottom:0.8%;
	font-size:24px; 
	text-align:left;
	color:#000;
	line-height:1;
	}

.taiou-erea-flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
    align-items: center;
	margin-bottom:2.4%;
	box-sizing:border-box;
	}

.taiou-erea{
	border-bottom:1px solid #ccc;
	background:#ffa64d;
	margin:0 2.4% 1.6% 0;
	padding:2px 0 0 0;
	width: 22.6%;
	font-size:20px;
	color:#fff;
	line-height:1.8;
	text-align:center;
	}

.taiou-cate{
	border-bottom:1px solid #ccc;
	background:#008c8c;
	margin:0 2.4% 1.6% 0;
	padding:2px 0 0 0;
	width: 22.6%;
	font-size:20px;
	color:#fff;
	line-height:1.8;
	text-align:center;
	}

.contact-button{
	position:relative;
	border-bottom:1px solid #ccc;
	background:var(--brand-color);
	border-radius:25px;
	margin:0 auto 3.2%;
	padding:1.6% 0 1.6% 32px;
	width: 32.0%;
	font-size:16px;
	color:#fff;
	line-height:1;
	text-align:center;
	}

.contact-button:before{
	content:url(https://torituketai.jp/torichuketai/img/mail.png);
	position:absolute;
	top:12px;
	left:24px;
	}
.contact-button a:link,.contact-button a:visited{ text-decoration:none; color: inherit;}
.contact-button a:hover{ text-decoration:underline; color: inherit;}

/*  投稿ページここまで  */

/* サイドメニューここから*/

h3.widget-title{
	background:var(--brand-color);
	border-bottom:none;
	border-radius:10px;
	padding: 8px;
	color:#fff;
	font-size:16px;
	line-height:1;
	}

.widget-area ul { margin-left: 2.4%;}
.widget-area ul li{ text-align:left;}

/* サイドメニューここまで*/

/* カテゴリーなどの一覧ここから*/

.site-content{margin:0; padding:0;}

#primary ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items:stretch;
	margin:0;
	padding:0;
	list-style:none;	
	}

#primary ul li.thum-img{
	margin:0 0.5% 30px 0;
	text-align:center; 
	display:block;
	padding:0;
	width:32.0%;
	height:auto;
	list-style:none;
	}

#primary ul li.thum-img img{ max-width:100%;}

.thum_img{
	float:left;
	margin:0 10px 30px 0;
	text-align:center; 
	display:block;
	padding:0;
	width:200px;
	height:195px;
	overflow:hidden;
	}
	
.arti-title{ margin:10px 0 0 0; font-size:100%;	width:200px; color:#333; font-weight:normal;}

.post_right{ text-align:center;}

.arti-link{margin:20px;}

.news_box{
	border-bottom:1px solid #ccc;
	margin-bottom:4.8%;
	padding:1.6%;
	width: 100%;
	height:auto;
	box-sizing:border-box;
	text-align:left;
	}
	
.news_flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items:stretch;
	}	

.arti_time{ margin-bottom:1.6%; color:var(--brand-color);}

h3.news{
	border:none;
	margin:0 2.4% 0 0;
	font-size: 18px;
	color:#000;
	line-height:1;	
	}

h3.news a:link,h3.news a:visited{ text-decoration:none; color:inherit; }
h3.news a:hover{ text-decoration:underline; color:inherit; }

p.news-excerpt{
	margin:0;
	font-size: 14px;
	color:#000;
	line-height:1;		
	}

/* カテゴリーなどの一覧ここまで*/

/* 運営会社ここから*/

.unei_flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items:stretch;
	width:100%;
	}	


.unei_left{
	border-bottom: 1px dashed #ccc;
	margin-bottom: 2.4%;
	padding:0 0 1.2% 2.4%;
	width: 24.0%;
	height:auto;
	font-size: 14px;
	color:#333;
	line-height:1.5;
	text-align:left;
	box-sizing:border-box;
	}

.unei_left:nth-last-child(2){ border-bottom:none; margin-bottom:4.0%;}

.unei_right{
	border-bottom: 1px dashed #ccc;
	margin-bottom: 2.4%;
	padding-bottom:1.2%;
	width: 76.0%;
	height:auto;	
	font-size: 14px;
	color:#333;
	line-height:1.5;
	text-align:left;
	box-sizing:border-box;	
	}
.unei_right:last-child{ border-bottom:none; margin-bottom:4.0%;}

/* 運営会社ここまで*/

/*　お問い合わせここから　*/

	.contact_frame{
		border:1px solid #ccc;
		margin:0 1%;
		padding:2%;
		width:auto;
		font-size:100%;		
		}	
		
	.contact_flex{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
		justify-content: center;
		align-items: stretch;

		}
		
	.contact_left{			
		border-bottom:1px dashed #ccc;			
		width:30%;
		text-align:left;
		margin:0 0 10px;
		padding:0 0 10px;
		line-height:200%;					
		}							
	
	.contact_right{
		border-bottom:1px dashed #ccc;			
		width:70%;
		text-align:left;
		margin:0 0 10px;
		padding:0 0 10px;	
		line-height:200%;		
		}

	.contact_notice{
		margin:0 0 20px;
		padding:0;
		width:auto;
		font-size:100%;		
		}
		
	.contact_notice2{
		margin:0 0 20px;
		padding:0;
		width:auto;
		font-size:100%;		
		}		
				
	.hissu_notice{
		border-bottom:1px double #ccc;		
		margin:0 0 20px;
		padding:0 0 10px;
		width:auto;
		text-align:left;	
		}
		
	.contact_btn_bg{
		background:var(--brand-color);
		margin:0;
		padding:10px;
		width:auto;
		text-align:center;	
		}			

/*　お問い合わせここまで　*/

/*　規約系ページここから*/

h3.riyoukiyaku{
	border: none ;
	background-color: transparent; 
	margin: 0 0 0.8%; 
	font-size:200%; 
	line-height: 1; 
	color: var(--brand-color); 
	text-align:left;
	}
	
h3.kaiinkiyaku{
	border: none ;
	background-color: transparent; 
	margin: 0 0 0.8%; 
	font-size:200%; 
	line-height: 1; 
	color: #00b2b5; 
	text-align:left;
	}

h3.privacy{
	border: none ;
	background-color: transparent; 
	margin: 0 0 0.8%; 
	font-size:200%; 
	line-height: 1; 
	color: #000; 
	text-align:left;
	}
		
p.kiyakubun{
	margin: 0 0 3.2%; 
	font-size:120%; 
	line-height: 1.8; 
	color: #000; 
	text-align:left;	
	}
/*　規約系ページここまで*/

/*公開日更新日*/

.publish_date_flex{ 
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	margin-bottom:4.0%;
	width:100%; 	
		}
	
.publish_date_flex a:before{
	content:url(https://torituketai.jp/img/common/tag_icon.png);
	position:relative;
	top:2px;
		}	
	
.publish_date{ margin-right:20px; font-size:120%; color:#000;}


.smtp{ display:none;}
.desktop{ display:block;}

#humburg { display:none; }

@media(max-width:640px) {

.smtp{ display:block;}
.desktop{ display:none;}

/*ハンバーガーメニュー*/

#humburg {
  display:block;
  margin:0;
  padding:10px;
  background:var(--brand-color);
  position:fixed;
  top:0;
  right:0;  
  z-index: 100;   
}

#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 25px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
  cursor: pointer;
}

#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

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

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 80%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 400px;/*最大幅（調整してください）*/
  height: 100%;
  background: rgba(255,255,255,0.9);/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
  padding-left:8px;
}

/*チェックが入ったらもろもろ表示*/
#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);
}

.humbug_area{ margin:10px; text-align:left; font-size:150%; line-height:200%;}

.humbug_area ul{ margin:5px;}

.humbug_area ul li{
	color:#333;
	 }

.humbug_area ul li{
	margin-bottom: 8px;
	font-size:90%;
	color:#333;
	text-align:left;
	 }
	 
.humbug_area ul li a:link,.humbug_area ul li a:visited{
	text-decoration:none;
	color:#333;
	 }
	 
.humbug_area ul li a:hover{
	text-decoration:none;
	color:#333;
	 }	 	 

.button1-2{	width:40.0%; }

.tel-number-smtp{
	position:relative;
	margin-bottom:4px;
	padding: 4px 0 0 24px;
	font-size: 120%;
	color: #000;
	text-align:left;
	line-height:1;
	pointer-events: auto;
	}

.tel-number-smtp a{ text-decoration:none; color:inherit;	}

.tel-number-smtp:before{
	position:absolute;
	content:url(https://torituketai.jp/torichuketai/img/tel.png);
	top:2px;
	left:0;
	width: 19px;
	height:24px;
	}

.open-time-smtp{
	font-size: 90%;
	text-align:center;
	}

/*ハンバーガーメニューここまで*/

header{
	margin: 0 0 4.8%;
	padding: 0;
	width:100%;
	height:auto;
	}

header h1{ 
	margin:4px 0 16px 4px;
}

.header-container{
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center;
	margin-top: 4px;
	margin-bottom: 3.2%;
	width:100%;	
	}

header #logo{
	margin:0 auto;
	padding:0;
	width:72.0%;
	height:auto;		
}

header .button-area{ display:none; }

header .tel-area{ display:none; }

header nav{ display:none; }

#container{
	margin: 0 auto;
	padding: 0;
	width:96.0%;
	height: auto;
}

#container2{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center ;
    align-items: flex-start;	
	width:96.0%;
	height: auto;
}

footer{
	padding:3.2% 0;
	}

.footer_title{
	margin:0 auto 3.2%;
	font-size:90%;
	line-height:1.3;
	}

footer nav{
	margin:0 auto 2.4%;
}

footer nav ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
 	align-items: center;		
	margin:0 0 0 1.6%;
	padding:0;
}
	
footer nav ul li{
	border-right:1px solid #fff;
	margin:0;
	padding:3px 1.6% 3px; 
	list-style:none;
	font-size: 100%;
	line-height: 1;
	box-sizing: border-box;
	}
	
.f_logo{
	margin:0 auto 1.4%;
	font-size:0;
	width:72.0%;
	}

.sanjo{ margin:0 auto 2.4%; font-size:90%; line-height:1;}

/*  TOPページここから  */

.main_visual{ margin:0 0 4.8%; }

h2.common{ padding:8px 0 8px 4.0%; }

h2.common:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;      /* border幅 */
  height: 100%;
  background-color: var(--brand-color); /* border色 */
  border-radius: 10px; /* 角丸が綺麗に効く */
}


p.explain-text {
	margin: 0 0 8.0%;
	font-size:110%;
	line-height:1.5;		
}

h2.top{
border-radius:25px;
  	margin: 0 0 5.6%;
	padding:2.4% 0;
	font-size:200%;
	}
	
.menber_flex_top{ margin-bottom: 4.8%; }

.menber_frame{ margin-bottom: 3.2%; width: 49.0%;}

.menber_img{ margin-bottom: 3.2%; }

h3.name{ 
	border: none ;
	background-color: transparent; 
	margin: 0; 
	font-size:120%; 
	line-height: 1; 
	color: #000; 
	text-align:center;
	}

.cate_img{ 
	border: 1px solid #ccc; 
	margin-bottom: 3.6%; 
	font-size: 0;
	}

.torituke_type_link{
	background-color: #3f95e1;
	border-radius:25px;
	margin: 0 auto;
	padding: 8px;
	width: 40.0%;
	color: #fff;
	font-size: 120%;
	line-height: 1;
	font-weight: 500;
}

.torituke_type_link a:link,.torituke_type_link a:visited{ text-decoration: none; color: #fff; }
.torituke_type_link a:hover{ text-decoration: underline; color: #fff; }
	

/*日本地図ここから*/
.mapcenter{ margin: 0 0 8.0%; width: 100%;}

.japanese_map{
	position: relative;
	margin: 0 auto;
	padding-bottom: 50px;
	width: 860px;
	height:auto;	
	}

.japanese_map{
	margin: 0 auto;
	padding-bottom: 25px;
	width: auto;
	height:auto;	
	}

.map_flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	justify-content:center;
    align-items: flex-start;
	margin:0 auto -2px;
	padding:0;
	width: 100%;
	line-height:100%;
	vertical-align:top;
	}	

.jpn_block3{
	order:3;
	margin:0 1px;
	padding: 38.5% 0 0 0;
	width:26.976%;
	height:auto;
	}

.chugokuchihou{
	margin:182.7% 0 0%;
	padding:0;
	width: auto;
	height:auto;
	color:#f06919;
	font-size: 120%;	
	line-height:100%;	
	text-align: center;
	}

.shikokuchihou{
	margin:5.0% 0 0 32.50%;
	padding:0;
	width: auto;
	height:auto;
	color:#EC75AF;
	font-size: 120%;	
	line-height:100%;
	}	

/*日本地図ここまで*/

.works_box{
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: center;
	margin-bottom:6.4%;
	padding:1.6%;
	width: 100%;
	height:auto;
	box-sizing:border-box;
	}

.works_photo{ 
	margin: 0 0 3.2%;
	padding:0;
	width:100%; 
	height:auto;
	}

.works_contents{
	margin:0;
	padding:2.4%;
	width: 100%;
	box-sizing:border-box;
	}
	
h3.works{
	margin:0 0 3.2%;
	font-size: 160%;
	line-height:1.2;
	}

p.works-excerpt{
	margin:0;
	font-size: 120%;
	line-height:1.5;		
	}

/*  TOPページここまで  */


/*  投稿ページここから  */

h3.shokunin{
	margin-bottom: 4.0%;
	}

.taiou-erea{
	border-bottom:1px solid #ccc;
	background:#ffa64d;
	margin:0 2.4% 1.6% 0;
	padding:2px 0 0 0;
	width: 22.6%;
	font-size:14px;
	color:#fff;
	line-height:1.8;
	text-align:center;
	}

.taiou-cate{
	border-bottom:1px solid #ccc;
	background:#008c8c;
	margin:0 2.4% 1.6% 0;
	padding:2px 0 0 0;
	width: 22.6%;
	font-size:14px;
	color:#fff;
	line-height:1.8;
	text-align:center;
	}

.contact-button{
	padding:8px 0 8px 40px;
	width: 64.0%;
	font-size:16px;
	box-sizing: border-box;
	}

.contact-button:before{
	top:8px;
	left:40px;
	}


/*  投稿ページここまで  */

/* サイドメニューここから*/

.widget-area { margin: 0 auto 8.0%; width:96.0%; }

h3.widget-title{
	background:var(--brand-color);
	border-bottom:none;
	border-radius:10px;
	padding: 8px;
	color:#fff;
	font-size:16px;
	line-height:1;
	}

.widget-area ul { margin-left: 2.4%;}
.widget-area ul li{ text-align:left;}

/* サイドメニューここまで*/

/* カテゴリーなどの一覧ここから*/

.site-content{margin:0; padding:0; width: 100%;}

#primary ul{
	justify-content: space-between;
	align-items:stretch;
	margin:0 0 8.0%;	
	}

#primary ul li.thum-img{
	margin:0 0 3.2%;
	width:49.0%;
	}

.thum_img{
	margin:0 0 3.2%;
	text-align:center; 
	display:block;
	padding:0;
	width:49.0%;
	height:auto;
	overflow:hidden;
	}
	
.arti-title{ margin:10px 0 0 0; font-size:100%;	width:200px; color:#333; font-weight:normal;}

.post_right{ text-align:center;}

.arti-link{margin:20px;}

.news_box{
	margin-bottom:4.8%;
	padding-bottom:4.0%;
	}
	
.news_flex{
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	}	

.arti_time{ margin-bottom:2.4%; color:var(--brand-color); font-size: 100%;}

h3.news{
	margin:0 0 2.4%;
	font-size: 200%;
	color:#000;
	line-height:1;		
	}
p.news-excerpt{
	font-size: 150%;
	line-height:1.5;			
	}

/* カテゴリーなどの一覧ここまで*/

/* 運営会社ここから*/

.unei_flex{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: flex-start;
	align-items:stretch;
	width:100%;
	}	


.unei_left{
	border-bottom:none;
	margin-bottom: 1.6%;
	padding:0;
	width: 100%;
	font-size: 110%;
	}

.unei_left:nth-last-child(2){ margin-bottom:3.2%;}

.unei_right{
	margin-bottom: 3.2%;
	padding-bottom:2.4%;
	width: 100%;
	font-size: 110%;
	box-sizing:border-box;	
	}
.unei_right:last-child{ margin-bottom:3.2%;}

/* 運営会社ここまで*/

/*　お問い合わせここから　*/


	.contact_flex{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: column wrap;
		flex-flow: column wrap;
		justify-content: center;
		align-items: stretch;
		}
		

	.contact_left{			
		border-bottom:none;			
		width:100%;
		text-align:center;
		margin:0 0;
		padding:0;
		line-height:1.5;					
		}							
	
	.contact_right{
		border-bottom:1px dashed #ccc;			
		width:100%;
		text-align:center;
		margin:0 0 2.4%;
		padding:0 0 1.6%;	
		line-height:1.5;							
		}

	.contact_btn_bg{
		background:var(--brand-color);
		margin:0;
		padding:10px;
		width:auto;
		text-align:center;	
		}			
	.contact_btn_bg p{		
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: column wrap;
		flex-flow: column wrap;
		justify-content: center;
		margin: 4.0% auto 0;
		padding:0;
		width:50.0%;
		}
			
		
/*　お問い合わせここまで　*/

/*　規約系ページここから*/

h3.riyoukiyaku{
	margin: 0 0 2.4%; 
	}
	
h3.kaiinkiyaku{
	margin: 0 0 2.4%; 
	}

h3.privacy{
	margin: 0 0 2.4%; 
	}
		
p.kiyakubun{
	margin: 0 0 4.8%	
	}
/*　規約系ページここまで*/

}



/* タブレット */
@media(max-width:850px) {

header{
	margin: 0 auto 3.2%;
	width:96.0%;
	}

.tel-number{
	position:relative;
	margin-bottom:4px;
	padding-top: 4px;
	font-size: 2.2vw;
	color: var(brand-color);
	text-align:right;
	line-height:1;
	pointer-events: auto;
	}

.open-time{
	font-size: 70%;
	text-align:center;
	}

header nav ul li{ margin:0 0 1.6%; }
	
header nav ul li:last-child{ margin:0 0 1.6%; }

#container{	width:96.0%; }

#container2{ width:96.0%; }

footer{ padding:2.4% 0; }

.footer_title{ margin-bottom:3.2%; font-size:90%; }

footer nav ul li{ margin:0 0 1.6%; }	
footer nav ul li:last-child{ margin:0 0 1.6%; }


}



/* ノートPC */
@media(max-width:1280px) {

header{
	margin: 0 auto 3.2%;
	width:98.0%;
	}

.tel-number{
	position:relative;
	margin-bottom:4px;
	padding-top: 4px;
	font-size: 1.8vw;
	color: var(brand-color);
	text-align:right;
	line-height:1;
	pointer-events: auto;
	}

.open-time{
	font-size: 100%;
	text-align:center;
	}

header nav ul li{ margin:0 0 1.6%; }
	
header nav ul li:last-child{ margin:0 0 1.6%; }

#container{	width:98.0%; }

#container2{ width:98.0%; }

footer{ padding:2.4% 0; }

.footer_title{ margin-bottom:3.2%; font-size:90%; }

footer nav ul li{ margin:0 0 1.6%; }	
footer nav ul li:last-child{ margin:0 0 1.6%; }


}