@charset "utf-8";
/*
Theme Name: inquiry
Description: blog
Theme URI: テーマの URL
Author: T.U
Author URI: 作った人の URL
Version: バージョン
License: ライセンス
License URI: ライセンスの URL
*/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

.example {
    display: -ms-grid;
    display: grid;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
    background: -o-linear-gradient(top, white, black);
    background: linear-gradient(to bottom, white, black);
}
body {
	font-size: 16px;
	line-height: 1.5;
	color: #000;
	background: #fff;
	font-family: tbudrgothic-std, sans-serif;
	font-weight: 400;
	font-style: normal;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
a {
	text-decoration: none;
	color: #000;
}
.globalMenuSp ul li a:hover {
	text-decoration:underline;
}
#wpadmin-bar .hamburger { margin-top: 32px !important; }
@media screen and ( max-width: 782px ) {
    #wpadmin-bar .hamburger { margin-top: 46px !important; }
}







/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 9999;
	top:0px;
  right : 10px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #555;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition        : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition     : all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay     : 0.6s;
  transition-delay        : 0.6s;
  -webkit-transform: rotate(45deg);
  -ms-transform    : rotate(45deg);
  transform        : rotate(45deg);
}
.hamburger.active span:nth-child(2){
  width: 0px;
}
.hamburger.active span:nth-child(1),
.hamburger.active span:nth-child(3){
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.hamburger.active span:nth-child(1){
  -webkit-transform: translateY(4px);
  -ms-transform    : translateY(4px);
  transform        : translateY(4px);
}

.hamburger.active span:nth-child(3){
  -webkit-transform: translateY(-16px) rotate(90deg);
  -ms-transform: translateY(-16px) rotate(90deg);
  transform    : translateY(-16px) rotate(90deg);
}


nav.globalMenuSp {
  position: fixed;
  z-index :2;
  top  : 0;
  right : 0;
  color: #000;
  text-align: center;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all .9s;
  -o-transition: all .9s;
  transition: all .9s;
  width: 100%;
	height:100%;
	 background: #FFDBF3;
		opacity:0.9;
	overflow-y: scroll;
}

nav.globalMenuSp ul:first-child {
	margin: 0 auto;
 padding-top: 50px;
  width: 100%;
  background:#FFDBF3;
}

nav.globalMenuSp ul li {
  padding: 0 0.5em;
	
}





/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}

.posts-navigation {
  margin-top: 3em;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}



.nav-links:after {
  content: "";
  display: block;
  clear: both;
}
.nav-below a {
	color:#FF88FF;
	padding: 0 0.5em;
}
.nav-below a:hover {
	text-decoration:underline;
}
.nav-previous {
  float: right;
}

.nav-next {
  float: left;
}
.wp-block-tag-cloud a {
	font-size:12px!important;
	padding: 5px;
	display:inline-block;
}





.wp-block-columns {
	margin-bottom:0!important;
}

.wp-block-column {
		padding: 0 0.5em;
	margin-bottom: 30px;
	}
#sidebar p,#sidebar h2 {
	font-size: 18px;
	font-weight:bold;
	color:#FF2843;
	margin-bottom: 15px;
}
.wp-block-calendar tbody td, .wp-block-calendar th{
	border:none!important;
}
.wp-block-calendar table th {
	background-color:	#FFC0C8!important;
}
.wp-block-calendar td a {
	color:#FF667A;
	font-weight: bold;
}




.widget.widget_meta a {
	padding:5px;
	font-size: 12px;
}





.inner {
	width: 1100px;
}
main {
padding: 0 1.333%;
}
header {
	background: -webkit-gradient(linear,left top, left bottom,from(#F4B2E3),color-stop(#FFF),to(#FFF));
	background: -o-linear-gradient(#F4B2E3,#FFF,#FFF);
	background: linear-gradient(#F4B2E3,#FFF,#FFF);
	position: fixed;
	width: 100%;
	z-index: 1;
}


header h1 {
	width: 250px;
	position: relative;
	left: 5px;
	line-height:40px;
}
#top_main {
	width: 100%;
	height: 100%;
	padding-top:40px;
	}
#top_main img {
	
	height:auto;
	}
#brogmain {
	margin-top: 50px;
	
}

#brogmain article {
	max-width:100%;
	height:auto;
}
#brogmain article section {
	width: 350px;
	margin: 0 auto 30px;
	
}
.post_bottun {
	background: -webkit-gradient(linear,left top, right top,from(#FFF0F5),to(#FFF9FD));
	background: -o-linear-gradient(left,#FFF0F5,#FFF9FD);
	background: linear-gradient(to right,#FFF0F5,#FFF9FD);
	opacity: 0.8;
	-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all  0.3s ease;
    -o-transition: all  0.3s ease;
    transition: all  0.3s ease;
}
.post_bottun:hover{
	background: -webkit-gradient(linear,left top, right top,from(#FFF9FD),to(#FF99CC));
	background: -o-linear-gradient(left,#FFF9FD,#FF99CC);
	background: linear-gradient(to right,#FFF9FD,#FF99CC);

}

#brogmain .date {
	text-align: center;
	font-size: 12px;
	line-height: 30px;
}
#brogmain section h1 {
	word-wrap: break-word; 
	font-weight: bold;
	padding: 0 0.5em 30px;
}

footer {
	margin-top:50px;
	background: #FFDBF3;
	
}
#footnav {
	border-top:5px solid #F4B2E3;
	font-size:18px;
}
#footnav ul{
	padding-top:50px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:distribute;
	    justify-content:space-around;
	
}
#footnav  ul li a{
	line-height:50px;
	font-family: lithos-pro, sans-serif;
font-weight: 700;
font-style: normal;
}
#footnav ul li a:hover {
	text-decoration:underline;
}
#brog a{
		font-size:25px;
		font-weight:bold;
		
	}

footer small {
	display: block;
	line-height: 40px;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	font-size: 12px;
	background: #F4B2E3;
}
#page_top {
    position: fixed;
    bottom: 30px;
    left: 50px;
}
#page_top a {
    background-color: #F4B2E3 ;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 10px 15px;
	border-radius: 50%;
	border: 3px solid #fff;
}
#page_top a:hover {
    background: #FC70F7;
    text-decoration: none;
}









