/*基礎工事**************************************/
html,body,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,cite,code,q,dl,dt,dd,ol,ul,li,form,table,tbody,tr,th,td{margin:0; padding:0;}

.youtuber{margin:30px;}

a:link{color:#1D7DA7;	text-decoration:none;}
a:visited {color:#1D7DA7;text-decoration:none;}
a:hover {color:#EA68A2;	text-decoration:underline;}
a:active{color:#1D7DA7;	text-decoration:none;}

body{/*background-image:url(https://oisiso.com/blog/page_item/bg.png);
	background-repeat:repeat-y;background-position:center top;*/
	background-color:#ffffff;	color:#4c4c4c;
	font-size:100%;	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Verdana, sans-serif;}

blockquote{position:relative; width:95%; margin:20px 2.5% 20px 2.5%;
	padding:20px 10px 25px 30px;
background-color: #FCF8EB;
border-radius:8px;
box-sizing:border-box;
}

blockquote h2, blockquote h3{border:none!important;}


p.summary{margin:0!important; font-size:80%; text-align:center; background-color:#f3f4f3; padding:5px 10px; color:#606060;}

blockquote:before{position:absolute; content: ""; width:30px; height:30px; top:5px; left:5px; background-repeat:no-repeat;
background-image:url(https://oisiso.com/imagess_6/blockquote.png);
}
blockquote:after {position:absolute; content: ""; width:30px; height:30px; background-repeat:no-repeat;
    bottom:5px; right:5px; background-image:url(https://oisiso.com/imagess_6/blockquote2.png);
}

hr.dotte{
	background-image:url(https://blog.oisiso.com/wp-content/uploads/2018/05/hr_bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
	height:20px;
	border:none;
	margin:15px 0 15px 0;
}

.cocona{width:100%;}
.cocona iframe{width:100%!important;}

q{
	font-style:italic;
}

.videos{width:90%; margin:20px 5% 20px 5%;}
.videos .wp-video{width:100%!important; height:auto;}

/*.yarpp-related{position:absolute; bottom:100px; left:50px;}*/
.yarpp-thumbnails-horizontal{box-sizing:border-box; text-align:center;}

p.none{text-align:center;}
.tagarea{width:95%!important; margin:5px 2.5%!important;}

.yarpp-thumbnails-horizontal .yarpp-thumbnail{
	box-sizing:border-box;
    width:30%!important;
    height:auto!important;
    margin:0!important;
     vertical-align: top;
	text-align:center;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default{
	    width:95%!important;
	height:auto!important;
	    margin:5px 2.5%!important;
}

.yarpp-thumbnail-default > img {
	    width:95%!important;
	height:auto!important;
	    margin:5px 2.5%!important;
	    min-height:auto!important;
    min-width:95%!important;
}

span.small{color:#cccccc; font-size:70%; margin:0 0 0 3px;}

.yarpp-related h3 {
	width:90%;
    font-weight: bold;
    padding: 0 0 5px 0;
    font-size: 125%;
    text-transform: capitalize;
margin:0 5% 5px 5%!important;
	padding:0 0 3px 10px!important;
	border-left:6px #cccccc solid;
	border-bottom:1px #cccccc solid;
	letter-spacing:.2em;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    font-size:80%!important;
    width:auto!important;
}
/*ブロック********************************************************************************/
#page{
	width:80%;
	margin:0 auto 0 auto;
	background-color:#ffffff;
	text-align:left;
	/*border-right:1px #cccccc solid;
	border-left:1px #cccccc solid;
	box-sizing:border-box;*/
}

#onecolumn{width:100%; line-height:2em; letter-spacing:.1em;
	margin:0;
	padding:0;
	text-align:left;
	font-size:110%;

}
#onecolumn h1{margin-top:10px; margin-left:10px;}
#onecolumn h3{margin-bottom:20px; margin-left:10px;}

.three_column{text-align:left; padding:20px; border:1px #cccccc solid; float:left; box-sizing:border-box;width:32%; margin:10px 1% 10px 0;}

#primary{
	float:left;
	width:65%;
	margin:0;
	padding:0;
	text-align:left;
	font-size:110%;
}
#secondary{
	float:right;
	width:35%;
	margin:0;
	padding:0;
	text-align:left;
	font-size:90%;
}

#bottom_nav{
	width:100%;
	padding:30px 0 30px 0;
	margin:0;
	clear:both;
	text-align:left;
}
#bottom_nav ul.san{
	width:95%;
	padding:0;
	margin:0 0 0 5%;
	list-style-type:none;
}
#bottom_nav ul.san li{
	float:left;
	width:30%;
	margin:0 .5% 0 .5%;
}

#bottom_nav ul.san li ul{
	width:80%;
	margin:0 10% 0 10%;
	list-style-type:square;
}
#bottom_nav ul.san li ul li{
	clear:both;
	width:100%;
	line-height:2em;
}
#bottom_nav h6{
	border:none;
	margin:0;
	padding:0;
	text-align:left;
	font-size:110%;
}

div.movie{width:100%; margin:0; padding:0 0 10px 0;}
div.movie_t{width:90%; margin:0 5% 0 5%; padding:0;}
div.movie_b{width:100%; margin:0; padding:0 0 10px 0;}
div.movie iframe , div.movie_b iframe{width:100%;}
div.movie_t iframe{width:100%;}


#gogo a{display:block; position:fixed; z-index:9999; bottom:100px; right:10px;
	padding:10px 20px; background:rgba(255,138,0,0.6); color:#fff; text-align:center; text-decoration:none; border-radius:8px; font-size:60%;}
#gogo a:hover{background: rgba(255,138,0,0.8);}


#footer{
	width:100%;
	padding:0;
	margin:0;
	background-color:#3D3D3D;
	color:#EFEFEF;
	text-align:center;
}

