@charset "utf-8";

@import url("//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic");
@import url("//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700");
@font-face {
font-family: 'icomoon';
src:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/fonts/icomoon.eot?-po9jho);
src:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/fonts/icomoon.eot?#iefix-po9jho) format('embedded-opentype'),
url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/fonts/icomoon.woff?-po9jho) format('woff'),
url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/fonts/icomoon.ttf?-po9jho) format('truetype'),
url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/fonts/icomoon.svg?-po9jho#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}  html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
} body {
line-height:1;
} article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}  ol, ul {
list-style: none;
} blockquote, q {
quotes:none;
} blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
} a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
} del {
text-decoration: line-through;
} abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
} table {
border-collapse:collapse;
border-spacing:0;
} hr {
display:block;
height:1px;
border:0;  
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
} input, select {
vertical-align:middle;
} img {
vertical-align: top;
font-size: 0;
line-height: 0;
} *, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix:after{
content: "."; 
display: block; 
height: 0; 
font-size:0;
clear: both; 
visibility:hidden;
}
.none{
display:none;
} body{
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.mincho{
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
a:hover{
opacity:0.7;
}
@media(max-width:1024px){
a:hover{
opacity:1;
}
}
.pc{
display:inherit;
}
.sp{
display:none;
}
@media(max-width:768px){
.pc{
display:none;
}
.sp{
display:inherit;
}
}
.pc2{
display:inherit;
}
.sp2{
display:none;
}
@media(max-width:640px){
.pc2{
display:none;
}
.sp2{
display:inherit;
}
}  body{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/fullbg.png);
background-position: center top;
background-repeat: no-repeat;
background-color:#ffffff;
}
body div#screen{
max-width:1290px;
margin:0 auto;
position:relative;
}
@media(max-width:960px){
body div#screen{
padding:0 10px;
}
}  header{
max-width:960px;
height: 160px;
margin: 0 auto 30px auto;
padding-top:16px;
position:relative;
}
header #logo{
text-align:center;
margin-bottom:30px;
}
header #logo a{
text-decoration:none;
}
header #logo img{
max-width:206px;
}
header nav{
font-size:16px;
font-weight:bold;
text-align: center;
margin:0;
padding-bottom:6px;
}
header nav.fixed{
background-color: #ffffff;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100;
padding:20px 0;
}
header nav ul li{
display:inline-block;
width:74px;
font-size:16px;
text-align:center;
margin-right:20px;
padding-bottom:6px;
}
header nav ul li:last-child{
margin-right:0;   
}
header nav ul li a{
text-decoration:none;
color:#000000;
}
header nav ul li a span{
display: block;
padding-bottom:20px; background-repeat: no-repeat;
background-position:  center bottom;
}
header nav ul li.know a span{
color: #e4a202; background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/know.png);    
}
header nav ul li.eat a span{
color: #f25f4b; background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/eat.png);    
}
header nav ul li.seize a span{
color: #907529; background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/seize.png);    
}
header nav ul li.exp a span{
color: #578897; background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/exp.png);    
}
header nav ul li.grp a span{
color: #9c9c9c; background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/grp.png);    
}
header nav ul li.know.current a span{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/know_h.png);
}
header nav ul li.eat.current a span{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/eat_h.png);
}
header nav ul li.seize.current a span{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/seize_h.png);
}
header nav ul li.exp.current a span{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/exp_h.png);
}
header nav ul li.grp.current a span{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/grp_h.png);
}
header nav ul li:hover{
opacity:0.7;
}
@media(max-width:480px){
header nav ul li{ width:56px;
font-size:14px; margin-right: 0;
}
} #specialbnr{
max-width:760px;
margin:20px auto 50px auto;
}
#specialbnr a{
}
#specialbnr a img{
width:100%;
height: auto;    
}
@media(max-width:480px){
#specialbnr{
max-width:600px;
padding:0 32px;
margin:10px auto 30px auto;
}
}  #slider{
max-width:1260px;
padding:10px 0 60px 30px;
}
#slider a{
float:left;
max-width:300px;
width:calc(25% - 30px);
margin-right:30px;
text-decoration: none;
display:block;
}
#slider a:last-child{
margin-right:0;
}
#slider a:hover{
opacity: 0.7 !important;
}
#slider a article{
position:relative;
}
#slider a article:before{
position: absolute;
top:0;
left:0;
}
#slider a article.know:before{
content: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/know_label.png);
}
#slider a article.eat:before{
content: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/eat_label.png);
}
#slider a article.seize:before{
content: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/seize_label.png);
}
#slider a article.exp:before{
content: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/exp_label.png);
}
#slider a article figure{
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom:10px;
border-radius:10px;
}
#slider a article figure img{
width:100%;
}
#slider a article div.date{
font-size:10px;
color:#999999;
margin-bottom:10px;
}
#slider a article h1{
color:#000000;
font-size:21px;
font-weight:bold;
line-height:1.4;
height: 58.8px;
overflow:hidden;
margin-bottom:14px;
}
#slider a article p{
font-size:16px;
color:#000000;
line-height:1.6;
height: 76.8px;
overflow:hidden;
}
#slider a article p.read-more{
line-height:1;
height:18px;
font-size:10px;
padding:4px;
color:#999999;
border:1px solid #999999;
display:inline-block;
float:right;
}
@media(max-width:768px){
#slider a{
max-width:calc(50% - 20px);
width:calc(50% - 20px);
margin-right: 10px;
margin-left: 10px;
margin-bottom:30px;
}
#slider a{
width:50%;
}
}
@media(max-width:480px){
#slider{
padding: 10px 0 20px;
}
#slider a{
max-width:100%;
width:100%;
margin-left:0;
margin-right:0;
margin-bottom:30px;
}
#slider a article h1{
margin-bottom: 10px;
}
}  #container{
max-width:960px;
margin:0 auto;
}
#main{
max-width:620px;
width:64.6%;
float:left;
}
#main h1{
padding-left:36px;
font-size:24px;
position:relative;
margin-bottom:40px;
}
#main h1.know{
color:#e4a202;
}
#main h1.eat{
color:#f25f4b;
}
#main h1.seize{
color:#907529;
}
#main h1.exp{
color:#578897;
}
#main h1.news{
color:#478de5;
padding-left:0;
}
#main h1:before{
position: absolute;
top:0;
left:0;
}
#main h1.know:before{
content: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/know_head.png);
}
#main h1.eat:before{
content: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/eat_head.png);    
}
#main h1.seize:before{
content: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/seize_head.png);
}
#main h1.exp:before{
content: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/exp_head.png);
}
#main h1 span{
display:inline-block;
padding-left:20px;
font-size:14px;
color:#666666;
padding-bottom:5px;
}
#main a{
text-decoration:none;
color:#000000;
display:block;
}
#main a:hover{
opacity:0.7 !important;
}
#main a article{
padding-bottom:20px;
}
#main a article figure{
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom:10px;
border-radius:10px;
max-width:192px;
float:left;
}
#main a article figure img{
width:100%;
}
#main a article div.box{
margin-bottom:10px;
margin-left:18px;
float:left;
max-width:410px;
width:calc(100% - 210px);
}
#main a article div.category{
color:#ffffff;
font-size:10px;
padding:6px 0;
text-align:center;
width:60px;
border-radius:4px;
float: left;
margin-right:10px;
}
#main a article div.category.know{
background-color:#e4a202;
}
#main a article div.category.eat{
background-color:#f25f4b;    
}
#main a article div.category.seize{
background-color:#907529;
}
#main a article div.category.exp{
background-color:#578897;
}
#main a article div.category.news{
background-color:#478de5;
}
#main a article div.date{
padding:6px 0;
font-size:10px;
color:#999999;
float:left;
}
#main a article h1{
padding-left:0;
color:#000000;
font-size:16px;
font-weight:bold;
line-height:1.6;
height: 51.2px;
overflow:hidden;
margin-bottom:10px;
float:right;
max-width:410px;
width:calc(100% - 210px);
}
#main a article p{
font-size:12px;
color:#000000;
line-height:1.6;
height: 38.4px;
overflow:hidden;
float:right;
max-width:410px;
width:calc(100% - 210px);
}
#main #pager{
font-size:16px;
margin-top:60px;
margin-bottom:80px;
text-align:center;
}
#main #pager a,
#main #pager span{
width:44px;
height:44px;
display:inline-block;
color:#999999;
padding-top:14px;
padding-bottom:14px;
}
#main #pager a:hover{
}
#main #pager a.arrow{
-moz-transform:    scale( 0.5, 1 ); -webkit-transform: scale( 0.5, 1 ); -o-transform:      scale( 0.5, 1 ); -ms-transform:     scale( 0.5, 1 ); transform:         scale( 0.5, 1 ); }
#main #pager a.current,
#main #pager span.current{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/pager_active.png);
background-repeat: no-repeat;
background-position: center center;
color:#ffffff;
}
#main article .text a{
display:inline-block;
text-decoration:underline;
}
@media(max-width:860px){
#main{
width:100%;
max-width:100%;
}
#main a article div.box{
max-width:  100%;
}
#main a article h1{
max-width: 100%;
}
#main a article p{
max-width:100%;
}
}
@media(max-width:640px){
#main{ }
#main a article {
padding:18px 0;
border-bottom:1px solid #cccccc;
}
#main a article figure{
width:125px;
height:107px;
}
#main a article div.box{
width:  auto;
}
#main a article h1{
font-size:14px;
line-height:1.4;
height:78.4px;
width: calc(100% - 135px);
}
#main a article p{
float:none;
width:100%;
}
}  #sidemenu{
max-width:300px;
width:31.25%;
float:right;
}
#sidemenu #kentei{
margin-bottom:30px;
}
#sidemenu #kentei a{
text-decoration: none;
}
#sidemenu #kentei a:hover{
opacity: 1;
}
#sidemenu #kentei a img{
width:100%;
height: auto;
}
#sidemenu #search{
max-width:300px;
margin-bottom:30px;
}
#sidemenu #search form{
max-width:300px;
position:relative;
}
#sidemenu #search form input#searchinput{
max-width:300px;
width:100%;
padding:2px 30px 2px 10px;
background-color: #eeeeee;
height: 30px;
font-size:16px;
color:#999999;
border-radius:4px;
border:none;
}
#sidemenu #search form button#submit{
border:none;
position:absolute;
right:10px;
top:4px;
background-color:#eeeeee;
}
#sidemenu #onigirinews,
#sidemenu #ranking{
max-width:300px;
margin-bottom:30px;
}
#sidemenu #onigirinews h1,
#sidemenu #ranking h1{
color:#bb9a14;
font-size:20px;
margin-bottom:20px;
}
#sidemenu #onigirinews h1 span,
#sidemenu #ranking h1 span{
color:#666666;
font-size:14px;
display:inline-block;
padding-left:10px;
}
#sidemenu #onigirinews a,
#sidemenu #ranking a{
text-decoration: none;
display:block;
}
#sidemenu #onigirinews a:hover,
#sidemenu #ranking a:hover{
opacity: 0.7 !important;
}
#sidemenu #onigirinews a article,
#sidemenu #ranking a article{
padding-left:10px;
padding-top:10px;
margin-bottom:10px;
position: relative;
}
#sidemenu #ranking a article.rank:before{
position: absolute;
top:0;
left:0;
}
#sidemenu #ranking a article.rank1:before{
content: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/rank_1.png);
}
#sidemenu #ranking a article.rank2:before{
content: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/rank_2.png);    
}
#sidemenu #ranking a article.rank3:before{
content: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/rank_3.png);
}
#sidemenu #ranking a article.rank4:before{
content: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/rank_4.png);
}
#sidemenu #ranking a article.rank5:before{
content: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/rank_5.png);
}
#sidemenu #onigirinews a article figure,
#sidemenu #ranking a article figure{
max-width:74px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
float:left;
}
#sidemenu #onigirinews a article figure img,
#sidemenu #ranking a article figure img{
width:100%;
}
#sidemenu #onigirinews a article div.date,
#sidemenu #ranking a article div.date{
font-size:10px;
color:#999999;
margin-bottom:10px;
}
#sidemenu #onigirinews a article h1,
#sidemenu #ranking a article h1{
color:#000000;
font-size:16px;
font-weight:bold;
line-height:1.6;
height: 76.8px;
overflow:hidden;
padding-left:10px;
margin-bottom:0;
font-weight:normal;
}
#sidemenu #onigirinews h1 a{
line-height: 1;
height: 18px;
font-size: 10px;
padding: 4px;
color: #999999;
border: 1px solid #999999;
display: inline-block;
float: right;
text-decoration: none;
}
#sidemenu #banner{
max-width:300px;
margin-bottom:30px;
} 
#sidemenu #banner a:hover{
opacity: 0.7 !important;
}
#sidemenu #banner a img{
width:100%;
margin-bottom:20px; 
} 
#sidemenu #quiz{
line-height:1.4;
border:1px solid #999999;
padding:10px;
margin-bottom: 80px;
}
#sidemenu #quiz .theContentWrap-ccc{
display:inline;
}
#sidemenu #quiz .slickQuizWrapper{
text-align:center;
}    
#sidemenu #quiz .slickQuizWrapper h2.quizName{
padding:10px 0 0 0;
font-weight:normal;
font-size:0;
color:#bb9a14;        
margin-bottom: 14px;
}
#sidemenu #quiz .slickQuizWrapper h2.quizName:after{
content:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/quiz_title.png);
}
#sidemenu #quiz .slickQuizWrapper .quizArea{
}
#sidemenu #quiz .slickQuizWrapper .quizArea .quizHeader{
}
#sidemenu #quiz .slickQuizWrapper .quizArea .quizHeader p{
padding:0 0 28px 0;
text-align:left;
}
#sidemenu #quiz .slickQuizWrapper .buttonWrapper{
display:block;
margin:0 auto;
text-align: center;
}
#sidemenu #quiz .slickQuizWrapper .button{
background-color: #f25f4b !important;
float:none;
}
#sidemenu #quiz .slickQuizWrapper .button:hover{
background-color: #f25f4b !important;
opacity:0.7;    
}
#sidemenu #quiz .slickQuizWrapper .questionCount{
font-style: normal;
font-size:14px;
text-align:left;
padding:4px 0;
background-color:#cccccc;
margin-bottom:10px;
text-align:center;
}
#sidemenu #quiz .slickQuizWrapper h3{
text-align:left;
}
#sidemenu #quiz .slickQuizWrapper h3 {
}
#sidemenu #quiz .slickQuizWrapper h3 p{
padding-bottom:30px;
}
#sidemenu #quiz .slickQuizWrapper ul.answers{
padding-bottom:10px;
}
#sidemenu #quiz .slickQuizWrapper ul.answers li{
padding: 0 0 20px 0;
text-align:left;
}
#sidemenu #quiz .slickQuizWrapper ul.answers li input{
vertical-align: top;
}
#sidemenu #quiz .slickQuizWrapper ul.responses{
}
#sidemenu #quiz .slickQuizWrapper ul.responses li{
margin:0 0 30px;    
}
#sidemenu #quiz .slickQuizWrapper ul.responses li.correct{
background-color: #fdb7a2;
}
#sidemenu #quiz .slickQuizWrapper ul.responses li.incorrect{
background-color: #cccccc;
}
#sidemenu #quiz .slickQuizWrapper ul.responses p{
padding: 20px; text-align:left;
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy h3{
}
#sidemenu #quiz .slickQuizWrapper .quizArea, 
#sidemenu #quiz .slickQuizWrapper .quizResults{
margin-bottom:20px;
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy h3.quizScore{
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy h3.quizScore span{
font-weight: normal;
font-style: normal;    
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy h3.quizLevel{
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy h3.quizLevel span{
font-weight: normal;
font-style: normal;    
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy .quizShare{
margin:20px 0 30px 0;
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy .quizShare a{
padding:4px;
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy .quizShare a span{
height: 16px;
font-size: 14px;
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy .quizShare a:hover{
background-position: left -28px;   
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy .quizShare a i{
width:22px;
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy .quizShare a i{
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy .quizShare span{
color:#ffffff;
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy .quizShare a.twitterButton{
background-color:#55acee;
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy .quizShare a.facebookButton{
background-color:#3468af;
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy .quizShare a.emailButton{
background-color:#999999;
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy .quizShare a i.twitter{
background:none;
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy .quizShare a i.twitter:before{
content: "\e606"; color:#ffffff;
font-size: 24px;
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy .quizShare a i.facebook{
background:none;
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy .quizShare a i.facebook:before{
content: "\e605"; color:#ffffff;
font-size: 24px;
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy .quizShare a i.email{
background:none;
width:0;
}
#sidemenu #quiz .slickQuizWrapper .quizResultsCopy p{
}
@media(max-width:860px){
#sidemenu{
max-width:100%;
width:100%;
}
#sidemenu #kentei{
max-width:300px;
margin:0 auto 30px auto;
}
#sidemenu #search{
margin:0 auto 30px auto;
}
#sidemenu #onigirinews,
#sidemenu #ranking{
width:100%;
max-width:600px;
margin:0 auto 30px auto;
}
#sidemenu #banner{
max-width:300px;
width:100%;
margin:0 auto 30px auto;
} 
}
@media(max-width:640px){
#sidemenu #onigirinews a article h1
#sidemenu #ranking a article h1{
font-size:14px;
line-height: 1.4;
height:78.4px;
}
}  #main article.article{
max-width:620px;
}
#main article.article figure{
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom:30px;
border-radius:10px;
max-width:620px;
float:left;
position: relative;
}
#main article.article figure .label{
position: absolute;
bottom: 30px;
left: 0;
width: 150px;
height: 42px;
background-image: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/special/special01_label_page.png);
background-size: 150px auto;
background-repeat: no-repeat;
background-position: left top;
}
#main article.article figure .label span{
position: absolute;
left: 100px;
top: 0;
width: 50px;
height: 42px;
color: #ffffff;
font-size: 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 5px;
}
#main article.article figure .handle{
font-size: 11px;
font-weight: bold;
color: #fff;
background-color: rgba(0,0,0,.5);
position: absolute;
bottom: 54px;
left: 160px;
padding: 4px;
max-width:280px;
}
#main article.article figure .name{
font-size: 16px;
font-weight: bold;
color: #fff;
background-color: rgba(0,0,0,.5);
position: absolute;
bottom: 30px;
left: 160px;
padding: 4px;
}
#main article.article figure img{
width:100%;
}
#main article.article div.box{
margin-bottom:20px;
position:relative;
}
#main article.article div.box div.sns{
float:right;
}
#main article.article div.box div.sns div.snsshare{
float:left;
margin-left:10px;
}
#main article.article div.category{
color:#ffffff;
font-size:10px;
padding:6px 0;
text-align:center;
width:60px;
border-radius:4px;
float: left;
margin-right:10px;
}
#main article.article div.category.know{
background-color:#e4a202;
}
#main article.article div.category.eat{
background-color:#f25f4b;    
}
#main article.article div.category.seize{
background-color:#907529;
}
#main article.article div.category.exp{
background-color:#578897;
}
#main article.article div.category.news{
background-color:#478de5;
}
#main article.article div.date-site{
display: inline-block;
}
#main article.article div.date{
padding:4px 0;
font-size:12px;
color:#999999;
float:left;
}
#main article.article div.site{
padding:4px 0;
font-size:12px;
color:#999999;
float:left;
}
#main article.article div.site a{
display: inline;
}
#main article.article div.site:before{
content:'|';
font-size:12px;
padding:0 10px;
}
#main article .text a.moreread{
font-size:16px;
color:#478de5;
display:block;
border:2px solid #478de5;
padding:20px 0;
text-decoration: none;
text-align: center;
font-weight: bold;
margin-top: 26px;
border-radius:3px;
}
#main article .text .newslist{
text-align: center;
}
#main article .text .newslist a{
display: inline-block;
border-bottom:1px solid #666666;
margin:0 auto;
color:#666666;
font-size:14px;
text-decoration: none;
padding-bottom:6px;
padding-top:36px;
}
#main article.article h1{
padding-left: 0;
font-size: 24px;
position: relative;
margin: 40px 0;
line-height:1.4;
}
#main article.article h1 .sponsored{
font-size:60%;
}
#main article.article h2.text{
font-size: 20px;
position: relative;
margin: 40px 0 30px 0;
line-height:1.4;
}
#main article.article h3.text{
font-size: 20px;
position: relative;
margin: 40px 0 30px 0;
line-height:1.4;
}
#main article.article div.text{
margin-bottom:50px;
}
#main article.article div.text p{
line-height:1.8;
padding:8px 0;
}
#main article.article div.text .notice{
font-size:15px;
}
#main article.article div.text .notice strong{
font-weight:bold;
font-size:110%;
}
#bp-login-widget-form .bp-login-widget-register-link{
margin-left:none !important;
margin: 20px auto 0 auto !important;
display: block;
width: 100%;
}
#main article.article div.text p.wp-caption-text{
font-size:80%;
padding: 2px 0 8px 0;
}
#main article.article div.text div.wp-caption{
width:auto !important;
}
#main article.article div.text img{
max-width:100%;
height:auto;
display:block;
margin:0 auto;
}
#main article.article div.text iframe{
width:100%;
}
#main article.article #pagenavi{
width:100%;
padding:10px 0 60px;
}
#main article.article #pagenavi a{
display:inline;
}
#main article.article #pagenavi .prev{
float:left;
padding-bottom: 10px;
border-bottom: 2px solid #000000;
color:#000000;
}
#main article.article #pagenavi .prev:hover{
opacity:0.7 !important;
border-bottom: 2px solid #000000;
border-bottom: 2px solid rgba(0,0,0,0.7);
}
#main article.article #pagenavi .next{
float:right;    
padding-bottom: 10px;
border-bottom: 2px solid #000000;
color:#000000;
}
#main article.article #pagenavi .next:hover{
opacity:0.7 !important;
border-bottom: 2px solid #000000;
border-bottom: 2px solid rgba(0,0,0,0.7);
}
#main article.article #bottomsns{
margin-bottom:60px;
}
#main article.article #bottomsns.know{
background-color:#e4a202;
}
#main article.article #bottomsns.eat{
background-color:#f25f4b; 
}
#main article.article #bottomsns.seize{
background-color:#907529;
}
#main article.article #bottomsns.exp{
background-color:#578897;
}
#main article.article #bottomsns.news{
background-color:#478de5;
}
#main article.article #bottomsns figure{
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom:0;
border-radius:0;
max-width:320px;
float:left;
}
#main article.article #bottomsns figure img{
width:100%;
}
#main article.article #bottomsns .comment{
color:#ffffff;
font-size:14px;
text-align:center;
padding-top:50px;
margin-bottom:30px;
}
#main article.article #bottomsns .sns{
text-align:center;
}
#main article.article #bottomsns .sns .snsshare{
display:inline-block;
margin-left:10px;
}
#main article.article #recommend{
padding-bottom:20px;
}
#main article.article #recommend h1{
color:#bb9a14;
margin-bottom: 20px;
}
#main article.article #recommend h1 span{
color:#999999;
}
#main article.article #recommend a {
display: inline;
}
#main article.article #recommend a article{
width:32.26%;
padding:0 1.6%;
float:left; 
}
#main article.article #recommend a article figure{
margin-bottom: 10px;
float:none;
}
#main article.article #recommend a article figure img{
}
#main article.article #recommend a article .box{
margin-left: 0;
margin-bottom: 10px;
width:100%;
}
#main article.article #recommend a article .box .category{
}
#main article.article #recommend a article .box .date{
}
#main article.article #recommend a article h1{
font-size:16px;
line-height: 1.6;
height: 51.2px;
color:#000000;
float:none;
max-width: 100%;
width:100%;
}
@media(max-width:860px){
#main article.article{
max-width:100%;
width:100%;
margin:0 auto 30px auto;
}
#main article.article figure{
max-width:100%;
width:100%;
}
#main article.article h1{
font-size:20px;
line-height:28px;
margin-bottom:16px;
}
#main article.article h2.text{
font-size: 18px;
margin: 30px 0 20px 0;
line-height:1.4;
}
#main article.article h3.text{
font-size: 26px;
position: relative;
margin: 30px 0 20px 0;
line-height:1.4;
}
}
@media(max-width:640px){
#main article.article figure{
margin-bottom: 10px;
}
}
@media(max-width:480px){
#main article.article #bottomsns figure{
max-width:150px;
}
#main article.article #bottomsns .comment{
padding-top: 5px;
margin-bottom:5px;
}
#main article.article #recommend a article{
width:100%;
padding:20px 0;
}
#main article.article #recommend a article figure{
width:125px;
height:108px;
float:left;
}
#main article.article div.category{
margin-top: 12px;
display: block;
}
#main article.article figure{
float:none;
}
#main article.article div.date-site{
display: block; padding-top: 14px;
float:left;
}
#main article.article div.date{
display: inline-block;
float:none;
}
#main article.article div.site{
display: inline-block;
float:none;
}
#main article.article #recommend a article .box{
max-width: calc(100% - 165px);
width: calc(100% - 165px);
float:left;
margin-left: 10px;
}
#main article.article #recommend a article h1{
max-width: calc(100% - 165px);
width: calc(100% - 165px);
float:left;
margin-left: 10px;
}
#main article.article figure .label{
bottom: 20px;
left: 0;
width: 102.5px;
height: 31.5px;
background-image: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/special/special01_label_page_sp.png);
background-size: 102.5px auto;
}
#main article.article figure .label span{
position: absolute;
left: 70px;
top: 0;
width: 32.5px;
height: 31.5px;
font-size: 20px;
}
#main article.article figure .handle{
font-size: 8px;
bottom: 38px;
left: 106px;
padding: 4px;
max-width:210px;
}
#main article.article figure .name{
font-size: 10px;
bottom: 20px;
left: 106px;
padding: 4px;
}
}  .recipe figure{
text-align:center;
float:none !important;
}
.recipe figure img{ width:100% !important; height: auto !important;
float: left !important;
}
.recipe p{ padding-left:0 !important;
}
.recipe #zairyou{
clear: both !important;
padding: 20px 0 30px !important;
}
.recipe #zairyou table{
width: 100% !important;
border-collapse: collapse !important;
}
.recipe #zairyou table caption{
text-align: left !important;
border-bottom: 1px solid #C9BB8B !important;
font-size: 15px !important;
}
.recipe #zairyou table caption span{
font-size: 12px !important;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif !important;
}
.recipe #zairyou table td{
border-bottom: 1px solid #C9BB8B !important;
padding: 5px 0 !important;
}
.recipe #zairyou table td.bunryou{
text-align: right !important;
}
.tsukurikata{
margin-bottom: 15px !important;
}
.tsukurikata figure img{
width:144px !important;
height: auto !important;
float: left !important;
}
.tsukurikata p{
padding-left: 154px !important;
}
.point{
clear: both !important;
margin: 30px 0 20px !important;
padding: 10px 0 !important;
border-top: 1px solid #C9BB8B !important;
border-bottom: 1px solid #C9BB8B !important;
}
.point b{
margin-bottom: 8px !important;
display: block !important;
}
@media screen and (min-width: 768px) {
.recipe figure{
float:left !important;
width:auto !important;
}
.recipe figure img{
width:344px !important;
}
.recipe p{
padding-left: 384px !important;
}
.recipe #zairyou{
padding-left: 384px !important;
clear: none !important;
margin: 40px 0 !important;
}
.recipe #zairyou table caption{
font-size: 20px !important;
}
.recipe #zairyou table caption span{
font-size: 14px !important;
}
.recipe #zairyou table td{
border-bottom: 1px solid #C9BB8B !important;
padding: 10px 0 !important;
}
.tsukurikata{
margin-bottom: 40px !important;
}
.tsukurikata figure img{
width:300px !important;
}
.tsukurikata p{
padding-left: 340px !important;
}
.point{
margin: 60px 0 40px !important;
padding: 12px 0 !important;
}
.point b{
margin-bottom: 10px !important;
}
}  .YoutubeWrapper{
position: relative ;
margin-top: 1.2em ;
margin-bottom: 1.2em ;
padding-top: 69px ;
padding-bottom: 50% ;
overflow: hidden ;
}
.YoutubeWrapper iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}  footer{ width:100%;
border-top:1px solid #999999;
padding:40px 0 20px;
margin:0 auto;
position: relative;
background-color:#ffffff;
}
footer nav{
text-align:center;
}
footer nav ul{
padding-bottom:30px;
}
footer nav ul li{
display:inline-block;
margin-right:20px;
}
footer nav ul li:last-child{
margin-right:0;   
}
footer nav ul li a{
color:#999999;
text-decoration: none;
font-size:14px;
}
footer nav ul li a:hover{
opacity:0.7 !important;
}
footer #copyright{
font-size:10px;
color:#999999;
text-align:center;
}
#gotop{
position: absolute;
right:10px;
bottom:20px;
}
#gotop img:hover{
opacity:0.7 !important;
cursor: pointer;
}
@media screen and (max-width: 768px) {
#gotop{
position: relative;
right:0;
bottom:10px;
text-align:center;
}
} section#main article.page h1{
padding-top:40px;
} section#main article dl#kyoukaigaiyou{
border-top:1px solid #999999;
padding-top:15px;
line-height:1.2;
}
section#main article dl#kyoukaigaiyou dt{
width: 80px;
float: left;
margin-right: 10px;
padding-bottom:15px;
}
section#main article dl#kyoukaigaiyou dd{
padding-left: 90px;
margin-bottom: 1em;
border-bottom:1px solid #999999;
padding-bottom:15px;
}
section#main article dl#kyoukaigaiyou dd a{
color:#bb9a14;
text-decoration:underline;
}  section#main #contactform dl dt {
padding:20px 0 0;
}
section#main #contactform dl dt span.req{
background-color:#ff0000;
color:#ffffff;
font-size:70%;
padding:2px;
}
section#main #contactform dl dd input{
font-size:16px;
height:20px;
border: 1px solid #ddcc89;
width:100%;
}
section#main #contactform dl dd textarea{
font-size:16px;
height:160px;
border: 1px solid #ddcc89;
width:100%;
}
section#main #contactform p.submit{
text-align:center;
}
section#main #contactform input#formsubmit{
border: 2px solid #ddcc89;
padding: 5px 0;
margin: 0 auto;
width: 300px;
display: inline-block;
font-size:16px;
color:#93781E;
background-color:inherit;
text-align:center;
}
section#main #contactform input#formsubmit:hover{
border: 2px solid #ddcc89;
padding: 5px 0;
margin: 0 auto;
width: 300px;
font-size:16px;
color:#000000;
background-color:#ddcc89;
text-align:center;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #ddcc89 !important ;
}  section#main article#privacy{
padding-top:15px;
line-height:1.2;
}
section#main article#privacy p{
line-height: 1.8;
padding: 8px 0;
}
section#main article#privacy dl{
line-height: 1.8;
padding:10px 0;	
}
section#main article#privacy  dt{
font-weight:bold;
}
section#main article#privacy  dl ul {
padding-left:10px;
}
section#main article#privacy  dl ul li{
list-style-type: disc;
}
section#main article#privacy  a{
text-decoration: underline;
display:inline;
}   #special{
margin-bottom:30px;
}
#special ul{
list-style: none;
padding:0;
margin:0;
}
#special ul li{
list-style: none;
padding:0;
margin:0 0 30px 0;
}
#special ul li:last-child{
margin:0;
}
#special ul li a{
border:none;
}
#special ul li a img{
width:100%;
height:auto;
}
@media(max-width:640px){
#special{
width:100vw;
margin:0 0 0 -10px;
padding: 0 10px 30px 10px;
border-bottom:1px solid #cccccc;
}
} .speciallist{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/special/canvas.jpg?time=20200819);
background-repeat: repeat;
border-radius:8px;
margin-bottom:30px;
}
.speciallist .main-visual{
width:100%;
}
.speciallist .main-visual img{
width:100%;
height:auto;
}
.speciallist .lead{
padding:20px 30px;
font-size:24px;
line-height:32px;
font-weight:bold;
color:#927628;
}
.speciallist .lead br.br{
display: none;
}
.speciallist .inner{
padding:20px 30px 0 30px;
font-size:0;
}
.speciallist .inner article{
width:calc( ( 100% - 30px ) / 2);
margin-right:30px;
margin-top: 20px;
margin-bottom:30px;
border-radius:8px;
background-color:#ffffff;
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/special/special01_arrow_sp.png?time=20200819);
background-size:20px auto;
background-repeat: no-repeat;
background-position: right 2px bottom 2px;
display: inline-block;
vertical-align: top;
padding:40px 20px 20px 20px;
position: relative;
}
.speciallist .inner article:nth-child(even){
margin-right:0;
}
.speciallist .inner article .label{
position: absolute;
top:-20px;
left:-10px;
width:150px;
height:42px;
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/special/special01_label.png?time=20200819);
background-size:150px auto;
background-repeat: no-repeat;
background-position: left top;
}
.speciallist .inner article .label span{
position: absolute;
left:100px;
top:0;
width:50px;
height: 42px;
color:#ffffff;
font-size:30px;
display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 5px;
}
.speciallist .inner article .fig{
width:100%;
background-repeat: no-repeat;
background-size:cover;
background-position: center center;
border-radius:8px;
margin-bottom: 20px;
position:relative;
}
.speciallist .inner article .fig img{
width:100%;
height:auto;
}
.speciallist .inner article .fig .handle{
font-size:12px;
font-weight:bold;
color:#fff;
background-color:rgba(0,0,0,.5);
position:absolute;
bottom:24px;
left:0;
padding:4px;
}
.speciallist .inner article .fig .name{
font-size:16px;
font-weight:bold;
color:#fff;
background-color:rgba(0,0,0,.5);
position:absolute;
bottom:0;
left:0;
padding:4px;
}
.speciallist .inner article h2{
font-size:20px;
line-height:28px;
font-weight:bold;
color:#000000;
height:56px;
overflow:hidden;
margin-bottom:16px;
}
.speciallist .inner article p{
font-size:14px;
line-height:22px;
font-weight:normal;
color:#000000;
height:88px;
overflow:hidden;
}
@media(max-width:640px){
.speciallist .lead{
font-size: 16px;
line-height: 22px;
padding:10px 20px;
}
.speciallist .inner{
padding:10px 20px 0px 20px;
}
.speciallist .inner article{
width:100%;
margin-right:0;
margin-bottom: 40px;
padding: 37px 18px 18px 18px;
}
.speciallist .inner article .label{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/special/special01_label_sp.png?time=20200819);
width:135px;
height:38px;
background-size: 135px auto;
}
.speciallist .inner article .label span{
left: 90px;
width: 45px;
height: 38px;
font-size: 23px;
}
.speciallist .inner article .fig{
margin-bottom: 10px;
}
.speciallist .inner article h2{
font-size:18px;
line-height:25px;
height:50px;
margin-bottom: 4px;
}
.speciallist .inner article p{
font-size:13px;
line-height:20px;
height:80px;
}
}
@media(max-width:480px){
.speciallist .lead br.br{
display: block;
}
} .text .special{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/special/canvas.jpg?time=20200819);
background-repeat: repeat;
padding:20px;
border-radius:8px;
margin-bottom: 30px;
}
.text .special .special-inner{
background-color:#ffffff;
padding:30px;
border-radius:8px;
}
.text .special .special-inner .specialtext{
padding:0 0 24px 0;
padding:0; }
.text .special .special-inner .specialtext:last-of-type{
padding:0 0 24px 0;
}
.text .special .special-inner .specialtext h2{
font-size:18px;
font-weight:bold;
line-height:26px;
color:#927628;
margin-bottom:16px;
}
.text .special .special-inner .specialtext p{
font-size:16px;
line-height:30px;
color:#000000;
margin-bottom:16px;
}
.text .special .special-inner .specialtext p.notice{
font-size:70%;
}
.text .special .special-inner .specialtext .fig{
margin-bottom:16px;
}
.text .special .special-inner .specialtext .fig .cap{
margin-top:4px;
font-size:80%;
line-height:1.4;
}
.text .special .special-inner .special-prof{
padding:30px 0 10px 0;
font-size:0;
}
.text .special .special-inner .special-prof:before{
content:"";
height:4px;
width:100%;
display: block;
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/special/canvas.jpg?time=20200819);
background-position: left bottom;
background-repeat: repeat-x;
margin: 0 0 30px 0;
}
.text .special .special-inner .special-prof .fig{
width:120px;
display:inline-block;
vertical-align: top;
}
.text .special .special-inner .special-prof .fig img{
width:100%;
height:auto;
}
.text .special .special-inner .special-proftext{
width:calc(100% - 120px);
display:inline-block;
vertical-align: top;
color:#333333;
padding-left:24px;
}
.text .special .special-inner .special-proftext .handle{
font-size:12px;
margin-bottom:10px;
}
.text .special .special-inner .special-proftext .name{
font-size:16px;
font-weight:bold;
margin-bottom:20px;
}
.text .special .special-inner .special-proftext .name span{
font-size:11px;
font-weight:normal;
display: inline-block;
vertical-align:middle;
margin-left:10px;
}
.text .special .special-inner .special-proftext p{
font-size:13px;
line-height:20px !important;
letter-spacing: -.3px;
}
.special-return{
margin-bottom:60px;
text-align: center;
}
.special-return a{
border:none;
}
.special-return img.pc2{
display: block !important;
margin:0 auto;    
}
.special-return img.sp2{
display: none !important;
}
@media(max-width:640px){
.text .special{
width:100vw;
margin-left:-10px;
margin-bottom: 20px;
}
.text .special .special-inner{
padding:30px 15px 15px 15px;
}
.text .special .special-inner .specialtext{
padding: 0 0 10px 0;
}
.text .special .special-inner .specialtext h2{
font-size:16px;
line-height:19px;
}
.text .special .special-inner .specialtext p{
font-size:14px;
line-height:24px;
}
.text .special .special-inner .special-prof{
padding: 15px 0 10px 0;
}
.text .special .special-inner .special-prof .fig{
width:100%;
margin-bottom: 16px;
}
.text .special .special-inner .special-prof .fig img{
width:120px;
}
.text .special .special-inner .special-proftext{
width:100%;
padding-left:0;
}
.text .special .special-inner .special-proftext .name{
margin-bottom:4px;
}
.text .special .special-inner .special-proftext p{
font-size:11px;
line-height:18px !important;
}
.special-return{
margin-top:-30px;
margin-top:0;
margin-bottom: 40px;
}
.special-return img.pc2{
display: none !important;
}
.special-return img.sp2{
display: block !important;
width: 280px;
margin:0 auto;
}
} .sns-follow{
border:1px solid #ccc;
border-radius:4px;
padding:30px 10px;
text-align:center;
margin-bottom:30px;
}
.sns-follow h2{
padding: 10px 0 0 0;
font-weight: normal;
font-size: 18px;
line-height:1.4;
color: #bb9a14;
margin-bottom: 14px;
text-align:center;
}
.sns-follow p{
font-size:14px;
line-height:1.4;
margin-bottom: 28px;
text-align:center;
}
.sns-follow .follow{ display: block;
margin:0 auto 30px auto;
}
.sns-follow .follow:last-of-type{
margin:0 auto;
}
.sns-follow .follow a{
display:inline-block !important;
}
.insta_btn2{ color: #FFF; border-radius: 7px; position: relative;
display: inline-block;
height: 40px; width: 190px; text-align: center; font-size: 25px; line-height: 40px; background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; overflow: hidden; text-decoration:none; }
.insta_btn2:before{ content: '';
position: absolute;
top: 0;
left: 0;
width: 100%; height: 100%; background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}
.insta_btn2 .fa-instagram{ font-size: 26px; position: relative;
top: 4px; color: #FFF;
}
.insta_btn2 span { display:inline-block;
position: relative;
transition: .5s;
color: #FFF;
font-size:14px;
}
.insta_btn2:hover span{ -webkit-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
transform: rotateX(360deg);
} #alaska{
border-top:4px solid #2c79bd;
border-bottom:2px solid #928444;
margin-bottom:64px;
padding:14px 0 20px 0;
}
#alaska:after{
content: "."; 
display: block; 
height: 0; 
font-size:0;
clear: both; 
visibility:hidden;
}
#alaska h2{
color:#2c79bd;
font-size:20px;
font-weight: bold;
line-height:1;
margin-bottom:20px;
}
#alaska h2 span{
font-size:14px;
font-weight: normal;
line-height:1;
display: block;
margin-bottom:4px;
}
#alaska .time{
display: inline-block;
font-size:14px;
color:#ffffff;
padding:4px 18px;
background-color:#2c79bd;
border-radius:11px;
float:right;
margin-top:-40px;
}
#alaska .fig{
min-height:128px;
}
#alaska .fig img{
width:192px;
margin-right:18px;
float:left;
}
#alaska .fig h3{
display: inline-block;
vertical-align: top;
width:calc(100% - 192px - 18px);
font-weight: bold;
font-size:16px;
line-height:26px;
margin-bottom:10px;
color:#000000;
}
#alaska .fig p{
display: inline-block;
vertical-align: top;
width:calc(100% - 192px - 18px);
font-size:14px;
line-height:22px;
color:#000000;
}
@media(max-width:950px){
#alaska h2{
margin-bottom: 10px;
}
#alaska .time{
float:none;
margin-top:0;
display: inline-block;
margin-bottom: 20px;
}
}
@media(max-width:640px){
#alaska{
text-align: center;
padding:12px 0 20px 0;
}
#alaska h2{
font-size:18px;
line-height:22px;
text-align: center;
}
#alaska h2 span{
font-size:13px;
line-height:18px;
margin-bottoM:4px;
}
#alaska .time{
}
#alaska .fig{
text-align: left;
}
#alaska .fig img.sp2{
width:125px;
margin-right:10px;
margin-bottom:16px;
display: inline-block;
float: none;
vertical-align: middle;
}
#alaska .fig h3{
font-size:14px;
line-height:21px;
width: calc(100% - 125px - 20px);
text-align: left;
vertical-align: middle;
display: inline-block;
}
#alaska .fig p{
font-size:13px;
line-height: 20px;
width:100%;
text-align: left;
}
} html{
margin-top:0 !important;
}
#login{
position: absolute;
top:0;
left: 0;
width:100%;
text-align: right;
z-index: 1;
}
#login ul{
max-width:1000px;
margin:0 auto;
position:relative;
}
#login li{
position: absolute;
margin:0;
top: 20px;
right: 20px;
background: #93780E;
color:#fff;
}
#login li a{
text-decoration: none;
color:#fff;
padding:6px 12px;
opacity: 1;
font-size:12px;
line-height: 2.46153846;
font-weight: 400;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
#login li a:hover{
text-decoration: none;
opacity: .7;
}
@media(max-width:480px){
#login{
top: 0;
right: 0;
}
#login li{
display: none;
}
#login li.menu_login{
display: block;
}
}
#wpadminbar{
background:transparent;
position:absolute;
}
#wp-toolbar{
max-width: 1000px;
margin:0 auto;
position:relative;
}
#wpadminbar #wp-admin-bar-root-default,
#wpadminbar #wp-admin-bar-search
{
display: none;
}
#wpadminbar #wp-admin-bar-top-secondary{
background:#fff; border: 1px solid #93780E;
color:#93780E;
position: absolute;
top: 20px;
right: 20px;
}
#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, 
#wpadminbar #wp-admin-bar-my-account.with-avatar > a img
{
border:none;
}
#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications.alert
{
background-color:#93780E;
}
#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications, 
#wpadminbar .quicklinks li#wp-admin-bar-my-account a span.count, 
#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar a span.count
{
background-color:#93780E;
}
#wpadminbar .quicklinks > ul > li > a{
color:#93780E;
}
#wpadminbar .ab-top-menu > li.hover > .ab-item, 
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, 
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, 
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus
{
background:#fff;
color:#93780E;
}
#wpadminbar .quicklinks .menupop ul li{
margin:8px 0;
}
#wpadminbar .quicklinks .menupop ul li a, 
#wpadminbar .quicklinks .menupop ul li a strong, 
#wpadminbar .quicklinks .menupop.hover ul li a, 
#wpadminbar.nojs .quicklinks .menupop:hover ul li a,
#wpadminbar .quicklinks .menupop ul li a:hover, 
#wpadminbar .quicklinks .menupop ul li a:hover strong, 
#wpadminbar .quicklinks .menupop.hover ul li a:hover, 
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover
{
background:#fff;
color:#93780E;
}
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary{
background:#fff;
}
#wpadminbar .quicklinks .menupop ul li a:hover{
color:#93780E;
}
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu{
background:#fff;
color:#93780E;
}
#wpadminbar .menupop .ab-sub-wrapper, 
#wpadminbar .shortlink-input
{
background:#fff;
color:#93780E;
}
#wpadminbar .ab-top-menu > li.hover > .ab-item, 
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, 
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, 
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus
{
background:#fff;
color:#93780E;
}
#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-new-level{
float:right;
}
#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-new-level .kentei{
font-size:0;
width:32px;
height:32px;
display: block;
background-size: auto 24px;
background-repeat: no-repeat;
background-position:center center;
}
#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-new-level .kentei.platinum{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/icon_platinum.png);
}
#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-new-level .kentei.gold{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/icon_gold.png);
}
#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-new-level .kentei.silver{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/icon_silver.png);
}
#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-new-level .kentei.bronze{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/icon_bronze.png);
}
@media(max-width:782px){
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper{
padding-top: 20px;
}
#wpadminbar #wp-admin-bar-top-secondary{
position: static;
top:inherit;
right: inherit;
background: transparent;
border:none;
}
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus{
background: transparent
}
#wpadminbar .ab-top-menu>li.hover>.ab-item,
#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,
#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus
{
background: transparent;
}
#wpadminbar #wp-admin-bar-user-info .display-name
{
color:#93780E;
}
#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a, 
#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover
{
color:#93780E;
}
#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item .wp-admin-bar-arrow::before
{
content: "\f139";
top: 8px;
left: 0;
}
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a, #wpadminbar .quicklinks .menupop ul li a:focus, 
#wpadminbar .quicklinks .menupop ul li a:focus strong, 
#wpadminbar .quicklinks .menupop ul li a:hover, 
#wpadminbar .quicklinks .menupop ul li a:hover strong, 
#wpadminbar .quicklinks .menupop.hover ul li a:focus, 
#wpadminbar .quicklinks .menupop.hover ul li a:hover, 
#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, 
#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, 
#wpadminbar li #adminbarsearch.adminbar-focused::before, 
#wpadminbar li .ab-item:focus .ab-icon::before, 
#wpadminbar li .ab-item:focus::before, 
#wpadminbar li a:focus .ab-icon::before, 
#wpadminbar li.hover .ab-icon::before, 
#wpadminbar li.hover .ab-item::before, 
#wpadminbar li:hover #adminbarsearch::before, 
#wpadminbar li:hover .ab-icon::before, 
#wpadminbar li:hover .ab-item::before, 
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, 
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover
{
color:#93780E;
}
#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-new-level{
float:none;
display: none;
}
}
@media(max-width:480px){
#wpadminbar #wp-admin-bar-top-secondary{
background:transparent;
}
}
#buddypress{
font-size: 16px;
line-height: 1.4;   
}
#main .bp-login-widget-request-membership-link{
margin:30px auto 0 auto;
display: block;
}
#main .bp-login-widget-request-membership-link a{
font-size:0;
}
#main .bp-login-widget-request-membership-link a:after{
content:"新規会員登録";
display: block;
font-size:16px;
}
#main .bp-login-widget-request-membership-link a{
text-decoration: none !important;
background-color: #fff;
border:1px solid #f25f4b;
color: #f25f4b !important;
width: 100%;
border-radius:9999px;
box-shadow: none;
padding:10px 0;
text-align: center;
}
#main .bp-login-widget-request-membership-link a:hover{
background-color: #f25f4b;
border:1px solid #f25f4b;
color: #fff !important;
opacity: 1 !important;
}
.buddypress-wrap .bp-navs li a{
text-decoration: none !important;
}
.buddypress-wrap .bp-navs li.current a, 
.buddypress-wrap .bp-navs li.current a:focus, 
.buddypress-wrap .bp-navs li.current a:hover, 
.buddypress-wrap .bp-navs li.selected a, 
.buddypress-wrap .bp-navs li.selected a:focus, 
.buddypress-wrap .bp-navs li.selected a:hover
{
background:#bb9a14;
color:#fff !important;
}
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items > li, 
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items > li
{
}
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items > li.current a, 
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items > li.current a,
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-object-nav-nav-items > li.selected a, 
#buddypress.buddypress-wrap .bp-navs ul.bp-priority-subnav-nav-items > li.selected a
{
background:#bb9a14;
color:#fff !important;
}
#buddypress #invites-personal-li{
display: none;
}
.buddypress-wrap .item-body{
margin: 80px auto 0 auto;
}
#buddypress #item-header-cover-image #item-header-avatar{ }
#buddypress #item-header-cover-image #item-header-avatar a{
}
#buddypress #item-header-cover-image #item-header-avatar a:hover{
opacity: 1 !important;
}
#buddypress div#item-header #item-header-cover-image #item-header-content{ }
.buddypress-wrap ul.subnav #group-cover-image-groups-li,
.buddypress-wrap ul.subnav #group-avatar-groups-li
{ }
.groups-header .moderators-lists .moderators-title{
color:#333;
}
.bp-list li .item-avatar{ }
#cover-image-container{ }
.single-headers .group-status{
background:#fff;
padding:2px !important;
font-size: 12px !important;
line-height: 1 !important;
display: inline-block;
}
.single-headers .activity{
background:#fff;
padding:2px !important;
font-size: 12px !important;
line-height: 1 !important;
display: inline-block;
display: none;
}
.buddypress-wrap .profile.public .profile-group-title{
display: none;
}
#buddypress div#item-header-cover-image h2 a, 
#buddypress div#item-header-cover-image h2{
display: none;
}
#bp-login-widget-submit{
background-color:#fff;
border:1px solid #f25f4b;
color:#f25f4b;
width: 100%;
}
#bp-login-widget-submit:hover{
background-color:#f25f4b;
border:1px solid #f25f4b;
color:#fff;
}
#bp-login-widget-form .bp-login-widget-register-link a{
background-color:#fff !important;
border:1px solid #f25f4b !important;
color:#f25f4b !important;
width: 100%;
text-decoration:none !important;
display: block !important;
filter:none !important;
}
#bp-login-widget-form .bp-login-widget-register-link a:hover{
background-color:#f25f4b !important;
border:1px solid #f25f4b !important;
color:#fff !important;
opacity: 1 !important;
}
#your-profile .submit input[type="submit"],
#profile-edit-form .submit input[type="submit"],
#settings-form .submit input[type="submit"],
#signup-form .submit input[type="submit"]{
background-color:#fff;
border:1px solid #f25f4b;
color:#f25f4b;
width: 100%;
border-radius: 9999px;
box-shadow: none;
text-decoration: none;
padding: calc(.667em + 2px) calc(1.333em + 2px);
font-size: 1.125em;
cursor: pointer;
}
#your-profile .submit input[type="submit"]:hover,
#profile-edit-form .submit input[type="submit"]:hover,
#settings-form .submit input[type="submit"]:hover,
#signup-form .submit input[type="submit"]:hover{
background-color:#f25f4b;
border:1px solid #f25f4b;
color:#fff;
}
#wp-admin-bar-my-account-buddypress-invitations{
display: none !important;
}
#member-primary-nav li:nth-last-child(2){
display: none !important;
}
#招待状-personal-li{
display: none;
}
.buddypress-wrap:not(.bp-single-vert-nav) .bp-navs li{
background: transparent;
}
.buddypress-wrap .single-screen-navs li{
border-bottom:none;
}
#buddypress #friendship-button-2.generic-button{
margin:100px 0 0 0;
}
#buddypress #post-mention.generic-button{
margin: 108px 0 0 30px;
}
#buddypress .generic-button button{
background-color: #fff;
border:1px solid #f25f4b;
color: #f25f4b;
width: auto;
border-radius:9999px;
box-shadow: none;
text-decoration:none;
padding:10px 20px;
cursor: pointer;
display: block;
margin:0 auto;
}
#buddypress .generic-button button:hover{
background-color: #f25f4b;
border:1px solid #f25f4b;
color: #fff;
}
#buddypress #whats-new-submit input{
background-color: #fff;
border:1px solid #f25f4b;
color: #f25f4b;
width: auto;
border-radius:9999px;
box-shadow: none;
text-decoration:none;
padding:10px 20px;
cursor: pointer;
display: inline-block;
}
#buddypress #whats-new-submit input:hover{
background-color: #f25f4b;
border:1px solid #f25f4b;
color: #fff;
}
#buddypress #create-group-form input[type="submit"]{
background-color: #fff;
border:1px solid #f25f4b;
color: #f25f4b;
width: auto;
border-radius:9999px;
box-shadow: none;
text-decoration:none;
padding:10px 20px;
cursor: pointer;
display: inline-block;
}
#buddypress #create-group-form input[type="submit"]:hover{
background-color: #f25f4b;
border:1px solid #f25f4b;
color: #fff;
}
#buddypress #group-settings-form input[type="submit"]{
background-color: #fff;
border:1px solid #f25f4b;
color: #f25f4b;
width: auto;
border-radius:9999px;
box-shadow: none;
text-decoration:none;
padding:10px 20px;
cursor: pointer;
display: inline-block;
}
#buddypress #group-settings-form input[type="submit"]:hover{
background-color: #f25f4b;
border:1px solid #f25f4b;
color: #fff;
}
#buddypress #group-create-body li.current a
{
color:#bb9a14 !important;
}
#buddypress .activity-list.bp-list{
background: #fff;
}
#buddypress #item-body input[type="submit"]{
background-color: #fff;
border:1px solid #f25f4b;
color: #f25f4b;
width: auto;
border-radius:9999px;
box-shadow: none;
text-decoration:none;
padding:10px 20px;
cursor: pointer;
display: inline-block;
}
#buddypress #item-body input[type="submit"]:hover{
background-color: #f25f4b;
border:1px solid #f25f4b;
color: #fff;
}
#buddypress .user-rank span{
background-repeat: no-repeat;
background-position:left center;
background-size: contain;
padding:0 0 0 32px ;
}
#buddypress .user-rank span.platinum{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/icon_platinum.png);
}
#buddypress .user-rank span.gold{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/icon_gold.png);
}
#buddypress .user-rank span.silver{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/icon_silver.png);
}
#buddypress .user-rank span.bronze{
background-image:url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/icon_bronze.png);
}
body .is-layout-flex{ }
#comments{
border:1px solid #c0c0c0;
border-radius:8px;
padding:30px;
margin:0 auto 100px auto;
}
#comments .comments-title{
font-size: 14px;
font-weight: normal;
margin:0 auto 30px auto;
}
#comments .comment-list{
}
#comments .comment-list li{
margin:0 auto 20px auto;
}
#comments .comment-list li .children{
padding:0 0 0 20px;
}
#comments .comment-list li .comment-body{
margin:0 auto 20px auto;
}
#comments .comment-list li .comment-body .comment-author{
display: inline-block;
vertical-align: middle;
font-size:14px;
margin:0 0 8px 0;
}
#comments .comment-list li .comment-body .comment-author img{
display: inline-block;
vertical-align: middle;
width:32px;
height:auto;
}
#comments .comment-list li .comment-body .comment-author .fn{
display: inline-block;
vertical-align: middle;
}
#comments .comment-list li .comment-body .comment-author .fn a{
display: inline-block;
vertical-align: middle;
}
#comments .comment-list li .comment-body .comment-author .says{
display: inline-block;
vertical-align: middle;
}
#comments .comment-list li .comment-body .comment-author .fn .kentei{
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width:20px;
height: 20px;
display: inline-block;
vertical-align: middle;
font-size:0;
}
#comments .comment-list li .comment-body .comment-author .fn .kentei.bronze{
background-image: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/icon_bronze.png);
}
#comments .comment-list li .comment-body .comment-author .fn .kentei.silver{
background-image: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/icon_silver.png);
}
#comments .comment-list li .comment-body .comment-author .fn .kentei.gold{
background-image: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/icon_gold.png);
}
#comments .comment-list li .comment-body .comment-author .fn .kentei.platinum{
background-image: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/icon_platinum.png);
}
#comments .comment-list li .comment-body .comment-meta{
display: inline-block;
vertical-align: middle;
font-size:14px;
margin:0 0 8px 0;
}
#comments .comment-list li .comment-body .comment-meta a{
display: inline-block;
vertical-align: middle;
color:#999999;
}
#comments .comment-list li .comment-body p{
font-size:16px;
line-height:26px;
margin:0 0 8px 0;
}
#comments .comment-list li .comment-body .reply{
display: inline-block;
}
#comments .comment-list li .comment-body .reply a{
display: inline-block;
padding: 4px 10px;
border-radius:2px;
background: #fff;
border:1px solid #f25f4b;
color: #f25f4b;
border-radius:9999px;
}
#comments .comment-list li .comment-body .reply a.comment-reply-login{
display: none;
}
#comments .comment-list li .comment-body .reply a:hover{
background: #f25f4b;
border:1px solid #f25f4b;
color: #fff;
}
#comments p{
}
#comments #respond{
}
#comments #respond #reply-title{
font-weight: normal;
margin:20px 0 10px 0;  
font-size:14px;
display: none !important;
}
#comments #respond #reply-title small{
display: inline-block;
margin: 0 0 0 20px;
font-size:80%;
}
#comments #respond #reply-title small a{
display: inline-block;
text-decoration: underline;
}
#comments #respond .must-log-in{
font-size:14px;
color:#333;
display: inline-block;
}
#comments #respond .must-log-in a{
display: inline-block;
text-decoration: underline;
}
#comments #commentform{
color:#999999;
}
#comments #commentform .logged-in-as{
display: inline-block;
}
#comments #commentform .logged-in-as a{
display: inline-block;
font-size:12px;
color:#999999;
}
#comments #commentform .logged-in-as .required-field-message{
display: block;
font-size:12px;
padding: 4px;
}
#comments #commentform .logged-in-as .required-field-message .required{
color:#cc0000;
font-size:12px;
}
#comments #commentform .comment-form-comment{
display: inline-block;
vertical-align: top;
font-size:12px;
width: 100%;
margin: 10px auto;
}
#comments #commentform .comment-form-comment label{
display: inline-block;
vertical-align: top;
width: 80px;
}
#comments #commentform .comment-form-comment label .required{
color:#cc0000;
}
#comments #commentform .comment-form-comment textarea#comment{
width:calc(100% - 90px);
height:200px;
border: 1px solid #ddcc89;
font-size:16px;
padding:10px;
}
#comments #commentform .form-submit{
padding: 10px 0;
}
#comments #commentform .form-submit input[type="submit"]{
background-color: #fff;
border:1px solid #f25f4b;
color: #f25f4b;
width: auto;
border-radius:9999px;
box-shadow: none;
text-decoration:none;
padding:10px 20px;
cursor: pointer;
display: block;
margin:0 auto;
}
#comments #commentform .form-submit input[type="submit"]:hover{
background-color: #f25f4b;
border:1px solid #f25f4b;
color: #fff;
}
#main .login-register{
position: relative;
}
#main .login-register:after{
content:"";
display: block;
position:absolute;
top: -200px;
height: 200px;
width: 100%;
background-image: linear-gradient(180deg,rgba(255,255,255, 0),rgba(255, 255, 255,1));
}
#main .login-register__button-list .login-register__button-list_login{
display: inline-block;
vertical-align: top;
width:50%;
text-align: center;
padding:0 20px;
}
#main .login-register__button-list .login-register__button-list_login a{
background-color: #fff;
border:1px solid #f25f4b;
color: #f25f4b !important;
width: auto;
border-radius:9999px;
box-shadow: none;
text-decoration:none;
padding:10px 20px;
cursor: pointer;
display: block;
margin:0 auto;
text-decoration: none !important;
}
#main .login-register__button-list .login-register__button-list_login a:hover{
background-color: #f25f4b;
border:1px solid #f25f4b;
color: #fff !important;
opacity: 1 !important;
}
#main .login-register__button-list .login-register__button-list_register{
display: inline-block;
vertical-align: top;
width:50%;
text-align: center;
padding:0 20px;
}
#main .login-register__button-list .login-register__button-list_register a{
background-color: #fff;
border:1px solid #f25f4b;
color: #f25f4b !important;
width: auto;
border-radius:9999px;
box-shadow: none;
text-decoration:none;
padding:10px 20px;
cursor: pointer;
display: block;
margin:0 auto;
text-decoration: none !important;
}
#main .login-register__button-list .login-register__button-list_register a:hover{
background-color: #f25f4b;
border:1px solid #f25f4b;
color: #fff !important;
opacity: 1 !important;
}
#register-page .bp-feedback{
display: none;
}n
#register-page .signup-form{
}
#register-page #basic-details-section h2{
font-size:0;
font-size:16px;
font-weight: normal;
margin:0 0 50px 0;
display: block;
}
#register-page #basic-details-section h2:after{
content:"新規会員登録するには、下記に入力の上、「登録を完了」ボタンを押してください。";
font-size:16px;
font-weight: normal;
margin:0 0 50px 0;
display: block;
display: none;
}
.buddypress-wrap #register-page .layout-wrap{
display: block;
}
#register-page #basic-details-section{
}
#register-page .signup-form #pass1{
width: calc(100% - 50px);
}
#register-page #profile-details-section{
padding-left:0;
padding-top: 0;
}
#register-page #profile-details-section h2{
display: none;
}
#register-page .standard-form input[required]:invalid{
border: 1px solid #FFC0CB;
}
@media(max-width:782px){
#buddypress #friendship-button-2.generic-button{
margin:30px auto 0 auto;
}
#buddypress #post-mention.generic-button{
margin:38px auto 0 30px;
}
}
@media(max-width:748px){
#buddypress #post-mention.generic-button{
margin:30px auto 0 auto;
}
}
@media(max-width:480px){
#main .login-register__button-list .login-register__button-list_login{
width:100%;
margin:0 0 30px 0;
}
#main .login-register__button-list .login-register__button-list_register{
width:100%;
}
} .onigirikentei{
padding:0 0 100px 0;
}
.onigirikentei-info{
}
.onigirikentei-result{
}
.onigirikentei-result .fig{
max-width:620px;
position:relative;
margin:0 auto 30px auto;
}
.onigirikentei-result .fig img{
max-width: 100%;
display: block;
margin: 0 auto;
}
.onigirikentei-result .fig .points{
position:absolute;
width: 100%;
text-align: center;
top: 170px;
font-size: 70px;
color:#fff;
}
.onigirikentei-result .fig.fugoukaku .points{
color: #93780E;
top: 200px;
}
@media(max-width:960px){
.onigirikentei-result .fig .points{
top: 17.708vw; font-size: 5.208vw; }
.onigirikentei-result .fig.fugoukaku .points{
top: 20.83vw; }
}
@media(max-width:860px){
.onigirikentei-result .fig .points{
top: 170px;
font-size: 70px;
}
.onigirikentei-result .fig.fugoukaku .points{
top: 200px;
}
}
@media(max-width:640px){
.onigirikentei-result .fig .points{
top: 26.5625vw; font-size: 10.9375vw; }
.onigirikentei-result .fig.fugoukaku .points{
top: 31.25vw; }
}
.onigirikentei-info h2{
margin-bottom: 20px;
font-size:0;
}
.onigirikentei-info h2 img{
max-width: 220px;
display: block;
margin: 0 auto;
}
.onigirikentei-info .onigirikentei-description{
}
.onigirikentei-info h3{
font-size: 30px;
margin-bottom: 40px;
text-align: center;
color: #bb9a14;
}
.onigirikentei-info  p{
font-size: 16px;
line-height: 1.8;
color: #bb9a14;
}
.onigirikentei-info  p a{
text-decoration: underline !important;
display: inline !important;
}
.onigirikentei-info .logininfo{
margin:40px auto 0 auto;
}
.onigirikentei-info .logininfo .login{
margin: 20px auto 0 auto;
}
.onigirikentei-info .logininfo .login a{
text-decoration: none;
background-color: #fff;
border: 1px solid #f25f4b;
color: #f25f4b !important;
width: 100%;
border-radius: 9999px;
box-shadow: none;
padding: 14px 0;
text-align: center;
}
#main .onigirikentei-info .logininfo .login a:hover{
background-color: #f25f4b;
border: 1px solid #f25f4b;
color: #fff !important;
opacity: 1 !important;
}
.onigirikentei-info .logininfo .register{
margin: 30px auto 0 auto;
}
.onigirikentei-info .logininfo .register a{
text-decoration: none;
background-color: #fff;
border: 1px solid #f25f4b;
color: #f25f4b !important;
width: 100%;
border-radius: 9999px;
box-shadow: none;
padding: 10px 0;
text-align: center;
}
#main .onigirikentei-info .logininfo .register a:hover{
background-color: #f25f4b;
border: 1px solid #f25f4b;
color: #fff !important;
opacity: 1 !important;
}
.onigirikentei-score{
margin:40px auto 0 auto;
border:1px solid #bb9a14;
padding: 20px;
border-radius: 8px;
background-color: #fff;
}
.onigirikentei-score h3{
font-size: 24px;
margin-bottom: 10px;
text-align: center;
color: #bb9a14;
font-weight: bold;
}
.onigirikentei-score dl:last-of-type{
margin-bottom: 20px;
}
.onigirikentei-score dl dt{
display: inline-block;
vertical-align: top;
font-size: 16px;
line-height: 1.8;
color: #bb9a14; 
width:120px;
}
.onigirikentei-score dl dd{
display: inline-block;
vertical-align: top;
font-size: 16px;
line-height: 1.8;
color: #bb9a14;
}
.onigirikentei-score dl dd .kentei{
font-size:0;
width: 28px;
height: 28px;
display: inline-block;
vertical-align: top;
background-size: auto 24px;
background-repeat: no-repeat;
background-position: center center;
}
.onigirikentei-score dl dd .kentei.bronze{
background-image: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/icon_bronze.png);    
}
.onigirikentei-score dl dd .kentei.silver{
background-image: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/icon_silver.png);
}
.onigirikentei-score dl dd .kentei.gold{
background-image: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/icon_gold.png);
}
.onigirikentei-score dl dd .kentei.platinum{
background-image: url(//www.onigiri-japan.com/wp-content/themes/onigiri-media/images/icon_platinum.png);
}
.onigirikentei-score .request{
font-size: 16px;
line-height: 1.8;
color: #bb9a14;
}
.onigirikentei-score  p a{
text-decoration: underline !important;
display: inline !important;
}
.onigirikentei-score .request .orderform{
margin:20px auto 0 auto;
text-align: center;
}
.onigirikentei-score .request .orderform a{
background-color: #fff;
border:1px solid #f25f4b;
color: #f25f4b !important;
width: auto;
border-radius:9999px;
box-shadow: none;
text-decoration:none;
padding:10px 20px;
cursor: pointer;
display: block;
margin:0 auto;
}
#main .onigirikentei-score .request .orderform a:hover{
background-color: #f25f4b;
border:1px solid #f25f4b;
color: #fff !important;
opacity: 1 !important;
}
.onigirikentei-question{
margin: 40px auto 0 auto;
font-size:14px;
line-height: 1.8;
color: #bb9a14;
}
.onigirikentei-question .question{
margin:0 auto 20px auto;
}
.onigirikentei-question .question dl{
}
.onigirikentei-question .question dl dt{
}
.onigirikentei-question .question dl dd{
padding: 10px;
background-color: #F3F1EA;
}
.onigirikentei-question .question dl dd label{
}
.onigirikentei-question .question dl dd label input[type="radio"]{
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
margin-right: 10px;
}
.onigirikentei-question .submit-area{
text-align: center;
margin-top: 40px;
}
.onigirikentei-question .submit-area button{
background-color: #fff;
border:1px solid #f25f4b;
color: #f25f4b;
width: auto;
border-radius:9999px;
box-shadow: none;
text-decoration:none;
padding:10px 20px;
cursor: pointer;
display: block;
margin:0 auto;
}
.onigirikentei-question .submit-area button:hover{
background-color: #f25f4b;
border:1px solid #f25f4b;
color: #fff;
}
.supporter{
border:1px solid #927628;
padding: 20px;
width: 220px;
margin:30px auto 0;
text-align:center;
}
.supporter a{
color:#93780E !important;
text-decoration: none !important;
}
.kentei-description-btn{
width: 340px;
margin: 30px auto 0;
}
.kentei-description-btn button{
padding: 20px 0;
font-size: 20px;
color: #93780E;
background-color: #fff;
border: 2px solid #93781e;
box-shadow: none;
text-decoration:none;
text-align: center;
cursor: pointer;
display: block;
margin:20px auto 0 auto;
width: 100%;
}
.kentei-description-btn button:after{
content: "\003C";
display: inline-block;
padding-left: 10px;
transform: scale(1.7, 1.0) rotate(-90deg);
transform-origin: 75% 55%;
}
.kentei-description-btn button:hover{
background-color: #93781e;
border:1px solid #93781e;
color: #fff;
}
.kentei-description{
font-size: 16px;
line-height: 1.8;
color: #bb9a14;
margin: 40px auto 0 auto;
display: none;
}
.kentei-description p{
margin: 0 auto 20px auto;
font-size: 20px;
}
.kentei-description .question{
margin: 0 auto 20px auto;
}
.kentei-description .question dl{
}
.kentei-description .question dl dt{
font-weight: bold;
color: #bb9a14;
}
.kentei-description .question dl dd{
padding: 10px;
background-color: #F3F1EA;
}
.kentei-description .note{
font-size:14px;
line-height: 1.8;
}
.form-container{
margin: 40px auto 0 auto;
}
.form-container p{
font-size: 16px;
line-height: 1.8;
color: #bb9a14;
margin: 0 auto 20px auto;
}
.form-container p.note{
font-size:18px;
line-height: 1.8; 
background-color: #bb9a14;
color: #fff;
padding:6px;
margin:60px auto 10px auto;
}
.form-container p strong{
font-weight: bold;
color: #f13f79;
font-size:1.4;
}
.form-container dl{
margin: 0 auto 20px auto;
padding: 0;
display: block;
width: 100%;
}
.form-container dl dt{
display: block;
font-size: 16px;
line-height: 1.8;
color: #bb9a14; 
}
.form-container dl dd{
display: block;
font-size: 16px;
line-height: 1.8;
color: #bb9a14;
}
.form-container dl dd input[type="text"],
.form-container dl dd input[type="tel"]
{
width: 100%;
padding: 10px;
border: 1px solid #bb9a14;
border-radius: 4px;
font-size: 16px;
color: #bb9a14;
}
.form-container dl dd textarea{
width: 100%;
padding: 10px;
border: 1px solid #bb9a14;
border-radius: 4px;
font-size: 16px;
color: #bb9a14;
height: 200px;
}
.form-container dl dd span{
color:#333;
font-size: 16px;
}
.form-container input[type="submit"]{
background-color: #fff;
border:1px solid #f25f4b;
color: #f25f4b;
width: auto;
border-radius:9999px;
box-shadow: none;
text-decoration:none;
padding:10px 20px;
cursor: pointer;
display: block;
margin:20px auto 0 auto;
}
.form-container input[type="submit"]:hover{
background-color: #f25f4b;
border:1px solid #f25f4b;
color: #fff;
}