@charset "utf-8";
/*
theme name:ochanomasumo2
Author:anonymous1
Description:original theme
version:1.0.0
*/
/*all*/

html *{
box-sizing:border-box;
/* when confirming box
outline: 1px solid #ff0000;
when confirming box end*/
}

body{
margin:0;
background-image:url(https://ochanoma-sumo.com/wp-content/uploads/2019/04/diamonds.png);
background-repeat:repeat;
color:#000000;
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

.site{
margin:0 auto;
}

a:link, a:visited, a:hover, a:active{
color:#000000;
text-decoration:none;
}

table{
border-collapse:collapse;
max-width:100%;
}

table th, table td{
padding:8px;
border:1px solid #000000;
text-align:left;
}

pre{
white-space: pre-wrap;
word-wrap: break-word;
overflow:auto;
}

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

iframe{
max-width:560px;
width:100%;
}

figure{
max-width:100%;
height:auto;
margin:0px;
}

input[type="submit"]{
border-radius:0 2px 2px 0;
box-shadow:4px 4px #000000;
border:none;
background-color:#33030D;
font-weight:bold;
color:#ffffff;
}

input[type="submit"]:hover{
background:linear-gradient(-180deg, #990928, #ff0f43);	
}

/*all end*/

 /* header*/

 .header-image{
 background:center/cover;
 max-width:100%;
 height:26vw;
 }
 
 .site-title{
 position:absolute;
 top:17vw;
 left:2.2vw;
 }

  /*only win chrome*/
  .win.chrome .site-title{
  position:absolute;
  top:19vw;
  left:2.2vw;
  }
  /*only win chrome end*/

 .site-title h1{
 margin:0;
 font-size:2em;
 }

 .site-title a{
 color:#ffffff;	
 }

 .site-title p{
 margin:0;
 font-size:1.5em;
 color:#ffffff;
 }

  /*navigation block*/
  .header-nav{
  background:linear-gradient(-180deg, #33030d, #000000);
  }

  .menu{
  margin:0 0 16px 0;
  padding:0;
  text-align:center;
  }

  .menu li{
  display:inline-block;
  list-style-type:none;
  padding:8px 32px 8px 32px;
  }

  .header-nav a{
  color:#ffffff;
  }

  .menu li:hover{
  background:linear-gradient(-180deg, #990928, #ff0f43);	
  }

  /*navigation block end*/
 
 /*content*/  

  /*main*/
  .contents{
  width:62%;
  margin-right:3%;
  float:left;
  }
  
  .page-title, .page-content{
  margin-left:1vw;	
  }

   /*article*/
   article{
   margin:8px 8px 32px 8px;
   padding:16px 16px 16px 16px;
   background-color:#E3DEB1;
   box-shadow:4px 4px #000000;
   }

   .article-date time:before{
   font-family:'Font Awesome 5 Free';
   content:'\f1da';
   font-size:0.9em;
   font-weight:900;
   margin:0 3px 0 2px;
   }

   .kiji-tag a:before{
   font-family:'Font Awesome 5 Free';
   content:'\f02c';
   font-size:0.9em;
   font-weight:900;
   margin:0 3px 0 2px;
   }

   .kiji-tag a{
   color:#33030d !important;
   font-weight:bold;
   }

  .kiji-tag a:hover{
   color:#ff0f43 !important;
   font-weight:bold;
   }

   article p{
   margin:1em 1em 2em 0;	   
   }
   
   article p a, article span a, article figcaption a{
   color:#33030d !important;
   font-weight:bold;
   }

   article p a:hover, article span a:hover, article figcaption a:hover{
   color:#ff0f43 !important;
   font-weight:bold;
   }

   article a[target="_blank"]:after{
   font-family:'Font Awesome 5 Free';
   content:'\f35d';
   font-size:0.9em;
   font-weight:900;
   margin:0 3px 0 2px;
   }

   .addtoany_share_save_container a[target="_blank"]:after{
   font-family:'Font Awesome 5 Free';
   content:none;
   font-size:0.9em;
   font-weight:900;
   margin:0 3px 0 2px;
   }

   article ul{
   margin:2em 2em 2em 0;	   
   }

   article h2{
   margin:1em 1em 1em 0;
   }

   article h3{
   margin:2em 1em 1em 0;
   background:linear-gradient(transparent 65%, #b1b6e3 0%);
   }

   article h4{
   margin:2em 1em 1em 0;
   border-left: 0.5em solid #b1b6e3;
   padding-left:0.5em;
   }

   article h5{
   display:inline-block;
   margin:2em 1em 1em 0;
   border-bottom: solid 2px #b1b6e3;
   }

   article blockquote{
   color:#333333;
   font-style:italic;
   margin:2em 2em 2em 2em;
   }
   
   article blockquote p:before{
   display: inline-block;
   font-family:'Font Awesome 5 Free';
   content:'\f10d';
   color:#333333;
   font-size:0.9em;
   font-weight:900;
   }

   .blocks-gallery-item{
   list-style-type:none;
   }

   article hr{
   border-top: 1px dashed #b1b6e3;
   border-bottom: 1px dashed #b1b6e3;
   }

   /*article end*/
   /*result bout*/
   .tb_result_bout {
     border-collapse:collapse;
	 font-size: 13.6px;
     border: solid 2px #33030D;
   }

   .tb_result_bout th{
     border:dashed 1px #ffffff;
	 padding: 1px;
   }

   .tb_result_bout td, .third_head{
     border:dashed 1px #33030D;
	 padding: 1px;
   }

   .tb_result_bout th{
     background:#33030D;
     color:#ffffff;
   }

   .toggle_0:after, .toggle_1:after {
     font-family: "Font Awesome 5 Free";
     content: '\f107';
     margin-left:4px;
   }

   .toggle_0.open:after, .toggle_1.open:after {
     font-family: "Font Awesome 5 Free";
     content: '\f106';
   }

   .contents_result_bout li, .contents_search_bout li{
     list-style-type: none;
   }

   .contents_result_bout input[type="submit"], .contents_search_bout input[type="submit"] {
     margin:1em 0 1em 0;
   }	   

   .statis h4, .statis h5{
	 margin: 1em 0 0.5em 0
   }

   .statis ul {
     margin: 1em 0 0.5em 0
   }

   .statis h5 {
	 font-size:1em;
   }

   .statis span {
	 font-weight: bold;
   }

   .contents_result_bout a, .contents_search_bout a {
     color: #33030D;
     text-decoration: none;
   }

   .contents_result_bout a:hover, .contents_search_bout a:hover{
     color: #ff0f43;
   }

   /*result bout end*/  
   /*Comments*/
   .comments-wrapper{
   margin-left:1vw;	
   }

   .commets-list li{
   list-style-type:none;	
   }

   /*Comments end*/

   /*Page nation*/
   .pagination{
   margin: 40px 0 30px;
   text-align: center;
   }
 
   .pagination ul{
   margin:0;
   padding:0;
   list-style:none;
   }
 
   .pagination li{
   display:inline-block;
   width:auto;
   }
 
   .pagination li a, .pagination li > span{
   font-size:0.9em;
   display:block;
   width:30px;
   margin:0 1px;
   padding:5px 0;
   text-decoration:none;
   color:#000000;
   border:solid 1px #464646;
   border-radius:3px;
   }
 
   .pagination li > span{
   color: #ffffff;
   background-color: #464646;
   }
 
   .pagination li a:hover{
   color:#ffffff;
   background-color:#464646;
   }
 
   .pagination li .dots{
   width: 15px;
   padding: 0;
   color: #000000;
   border-color: transparent;
   background-color: transparent;
   }

   /*Page nation end*/ 
  /*main end*/
  
  /*side bar*/
  .sidebar{
  margin:8px 8px 32px 8px;
  width:32%;
  float:right;
  padding:8px 8px 8px 32px;
  }
  
  .sidebar a{
  text-decoration:underline;	
  } 

  .sidebar-wrapper{
  margin-top:32px;
  }
  
  .search-form{
  margin:16px 0;	  
  }

  .screen-reader-text{
  display:none;	
  }

  .widget_tag_cloud { 
  padding-right:32px;
  }

  .widget_tag_cloud  h4:before{
  font-family:'Font Awesome 5 Free';
  content:'\f02c';
  font-size:0.9em;
  font-weight:900;
  margin:0 3px 0 2px;
  }

  .tagcloud a{
  margin-right:0.5em;
  display:inline-block;
  font-size:16px !important;
  }

  .calendar_wrap th{
  border:initial;
  border-bottom:solid 1px #000000;
  }

  .calendar_wrap td{
  border:initial;
  }

  .calendar_wrap tfoot td{
  border:initial;
  border-top:solid 1px #000000;
  }

  .calendar_wrap tbody a{
  font-weight:bold;	
  }

  .widget_recent_entries ul{
  margin:0;
  }

  .widget_recent_entries ul{
  padding-left:16px;
  list-style-type:none;
  }

  /*side bar end*/     
 /*content end*/
 
 /*footer*/
 .footer{
 clear:both;
 display:block;
 }

 .copyright{
 padding:4px 0 4px 0;
 text-align:center;
 }

 .copyright p{
 margin:0;
 }

 /*footer end*/

/*CSS for responsive design*/

 /*for tablet*/
 @media screen and (max-width:1023px) and (min-width:768px){

 .site-title{
 position:absolute;
 top:16vw;
 left:2.2vw;
 }	 
	  
  /*only windows*/ 
  .win.chrome .site-title{
  position:absolute;
  top:21vw;
  left:2.2vw;
  }
  /*only windows end*/
	 
 .site-title h1{
 margin:0;
 font-size:2em;
 }

 .site-title p{
 font-size:1.3em;
 }

 .container{
 overflow:auto;
 margin:0 16px;
 }	 
	 
 .contents{
 width:100%;
 float:none;
 }
	
 .sidebar{
 width:100%;		 
 }	 
	 
 .widget_search{
 position:absolute;
 left:5vw;
 width:40%;
 float:left;
 margin-top:0;
 }
 
 .widget_a2a_share_save_widget, .widget_text, .widget_calendar, .widget_recent_entries{
 width:55%;
 float:right;
 }

 .widget_tag_cloud{
 width:55%;
 float:right;
 padding-right:48px;	 
 }
	 	 
 }
 /*for tablet end*/

 /*for smartphone*/
 @media screen and (max-width:767px){

 h1{
 font-size:1.5em;		 
 }

 .site-title{
 position:relative;
 top:15.8vw;
 left:0.3vw;
 }

  /*only windows*/ 
  .win.chrome .site-title{
  position:absolute;
  top:24vw;
  left:1vw;
  }
  /*only windows end*/
 
 .site-title h1{
 font-size:5vw;		 
 }

 .site-title p{
 display:none;
 }
  
 .menu li{
 display:block;
 text-align:left;
 padding: 8px 16px 8px 16px;
 }
 
 .container{
 overflow:auto;
 margin:0 8px;
 }
 
 .contents{
 width:100%;
 float:none;
 }

 article{
 margin:8px 0px 32px 0px;
 padding:8px 8px 8px 8px;
 }	 
	 
 article p{
 margin:0.5em 0.5em 1em 0;	   
   }

 article ul{
 margin:1em 1em 1em 0;	   
 }

 article h2, article h3, article h4, article h5, article h6{
 margin:1em 0.5em 0.5em 0;
 }

 article blockquote{
 margin:1em 1em 1em 1em;
 }
	 
 .sidebar{
 width:100%;
 }
 
 .sidebar-wrapper{
 margin-right:2em;
 }
	 
 }
 /*for smartphone end*/ 
/*CSS for responsive design end*/