/*
Theme Name: Child
Template: twentyeleven
*/

@import url('../twentyeleven/style.css');

img
{ max-width: 100%; height: auto; vertical-align: top;
}

.move{
position:relative;
width:100%;
padding-top:56.25%;
margin-bottom: 10px;
}
.move iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

/* フォント */
html{font-size: 62.5%
}
body {
  font-size: 1.6rem;
  color: #111;
  line-height: 1.7;
  background: url(images/head_bg.png) repeat-x #fff; margin: 0; padding: 0;}

/* main */

/*#main {  position: relative; margin: 5rem 0 0 0 ; padding: 0;
}*/
#page {
    background: none;
background: none;
  margin: 0 auto;
  max-width: 1300px;
}
figure.kamisama img {
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
}
#branding {
    text-align: center;
	border: none;
	position: relative;
	z-index: 9999;
}
#only-search {
    display: none;
}

h1.entry-title, h1.site-title, h2, h3, strong, .toptxt p {
font-family: a-otf-futo-go-b101-pr6n, sans-serif;
font-weight: 500;
font-style: normal;}
#site-title {
font-family: a-otf-futo-go-b101-pr6n, sans-serif;
font-weight: 500;
font-style: normal;
	margin: 0;
	padding: 0.5rem 1rem 2.5rem 1rem ;
}
#site-title a {
    color: #222;
	font-size: 1.5rem;
	line-height: 1.8rem;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #ff3300;
}

#sub-title, #smh-title {
font-family: a-otf-futo-go-b101-pr6n, sans-serif;
font-weight: 500;
font-style: normal;
	margin: 0;
	padding: 0.5rem 1rem 1.5rem 1rem ;
letter-spacing: 0.5rem;
}
#sub-title a, #smh-title {
    text-decoration: none;
    color: #222;
	font-size: 2.2rem;
}
#sub-title a:hover,
#sub-title a:focus,
#sub-title a:active {
	color: #ff3300;
}
#smh-title a:hover,
#smh-title a:focus,
#smh-title a:active {
	color: #ff3300;
}

.sub { display: inline; font-size: 1.6rem; padding-left: 1rem;}

#site-description { color: #222; margin: 0.4rem; font-size: 4.8rem; line-height: 6rem;
font-family: a-otf-futo-go-b101-pr6n, sans-serif;
font-weight: 500;
font-style: normal;
}

/* ########### 1190px以上 ########### */
@media screen and (min-width: 1190px) {
#site-description { color: #222; margin: 1rem; font-size: 5.5rem; line-height: 6rem;
font-family: a-otf-futo-go-b101-pr6n, sans-serif;
font-weight: 500;
font-style: normal;
}
figure.kamisama img {
    margin: 0 0 0 0!important;
    padding: 0!important;
	height: 335px;
	vertical-align: bottom;
	z-index: -1;
	position: relative; /* Edge用の設定 */
}
#access a {
	color: #222;
	display: block;
	line-height: 3.333em;
	padding: 0 1.55em;
	text-decoration: none;
}
}

.toptxt {
text-align: center;
position: absolute;
top: 130px;
left: 50%;
padding: 0;
line-height: 4.3rem;
}
.toptxt p { font-size: 2rem; }
.toptxt a:hover { text-decoration: none!important; }
.toptxt a { color: #222;}
#access {
	background: none; /* Show a solid color for older browsers */
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	clear: both;
	display: block;
	margin: 0 auto 6px;
	width: 100%;
}
#access ul {
    text-align: center;
	font-size: 1.5rem;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 400;
font-style: normal;
	list-style: none;
	margin: 0 auto;
	padding-left: 0;
}
#access a {
	color: #222;
	display: block;
	line-height: 3.333em;
	padding: 0 1.45em;
	text-decoration: none;
}
#access ul ul {
    border: 1px solid #dacfc0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul a {
	background: #fff;
	border-bottom: 1px dotted #dacfc0;
	color: #222;
	font-size: 1.3rem;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access ul ul li:last-child a {
   border-bottom: none;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
    background: #fff;
}

.cp_offcm01 { display: none; }
}
.entry-title,
.entry-header .entry-meta {
	padding-right: 0;
    margin-top: 3rem;
}
#secondary {
 margin-top: 3rem;

}
/* 見出し */
.entry-title { font-size:2.6rem ;width: 100%; padding-right: 0;}
h1.entry-title:first-letter {
  font-size: 2em;
  color: #ff6633;
}
h1.entry-title {
  position: relative;
}

/*h1.entry-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  border-bottom: 9px dotted #f45e5e; 
}*/

h1.entry-title:after{
  content:"";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(
    -45deg,
    #fff 25%, #fee69a 25%,
    #fee69a 50%, #fff 50%,
    #fff 75%, #fee69a 75%,
    #fee69a
  );
  background-size: 8px 8px;
}

/* ########### 1024px以下 ########### */
@media screen and (max-width: 1024px) {
#access a {
font-size: 1.4rem;
	color: #222;
	display: block;
	line-height: 3.333em;
	padding: 0 0.8em;
	text-decoration: none;
}
}