#footer a{
	color:#EFEFEF;
}

#footer p{
	font-size:85%;
	padding:10px 0 10px 0;
}

#respond{width:100%; margin:10px 0 10px 0; position:relative;}
#respond textarea{width:100%; margin:10px 0 0 0; box-sizing:border-box;}
#respond #reply-title{font-size:90%;}
#respond .comment-notes{font-size:80%; margin:10px 0 0 0;}
#respond .comment-form-author , .comment-form-email{font-size:80%; margin:10px 0 0 0;}
#respond .comment-form-url , .comment-form-comment label{display:none;}
#respond #author , #respond #email{position:absolute; right:5px;}
#respond .form-submit{margin:10px 5px 0 0;}
/*ヘッダ関係********************************************************************************/
#header {
width:100%;
margin:40px 0 40px 0;
}
.description{
margin:5px 0 0 10px;
font-size:90%;
color:#cccccc;
}
#header h1{
font-weight:normal;
padding:0;
font-size:100%;
}
#header a{
display:block;
/*background-size:100% auto;*/
/*background-image:url(https://blog.oisiso.com/wp-content/uploads/2014/07/header.jpg);*/
/*background-image:url(https://blog.oisiso.com/wp-content/uploads/2015/01/header.gif);*/
	background-image:url(https://blog.oisiso.com/wp-content/uploads/2018/05/logo.gif);
/*background-image:url(https://blog.oisiso.com/wp-content/uploads/2024/01/blog_logo_2024.png);*/
	
background-position:center top;
background-repeat:no-repeat;
text-decoration:none;
padding:80px 20px 10px 0;
text-align:right;
font-size:70%;
color:#cccccc;
background-color:#ffffff;
}
#header a:hover {
 text-decoration:none;
}




/*広告関係-------------------------------------------------------------- */
.ads_sm{display:none;}

.ads72815{
	clear:both;
	width:90%;
	margin:20px 5% 20px 5%;
}

.ads728200{
	clear:both;
	margin:0 auto 10px auto;
	padding:0;
	width:728px;
	height:200px;
}
.ads160600{
	width:100%;
	height:auto;
	margin:20px 0 20px 0;
}
.ads46860{
	width:468px;
	height:60px;
	margin:20px auto 20px auto;
}
.ads500w{
	margin:20px 0 10px 0;
	text-align:center;
}

.ads180150{
	width:180px;
	height:150px;
	margin:10px 0 10px 10px;
}

.ads_text{
	text-align:right;
	font-size:80%;
	margin:5px 10px 0 0;
}


