@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('../fonts/icomoon.eot?-po9jho');
	src:url('../fonts/icomoon.eot?#iefix-po9jho') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-po9jho') format('woff'),
		url('../fonts/icomoon.ttf?-po9jho') format('truetype'),
		url('../fonts/icomoon.svg?-po9jho#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}




/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

/*要素のフォントサイズやマージン・パディングをリセットしています*/
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;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
/*nav ul {
  list-style:none;
  }*/
ol, ul {
  list-style: none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
  quotes:none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
  text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
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;
}

/*box-sizingを全ブラウザに対応*/
*, *: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("../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 */
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;
    /*border-bottom: 4px solid #000000;*/
    background-repeat: no-repeat;
    background-position:  center bottom;
}

header nav ul li.know a span{
    color: #e4a202;    
    /*border-bottom: 4px solid #e4a202;*/
    background-image:url("../images/know.png");    
}
header nav ul li.eat a span{
    color: #f25f4b;        
    /*border-bottom: 4px solid #f25f4b;*/        
    background-image:url("../images/eat.png");    
}
header nav ul li.seize a span{
    color: #907529;    
    /*border-bottom: 4px solid #907529;*/    
    background-image:url("../images/seize.png");    
}
header nav ul li.exp a span{
    color: #578897;    
    /*border-bottom: 4px solid #578897;*/    
    background-image:url("../images/exp.png");    
}
header nav ul li.grp a span{
    color: #9c9c9c;    
    /*border-bottom: 4px solid #578897;*/    
    background-image:url("../images/grp.png");    
}


header nav ul li.know.current a span{
    background-image:url("../images/know_h.png");
}
header nav ul li.eat.current a span{
    background-image:url("../images/eat_h.png");
}
header nav ul li.seize.current a span{
    background-image:url("../images/seize_h.png");
}
header nav ul li.exp.current a span{
    background-image:url("../images/exp_h.png");
}
header nav ul li.grp.current a span{
    background-image:url("../images/grp_h.png");
}

header nav ul li:hover{
    opacity:0.7;
}

@media(max-width:480px){
    header nav ul li{
        /*width:62px;*/
        width:56px;
        font-size:14px;
        /*margin-right:10px;*/
        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 */
#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("../images/know_label.png");
}
#slider a article.eat:before{
    content: url("../images/eat_label.png");
}
#slider a article.seize:before{
    content: url("../images/seize_label.png");
}
#slider a article.exp:before{
    content: url("../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;
    }

}

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



/* main */
#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("../images/know_head.png");
}
#main h1.eat:before{
    content: url("../images/eat_head.png");    
}
#main h1.seize:before{
    content: url("../images/seize_head.png");
}
#main h1.exp:before{
    content: url("../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 );  /* Firefox */
    -webkit-transform: scale( 0.5, 1 );  /* Chrome,Safari */
    -o-transform:      scale( 0.5, 1 );  /* Opera */
    -ms-transform:     scale( 0.5, 1 );  /* IE */
    transform:         scale( 0.5, 1 );  /* CSS3 */
}

#main #pager a.current,
#main #pager span.current{
    background-image:url("../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{
        /*border-top:1px solid #cccccc;*/
    }
    #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 */
#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("../images/rank_1.png");
}
#sidemenu #ranking a article.rank2:before{
    content: url("../images/rank_2.png");    
}
#sidemenu #ranking a article.rank3:before{
    content: url("../images/rank_3.png");
}
#sidemenu #ranking a article.rank4:before{
    content: url("../images/rank_4.png");
}
#sidemenu #ranking a article.rank5:before{
    content: url("../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("/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;
    /*border: 1px dotted #999999;*/
    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;

	/* Better Font Rendering =========== */
	-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";   /* TWあいこんふぉんと */
    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";   /* FBあいこんふぉんと */
    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("../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: 42px;*/
        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("../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:144px !important;*/
width:100% !important;
    /*max-width:300px !important;*/
	height: auto !important;
    float: left !important;
}

.recipe p{
    /*padding-left: 154px !important;*/
    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;
	}


}




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




/* YouTube埋め込みレスポンシブ */

.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 */
footer{
    /*max-width:1290px;*/
    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 */

/* top */
#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("../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("../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("../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; /* 子要素をflexboxで揃える */
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
    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("../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("../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;
    /*background-image:url("../images/special/dotted_line.png");
    background-position: left bottom;
    background-repeat: repeat-x;*/
}
.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("../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: inline-block;*/
	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 #bb9a14;*/
    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("../images/icon_platinum.png");
}
#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-new-level .kentei.gold{
    background-image:url("../images/icon_gold.png");
}
#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-new-level .kentei.silver{
    background-image:url("../images/icon_silver.png");
}
#wpadminbar #wp-admin-bar-top-secondary #wp-admin-bar-new-level .kentei.bronze{
    background-image:url("../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{
    /*display: none;*/
}
#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{
    /*display: none;*/
}
.buddypress-wrap ul.subnav #group-cover-image-groups-li,
.buddypress-wrap ul.subnav #group-avatar-groups-li
{
    /*display: none !important;*/
}
.groups-header .moderators-lists .moderators-title{
    color:#333;
}
.bp-list li .item-avatar{
    /*display: none;*/
}
#cover-image-container{
    /*display: none;*/
}
.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("../images/icon_platinum.png");
}
#buddypress .user-rank span.gold{
    background-image:url("../images/icon_gold.png");
    
}
#buddypress .user-rank span.silver{
    background-image:url("../images/icon_silver.png");
    
}
#buddypress .user-rank span.bronze{
    background-image:url("../images/icon_bronze.png");
    
}

body .is-layout-flex{
    /*display: block !important;*/
}



#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("../images/icon_bronze.png");
}
#comments .comment-list li .comment-body .comment-author .fn .kentei.silver{
    background-image: url("../images/icon_silver.png");
    
}
#comments .comment-list li .comment-body .comment-author .fn .kentei.gold{
    background-image: url("../images/icon_gold.png");
    
}
#comments .comment-list li .comment-body .comment-author .fn .kentei.platinum{
    background-image: url("../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; /*170/960*/
        font-size: 5.208vw;    /*50/960*/
    }
    .onigirikentei-result .fig.fugoukaku .points{

        top: 20.83vw; /*200/960*/
    }
}
@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; /*170/640*/
        font-size: 10.9375vw;    /*70/640*/
    }
    .onigirikentei-result .fig.fugoukaku .points{

        top: 31.25vw; /*200/640*/
    }

}




.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("../images/icon_bronze.png");    
}
.onigirikentei-score dl dd .kentei.silver{
    background-image: url("../images/icon_silver.png");
}
.onigirikentei-score dl dd .kentei.gold{
    background-image: url("../images/icon_gold.png");
}
.onigirikentei-score dl dd .kentei.platinum{
    background-image: url("../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;
}

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