#pagetop_main {
	width: 100%;
	height: 100%;
	text-align: center;
	margin-bottom: 50px;
padding-top: 40px;
}
#pagemain {
	max-width: 100%;
	width: 730px;
	margin: 0 auto;
	word-wrap: break-word; 
	padding: 0;
}
#pagemain h2 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom:15px;
}
#pagemain .date {
	font-size: 12px;
	text-align: center;
	margin-bottom: 30px;
}
#pagemain section p {
	margin-bottom: 50px;
	padding: 5px;
}
#pagemain section p:last-of-type {
	margin-bottom: 25px;
}
#pagemain section .pagemain_img {
	margin-bottom: 30px;
}
#pagemain article {
	margin-bottom: 75px;
}
.pagemain_img img {
	height: 100%;
	width: 100%;
}
.pagebottun_cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 50px;
}
.previous_bottun, .next_bottun {
	font-size: 12px;
	font-weight: bold;
}



@media screen and (min-width:600px){
	.hamburger span {
  
  width   : 45px;
  height  : 2px ;
 
}
	.hamburger {
      right: 50px;
		width:45px;
}
nav.globalMenuSp{
		width:100%;
		height:100%;
		opacity:0.9;
	
	}	
	.wp-block-columns {
		display:block!important;
		width:500px;
		margin: 0 auto;
	}
		
	
	header h1 {
	width: 325px;
	line-height:50px;
}
	#top_main {
		padding-top: 50px;
	}
	#brogmain article {
	
	display: -webkit-box;
	
	display: -ms-flexbox;
	
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 auto;
}
	
	#footnav ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		max-width: 100%;
		width:500px;
		margin:0 auto;
		
	}	
	
	
}









@media screen and (min-width:960px){
	.hamburger {
right : 50px;
		top: 5px;
		width: 60px;
}
.hamburger span {
  
  width   : 60px;
  height  : 2px ;
 
}

	nav.globalMenuSp{
		width:100%;
		height:100%;
		opacity:0.9;
	}	
	
	#sidebar{
		
		margin: 0 auto;
		max-width:100%;
	}
	.wp-block-columns {
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		width: 1200px;
	}	
	nav.globalMenuSp {
 
	overflow-y: hidden;
}

		header h1 {
	width: 400px;
	position: relative;
	left: 50px;
	top: 0px;
			line-height:60px;
}
	#top_main {
		padding-top: 60px;
	}
	
	
	#brogmain article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
    width: 1350px;
	margin: 0 auto;
}
#brogmain article section {
	width: 450px;
	margin: 0 auto;
	
}
.nav-links {
  width: 1350px;
  padding: 1.5em 0;
	margin:0 auto;
}
	
	#footnav {
	width:1100px;
		margin:0 auto;
		font-size:20px;
}
	#footnav ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		padding-top:75px;
		
		max-width: 100%;
	}	
	
	#brog  a{
		font-size:30px;
		font-weight:bold;
		
	}
	
	
	
	
	
	
	
#pagetop_main {
padding-top: 60px;
}
	
	.post_bottun {
	background:-webkit-gradient(linear,left top, right top,from(#FFF0F5),to(#FFF9FD));
	background:-o-linear-gradient(left,#FFF0F5,#FFF9FD);
	background:linear-gradient(to right,#FFF0F5,#FFF9FD);
	opacity: 0.8;
	-webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}
.post_bottun:hover{
	background:#FFE7F3;
	opacity:0.8;
	font-weight:bold;

}

}





/* PCで観ると"pc"のclassがついた画像が表示 */ 
.pc { display: block !important; } 
.sp { display: none !important; } 
/* スマホで観ると"sp"のclassがついた画像が表示 */ 
@media only screen and (max-width: 599px) { 
.pc { display: none !important; } 
.sp { display: block !important; } 
}