/*ナビゲーション********************************************************************************/
#access {
	background:#f3f3f3;
	display: block;
	float: left;
	margin:0 auto 10px 0;
	padding:10px 0 10px 0;
	width: 100%;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */ 
}
#access ul {
	list-style:none;
	margin:0 0 0 50px;
	padding-left:0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	display: block;
	line-height: 2em;
	padding: 0 1em;
	text-decoration: none;
	color:#4c4c4c;
}
#access ul ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #dedede;
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
}

#access ul li a:hover{
	background: #F9F9F9;
	color:#4c4c4c;
	font-weight:bold;
	display: block;
}

span.hidden{
text-indent:-9999px;
text-align:left;
}


#menus{width:100%; margin:0 0 15px 0; padding:0; font-size:90%; letter-spacing:.1em;}
#menus li{display:block; float:left; width:24%; margin:0 1% 0 0; padding:0;}

#menus li a{display:block; padding:4px 0 6px 0; /*background-color:#f3f3f3;*/ color:#4c4c4c; text-align:center; text-decoration:none; box-sizing:border-box; border-bottom:1px #cccccc solid; font-size:85%; transition: all 0.3s ease 0s;}
#menus li a:hover{border-bottom:1px #E14D43 solid;}

/*#menus li:first-child a{border-left:1px #cccccc solid; border-radius:6px 0 0 6px; box-sizing:border-box;}
#menus li:last-child a{border-radius:0 6px 6px 0;}*/

#toggle{display:none;}




/*諸々諸事情*****************************************************************************************/

