@charset "utf-8";
html{color:#46526f;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
input, button, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


/*Font*/
.scrolldown span,
h2.quiz,
h2.info,
h1.cate,
h1.tag,
h1.new,
h1.author,
body #post-single h1,
#post-single h2,
#post-single h3,
#post-single h4,
#post-single .awasete .awasete-title,
.imp .box-title{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
    font-style: normal; 
}


.gmenuAbout,
.gmenuBlog,
.gmenuService,
.gmenuContact,
.prev-text,
.next-text,
h2#kanren,
#header .inner .desc{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-style: normal; 
}


/*html {visibility: hidden;}html.wf-active {visibility: visible;}*/
.pc {display:none;}
body{
    font-size:14px;
    line-height:24px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-style: normal;
}
#wapper{
    background-color: #f7f8f8;
}
#contents{padding-bottom:25px;}
#main{margin-left:20px;margin-right:20px;padding-top:10px;}
a{color:#031b4e;text-decoration:none;}
a:hover{color:#444444;text-decoration:underline;}
strong{font-weight:bold;}



/*pan
================================================================================================*/
#pan{
	height:40px;
	font-size:13px;
	line-height:40px;
	margin-top: 70px;
	border-top:1px solid #f7f8f8;
    border-bottom:1px solid #f7f8f8;
}
#pan span.home{
	background-image:url(../images/icon/home_bk.png);
	background-size:15px auto;
	background-repeat:no-repeat;
	padding-left:18px;
	background-position: left center;
}
#pan .inner{
	width:100%;
	height:30px;
	padding-left:10px;
	overflow-x: auto;
  	-webkit-overflow-scrolling: touch;
  	white-space: nowrap;
	box-sizing: border-box;
	/* IE, Edge 対応 */
	-ms-overflow-style: none;
	/* Firefox 対応 */
	scrollbar-width: none;
}
#pan .inner ul li {
	float:left;
	margin-right:5px;
}





#page-title{
	width:100%;
	height:150px;
	background-image:url(../images/bg_page.jpg);
	background-size:auto 100%;
	background-position:center;
	text-align:center;
	box-sizing: border-box;
	padding-top:50px;
}
#page-title .title {
	font-size:28px;
	color:#FFF;
	font-weight:bold;
}
#page-title .slug {
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	margin-top:10px;
}




#post-single ul.post-info{
	margin-bottom:10px;
	margin-top:20px;
}

.youtube100,
.youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.youtube100 iframe,
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}





@media only screen and (min-width: 680px) {
.sp {display:none;}
.pc {display:block;}
#menu-btn{display:none;}
body {
	font-size:14px;
	line-height:24px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1px;
}

#main {
	width:750px;
	float:left;
	margin-left:0px;
	box-sizing: border-box;
	margin-right:0px;
	padding-top:0px;
}

    
/*pan
================================================================================================*/
#pan{
	height:40px;
	line-height:40px;
    margin-top: 90px;
}

#pan .inner{
	width:1100px;
	margin:0 auto;
	padding:0;
}

#contents {
	width:1100px;
	margin:0 auto;
	padding: 50px 0 50px 0;
}

#page-title{
	width:100%;
	height:300px;
	background-image:url(../images/bg_page.jpg);
	background-size:auto 100%;
	background-position:center;
	text-align:center;
	box-sizing: border-box;
	padding-top:100px;
}
#page-title .title {
	font-size:60px;
	line-height:60px;
	color:#FFF;
	font-weight:bold;
}
#page-title .slug {
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	margin-top:20px;
}


.youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
    

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube100 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.youtube100  iframe,
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

 
}