/* ########### 768px以下 ########### */
@media screen and (max-width: 768px) {

/*#page {
    width: 100%;
    margin: 0!important;
    padding: 0!important;
}*/

#access {display: none; }
figure.kamisama img {
	object-fit: cover;
	vertical-align: bottom;
	z-index: -1;
	position: relative; /* Edge用の設定 */
}
.toptxt {
text-align: center;
position: absolute;
top: 110px;
left: 50%;
padding: 0;
line-height: 4rem;
}
.toptxt p { font-size: 1.75rem; letter-spacing: normal; }
/* menu */
*, *:before, *:after {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
ol, ul {
	list-style: none;
}
a {
	text-decoration: none;
	color: #1982d1;
}
.cp_cont {
	height: 76px;
}
.cp_offcm01 {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
}
/* menu */
.cp_offcm01 .cp_menu {
	position: fixed;
	top: 0;
	right: -100vw;
	width: 280px;
	height: 100%;
	cursor: pointer;
	-webkit-transition: 0.53s transform;
	        transition: 0.53s transform;
	-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	        transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	background-color: #fff;
   border-left: 2px solid #fff984;
-webkit-overflow-scrolling: touch;
}
.cp_offcm01 .cp_menu ul {
	margin: 0;
	padding: 20px 0 0 0;
}
.cp_offcm01 .cp_menu ul.sub-menu { margin: 0; 
	padding: 0px 0 0 0; }
.cp_offcm01 .cp_menu ul.sub-menu li { padding: 5px 0 0 0; margin: 0; }
.cp_offcm01 .cp_menu li {
    padding: 13px 0 0 0;
	list-style: none;
}
.cp_offcm01 {
	display: block;
}
.cp_offcm01 #cp_toggle01 {
	position: absolute;
	display: none;
	opacity: 0;
}
.cp_offcm01 #cp_toggle01:checked ~ .cp_menu {
	-webkit-transform: translateX(-100vw);
	        transform: translateX(-100vw);
}
/* menu toggle */
.cp_offcm01 #cp_toggle01 ~ label {
	display: block;
	padding: 0 1rem;
	cursor: pointer;
	-webkit-transition: 0.5s transform;
	        transition: 0.5s transform;
	-webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	        transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	text-align: center;
	color: #555;
    background: #fff984;
}
.cp_offcm01 #cp_toggle01:checked ~ label {
	-webkit-transform: translateX(-280px);
	        transform: translateX(-280px);
}
.cp_offcm01 #cp_toggle01 ~ label::before {
	font-family: 'Font Awesome 5 Free';
font-weight: 600;
	content: '\f0c9';
	font-size: 2em
}
.cp_offcm01 #cp_toggle01:checked ~ label::before {
	content: '\f00d';
}

.toptxt, #sub-title {
position: absolute;
font-family: a-otf-futo-go-b101-pr6n, sans-serif;
font-weight: 500;
font-style: normal;
	margin: 0;
	padding: 1.3rem ;
letter-spacing: 0.5rem;
}
.toptxt, #sub-title a {
    text-decoration: none;
    color: #222;
	font-size: 2rem;
}
#site-title {
    margin: 0;
	padding: 1.5rem 1rem 0rem 1rem ;
}
#site-title a {
	font-size: 1.6rem;
}

}
/* ########### 600px以上 ########### */
@media screen and (min-width: 600px) {
#smh-title { display: none; }
}
/* ########### 599px以下 ########### */
@media screen and (max-width: 599px) {
#site-title, .toptxt {
display: none;
}
#body{margin :0; padding: 0;}

#main { margin: 0 0 0 0!important; padding: 0!important;}

figure.kamisama img {
    margin: 25px 0 0 0!important;
    padding: 0!important;
	height: 180px;
	vertical-align: bottom;
	z-index: -1;
	position: relative; /* Edge用の設定 */
}

/*.toptxt {
text-align: left;
position: absolute;
top: 0.8rem;
left: 0.8rem;
padding: 0;
letter-spacing: normal;
margin: 0 0 0 0; font-size: 2.8rem; padding: 0 3rem 0 0; line-height: 3rem;
}

#site-description { color: #222; margin: 0.5rem 0 0 0; font-size: 3rem; padding: 0 0 0 0.5rem; line-height: 3rem;
}
.toptxt p { font-size:1.65rem; margin: 0 0 0 0.3rem; padding: 8px 0 0 0; }*/

#sub-title, #smh-title {
text-align: left;
position: absolute;
top: 0.8rem;
left: 0.8rem;
padding: 0;
letter-spacing: normal;
margin: 0.5rem 0 0 0; font-size: 2.8rem; padding: 0 3rem 0 0.5rem; line-height: 3rem;
}
#sub-title a, #smh-title a {
    text-decoration: none;
    color: #222;
	font-size: 3rem;
}
.sub { font-family: a-otf-futo-go-b101-pr6n, sans-serif;
font-weight: 500; margin: 0;
font-style: normal;display: block; font-size: 1.7rem; line-height: 3rem; padding: 0.65rem 0 0 0.3rem; }
h1.entry-title { margin-top: 3rem;font-size:2rem ;width: 100%; }

}

/* 見出し */
.marker {
     padding: 0.2em;
     background: linear-gradient(transparent 70%, #fff100 70%);
}
.entry-content img.nonbrder { border: none; }