.mokuji{background:#f3f4f3; width:90%; box-sizing:border-box; padding:5px 15px; margin:20px 5% 20px 5%; border-radius:4px;}
.mokuji p{margin:0!important;}
.mokuji ul{margin: 5px 10px 10px 10px!important;}

.fitty{background:#cccccc; width:100%; margin:20px 0 20px 0;}
.fitty iframe{width:100%; height:450px;}

.resize{width:100%; height:auto; margin:0;}

a.hov{transition:0.3s;}
a.hov:hover{opacity:.6;}

.pocket-btn{display:inline-block;}

dl{width:95%; margin:40px 0 40px 0;}

dl dt{float:left; width:30%; height:110px; margin:0 0 30px 0;}
dl dd{float:left; width:65%; height:110px; margin:0 0 30px 5%;}
dl dt img{width:100%; height:auto; margin:0 auto 0 auto;}
dl dd h3{font-size:110%; margin:0 0 10px 20px!important; letter-spacing:0.2em;}
dl dd p{font-size:100%;	margin:0 0 20px 20px!important;}

dl.listen{border:2px #cccccc dashed; margin:40px 0 40px 0; float:none;}
dl.listen dt{float:none; width:auto; height:auto; margin:30px 0 15px 20px; font-weight:bold;}
dl.listen dd{float:none; width:auto; height:auto; margin:0 10px 20px 30px;}


.recent{
	width:95%;
	margin:20px 2.5% 30px 2.5%;
}
.recent img{
	float:left;
	margin:0 20px 0 0;
	width:30%;
	height:30%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.recent a{
	color:#4c4c4c;
}
.recent h3{
	font-size:120%;
	letter-spacing:.2em;
}

.top_recent{
	width:85%;
	margin:20px 10% 20px 5%;
	    overflow: hidden;
}
.top_recent img{
	float:left;
	margin:0 20px 0 0;
	width:30%;
	height:30%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	
	    -moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear;
	
}

.top_recent img:hover{
	
	    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.top_recent a{
	color:#4c4c4c;
}



.top_recent h3{
	font-size:120%;
	letter-spacing:.2em;
}

hr.desi{
	margin:25px 0 25px 0;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

ul.thumbs{
	list-style-type:none;
}
ul.thumbs li{
	width:80%;
	margin:0 0 30px 0;
}

.pager{
	margin:0 auto 0 auto;
	font-size:200%;
	text-align:center;
}


.aligncenter{
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.storycontent{
	width:80%;
	margin:0 15% 20px 5%;
	padding:0;
 word-break: break-all;
	position:relative;
}
.storycontent p{
	margin:20px 0 0 0;
	line-height:2em;
	letter-spacing:0.2em;
}
.storycontent img{
	width:100%;
	height:auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

img.rkn{width:17px!important; height:19px!important;}

.n_navi{
	width:90%;
	margin:30px 5% 20px 5%;
}
.n_navi h3{
	width:100%;
	letter-spacing:.2em;
	margin:0!important;
	padding:5px;
	text-align:center;
	background-color:#f3f4f3;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
box-sizing:border-box;
}

/*.alignleft {
	display:inline;
	float:left;
	width:49%;
	margin:0 1% 0 0;
	padding:15px;
	font-size:90%;
	box-sizing: border-box;
	outline: 1px solid rgba(0, 0, 0, 0.1);
}
.alignright {
	display:inline;
	float:right;
	width:49%;
	margin:0 0 0 1%;
	padding:15px;
	font-size:90%;
	box-sizing: border-box;
	outline: 1px solid rgba(0, 0, 0, 0.1);
}*/

.alignright a , .alignleft a{position:relative; background:#cccccc; color:#4c4c4c; font-size:110%; letter-spacing:.2em;
background-image:linear-gradient(to bottom, #EAF2F4, #EFEFEF); margin:0 0 20px 0; padding:15px 5px 15px 50px;
display:block; text-decoration:none; float:left; box-sizing:border-box; width:50%;}

.alignleft a{border-radius:10px 0 0 10px;}
.alignright a{border-radius:0 10px 10px 0;}

.alignright a:hover , .alignleft a:hover{opacity:.8; color:#778689;}

.alignright a:before , .alignleft a:before{position:absolute; content: ""; background:#ffffff; border-radius:50%; top:16px; margin:0; height:25px; width:25px;}
.alignleft a:before{left:12px;}
.alignright a:before{right:12px;}

.alignleft a:after , .alignright a:after{position: absolute; content: ""; border-radius: 2px;
height:8px; width:8px; top:22px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.alignleft a:after{left:10px; border-left: 4px solid #9E9E9E; border-bottom: 4px solid #9E9E9E; margin: 0 0 0 10px;}
.alignright a:after{right:10px; border-right: 4px solid #9E9E9E; border-top: 4px solid #9E9E9E; margin: 0 10px 0 0;}



.meta{margin:10px 5% 15px 5%; width:90%; font-style:italic;}

.meta span.date{
	float:left;
	padding:3px 0 3px 0;
	color:#333333;
}
.meta span.category{
	float:right;
	background-color:rgba(112, 112, 112, 0.5);
	padding:3px 10px 3px 10px;
	color:#ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
font-size:80%;
}
.meta span.category a{
	color:#ffffff;
}

.comment_area{
	width:90%;
	margin:0 5% 0 5%;
}
.comment_area h3{margin:0!important;}

.comment_area p{margin:20px 0 20px 0!important;}

#primary h1{
	margin:10px 70px 15px 20px;
	letter-spacing:.3em; line-height:1.5em; font-weight:bold;
	    font-family: NIS_SMS5, "ヒラギノ明朝 W6", "Hiragino Mincho W6", "游明朝体", "Yu Mincho", serif;
	
}
#primary h1:first-letter{
	font-size:130%;
}

.more-link{margin:10px 0 20px 0!important; font-weight:bold; display:block;}

#searchform{
position:relative;
text-align:center;
	width:100%;
	margin:25px 0 60px 0;
}
.ken{
width:60%;
border:1px #cccccc solid;
margin:0 1% 0 0;
padding:10px;
font-size:120%;
box-sizing: border-box;
}
.kenb{
width:30%;
font-size:120%;
padding:10px;
}

.kens{
box-sizing: border-box;
  background-color:#f9f9f9;
color:#4c4c4c;
  border:0;
  height:40px;
  width:90%;
  padding:10px;
margin:0;
  position: absolute;
  left:0;
  top: 0; 
}
.kensb{
  border: 0;
  padding: 0;
  width:10%;
  height: 40px;
  position: absolute;
  left:90%;
  top: 0;
}
input[type="text"]:focus {
  background:rgba(251,215,162,0.5); /* 背景色を半透明に */
transition: all 0.3s ease 0s;
}
input[type="image"]:hover {
  opacity: 0.5; /* ボックスを半透明に */
transition: all 0.3s ease 0s;
}


.edit{
	font-size:200%;
	text-align:center;
}

.inner{
	margin:10px;
	line-height:2em;
}

.tweet{
	width:90%!important;
	margin:10px 5% 0 5%;
}

.likes{
	text-align:center;
	margin:20px 0 20px 0;
}

.center{
	text-align:center;
}
.center table{
	margin:15px auto 15px auto;
}
.right{
	text-align:right;
	margin:10px 10px 0 0;
}

.righten_ad{
	text-align:right;
	margin:15px 20px 0 0;
	font-size:80%;
}

.small{
	font-size:90%;
}

#secondary h3,h4,h5{
	margin:30px 0 10px 0;
	padding:8px 0 7px 0;
	text-align:center;
	background-color:#f3f3f3;
	font-size:110%;
	letter-spacing:.2em;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */ 
}

#secondary ul{
	list-style-position:inside;
	margin:5px 10px 5px 20px;
	line-height:2em;
}
#secondary ul li{
	margin:5px 0 5px 0;
}

#secondary ul.children{
	margin:0 0 0 15px;
	padding:0;
}


.dd{
	font-size:200%;
	color:#4c4c4c;
	margin:10px auto 20px auto;
}

.popular{
	margin:10px 0 10px 0;
}
.popular ul.wpp-list{
	list-style-type:none;
	line-height:6em;
}
.popular ul.wpp-list li{
	margin:10px 0 10px 0!important;
}
span.wpp-views{
	color:#ff6600;
}

h2.list{margin:20px 70px 0 40px; letter-spacing:.3em;}
h2.list a{color:#4c4c4c;}

.storycontent ul{
	margin:30px 20px 10px 20px;
}
.storycontent ul li{
	line-height:1.8em;
	margin:5px 15px 15px 15px;
	letter-spacing:.1em;
}
.storycontent ol{
	margin:30px 20px 30px 20px;
}
.storycontent ol li{
	line-height:1.7em;
	margin:15px;
	letter-spacing:.1em;
}

.pan{text-align:left; margin:20px 0 0 10px; font-size:80%; color:#cccccc;}
.pan a{color:#666666;}

ul.listen{
	margin:0 0 40px 20px;
}
ul.listen li{
	margin:5px 0 5px 0;
}

.comment-body{line-height:1.8em; font-size:90%; letter-spacing:.1em;}

.storycontent a{
	text-decoration:underline;
}

.storycontent h2{
	letter-spacing:.3em;
	font-size:150%;
	margin:50px 10px 20px 0;
	padding:0 0 4px 10px;
border-bottom: 3px solid #FFBD66;
}
.storycontent h2 a{
	text-decoration:none!important;
}


h2.searchtitle{
	margin:30px 20px 40px 20px;
}

.storycontent h3{letter-spacing:.2em;
	margin:40px 10px 5px 0; padding:1px 0 0 8px;
border-left: 3px solid #FFBD66;
}

.clear{
	clear:both;
}


.fl{
	float:left;
	margin:10px;
}

hr.clear{clear:both;  width:1px; height:1px; margin:0; padding:0; background-color:#ffffff; color:#ffffff; border:0;}

.maps{width:100;}
.maps iframe{width:100%;}

.storycontent .half_width{
	width:50%;
}


#fb-root { display: none; } 

/*
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }
*/

.btn{
	width:90%;
	margin:30px auto 10px auto;
	text-align:center;
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.btn a{transition: all 0.3s ease 0s;}
.btn a:hover{-moz-opacity: 0.5; opacity: 0.5;}

span.btns{
	margin:0 4px 0 0;
}


h2.link{
	font-size:100%;
	padding:0 20px 0 0;
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
h2.link a{
	background-image:url(https://blog.oisiso.com/images/links.gif);
	background-repeat:no-repeat;
	background-position:right 5px;
	background-size:15px;
	padding:0 20px 0 0;
	color:#4c4c4c;
	text-decoration:none;
}
h2.link a:hover{
	background-image:url(https://blog.oisiso.com/images/links_h.gif);
	background-repeat:no-repeat;
	background-position:right 5px;
	color:#cccccc;
}


#videos{width:100%; position: relative;}
video {display:block;}
#bg-video {width:100%; height:auto; margin:10px 0 10px 0;}
.mesh{position: absolute;
    left:0;
    top:0;
    width:100%;
    height:90%;
    background: url(https://blog.oisiso.com/wp-content/uploads/2017/12/mesh.png);
    z-index:100;
}
h3.mottekoi{margin:0!important; padding:0!important; border:none!important; font-size:120%; color:#ffffff; letter-spacing:.2em;
    position: absolute;
    left:3%;
    top:3%;
    z-index:101;
}





/******************************************************************************************************アコーディオン*/
#acMenu{
	width:100%!important;
}

#acMenu dt{
	background-image:url(https://blog.oisiso.com/images/ya.png);
	background-position:right 10pt bottom 6pt;
	background-repeat:no-repeat;
	width:100%!important;
	height:auto;
	margin:30px 0 10px 0!important;
	padding:8px 0 7px 0;
	text-align:center;
	background-color:#f3f3f3;
	font-size:110%;
	letter-spacing:.2em;
	font-weight:bold;
	float:none;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */ 
    cursor:pointer;
    }
#acMenu dd{
	width:100%;
    height:auto;
    display:none;
	float:none;
}

.indexlist{
	padding:30px 0 0 0;
}


/******************************************************************************************************************ページナビ*/
.wp-pagenavi {
text-align:center;
 padding: 10px 20px 10px !important;
 display:block !important;
 clear:both !important;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
 display: inline-block;
 color:#333333 !important;
 text-shadow:0px 1px #F6F6F6 !important;
 padding:6px 9px 6px 9px !important;
 border:solid 1px #B6B6B6 !important;
 box-shadow:0px 1px #EFEFEF !important;
 -moz-box-shadow:0px 1px #EFEFEF !important;
 -webkit-box-shadow:0px 1px #EFEFEF !important;
 background:#E6E6E6 !important;
 background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
 background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
 font-size:12px !important;
 margin-right:3px !important;
 text-decoration:none !important;
} 
.wp-pagenavi a:hover {
 display: inline-block;
 color:#fff !important;
 text-shadow:0px 1px #3C3C3C !important;
 border-color:#202020 !important;
 background:#525252 !important;
 background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
 background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
 color:#FFFFFF !important;
 box-shadow:0px 1px #E7E7E7 !important;
 -moz-box-shadow:0px 1px #E7E7E7 !important;
 -webkit-box-shadow:0px 1px #E7E7E7 !important;
 
}
 .wp-pagenavi span.current{
 display: inline-block;
 padding:6px 9px 6px 9px !important;
 border:solid 1px #DCDCDC !important;
 color:#fff !important;
 box-shadow:0px 1px #E7E7E7 !important;
 -moz-box-shadow:0px 1px #E7E7E7 !important;
 -webkit-box-shadow:0px 1px #E7E7E7 !important;
 margin-right:3px !important;
 text-shadow:0px 1px #3C3C3C !important;
 border-color:#202020 !important;
 background:#525252 !important;
 background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
 background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
}





h3.area{font-size:200%; lettter-spacing:.1em; border-bottom:1px #4c4c4c solid; border-left:8px #4c4c4c solid;
	padding:0 0 2px 10px; margin:40px 0 0 0;}

h2.check{font-size:100%; font-weight:normal; background-color:#f3f4f3; padding:10px; margin:20px 0 40px 0;}

h2.bigbb{font-size:500%; padding:0; margin:50px 0 50px 0; border:none; line-height:1em; letter-spacing:0em;}


.share{border:1px #cccccc solid; box-sizing:border-box; padding:40px; background-image:url(https://oisiso.com/imagess_6/share_2.jpg);
background-size:25%; background-repeat:no-repeat; background-position:right 20px center; margin:0 5% 10px 5%; width:90%;}

.share_twit{float:left; margin:0 0 0 0;}

.share_fb{float:left; margin:0 20px 0 0;}

.share_insta{float:left; margin:0 0 0 20px;}

.reco{width:100%; text-align:center; margin:20px 0 20px 0;}
.reco img{width:auto!important;}

hr.dang{   border: 0;    height: 1px;	width:90%;margin:30px 5% 30px 5%;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

#comments{color:#6a6a6a; border-bottom:1px #cccccc solid; padding:0 0 5px 2px;}

ol.commentlist{margin:15px 20px 0 30px;}
ol.commentlist li{margin:10px 0 10px 0; font-style:italic;}
.form-submit{margin:10px; text-align:right;}

/*********************************************************************************************************トップナビ*/
#nav{
	background-color:#f3f3f3;
	width:100%;
	position:static;
	top:0;
	left:0;
	margin:0;
	padding:5px 0 5px 0;
	z-index:1;/*要素の重なりを調整するのだ*/
}

#nav span:after{
	width:0;
	height:0;
	border: 0.313em solid transparent;
	border-bottom:none;
	border-top-color:#f3f3f3;
	content:'';
	vertical-align:middle;
	display:inline-block;
	position:relative;
	right: -0.313em;
}

/* first level */
#nav > ul{
	margin:0 auto 0 6%;
}

#nav > ul > li{
	float:left;
}

#nav > ul > li > a{
	display:block;
	padding:10px 15px 10px 15px;
	font-size:90%;
	text-align:center;
	color:#4c4c4c;
	background-color:#f3f3f3;
	text-decoration:none;
	letter-spacing:0.1em;
}
#nav > ul > li:not( :last-child ) > a{
	border-right: 1px solid #ffffff;
}

#nav > ul > li:hover > a,#nav > ul:not( :hover ) > li.active > a{
	background-color: #cccccc;
}
#nav > a{
	display:none;
}
#nav li{
	position:relative;
}
#nav li a:active{
	background-color:#a63b52 !important;
}


#nav ul.clearfix{
	list-style-type:none;
}

		@media only screen and (max-width:900px){
			#nav{
				width:100%;
				/*position:static;*/
				margin:0;
				position:fixed;
			}
		}

		@media only screen and ( max-width:600px){
			#nav{
				position:relative;
				top:auto;
				left:auto;
				font-size:75%;
			}
				#nav > a{
					width: 3.125em;
					height: 3.125em;
					text-align: left;
					text-indent: -9999px;
					background-color: #cccccc;/*縮小ボタンの色*/
					position: relative;
				}
					#nav > a:before,
					#nav > a:after{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type{
					display: block;
				}

			/* first level */
			#nav > ul{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul{
					display: block;
				}
				#nav > ul > li{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a{
						height: auto;
						text-align: left;
						padding:10px;
					}
						#nav > ul > li:not( :last-child ) > a{
							border-right: none;
							border-bottom: 1px solid #ffffff;
						}

				/* second level */
				#nav li ul{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
		}



/***************************************************************************************************************************/

@media screen and (max-width:768px){
#page{width:100%; clear:both; margin:0; border:none;}
#bottom_nav ul.san li{
	clear:both;
	margin:5px 0 5px 0;
	width:100%;
}
#secondary{
padding:0 10px 0 0;
box-sizing:border-box;
}
}

@media screen and (max-width:600px){
#primary{width:100%; clear:both;}
#secondary{width:100%; clear:both; padding:0;}

#header{margin:0; height:70px; width:90%;}
#header a{/*background-image:url(https://blog.oisiso.com/wp-content/uploads/2015/01/header.gif);*/
background-position:0; background-size:contain;
display:block; text-indent:-999px; text-align:left; height:70px; padding:0;
/*background-color:#3C599F;
 background-position:100% 50%; */
}

#primary h1{font-size:130%; margin:30px 10px 10px 15px;}
#primary h2 , #primary h3{font-size:120%; margin:30px 10px 10px 10px;}
h2.list{margin:20px 0 0 10px!important;}

.storycontent{width:100%;margin:0;}
.storycontent p{font-size:130%!important; margin:20px 30px 0 30px; letter-spacing:0.1em;}

.pan{font-size:70%;margin:20px 0 10px 10px;}

#bottom_nav{padding:0;}
#bottom_nav ul.san li{
	clear:both;
	margin:5px 0 5px 0;
	width:100%;
}
.ads_sm{display:block; width:95%; margin:0 2.5% 0 2.5%; text-align:center;}

.tweet{display:none;}
#secondary h3,h4,h5{
width:90%;
	margin:30px 5% 10px 5%;
	padding:8px 0 6px 0;
	text-align:center;
	border:none;
	background-color:#333333;
	color:#ffffff;
	font-size:100%;
}

/*
.fb_like iframe{ width:99%!important;margin:0 0 10px 0;}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget iframe[style]{ width:99%!important;margin:0 0 10px 0;}
*/

.meta{margin:0 auto 5px auto;font-size:80%;width:90%;}
#acMenu dt{
	background-color:#333333;
	color:#ffffff;
	font-size:100%;
	width:90%!important;
	margin:30px 5% 10px 5%!important;}

/*
.wp-pagenavi a,
.wp-pagenavi span.current{
    float: left;
    margin: 5px;
    min-width: 23px;
    height: 22px;
    text-align: center;
    display: block;
}
.wp-pagenavi a{
    -webkit-box-shadow: 1px 1px 1px #666;
    -moz-box-shadow: 1px 1px 1px #666;
    box-shadow: 1px 1px 1px #666;
}
.wp-pagenavi span.current{
    background: #ccc;
    color: #fff;
    font-weight: bold;
    -webkit-box-shadow: 1px 1px 1px #666 inset;
    -moz-box-shadow: 1px 1px 1px #666 inset;
    box-shadow: 1px 1px 1px #666 inset;
}
.wp-pagenavi span.pages{display:none;}
*/

#menus{display:none; position:relative; top:-40px; left:0;} 
#menus li{width:46%; margin:2% 2% 0 2%;}

#toggle{display:block; position:relative; width:10%!important; 
/*background-image:linear-gradient(45deg, #A68B57, #DBD3C8);*/
background:none;
box-sizing:border-box; margin:0; padding:0; 
/*letter-spacing:.1em;*/
 top:-45px; left:85%;}

#toggle a{display:block; position:relative; padding:15px 0 15px 0; color:#4c4c4c; text-align:center; text-decoration:none; font-size:0.1px;}

#toggle:before{display:block; content:""; position:absolute; top:50%; left:10px; width:20px; height:20px; margin-top:-10px; background:#6b6b6b;}

#toggle a:before, #toggle a:after{display:block; content: ""; position:absolute; top:50%; left:10px; width:20px; height:4px; background:#ffffff;}
#toggle a:before{margin-top:-6px;}
#toggle a:after{margin-top:2px;}

#menus ul a{margin:0 0 10px 0;}
#menus li a{background:#ffffff; color:#4c4c4c; font-size:80%; text-align:left; padding:8px 0 8px 8px;
background-image: url(https://oisiso.com/imagess_7/ya.gif); background-repeat: no-repeat; background-position: right 8px bottom 12px;}

/*#menus li:first-child a{border-left:none; border-radius:0;}
#menus li:last-child a{border-radius:0;}*/

blockquote{
	margin:10px 2.5% 10px 2.5%;
	padding:10px 0 25px 10px;
}

.three_column{float:none; width:100%; border:none;}

.storycontent img{
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.alignleft a , .alignright a{float:none; width:100%; margin:0 auto;}
.alignleft a{border-radius:0;}
.alignright a{border-radius:0;}

/*.comment_area{display:none; margin:0;}*/

.resize{width:90%; margin:0 5%;}

.edit{
	font-size:0.1%;
}

.recent{
	width:90%;
	margin:20px 5% 20px 5%;
}

#secondary ul{
	margin:5px 15px 5px 30px;
}

.inner{margin:10px 20px;}

.top_recent{width:90%;
	margin:20px 5% 20px 5%;
}
	.top_recent h3{margin:0 10px 10px 10px!important;}

/*
.wp-pagenavi{
	width:90%;
	margin:20px 5% 20px 5%;
}
*/
.kens{
  width:80%;
  left:5%;
  top: 0; 
}
.kensb{
  width:10%;
  left:85%;
  top: 0;
}

.share{background-size:25%; background-repeat:no-repeat; background-position:right 20px bottom 10px;
margin:20px 5% 10px 5%; width:90%; background-size:45%;}

h2.bigbb{font-size:200%!important; padding:0; margin:50px 10px 50px 10px!important;}

.storycontent ol{margin:30px 20px 30px 40px;}

.more-link{margin:30px 0 30px 20%!important; font-size:80%;}

	.cocona iframe{width:90%!important; margin:0 5% 0 5%;}
	
	.youtuber{margin:10px 0 0 0; text-align:center;}
	

div.movie_t{width:100%; margin:0; padding:0;}
div.movie{width:90%; margin:0 5% 0 5%; padding:0;}
	
	
}
/*ここまでばい！******************************************************************************************************************************************/



/*
Theme Name: putiguru
Theme URI: 
Author: 
Author URI: 
Description: 
*/