/*
Theme Name: 【口コミ満載】女性のための薄毛・育毛・発毛・AGA治療クリニック オリジナルテーマ
Theme URI: none
Author: ALICEBEL.Oikawa
Author URI: 
Description: 【口コミ満載】女性のための薄毛・育毛・発毛・AGA治療クリニック オリジナルテーマ
Version: 0.1.0

*/



/*
汎用設定
*/

body{
font-family: "メイリオ",Meiryo,sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
color: #333333;
font-size: 14px;
line-height: 1.5;
}

/* 追随メニュー */

.fixed {
    position: fixed;
    top: 0;
	left:0;
    z-index: 1;
}

.fixed a {
    padding: 5px 0px!important;
}

.left_contents {
}

a{
    text-decoration: none;
    color: #e12f72;
}

a:link {
    text-decoration: none;
    color: #e12f72;
}

a:focus, a:hover {
    color: #333333;
    text-decoration: underline;
}

ul,li{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.h1,h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 500;
    line-height: 1.1;
}

.h2, .h3, h2, h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 900;
    line-height: 1.1;
}

.linkbtn a:hover{
	opacity: 0.5;
	/* 以下、ゆっくりフェードインさせる設定 */
	-webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out;  
}

address {
    margin-bottom: 0px;
	padding-bottom:10px;
    font-style: normal;
    line-height: 1.42857143;
}

/*
ヘッダーカスタム
*/

#header_top{
	padding:0px 0px;
}

#header_top h1{
	font-size:24px;
	color:#5A5A5A;
	margin:0px;
	text-align:center;
	font-weight:bold;
	margin-top:50px;
	margin-bottom:15px;
}

@media screen and (max-width: 479px){

#header_top{
	padding:10px 0px;
}

#header_top h1{
	float:auto;
	font-weight:normal;
	padding-top:8px;
	line-height:1.4;
}

}

#header_in{
    margin: 0 auto;
    padding: 0px 0 0px 0;
	background:#F9FAF5;
}

#name{
float:left;
margin:0;
padding:50px 0 0 30px;
font-size:18px;
letter-spacing:2px;
color:#333333;
}

@media screen and (max-width: 479px){
#name{
float:none;
text-align:center;
padding:10px 0 0 0px;
}
}

@media screen and (max-width: 479px){
p.koushikitext {
    margin: 15px;
}
}	


.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}

.row {
  margin-right: 0px;
  margin-left: 0px;
}

.jumbotron h2{
    margin-top: 0px;
    margin-bottom: 10px;
}



/*
パンくずリスト
*/

#breadcrumb{margin-bottom:15px;}
#breadcrumb a{color:#AD9880;}
#breadcrumb div{
    display:inline;
    font-size:12px;
    color:#AD9880;
    margin-left:3px;}


/*
リッチスニペット パンくずリスト
*/

.pankuzu {
list-style-type:none;
	text-align:right;
	margin-top:20px;
}
ul.pankuzu {
    padding:0px;
}
.pankuzu li {
    display:inline;
    font-size:12px;
    color:#666666;
    margin-left:3px;
}
.pankuzu li a {
    color:#666666;
}
.pankuzu li:after {
content:"\0020\00bb\0020";
}
.pankuzu li:last-child:after {
content:"";
}

.h3, h3 {
    font-size: 18px;
}


@media screen and (max-width: 479px){
.pankuzu {
display:block;
width:100%;
list-style-type:none;
	text-align:right;
	margin-top:55px;
}
}



/*
ヘッダー画像
*/



.jumbotron {
position:relative;
  height:326px;
  padding: 30px 15px;
  margin-bottom: 0px;
  color: inherit;
  background: url(./images/);
}

.jumbotron .position{
  position:absolute;
  top:18%;
  right:10%;
}

.jumbotron h2,
.jumbotron .h2 {
  color: inherit;
  text-shadow:
  0 0 5px #edf2f6,
  0 0 5px #edf2f6,
  0 0 5px #edf2f6,
  0 0 5px #edf2f6,
  0 0 5px #edf2f6,
  0 0 10px #edf2f6,
  0 0 10px #edf2f6,
  0 0 10px #edf2f6,
  0 0 10px #edf2f6,
  0 0 10px #edf2f6,
  0 0 0.80px #edf2f6;
}

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}

.shadow{  
  text-shadow:
  0 0 5px #edf2f6,
  0 0 5px #edf2f6,
  0 0 5px #edf2f6,
  0 0 5px #edf2f6,
  0 0 5px #edf2f6,
  0 0 10px #edf2f6,
  0 0 10px #edf2f6,
  0 0 10px #edf2f6,
  0 0 10px #edf2f6,
  0 0 10px #edf2f6,
  0 0 0.80px #edf2f6;}

.jumbotron > hr {
  border-top-color: #d5d5d5;
}

.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}

.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 48px 0;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h2,
  .jumbotron .h2 {
    font-size: 63px;
  }
}



/*
ボタン
*/

.btn-primary {
  color: #fff;
  background-color: #f27893;
  border-color: #f27893;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #db3a5d;
  border-color: #db3a5d;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #0000ff;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #0000ff;
  background-color: #fff;
}


/*
ページネーション
*/

.pagination {
    display: inline-block;
    padding-left: 0px;
    margin: 0px 0px 10px;
    border-radius: 4px;
}

.btn-group{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0px 20px;   
}


.relative {position:relative;}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: 0px;
  margin-left: 0px;
}

@media (min-width: 767px) {

.container-fluid {
  display:table;
width:1000px;
}

.w1000 {
width:1000px;
	margin:0 auto;
}

}


@media (max-width: 767px) {

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.w1000 {
width:100%;
	margin:0 auto;
}

}


@media screen and (max-width: 479px){
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}

}




/*
グローバルメニュー
*/

.navbar{
padding-top:0px;
padding-bottom: 0px;
min-height: 35px;
border-radius: 0px;
}

.navbar-default {
    background-color: transparent;
    border-color: #FFFFFF;
   -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.0);
   -moz-box-shadow: 0px 1px 2px rgba(0,0,0,.0);
   box-shadow: 0px 1px 2px rgba(0,0,0,.0);
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 14px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
  }

.navbar-nav li:first-child {
  border-left:#ffffff 0px solid;
  border-right:#ffffff 0px solid;
}

.navbar-nav li {
	width:25%;
	font-size:14px;
	padding:10px 20px;
	border-right:#ffffff 0px solid;
	border-left:#ffffff 1px solid;
}

.navbar-nav li:last-child {
	border-right:#ffffff 1px solid;
	border-left:#ffffff 1px solid;
}

.navbar-nav li a {
	color:#5A5A5A;
	font-weight:	bold;
	text-decoration:none;
}

.nav > li > a:focus, .nav > li > a:hover {
	color:#141C4E;
	text-decoration: none;
	background-color: transparent;
	/* 以下、ゆっくりフェードインさせる設定 */
	-webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out;  
}
}

.navbar-nav {
	width:100%;
  margin: 0px 0px;
}

.navbar-default .navbar-nav > li {
    color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
    padding:7px 15px;
    color: #0000ff;
    display:block;
}
.navbar-default .navbar-nav > li > a:hover {
    padding:7px 15px;
    color: #ffffff;
    display:block;
    background:#0000ff;
}
.navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 10px;
}
.nav > li > a {
    position: relative;
    display: inline;
    padding: 0px 0px 0px 0px;;
}
.navbar-collapse {
    margin-left:10px;
    padding-right: 0px;
    padding-left: 0px;
}

.glyphicon {
top: 0px;
}


/*
ナビゲーション 小カテゴリ設定
*/

.dropdown-menu{
    background:transparent;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #DDDDDD;
}

.navbar-nav li:first-child .menu-item{
  border-left:#0000ff 0px solid;
  border-right:#0000ff 0px solid;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #fff;
    white-space: nowrap;
    background:#FFFFFF;
}

.dropdown-menu > li > a:hover {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #fff;
    white-space: nowrap;
    background:#DDDDDD;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
    background-color: transparent;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #DDDDDD;
}


/*
スマートフォン ボタン設定
*/

.navbar-default .navbar-toggle {
    border-color: #a60000;
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ffffff;}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #a60000;
}




/*
新着記事一覧
*/


.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #222;
    background-color: #F3F3F3;
    border-color: #DDD;
}

.list-group-item:last-child {
    margin-bottom: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}




/*
メインコンテンツ
*/



.left_contents .panel-body h3 {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.left_contents .list-group h3 {
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: inherit;
    font-weight: bold;
    line-height: 1.1;
    color: inherit;
}

.left_contents .panel {
    margin-bottom: 20px;
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.page-header {
  padding-bottom: 9px;
  margin: 0px 0 0px;
  border-bottom: 0px solid #eee;
}

.page-header-single {
  padding-bottom: 9px;
  margin: 0px 0 0px;
  border-bottom: 0px solid #eee;
}


.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    font-feature-settings: normal;
    font-language-override: normal;
    font-kerning: auto;
    font-synthesis: weight style;
    font-variant: normal;
    font-size: inherit;
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale;
}

#pink{background:#fdf2f3;padding-top:20px;}


.left_contents{
   margin:0px 3px 0px 0px;
   padding:0px 0px 20px;
   background: transparent;
    border: 0px solid #E6E9ED;
}


.media-list {
margin:20px 0px;
padding:20px 20px;
border:dotted 1px #666;
background:#ffffff;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  
}


@media (max-width: 767px) {
.left_contents{
   margin:0px 0px 10px 0px;
   padding:0px 0px 20px;
   background: transparent;
   border-radius: 5px;  
   -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
   -moz-border-radius: 5px;   /* Firefox用 */
    border: 0px solid #E6E9ED;
}
}


@media screen and (max-width: 479px){
.left_contents{
   margin:0px 0px 10px 0px;
   padding:0px 0px 20px;
   background: transparent;
   border-radius: 5px;  
   -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
   -moz-border-radius: 5px;   /* Firefox用 */
    border: 0px solid #E6E9ED;
}
}

.left_contents .thumbnail_top{
    float:left;}

.left_contents .inner{
margin:0px 0px;
padding:25px 20px 0px;
background:#F0F0EE;
border-bottom:1px dashed #666;
}

.left_contents .inner .border{
padding-bottom:25px;
border-bottom:dotted 1px #ccc;
}

.left_contents .inner-single{
margin:0px 0px;
padding:0px 0px;
border:dotted 0px #666;
background:transparent;
}

.left_contents #date_inner {
    background:#d7d7d7;
    padding:2px 8px;
    margin:10px 0px 0px;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  
}

.left_contents .blog_info_top {
margin:0;
padding:10px 0 0 0;
font-size:12px;
line-height:150%;
color:#666666;
}

.entry-title-top {
    padding-left: 0px;
	line-height:1.5;
    font-size: 20px;
    color: #FFFFFF;
    height: auto;
    margin-bottom: 0px;
}

.entry-title-top a {
    color: #FFFFFF;
	text-decoration:none;
}

.left_contents h2.entry-title-top a {
color:#333333;text-decoration:none;
}
.left_contents h2.entry-title-top a:visited {color:#333333;text-decoration:none;}
.left_contents h2.entry-title-top a:hover {color:#333333;text-decoration:none;}


.left_contents h2.entry-title {
margin:0;
padding:0 0 5px 0;
font-size:18px;
line-height:150%;
color:#333333;
border-bottom:solid 2px #E45D8A;
}

.left_contents h2.entry-title a {
    color:#000;
    font-weight:bold;
}


.left_contents h2.archive-title {
    font-size: 22px;
    color:#ffffff;
	background:#E45D8A;
    font-weight:bold;
    padding:11px 15px 8px; 
}


.left_contents .thumbnail_top img {
width:100%;
height:auto;
float:left;
margin:0;
padding:0;
overflow:hidden;
}


.left_contents .thumbnail_top2 img {
width:75px;
height:75px;
float:left;
margin:0;
padding:0;
overflow:hidden;
border-radius:50%;
}


@media (max-width: 767px) {
.left_contents .thumbnail_top img {
width:100%;
height:auto;
}

.left_contents .thumbnail_top2 img {
width:100%;
height:auto;
}
}

.left_contents dl{
	margin: 0;
	padding: 0;
	}

.left_contents dt{
	margin: 0px;
	padding: 0px;
	}

.left_contents dd{
	margin: 0px;
	padding: 0px;
	}

.clearfix {
    min-height: 1px;
}

.left_contents .excerpt {
line-height:150%;
letter-spacing:1px;
font-size:14px;
margin-top:0px;
}

.left_contents .the_content {
    margin: 0px;
    padding: 0px 0px 0px;
    border: 0px solid #E6E9ED;
}


.motto{
margin:0;
padding:0;
text-align:right;
font-size:14px;
}

.more a{
background-color:#FFCC00;
color:#FFF;
font-weight:bold;
width:150px;
margin:10px 0 0 auto;
padding:6px 15px;
display:block;
text-align:center;
text-decoration:none;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
}

.more a:before{
	content: " \f101";
	font-family: FontAwesome;
}

.more a:hover{
opacity:0.5;
filter:alpha(opacity=50);
opacity: 0.6;  
    filter: alpha(opacity=70);  
/* 以下、ゆっくりフェードインさせる設定 */
-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}



/*
サイドバー マージン
*/

#sidebar{margin-top:0px;}

@media (min-width: 767px) {

#menu{margin-right:0px;}

}


/*
サイドバー 新着記事一覧
*/


.side-entry {
list-style:none;
margin:0px 0 0 0;
padding:0;
position:relative;
}

.side-entry .new {
list-style:none;
margin:0 0 10px 0;
padding:0 0 10px 0px;
font-size:12px;
line-height:150%;
clear:both;
border-bottom:dotted 1px #999999;
}

.side-entry .new img {
width: 75px;
height: 75px;
border-radius: 50%;
}

.side-entry .new .entry-end {
list-style:none;
margin:0 0 5px 0;
padding:0 0 10px 15px;
font-size:14px;
line-height:150%;
clear:both;
border-bottom:none;
}

.side-entry .new .entry-end img {
width:60px;
height:60px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.entry-info{
width:65%;
float:right;
margin:0 15px 0 0;
padding:0;
}

.entry-day{
margin:0 0 5px 0;
padding:0;
}

.number{
position:absolute;
top: 0px;
left: 0px;
line-height: 20px;
width: 20px;
height: 20px;
background-color: #25BEE6;
counter-increment: wpp-ranking;
text-align: center !important;
color: #FFF;
content: counter(wpp-ranking, decimal);
}


.side-entry .date {
width: 50%;
margin: 5px 0px 0px;
padding: 3px 0px 2px;
font-size: 12px;
text-align: center;
font-weight: normal;
background: none repeat scroll 0% 0% #E6E9ED;
}

.side-entry .comparison {
    background: none repeat scroll 0% 0% #d7d7d7;
    color: #FFF;
}

.side-entry span {
    float: left;
    width: 50%;
    margin: 5px 0px 0px;
    padding: 3px 0px 2px;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
}


/*
サイドバー ウィジェットリスト設定
*/

/*タイトル*/
#menu .panel-default > .panel-heading {
    margin: 0 0 0px 0;
    padding: 8px 15px;
    font-size: 16px;
    font-weight: bold;
    line-height: 180%;
    letter-spacing: 1px;
    color: #01B1EC;
	background:#fff;
    border: solid 1px #5D9A61;
}

#menu .panel-heading{
padding:10px 15px;
border-bottom:1px solid transparent;
border-top-left-radius:3px;
border-top-right-radius:3px;}

.panel-body ul{
  padding-left: 0;
  margin-bottom: 0px;
}

.panel-body ul li{
  list-style-type:none;
}

.panel-body ul li a{
	text-decoration:none;	
	font-size:15px;
	color:#666;
	background:#fff;
  position: relative;
  display: block;
  padding: 10px 8px;
  border-left: 1px solid #5D9A61;
  border-right: 1px solid #5D9A61;
  border-bottom: 1px solid #5D9A61;
}

.panel-body ul li:first-child {
}
.panel-body ul li:last-child {
  margin-bottom: 0;
}

.panel-body ul li a:hover,
.panel-body ul li a:focus {
  color: #555;
	background:#FFE999;
  text-decoration: none;
	/* 以下、ゆっくりフェードインさせる設定 */
	-webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out;  
}

.panel {
    margin-bottom: 20px;
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.00);
    box-shadow: 0 0px 0px rgba(0,0,0,.00);
}


.panel-body ul.rank li:nth-child(1) a{
background-image: url(images/pp-rank1.png)!important;
background-repeat:no-repeat;
background-position: 3% 7px;
background-color:#fff;
background-size: 30px auto;
  padding: 10px 8px 10px 40px;
}

.panel-body ul.rank li:nth-child(2) a{
background-image: url(images/pp-rank2.png)!important;
background-repeat:no-repeat;
background-position: 3% 7px;
background-color:#fff;
background-size: 30px auto;
  padding: 10px 8px 10px 40px;
}

.panel-body ul.rank li:nth-child(3) a{
background-image: url(images/pp-rank3.png)!important;
background-repeat:no-repeat;
background-position: 3% 7px;
background-color:#fff;
background-size: 30px auto;
  padding: 10px 8px 10px 40px;
}

.panel-body ul.rank li:nth-child(1) a:hover,.panel-body ul.rank li:nth-child(2) a:hover,.panel-body ul.rank li:nth-child(3) a:hover{
	background-color:#FFE999;
}



/*口コミ件数表示*/

#reviewpost {
	margin: 10px 0 0 10px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	}

#reviewpost span{
	font-size: 24px;
	}

#reviewpost .more-link{
	margin: 10px 0 0 0;
	padding: 0 5px;
	font-size: 11px;
	line-height: 20px;
	}

/*各サロンの口コミ*/

#sidereview{
	margin: 0;
	padding: 0;
	clear: both;
	
	}

#sidereview ul{
	margin: 0;
	padding: 0;
	}


#sidereview li{
	margin: 0;
	padding: 0;
	text-align: center;
	}

#sidereview li span{font-size: 36px;}

#sidereview .left a{
	float: left;
	display: block;
	width: 48%;
	height: 110px;
	margin: 0 0 10px 0;
	padding: 20px 0 0 0;
	text-decoration: none;
	}

#sidereview .right a{
	float: right;
	display: block;
	width: 48%;
	height: 110px;
	margin: 0 0 10px 0;
	padding: 20px 0 0 0;
	text-decoration: none;
	}

.rating {
    margin: 20px auto 10px;
    text-align:center;
    padding: 10px;
    line-height: 26px;
    background: none repeat scroll 0% 0% #F5F7FA;
    border: 1px solid #E6E9ED;
    border-radius: 3px;
}

.rating .star {
    font-size: 24px;
	background: #F5F7FA;
	color: #FFAA00;
}



/*
サイドバーウィジェット 特別指定
*/





/*
運営者情報 ウィジェットリスト設定
*/

.author{text-align:right;font-size:12px;}
.author a{text-align:right;font-size:12px;}

.author .panel-body{padding:0px;}
.author .widgettitle{margin-top: 0px;
margin-bottom: 0px;}



.widgetblock ul{}
.widgetblock ul li{}
.widgetblock ul li a{}
.widgetblock ul li:first-child {}
.widgetblock ul li:last-child {}
.widgetblock ul li a:hover,
.widgetblock ul li a:focus {}


.bs-docs-section {
    padding: 10px 0px;
	background:#FBE4EC;
    color:#ffffff;
    font-size:18px;
    border-bottom: 1px solid #ffffff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.bs-docs-section #menu .panel-heading {
    padding: 0px 0px;
    border-bottom: 0px solid #fff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel-default > .panel-heading {
    background-color: transparent;
    border-color: transparent;
}

.panel-body {
    padding: 0px;
}



/*------------------------------------------------------------
Grid・・・グリッドシステム
-------------------------------------------------------------*/

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}


.col-right{
	float:right!important;
}



/*------------------------------------------------------------
contents・・・記事部分カスタマイズ
-------------------------------------------------------------*/

.c_h3{
    font-size: 20px;
    font-weight:bold;
    padding: 20px 10px;
    line-height: 30px;
    margin: 20px 10px 20px 0px;
    clear: both;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

.c_h4{
    font-size: 18px;
    font-weight:bold;
    margin-bottom: 20px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    line-height: 30px;
    clear: both;
}

.c_table{
    margin: 30px auto 20px;
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

.c_table th{
    margin: 0px;
    padding: 5px 10px;
    text-align: left;
    font-weight: normal;
    border: 1px solid #DDD;
    background: none repeat scroll 0% 0% #FFFCF4;
}

.c_table td{
    margin: 0px;
    padding: 5px 10px;
    text-align: left;
    border: 1px solid #DDD;
    background: none repeat scroll 0% 0% #FFF;
}

.c_table .c_tr th{
background: none repeat scroll 0% 0% #37BC9B;
color: #FFF;
}



.media{margin-bottom:0px;}

.media-heading{
    font-size:15px;
    font-weight:normal;
}

.media-heading a{
    color:#0000ff;
}

.media-body ul{list-style:none;margin:0px;padding:0px;}



.arrow_box { 
	padding: 0px 10px;
	margin: 10px 0 40px;
	position: relative; 
	background: #E6E9ED; 
	border: 4px solid #E6E9ED; 
	}

.arrow_box p {
	font-size: 15px;
	line-height: 1.75;
	margin: 15px 0 25px;
}

 .arrow_box:after, .arrow_box:before { 
	top: 100%; 
	left: 50%; 
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none; }

.arrow_box:after { border-color: rgba(255, 255, 255, 0); border-top-color: #E6E9ED; border-width: 30px; margin-left: -30px; }
.arrow_box:before { border-color: rgba(221, 221, 221, 0); border-top-color: #E6E9ED; border-width: 33px; margin-left: -33px; }



.reviewbox_post{
	padding: 20px 0 0 10px;
	background: #fff;
	border: 1px solid #ddd;
	}

.reviewbox_post dl{
       width:60%;
	margin: 10px 10px 10px 0;
	padding: 0;
	float: right;
	}

@media (max-width: 767px) {

.reviewbox_post dl{
       width:95%;
	margin: 10px 10px 10px 10px;
	padding: 0;
	float: right;
       }

.reviewbox_post dd{
	float: left;
       width:70%;
	margin: 5px 0px;
	padding: 3px 5px;
	font-size: 24px;
	background: #F5F7FA;
	color: #FFAA00;
	}

.reviewbox_post .spc{
       text-align:center!important;
	}
}


@media screen and (max-width: 479px){

.reviewbox_post dd{
	float: left;
	margin: 5px 0px;
	padding: 3px 5px;
	font-size: 24px;
	background: #F5F7FA;
	color: #FFAA00;
	}

}


.reviewbox_post dt{
	float: left;
	margin: 5px 0px;
	padding: 9px 5px;
	font-size: 15px;
	text-align: center;
	}

.reviewbox_post dd{
	float: left;
	margin: 5px 0px;
	padding: 3px 5px;
	font-size: 24px;
	background: #F5F7FA;
	color: #FFAA00;
	}

.reviewbox_more{
	margin: 10px 0 20px;
	padding: 5px 20px 20px ;
	border: 1px solid #ddd;
	}

.reviewbox_more h3{
	border-bottom: 1px solid #ddd;
	}




/*------------------------------------------------------------
button・・・各種ボタンの設定
-------------------------------------------------------------*/

/*オフィシャルボタン*/

.official {
    margin: 0px;
    padding: 0px;
    background: none repeat scroll 0% 0% #E6E9ED;
}

.official .jump-link {
    width: 90%;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: bold;
}

.jump-link, .jump-link::before, .jump-link::after {
    box-sizing: border-box;
    transition: all 0.3s ease 0s;
}

jump-link {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    text-decoration: none;
    line-height: 50px;
    outline: medium none;
}

.jump-link {
    margin: 20px auto;
    font-size: 18px;
    background-color: #DA4453;
    color: #FFF;
    border-radius: 3px;
}


/*ボタン小*/

.more-link {
	margin-bottom:20px ;
	margin-left:5px ;
	background-color: #DA4453;
	color: #fff;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float: right;
}
.more-link:hover {
	background-color: #ED5565;
	color:#fff;
       text-decoration:none;
}

.more-link {
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	text-decoration: none;
	line-height: 36px;
	outline: none;
}
.more-link::before,
.more-link::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.more-link,
.more-link::before,
.more-link::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


/*ボタン大*/

.jump-link {
	margin:20px auto;
	font-size: 18px;
	background-color: #DA4453;
	color: #fff;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.jump-link:hover {
	background-color: #ED5565;
	color:#fff;
}

.jump-link {
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	outline: none;
}
.jump-link::before,
.jump-link::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.jump-link,
.jump-link::before,
.jump-link::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/*公式ボタン*/

.koushiki{
	margin: 0;
	padding: 0;
	background: #E6E9ED;
	}

.koushiki .jump-link{width: 90%;padding: 10px 20px;font-size: 20px;font-weight: bold;}


/*口コミ用ボタン*/

.review_bt{margin: 0;padding: 0;}

.review_bt .more-link{
	margin: 10px 30px 0;
	padding: 0 10px;
	font-size: 13px;
	}


/*------------------------------------------------------------
font-size・・・フォントのサイズ
-------------------------------------------------------------*/

.f09{font-size:9px!important;}
.f10{font-size:10px!important;}
.f11{font-size:11px!important;}
.f12{font-size:12px!important;}
.f13{font-size:13px!important;}
.f14{font-size:14px!important;}
.f15{font-size:15px!important;}
.f16{font-size:16px!important;}
.f17{font-size:17px!important;}
.f18{font-size:18px!important;}
.f19{font-size:19px!important;}
.f20{font-size:20px!important;}
.f21{font-size:21px!important;}
.f22{font-size:22px!important;}
.f23{font-size:23px!important;}
.f24{font-size:24px!important;}
.f25{font-size:25px!important;}
.f26{font-size:26px!important;}
.f27{font-size:27px!important;}
.f28{font-size:28px!important;}
.f29{font-size:29px!important;}
.f30{font-size:30px!important;}
.f120{font-size:120%!important;}
.f150{font-size:150%!important;}


/*------------------------------------------------------------
line-height・・・段落
-------------------------------------------------------------*/

.lh11{line-height:110%!important;}
.lh12{line-height:120%!important;}
.lh13{line-height:130%!important;}
.lh14{line-height:140%!important;}
.lh15{line-height:150%!important;}
.lh16{line-height:160%!important;}
.lh17{line-height:170%!important;}
.lh18{line-height:180%!important;}


/*------------------------------------------------------------
Align・・・揃え
-------------------------------------------------------------*/

.center {text-align: center;}
.m-center {margin:0 auto;}
.left {text-align: left;}
.right {text-align: right;}


.w100-all{width:100%;}

@media screen and (max-width: 479px){
.w100{width:100%;}
}


/*------------------------------------------------------------
background-color & font-color・・・背景色・色
-------------------------------------------------------------*/

.clr{clear:both;}
.b{font-weight:bold;}

.black{background: #000000;color: #fff;}
.white{color:#fff;}
.red {color: #D7104E;}
.blue{color:#009fff;}
.gray{color:#ccc;}
.dgray{color:#666;}
.bg-white{background:#ffffff;}
.bg-pink{background:#EF93B5;}


/*アクア*/
.aqua{background: #8ed7e3;color: #fff;}

/*ベージュ*/
.beige{background: #efefdd;}

/*青色*/
.bj{background: #66b3e2;color: #fff;}
.bj a{background: #66b3e2;color: #fff;}
.bj a:hover{background: #5D9CEC;color: #fff;}

/*水色*/
.aq{background: #8ed7e3;color: #fff;}
.aq a{background: #8ed7e3;color: #fff;}
.aq a:hover{background: #4FC1E9;color: #fff;}

/*緑色*/
.mt{background: #37BC9B;color: #fff;}
.mt a{background: #37BC9B;color: #fff;}
.mt a:hover{background: #48CFAD;color: #fff;}

/*薄緑*/
.gr{background: #97d786;color: #fff;}
.gr a{background: #97d786;color: #fff;}
.gr a:hover{background: #A0D468;color: #fff;}

/*黄色*/
.yw{background: #f5d248;color: #fff;}
.yw a{background: #f5d248;color: #fff;}
.yw a:hover{background: #FFCE54;color: #fff;}

/*橙色*/
.bs{background: #E9573F;color: #fff;}
.bs a{background: #E9573F;color: #fff;}
.bs a:hover{background: #FC6E51;color: #fff;}

/*桃色*/
.gf{background: #e6738d;color: #fff;}
.gf a{background: #e6738d;color: #fff;}
.gf a:hover{background: #ED5565;color: #fff;}

/*紫色*/
.lv{background: #a49fe2;color: #fff;}
.lv a{background: #a49fe2;color: #fff;}
.lv a:hover{background: #AC92EC;color: #fff;}

/*薄桃*/
.pr{background: #D770AD;color: #fff;}
.pr a{background: #D770AD;color: #fff;}
.pr a:hover{background: #EC87C0;color: #fff;}

/*薄黒*/
.lg{background: #E6E9ED;}
.lg a{background: #E6E9ED;}
.lg a:hover{background: #F5F7FA;}

/*中黒*/
.mg{background: #AAB2BD;color: #fff;}
.mg a{background: #AAB2BD;color: #fff;}
.mg a:hover{background: #CCD1D9;color: #fff;}

/*濃黒*/
.dg{background: #434A54;color: #fff;}
.dg a{background: #434A54;color: #fff;}
.dg a:hover{background: #656D78;color: #fff;}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 検索フォーム */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.searchbox{
	border:1px #444444 solid;
	margin:20px 10px 10px;
	background:#F6CADB;
}

.searchbox h3{
	padding:10px;
	font-weight:normal;
	background:#444444;
	text-align:center;
	color:#ffffff;
	font-size:14px;
}


#searchform {
    padding: 10px;
}

#s {
    width: 65%;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    vertical-align: bottom;
    border: 1px solid #ccc;
    border-radius: 5px 0 0 5px;
    outline: none;
    box-sizing: content-box;
    -webkit-appearance: none;
    color: #999;
    background: #fff;
}

#s:focus {
    color: #333;
}
#searchsubmit {
    width: 23%;
    height: 32px;
    vertical-align: bottom;
    border: 0px solid #F27893;
    border-radius: 0 5px 5px 0;
    margin-left: -5px;
    color: #fff;
    font-weight:bold;
    background:#444444;
    cursor: pointer;
}
#searchsubmit:hover {
    background:#DB3A5D;
}
#searchsubmit:active {
    border: 1px solid #aaa;
    border-right-color: #fff;
    border-bottom-color: #fff;
    box-shadow: 0 1px 0 #ddd,
        0 -1px 0 #fff,
        -1px 0 0 #fff,
        1px 0 0 #ddd;
}



@media screen and (max-width: 479px){

.searchbox{
	border:0px #444444 solid;
	margin:20px 8px 10px;
	background:transparent;
}

.searchbox h3{
	display:none;
}


#searchform {
    padding: 0px;
}

#s {
    width: 60%;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    vertical-align: bottom;
    border: 1px solid #ccc;
    border-radius: 5px 0 0 5px;
    outline: none;
    box-sizing: content-box;
    -webkit-appearance: none;
    color: #999;
    background: #fff;
}

#s:focus {
    color: #333;
}
#searchsubmit {
    width: 25%;
    height: 32px;
    vertical-align: bottom;
    border: 0px solid #F27893;
    border-radius: 0 5px 5px 0;
    margin-left: -5px;
    color: #fff;
    font-weight:bold;
    background:#F6CADB;
    cursor: pointer;
}
#searchsubmit:hover {
    background:#DB3A5D;
}
#searchsubmit:active {
    border: 1px solid #aaa;
    border-right-color: #fff;
    border-bottom-color: #fff;
    box-shadow: 0 1px 0 #ddd,
        0 -1px 0 #fff,
        -1px 0 0 #fff,
        1px 0 0 #ddd;
}

}



/*------------------------------------------------------------
margin・・・外周りの余白の設定
-------------------------------------------------------------*/

.m0{ margin: 0!important; }/*周りからのmarginを0にする*/
.m0-t{ margin-top: 0!important; }/*上からのmarginが0pxx*/
.m0-r{ margin-right: 0!important; }/*右からのmarginが0px*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginが0px*/
.m0-l{ margin-left: 0!important; }/*左からのmarginが0px*/

.m1{ margin: 1px!important; }/*周りからのmarginを1にする*/
.m1-t{ margin-top: 1px!important; }/*上からのmarginが1pxx*/
.m1-r{ margin-right: 1px!important; }/*右からのmarginが1px*/
.m1-b{ margin-bottom: 1px!important; }/*下からのmarginが1px*/
.m1-l{ margin-left: 1px!important; }/*左からのmarginが1px*/

.m2{ margin: 2px!important; }/*周りからのmarginを2にする*/
.m2-t{ margin-top: 2px!important; }/*上からのmarginが2pxx*/
.m2-r{ margin-right: 2px!important; }/*右からのmarginが2px*/
.m2-b{ margin-bottom: 2px!important; }/*下からのmarginが2px*/
.m2-l{ margin-left: 2px!important; }/*左からのmarginが2px*/

.m3{ margin: 3px!important; }/*周りからのmarginを3にする*/
.m3-t{ margin-top: 3px!important; }/*上からのmarginが3pxx*/
.m3-r{ margin-right: 3px!important; }/*右からのmarginが3px*/
.m3-b{ margin-bottom: 3px!important; }/*下からのmarginが3px*/
.m3-l{ margin-left: 3px!important; }/*左からのmarginが3px*/

.m4{ margin: 4px!important; }/*周りからのmarginを4にする*/
.m4-t{ margin-top: 4px!important; }/*上からのmarginが4pxx*/
.m4-r{ margin-right: 4px!important; }/*右からのmarginが4px*/
.m4-b{ margin-bottom: 4px!important; }/*下からのmarginが4px*/
.m4-l{ margin-left: 4px!important; }/*左からのmarginが4px*/

.m5{ margin: 5px!important; }/*周りからのmarginが5px*/
.m5-t{ margin-top: 5px!important; }/*上からのmarginが5px*/
.m5-r{ margin-right: 5px!important; }/*右からのmarginが5px*/
.m5-b{ margin-bottom: 5px!important; }/*下からのmarginが5px*/
.m5-l{ margin-left: 5px!important; }/*左からのmarginが5px*/


.m10{ margin: 10px!important; }/*周りからのmarginが10px*/
.m10-t{ margin-top: 10px!important; }/*上からのmarginが10px*/
.m10-r{ margin-right: 10px!important; }/*右からのmarginが10px*/
.m10-b{ margin-bottom: 10px!important; }/*下からのmarginが10px*/
.m10-l{ margin-left: 10px!important; }/*左からのmarginが10px*/

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m35{ margin: 35px!important; }
.m35-t{ margin-top: 35px!important; }
.m35-r{ margin-right: 35px!important; }
.m35-b{ margin-bottom: 35px!important; }
.m35-l{ margin-left: 35px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

/*------------------------------------------------------------
padding・・・内回りの余白の設定
-------------------------------------------------------------*/

.p0{ padding: 0!important; }/*周りからのmarginを0にする*/
.p0-t{ padding-top: 0!important; }/*上からのmarginが0px*/
.p0-r{ padding-right: 0!important; }/*右からのmarginが0px*/
.p0-b{ padding-bottom: 0!important; }/*下からのmarginが0px*/
.p0-l{ padding-left: 0!important; }/*左からのmarginが0px*/

.p1{ padding: 1px!important; }/*周りからのmarginが1px*/
.p1-t{ padding-top: 1px!important; }/*上からのmarginが1px*/
.p1-r{ padding-right: 1px!important; }/*右からのmarginが1px*/
.p1-b{ padding-bottom: 1px!important; }/*下からのmarginが1px*/
.p1-l{ padding-left: 1px!important; }/*左からのmarginが1px*/

.p2{ padding: 2px!important; }/*周りからのmarginが2px*/
.p2-t{ padding-top: 2px!important; }/*上からのmarginが2px*/
.p2-r{ padding-right: 2px!important; }/*右からのmarginが2px*/
.p2-b{ padding-bottom: 2px!important; }/*下からのmarginが2px*/
.p2-l{ padding-left: 2px!important; }/*左からのmarginが2px*/

.p3{ padding: 3px!important; }/*周りからのmarginが3px*/
.p3-t{ padding-top: 3px!important; }/*上からのmarginが3px*/
.p3-r{ padding-right: 3px!important; }/*右からのmarginが3px*/
.p3-b{ padding-bottom: 3px!important; }/*下からのmarginが3px*/
.p3-l{ padding-left: 3px!important; }/*左からのmarginが3px*/

.p4{ padding: 4px!important; }/*周りからのmarginが4px*/
.p4-t{ padding-top: 4px!important; }/*上からのmarginが4px*/
.p4-r{ padding-right: 4px!important; }/*右からのmarginが4px*/
.p4-b{ padding-bottom: 4px!important; }/*下からのmarginが4px*/
.p4-l{ padding-left: 4px!important; }/*左からのmarginが4px*/

.p5{ padding: 5px!important; }/*周りからのmarginが5px*/
.p5-t{ padding-top: 5px!important; }/*上からのmarginが5px*/
.p5-r{ padding-right: 5px!important; }/*右からのmarginが5px*/
.p5-b{ padding-bottom: 5px!important; }/*下からのmarginが5px*/
.p5-l{ padding-left: 5px!important; }/*左からのmarginが5px*/

.p10{ padding: 10px!important; }/*周りからのmarginが10px*/
.p10-t{ padding-top: 10px!important; }/*上からのmarginが10px*/
.p10-r{ padding-right: 10px!important; }/*右からのmarginが10px*/
.p10-b{ padding-bottom: 10px!important; }/*下からのmarginが10px*/
.p10-l{ padding-left: 10px!important; }/*左からのmarginが10px*/

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }




@media (min-width: 767px) {

/*------------------------------------------------------------
margin・・・外周りの余白の設定（PC・タブレット）
-------------------------------------------------------------*/

.sm-m0{ margin: 0!important; }/*周りからのmarginを0にする*/
.sm-m0-t{ margin-top: 0!important; }/*上からのmarginが0pxx*/
.sm-m0-r{ margin-right: 0!important; }/*右からのmarginが0px*/
.sm-m0-b{ margin-bottom: 0!important; }/*下からのmarginが0px*/
.sm-m0-l{ margin-left: 0!important; }/*左からのmarginが0px*/

.sm-m1{ margin: 1px!important; }/*周りからのmarginを1にする*/
.sm-m1-t{ margin-top: 1px!important; }/*上からのmarginが1pxx*/
.sm-m1-r{ margin-right: 1px!important; }/*右からのmarginが1px*/
.sm-m1-b{ margin-bottom: 1px!important; }/*下からのmarginが1px*/
.sm-m1-l{ margin-left: 1px!important; }/*左からのmarginが1px*/

.sm-m2{ margin: 2px!important; }/*周りからのmarginを2にする*/
.sm-m2-t{ margin-top: 2px!important; }/*上からのmarginが2pxx*/
.sm-m2-r{ margin-right: 2px!important; }/*右からのmarginが2px*/
.sm-m2-b{ margin-bottom: 2px!important; }/*下からのmarginが2px*/
.sm-m2-l{ margin-left: 2px!important; }/*左からのmarginが2px*/

.sm-m3{ margin: 3px!important; }/*周りからのmarginを3にする*/
.sm-m3-t{ margin-top: 3px!important; }/*上からのmarginが3pxx*/
.sm-m3-r{ margin-right: 3px!important; }/*右からのmarginが3px*/
.sm-m3-b{ margin-bottom: 3px!important; }/*下からのmarginが3px*/
.sm-m3-l{ margin-left: 3px!important; }/*左からのmarginが3px*/

.sm-m4{ margin: 4px!important; }/*周りからのmarginを4にする*/
.sm-m4-t{ margin-top: 4px!important; }/*上からのmarginが4pxx*/
.sm-m4-r{ margin-right: 4px!important; }/*右からのmarginが4px*/
.sm-m4-b{ margin-bottom: 4px!important; }/*下からのmarginが4px*/
.sm-m4-l{ margin-left: 4px!important; }/*左からのmarginが4px*/

.sm-m5{ margin: 5px!important; }/*周りからのmarginが5px*/
.sm-m5-t{ margin-top: 5px!important; }/*上からのmarginが5px*/
.sm-m5-r{ margin-right: 5px!important; }/*右からのmarginが5px*/
.sm-m5-b{ margin-bottom: 5px!important; }/*下からのmarginが5px*/
.sm-m5-l{ margin-left: 5px!important; }/*左からのmarginが5px*/


.sm-m10{ margin: 10px!important; }/*周りからのmarginが10px*/
.sm-m10-t{ margin-top: 10px!important; }/*上からのmarginが10px*/
.sm-m10-r{ margin-right: 10px!important; }/*右からのmarginが10px*/
.sm-m10-b{ margin-bottom: 10px!important; }/*下からのmarginが10px*/
.sm-m10-l{ margin-left: 10px!important; }/*左からのmarginが10px*/

.sm-m15{ margin: 15px!important; }
.sm-m15-t{ margin-top: 15px!important; }
.sm-m15-r{ margin-right: 15px!important; }
.sm-m15-b{ margin-bottom: 15px!important; }
.sm-m15-l{ margin-left: 15px!important; }

.sm-m20{ margin: 20px!important; }
.sm-m20-t{ margin-top: 20px!important; }
.sm-m20-r{ margin-right: 20px!important; }
.sm-m20-b{ margin-bottom: 20px!important; }
.sm-m20-l{ margin-left: 20px!important; }

.sm-m30{ margin: 30px!important; }
.sm-m30-t{ margin-top: 30px!important; }
.sm-m30-r{ margin-right: 30px!important; }
.sm-m30-b{ margin-bottom: 30px!important; }
.sm-m30-l{ margin-left: 30px!important; }

.sm-m35{ margin: 35px!important; }
.sm-m35-t{ margin-top: 35px!important; }
.sm-m35-r{ margin-right: 35px!important; }
.sm-m35-b{ margin-bottom: 35px!important; }
.sm-m35-l{ margin-left: 35px!important; }

.sm-m40{ margin: 40px!important; }
.sm-m40-t{ margin-top: 40px!important; }
.sm-m40-r{ margin-right: 40px!important; }
.sm-m40-b{ margin-bottom: 40px!important; }
.sm-m40-l{ margin-left: 40px!important; }

.sm-m50{ margin: 50px!important; }
.sm-m50-t{ margin-top: 50px!important; }
.sm-m50-r{ margin-right: 50px!important; }
.sm-m50-b{ margin-bottom: 50px!important; }
.sm-m50-l{ margin-left: 50px!important; }

.sm-m60{ margin: 60px!important; }
.sm-m60-t{ margin-top: 60px!important; }
.sm-m60-r{ margin-right: 60px!important; }
.sm-m60-b{ margin-bottom: 60px!important; }
.sm-m60-l{ margin-left: 60px!important; }

.sm-m70{ margin: 70px!important; }
.sm-m70-t{ margin-top: 70px!important; }
.sm-m70-r{ margin-right: 70px!important; }
.sm-m70-b{ margin-bottom: 70px!important; }
.sm-m70-l{ margin-left: 70px!important; }


/*------------------------------------------------------------
padding・・・内回りの余白の設定（PC・タブレット）
-------------------------------------------------------------*/

.sm-p0{ padding: 0!important; }/*周りからのmarginを0にする*/
.sm-p0-t{ padding-top: 0!important; }/*上からのmarginが0px*/
.sm-p0-r{ padding-right: 0!important; }/*右からのmarginが0px*/
.sm-p0-b{ padding-bottom: 0!important; }/*下からのmarginが0px*/
.sm-p0-l{ padding-left: 0!important; }/*左からのmarginが0px*/

.sm-p1{ padding: 1px!important; }/*周りからのmarginが1px*/
.sm-p1-t{ padding-top: 1px!important; }/*上からのmarginが1px*/
.sm-p1-r{ padding-right: 1px!important; }/*右からのmarginが1px*/
.sm-p1-b{ padding-bottom: 1px!important; }/*下からのmarginが1px*/
.sm-p1-l{ padding-left: 1px!important; }/*左からのmarginが1px*/

.sm-p2{ padding: 2px!important; }/*周りからのmarginが2px*/
.sm-p2-t{ padding-top: 2px!important; }/*上からのmarginが2px*/
.sm-p2-r{ padding-right: 2px!important; }/*右からのmarginが2px*/
.sm-p2-b{ padding-bottom: 2px!important; }/*下からのmarginが2px*/
.sm-p2-l{ padding-left: 2px!important; }/*左からのmarginが2px*/

.sm-p3{ padding: 3px!important; }/*周りからのmarginが3px*/
.sm-p3-t{ padding-top: 3px!important; }/*上からのmarginが3px*/
.sm-p3-r{ padding-right: 3px!important; }/*右からのmarginが3px*/
.sm-p3-b{ padding-bottom: 3px!important; }/*下からのmarginが3px*/
.sm-p3-l{ padding-left: 3px!important; }/*左からのmarginが3px*/

.sm-p4{ padding: 4px!important; }/*周りからのmarginが4px*/
.sm-p4-t{ padding-top: 4px!important; }/*上からのmarginが4px*/
.sm-p4-r{ padding-right: 4px!important; }/*右からのmarginが4px*/
.sm-p4-b{ padding-bottom: 4px!important; }/*下からのmarginが4px*/
.sm-p4-l{ padding-left: 4px!important; }/*左からのmarginが4px*/

.sm-p5{ padding: 5px!important; }/*周りからのmarginが5px*/
.sm-p5-t{ padding-top: 5px!important; }/*上からのmarginが5px*/
.sm-p5-r{ padding-right: 5px!important; }/*右からのmarginが5px*/
.sm-p5-b{ padding-bottom: 5px!important; }/*下からのmarginが5px*/
.sm-p5-l{ padding-left: 5px!important; }/*左からのmarginが5px*/

.sm-p10{ padding: 10px!important; }/*周りからのmarginが10px*/
.sm-p10-t{ padding-top: 10px!important; }/*上からのmarginが10px*/
.sm-p10-r{ padding-right: 10px!important; }/*右からのmarginが10px*/
.sm-p10-b{ padding-bottom: 10px!important; }/*下からのmarginが10px*/
.sm-p10-l{ padding-left: 10px!important; }/*左からのmarginが10px*/

.sm-p15{ padding: 15px!important; }
.sm-p15-t{ padding-top: 15px!important; }
.sm-p15-r{ padding-right: 15px!important; }
.sm-p15-b{ padding-bottom: 15px!important; }
.sm-p15-l{ padding-left: 15px!important; }

.sm-p20{ padding: 20px!important; }
.sm-p20-t{ padding-top: 20px!important; }
.sm-p20-r{ padding-right: 20px!important; }
.sm-p20-b{ padding-bottom: 20px!important; }
.sm-p20-l{ padding-left: 20px!important; }

.sm-p30{ padding: 30px!important; }
.sm-p30-t{ padding-top: 30px!important; }
.sm-p30-r{ padding-right: 30px!important; }
.sm-p30-b{ padding-bottom: 30px!important; }
.sm-p30-l{ padding-left: 30px!important; }

.sm-p40{ padding: 40px!important; }
.sm-p40-t{ padding-top: 40px!important; }
.sm-p40-r{ padding-right: 40px!important; }
.sm-p40-b{ padding-bottom: 40px!important; }
.sm-p40-l{ padding-left: 40px!important; }

.sm-p50{ padding: 50px!important; }
.sm-p50-t{ padding-top: 50px!important; }
.sm-p50-r{ padding-right: 50px!important; }
.sm-p50-b{ padding-bottom: 50px!important; }
.sm-p50-l{ padding-left: 50px!important; }

.sm-p60{ padding: 60px!important; }
.sm-p60-t{ padding-top: 60px!important; }
.sm-p60-r{ padding-right: 60px!important; }
.sm-p60-b{ padding-bottom: 60px!important; }
.sm-p60-l{ padding-left: 60px!important; }

.sm-p70{ padding: 70px!important; }
.sm-p70-t{ padding-top: 70px!important; }
.sm-p70-r{ padding-right: 70px!important; }
.sm-p70-b{ padding-bottom: 70px!important; }
.sm-p70-l{ padding-left: 70px!important; }

.sm-p80{ padding: 80px!important; }
.sm-p80-t{ padding-top: 80px!important; }
.sm-p80-r{ padding-right: 80px!important; }
.sm-p80-b{ padding-bottom: 80px!important; }
.sm-p80-l{ padding-left: 80px!important; }

.sm-p90{ padding: 90px!important; }
.sm-p90-t{ padding-top: 90px!important; }
.sm-p90-r{ padding-right: 90px!important; }
.sm-p90-b{ padding-bottom: 90px!important; }
.sm-p90-l{ padding-left: 90px!important; }


}







@media (max-width: 767px) {

/*------------------------------------------------------------
margin・・・外周りの余白の設定（スマホ）
-------------------------------------------------------------*/

.xs-m0{ margin: 0!important; }/*周りからのmarginを0にする*/
.xs-m0-t{ margin-top: 0!important; }/*上からのmarginが0pxx*/
.xs-m0-r{ margin-right: 0!important; }/*右からのmarginが0px*/
.xs-m0-b{ margin-bottom: 0!important; }/*下からのmarginが0px*/
.xs-m0-l{ margin-left: 0!important; }/*左からのmarginが0px*/

.xs-m1{ margin: 1px!important; }/*周りからのmarginを1にする*/
.xs-m1-t{ margin-top: 1px!important; }/*上からのmarginが1pxx*/
.xs-m1-r{ margin-right: 1px!important; }/*右からのmarginが1px*/
.xs-m1-b{ margin-bottom: 1px!important; }/*下からのmarginが1px*/
.xs-m1-l{ margin-left: 1px!important; }/*左からのmarginが1px*/

.xs-m2{ margin: 2px!important; }/*周りからのmarginを2にする*/
.xs-m2-t{ margin-top: 2px!important; }/*上からのmarginが2pxx*/
.xs-m2-r{ margin-right: 2px!important; }/*右からのmarginが2px*/
.xs-m2-b{ margin-bottom: 2px!important; }/*下からのmarginが2px*/
.xs-m2-l{ margin-left: 2px!important; }/*左からのmarginが2px*/

.xs-m3{ margin: 3px!important; }/*周りからのmarginを3にする*/
.xs-m3-t{ margin-top: 3px!important; }/*上からのmarginが3pxx*/
.xs-m3-r{ margin-right: 3px!important; }/*右からのmarginが3px*/
.xs-m3-b{ margin-bottom: 3px!important; }/*下からのmarginが3px*/
.xs-m3-l{ margin-left: 3px!important; }/*左からのmarginが3px*/

.xs-m4{ margin: 4px!important; }/*周りからのmarginを4にする*/
.xs-m4-t{ margin-top: 4px!important; }/*上からのmarginが4pxx*/
.xs-m4-r{ margin-right: 4px!important; }/*右からのmarginが4px*/
.xs-m4-b{ margin-bottom: 4px!important; }/*下からのmarginが4px*/
.xs-m4-l{ margin-left: 4px!important; }/*左からのmarginが4px*/

.xs-m5{ margin: 5px!important; }/*周りからのmarginが5px*/
.xs-m5-t{ margin-top: 5px!important; }/*上からのmarginが5px*/
.xs-m5-r{ margin-right: 5px!important; }/*右からのmarginが5px*/
.xs-m5-b{ margin-bottom: 5px!important; }/*下からのmarginが5px*/
.xs-m5-l{ margin-left: 5px!important; }/*左からのmarginが5px*/


.xs-m10{ margin: 10px!important; }/*周りからのmarginが10px*/
.xs-m10-t{ margin-top: 10px!important; }/*上からのmarginが10px*/
.xs-m10-r{ margin-right: 10px!important; }/*右からのmarginが10px*/
.xs-m10-b{ margin-bottom: 10px!important; }/*下からのmarginが10px*/
.xs-m10-l{ margin-left: 10px!important; }/*左からのmarginが10px*/

.xs-m15{ margin: 15px!important; }
.xs-m15-t{ margin-top: 15px!important; }
.xs-m15-r{ margin-right: 15px!important; }
.xs-m15-b{ margin-bottom: 15px!important; }
.xs-m15-l{ margin-left: 15px!important; }

.xs-m20{ margin: 20px!important; }
.xs-m20-t{ margin-top: 20px!important; }
.xs-m20-r{ margin-right: 20px!important; }
.xs-m20-b{ margin-bottom: 20px!important; }
.xs-m20-l{ margin-left: 20px!important; }

.xs-m30{ margin: 30px!important; }
.xs-m30-t{ margin-top: 30px!important; }
.xs-m30-r{ margin-right: 30px!important; }
.xs-m30-b{ margin-bottom: 30px!important; }
.xs-m30-l{ margin-left: 30px!important; }

.xs-m35{ margin: 35px!important; }
.xs-m35-t{ margin-top: 35px!important; }
.xs-m35-r{ margin-right: 35px!important; }
.xs-m35-b{ margin-bottom: 35px!important; }
.xs-m35-l{ margin-left: 35px!important; }

.xs-m40{ margin: 40px!important; }
.xs-m40-t{ margin-top: 40px!important; }
.xs-m40-r{ margin-right: 40px!important; }
.xs-m40-b{ margin-bottom: 40px!important; }
.xs-m40-l{ margin-left: 40px!important; }

.xs-m50{ margin: 50px!important; }
.xs-m50-t{ margin-top: 50px!important; }
.xs-m50-r{ margin-right: 50px!important; }
.xs-m50-b{ margin-bottom: 50px!important; }
.xs-m50-l{ margin-left: 50px!important; }

.xs-m60{ margin: 60px!important; }
.xs-m60-t{ margin-top: 60px!important; }
.xs-m60-r{ margin-right: 60px!important; }
.xs-m60-b{ margin-bottom: 60px!important; }
.xs-m60-l{ margin-left: 60px!important; }

.xs-m70{ margin: 70px!important; }
.xs-m70-t{ margin-top: 70px!important; }
.xs-m70-r{ margin-right: 70px!important; }
.xs-m70-b{ margin-bottom: 70px!important; }
.xs-m70-l{ margin-left: 70px!important; }


/*------------------------------------------------------------
padding・・・内回りの余白の設定（スマホ）
-------------------------------------------------------------*/

.xs-p0{ padding: 0!important; }/*周りからのmarginを0にする*/
.xs-p0-t{ padding-top: 0!important; }/*上からのmarginが0px*/
.xs-p0-r{ padding-right: 0!important; }/*右からのmarginが0px*/
.xs-p0-b{ padding-bottom: 0!important; }/*下からのmarginが0px*/
.xs-p0-l{ padding-left: 0!important; }/*左からのmarginが0px*/

.xs-p1{ padding: 1px!important; }/*周りからのmarginが1px*/
.xs-p1-t{ padding-top: 1px!important; }/*上からのmarginが1px*/
.xs-p1-r{ padding-right: 1px!important; }/*右からのmarginが1px*/
.xs-p1-b{ padding-bottom: 1px!important; }/*下からのmarginが1px*/
.xs-p1-l{ padding-left: 1px!important; }/*左からのmarginが1px*/

.xs-p2{ padding: 2px!important; }/*周りからのmarginが2px*/
.xs-p2-t{ padding-top: 2px!important; }/*上からのmarginが2px*/
.xs-p2-r{ padding-right: 2px!important; }/*右からのmarginが2px*/
.xs-p2-b{ padding-bottom: 2px!important; }/*下からのmarginが2px*/
.xs-p2-l{ padding-left: 2px!important; }/*左からのmarginが2px*/

.xs-p3{ padding: 3px!important; }/*周りからのmarginが3px*/
.xs-p3-t{ padding-top: 3px!important; }/*上からのmarginが3px*/
.xs-p3-r{ padding-right: 3px!important; }/*右からのmarginが3px*/
.xs-p3-b{ padding-bottom: 3px!important; }/*下からのmarginが3px*/
.xs-p3-l{ padding-left: 3px!important; }/*左からのmarginが3px*/

.xs-p4{ padding: 4px!important; }/*周りからのmarginが4px*/
.xs-p4-t{ padding-top: 4px!important; }/*上からのmarginが4px*/
.xs-p4-r{ padding-right: 4px!important; }/*右からのmarginが4px*/
.xs-p4-b{ padding-bottom: 4px!important; }/*下からのmarginが4px*/
.xs-p4-l{ padding-left: 4px!important; }/*左からのmarginが4px*/

.xs-p5{ padding: 5px!important; }/*周りからのmarginが5px*/
.xs-p5-t{ padding-top: 5px!important; }/*上からのmarginが5px*/
.xs-p5-r{ padding-right: 5px!important; }/*右からのmarginが5px*/
.xs-p5-b{ padding-bottom: 5px!important; }/*下からのmarginが5px*/
.xs-p5-l{ padding-left: 5px!important; }/*左からのmarginが5px*/

.xs-p10{ padding: 10px!important; }/*周りからのmarginが10px*/
.xs-p10-t{ padding-top: 10px!important; }/*上からのmarginが10px*/
.xs-p10-r{ padding-right: 10px!important; }/*右からのmarginが10px*/
.xs-p10-b{ padding-bottom: 10px!important; }/*下からのmarginが10px*/
.xs-p10-l{ padding-left: 10px!important; }/*左からのmarginが10px*/

.xs-p15{ padding: 15px!important; }
.xs-p15-t{ padding-top: 15px!important; }
.xs-p15-r{ padding-right: 15px!important; }
.xs-p15-b{ padding-bottom: 15px!important; }
.xs-p15-l{ padding-left: 15px!important; }

.xs-p20{ padding: 20px!important; }
.xs-p20-t{ padding-top: 20px!important; }
.xs-p20-r{ padding-right: 20px!important; }
.xs-p20-b{ padding-bottom: 20px!important; }
.xs-p20-l{ padding-left: 20px!important; }

.xs-p30{ padding: 30px!important; }
.xs-p30-t{ padding-top: 30px!important; }
.xs-p30-r{ padding-right: 30px!important; }
.xs-p30-b{ padding-bottom: 30px!important; }
.xs-p30-l{ padding-left: 30px!important; }

.xs-p40{ padding: 40px!important; }
.xs-p40-t{ padding-top: 40px!important; }
.xs-p40-r{ padding-right: 40px!important; }
.xs-p40-b{ padding-bottom: 40px!important; }
.xs-p40-l{ padding-left: 40px!important; }

.xs-p50{ padding: 50px!important; }
.xs-p50-t{ padding-top: 50px!important; }
.xs-p50-r{ padding-right: 50px!important; }
.xs-p50-b{ padding-bottom: 50px!important; }
.xs-p50-l{ padding-left: 50px!important; }

.xs-p60{ padding: 60px!important; }
.xs-p60-t{ padding-top: 60px!important; }
.xs-p60-r{ padding-right: 60px!important; }
.xs-p60-b{ padding-bottom: 60px!important; }
.xs-p60-l{ padding-left: 60px!important; }

.xs-p70{ padding: 70px!important; }
.xs-p70-t{ padding-top: 70px!important; }
.xs-p70-r{ padding-right: 70px!important; }
.xs-p70-b{ padding-bottom: 70px!important; }
.xs-p70-l{ padding-left: 70px!important; }

.xs-p80{ padding: 80px!important; }
.xs-p80-t{ padding-top: 80px!important; }
.xs-p80-r{ padding-right: 80px!important; }
.xs-p80-b{ padding-bottom: 80px!important; }
.xs-p80-l{ padding-left: 80px!important; }

.xs-p90{ padding: 90px!important; }
.xs-p90-t{ padding-top: 90px!important; }
.xs-p90-r{ padding-right: 90px!important; }
.xs-p90-b{ padding-bottom: 90px!important; }
.xs-p90-l{ padding-left: 90px!important; }


}




/* スクリーンショットを中央に */
.browser-shot {
    text-align:center;
}
 
/* スクリーンショットの画像周りにボーダーを表示 */
.browser-shot img {
    border: 0px solid #cccccc!important;
}

.media-sum{
padding:10px;
border:1px #ccc solid;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  
}

.media-sum .media-heading{
font-size:14px;
line-height:140%;
}
.media-sum .media-body{
font-size:12px;
line-height:140%;
}

.media-body p {
    font-size:12px;
    line-height:1.4;
    margin-top:10px;
}


@media (max-width: 767px) {
.media-body, .media-left, .media-right {
    display: block;
    vertical-align: top;
}
.media-body {
    width: auto;
    padding-left:10px;
}
.media-left {
    width: 25%;
}
}



/* 同じカテゴリの記事 */

.re-title{
margin:20px 0px 40px;
padding:0 0 5px 0;
font-size:18px;
line-height:150%;
color:#333333;
border-bottom:solid 2px #E45D8A;
}


blockquote {
    padding: 10px 20px;
    font-weight:normal;
    margin: 0 0 20px;
    font-size: 95%;
    border-left: 5px solid #eee;
}



#fb{margin-top:50px;}



/*
ソーシャルボタン
*/

.sns-btn {
margin:50px auto 20px;
text-align:center;
}

.sns-btn ul{
margin:0px;
padding:0px;
list-style-type:none;
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
border-spacing: 4px 0;
}

.sns-btn ul li{
display: table-cell;
}

.sns-btn ul li.button-fb a {
  background-color: #3b5998;
  border-radius: 0px;
  box-shadow: 0 0px 0 rgba(136,136,136,1);
  color: #ffffff;
  display: block;
  font-size: 12px;
  line-height:130%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  padding: 5px 0;
}

.sns-btn ul li.button-fb a:hover {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.sns-btn ul li.button-fb span {
text-align:center;
margin:0 auto;
font-size:200%;
}


.sns-btn ul li.button-tw a {
  background-color: #33ccfd;
  border-radius: 0px;
  box-shadow: 0 0px 0 rgba(136,136,136,1);
  color: #ffffff;
  display: block;
  font-size: 12px;
  line-height:130%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  padding: 5px 0;
}

.sns-btn ul li.button-tw a:hover {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.sns-btn ul li.button-tw span {
text-align:center;
margin:0 auto;
font-size:200%;
}


.sns-btn ul li.button-google a {
  background-color: #DD4B39;
  border-radius: 0px;
  box-shadow: 0 0px 0 rgba(136,136,136,1);
  color: #ffffff;
  display: block;
  font-size: 12px;
  line-height:130%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  padding: 5px 0;
}

.sns-btn ul li.button-google a:hover {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.sns-btn ul li.button-google span {
text-align:center;
margin:0 auto;
font-size:200%;
}



/* ページャー・ページネーションデザイン */

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    font-size:12px;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #E45D8A;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #E45D8A;
}

.pagination > li > span.current {
    color: #ffffff;
    background-color: #E45D8A;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #CC4617;
    background-color: transparent;
    border-color: #CC4617;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size:12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-default {
    color: #0000ff;
    background-color: transparent;
    border-color: #E45D8A;
}

.btn-default a {
    text-decoration:none;
}

.btn-default a:hover{
    color:#fff!important;
    background-color: #CC4617;
}

.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover{
    background-color: transparent;
    border-color: #CC4617;
}


/* プロフィール・サイドバーバナー */


.profile{
margin:0 0 25px 0;
padding:20px 0 0 0;
background-color:#FFFFFF;
}
.profile-text{
margin:15px 0 0 0;
padding:0 20px 10px 20px;
font-size:14px;
line-height:180%;
letter-spacing:1px;
color:#333333;
}


.bannerbox{
margin:0 0 10px 0;
padding:0;
font-size:10px;
line-height:150%;
color:#666666;
}
.bannerbox img{
margin:0 0 5px 0;
}

@media (max-width: 767px) {

.bannerbox{
text-align:center;
}

.bannerbox img{
margin:0 auto 5px auto;
}

}


/* サイドバーカテゴリ カスタマイズ */

#categories-2 .panel-body ul li {
    position: relative;
    display: block;
    padding: 0px 0px;
    border-bottom: 0px solid #ddd;
    line-height: 180%;
}


/* 画像フルサイズ時調整 */

.size-full{
	width:100%;
      height:auto;
}

.caption{
margin:0 20px;
padding:15px 0;
font-size:12px;
line-height:180%;
color:#666666;
letter-spacing:1px;
border-top:dotted 1px #999999;
}


/* グローバルメニュー */
#gmenu-bg{

}

#gmenupc{
	width:100%;
	margin:0 auto 0px;
	background:#FBC4D7;
}

#bs-example-navbar-collapse-1{
margin:0 auto;
text-align:center!important;
}

#bs-example-navbar-collapse-1 .navbar-nav{
width:100%;
float: auto!important;
}



/*
スマートフォンスライドメニュー
*/

#menu_icon{
	float:right;
}

.slidemenu-right {
	right: 0;
}

.slidemenu {
	top: 0;
	width: 240px;
	position: fixed;
	visibility: hidden;
	z-index: -1;
}

.slidemenu {
	background-color: #333;
}

#slidemenu-body {
	height: 100%;
	overflow: hidden;
	position: relative;
}

#slidemenu-body .slidemenu-content {
	position: relative;
}

.slidemenu ul {
	padding:0px;
	margin:0px;
}

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

.slidemenu li:first-child {
	border-top: none;
}

.slidemenu li a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	list-style: none;
	padding: 15px 15px 15px 35px;
	background-image: url("./images/arrow2.png");
	background-repeat: no-repeat;
	background-size: 4px 7px;
	background-position: left 20px center;
	border-bottom:1px solid #666;
}

.slidemenu li a:hover {
	background:#666666;
}



/*
記事内設定
*/

.box{

}


.note{
	position:relative;
	font-weight:bold;
	font-size:18px;
	padding-left:45px;
}

.note:before {
	position:absolute;
	top:3px;
	left:0px;
	font-size:40px;
	color:#EE9003;
	content: " \f044";
	font-family: FontAwesome;
}



.btn01,.btn02,.btn03,.btn04{
	position:relative;
	margin-top:5px;
}

.btn01 a:hover,.btn02 a:hover,.btn03 a:hover,.btn04 a:hover{
	opacity: 0.7;
	/* 以下、ゆっくりフェードインさせる設定 */
	-webkit-transition: 0.5s ease-in-out;  
	-moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out;  
}

.btn01 a{
	display:block;
	padding:20px 15px 20px 20px;
	letter-spacing:0.01em;
	font-weight:bold;
	font-size:17px;
	padding-left:60px;
	background:#FC1619;
	color:#ffffff;
	text-decoration:none;
	height:90px;
}

.btn01 a:before {
	position:absolute;
	top:15px;
	left:10px;
	font-size:40px;
	color:#fff;
	content: " \f0a6";
	font-family: FontAwesome;
}

.btn02 a{
	display:block;
	line-height:1.2;
	padding:15px 20px;
	font-weight:bold;
	font-size:18px;
	padding-left:60px;
	background:#ffce2e;
	color:#ffffff;
	text-decoration:none;
	height:90px;
}

.btn02 span,.btn03 span,.btn04 span{
	display:block;
	font-weight:bold;
	font-size:14px;
}

.btn02 a:before {
	position:absolute;
	top:15px;
	left:10px;
	font-size:40px;
	color:#ffffff;
	content: " \f00c";
	font-family: FontAwesome;
}

.btn03 a{
	display:block;
	padding:20px;
	font-weight:bold;
	font-size:18px;
	padding-left:60px;
	background:#A2CB22;
	color:#ffffff;
	text-decoration:none;
	height:90px;
}

.btn03 a:before {
	position:absolute;
	top:15px;
	left:10px;
	font-size:40px;
	color:#ffffff;
	content: " \f085";
	font-family: FontAwesome;
}

.btn04 a{
	display:block;
	padding:20px;
	font-weight:bold;
	font-size:18px;
	padding-left:60px;
	background:#BC9EF8;
	color:#ffffff;
	text-decoration:none;
	height:90px;
}

.btn04 a:before {
	position:absolute;
	top:15px;
	left:10px;
	font-size:40px;
	color:#ffffff;
	content: " \f15c";
	font-family: FontAwesome;
}




/*
pkdnokai 移植スタイル
*/

/* ------------------------
side
------------------------ */
#side {
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	background-color: #EF93B5;
}
.logo {
	padding-bottom: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
}

.side_menu {
	margin-top: 0px;
	background-color: #EF93B5;
}
.side_menu p{
	margin-top: 5px;
}
.side_menu ul {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.side_menu ul li {
	margin:0 10px;

}
.side_menu ul li+li {
	border-top:1px #fff solid;
}
.side_menu ul li a {
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 10px;
	padding-left:24px;
	padding-right:0;
	padding-top: 10px;
	text-align: left;
	height:44px;
	background:url(https://www.pkdnokai.org/img/ic_side.gif) 2px center no-repeat;
	color:#fff;
	line-height:1.2;
	font-size:15px;
	font-family:'ヒラギノ明朝 Pro W6', Hiragino Mincho Pro,'ヒラギノ明朝 Pro W3', 'ＭＳ 明朝',MS mincho;
}
.side_menu ul li a:hover {
	opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-khtml-opacity: .70; /* Safari 1.x */
	-moz-opacity: .70; /* FF lt 1.5, Netscape */
	zoom:1;
}
.side_menu_ranking{
	background-color: #F6CADB;
	margin: 0px 15px;
	padding-bottom:5px;
	margin-bottom:0px;
}

/* ------------------------
footer
------------------------ */

 #to_top {
	overflow: hidden;
	position: relative;
	clear: both;
	text-align: right;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-bottom: 15px;
	padding-top: 0;
}
#to_top .pagetop {
	position: relative;
	clear: both;
	text-align: right;
	height: 30px;
	margin-top: 0;
	padding-bottom: 0;
	padding-right: 0px;
}

 #to_top a {	
	line-height: 30px;
}


#footer {
    background-color: #eeeeee;
}

.foot_link li a {
	color: #000;
	font-size: 12px;
	text-decoration: none;
}
.foot_link li a:hover {
	color: #000;
	font-size: 12px;
	text-decoration: underline;
}
.foot_link02 li a {
	color: #000;
	font-size: 12px;
	text-decoration: none;
}
.foot_link02 li a:hover {
	color: #000;
	font-size: 12px;
	text-decoration: underline;
}
#copyright {
    padding-top: 20px;
	font-size: 10px;
	text-align: center;
	color: #000000;
}

.foot_link {
    margin-left: auto;
    margin-right: auto;
	margin-bottom:20px;
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

.foot_link ul {
    padding-top: 3px;
    padding-bottom: 3px;
}

.foot_link li {
    font-size: 12px;
    display: inline;
    line-height: 150%;
    border-right: solid 1px #330000;
    margin-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
}

.foot_link li a {
    color: #330000;
    line-height: 150%;
}



/* ------------------------
common
------------------------ */
.rollOver a img {
	opacity: 1.00; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1.00; /* Safari 1.x */
	-moz-opacity: 1.00; /* FF lt 1.5, Netscape */
	zoom:1;
}
.rollOver a:hover img {
	opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-khtml-opacity: .70; /* Safari 1.x */
	-moz-opacity: .70; /* FF lt 1.5, Netscape */
	zoom:1;
}
.left { text-align:left;}
.right { text-align:right;}
.center { text-align:center;}
.floatL { float:left;}
.floatR { float:right;}
.clear { clear:both;}

.ml10 { margin-left:10px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.ml40 { margin-left:40px !important;}
.mr10 { margin-right:10px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}
.mr40 { margin-right:40px;}

.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}

.mb10 {
	margin-bottom: 10px;
}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}

.pl10 { padding-left:10px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}
.pl40 { padding-left:40px;}

.pr10 { padding-right:10px;}
.pr20 { padding-right:20px;}
.pr30 { padding-right:30px;}
.pr40 { padding-right:40px;}

.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}

.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}
.pb40 { padding-bottom:40px;}

.size10 { font-size:10px!important;}
.size11 { font-size:11px!important;}
.size12 { font-size:12px!important;}
.size14 { font-size:14px!important;}
.size16 { font-size:16px!important;}
.size18 { font-size:18px!important;}
.size20 { font-size:20px!important;}
.size22 { font-size:22px!important;}
.size24 { font-size:24px!important;}

strong, .bold{ font-weight:bold;}



table.tabletop{
	width:100%;
}



/* ------------------------
2017年5月24日 追加設定
------------------------ */

.w60{
	width:60%;
}
.w40{
	width:40%;
}


@media (max-width: 767px) {

.left_contents p{
}

.w60{
	width:100%;
}
.w40{
	width:100%;
}

}


/* ------------------------
2017年6月2日 追加設定
------------------------ */

h2.articletitle{
	padding:10px 10px 5px;
	font-weight:bold;
	font-size:25px;
	line-height:150%;
	background:#FBE4EC;
	border-bottom:5px solid #F8CFDD;
	margin-bottom:40px;
}

h2.articletitle01{
	position:relative;
	font-weight:bold;
	font-size:25px;
	line-height:1.4;
	margin:17px 0 10px 0px;
	padding:20px 5px 15px 15px;
	border-left:9px solid #F8CFDD;
	border-bottom: 1px solid #F8CFDD;
	background:#FBE4EC;
}

h3.articletitle01{
	position:relative;
	font-weight:bold;
	font-size:20px;
	line-height:1.4;
	margin:17px 0 10px 0px;
	padding:20px 5px 15px 15px;
	border-left:9px solid #F8CFDD;
	border-bottom: 1px solid #F8CFDD;
	background:#FBE4EC;
}

h3.articletitle02, h4.articletitle02{
	padding:5px;
	font-weight:bold;
	line-height:1;
	border-left:0px solid #F8CFDD;
	border-bottom:1px solid #F8CFDD;
	font-size:18px;
	letter-spacing:-0.7px;
	margin-bottom:10px;
}

h3.articletitle02:before, h4.articletitle02:before{
	content: "◆";
	color:#F8CFDD;
	padding-right:5px;
}

.cbox_ranking h3.campaign-title {
    background:#000000;
	color:#fff;
    padding: 10px!important;
    margin-right: 0px;
	text-align:center;
}

.cbox_ranking h4.campaign-sub {
    margin-right: 10px;
    margin-top: 10px;
    line-height:1.4;
	font-weight:bold;
	color:#EF93B5;
    font-size: 16px;
    margin-left: 0px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* ------------------------
2017年7月27日 追加設定
------------------------ */

.spectable{
	border:1px solid #F8CFDD;
	width:100%;
	font-size:13px;
}

.spectable th{
	text-align:left!important;
	padding:7px; text-align:center; border-bottom:1px solid #F8CFDD; background:#FBE4EC;
	width:17%;
}

.spectable td{
	text-align:left!important;
	padding:7px; text-align:center; border-bottom:1px solid #F8CFDD; border-left:1px solid #F8CFDD;
}

.syutten{
word-wrap:break-word; text-align:right;
}

#clinic h4{
	font-size:16px;
	font-weight:bold;
}

#clinic h4:before{
	padding-right:5px;
	content: " \f0a9";
	font-family: FontAwesome;
}

#clinic .intro{
	padding:15px;
	background:#eeeeee;
}

#clinic .voice{
	font-size:13px;
	padding:15px;
	background:#eeeeee;
}


.foot_link h4{
	color:#330000;
	margin:30px auto 0px;
	font-size:15px;
	font-weight:bold;
	line-height:1.6;
}





/* ------------------------
ランキング 2017年8月5日追加
------------------------ */

h2.ranking{
	margin-top:30px;
	margin-bottom:5px;
}
h2.ranking:before {
	position : relative ;
	top:2px;
	content: url("./images/royal-crown.png");
	font-family: FontAwesome;
}
.innerbox img{
	text-align:center;
	margin:0 auto;
}

.innerbox table.list{
	width:100%;
}
.innerbox .detailbtn{
	margin:20px auto;
	text-align:center;
}
.innerbox .detailbtn a{
	color:#ffffff;
	background:#FFAA00;
	padding:10px 25px;
	font-size:15px;
	text-align:center;
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */  
}
.checks{
	color:#fff;
	background:#EF93B5 !important;
	margin-left:20px;
}
.innerbox .detailbtn a:hover{
	text-decoration:none;
	background:#666666 !important;
	filter: alpha(opacity=70);  
	/* 以下、ゆっくりフェードインさせる設定 */
	-webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out;  
}


@media screen and (max-width: 479px){

.innerbox .detailbtn a{
	margin-top:5px;
	display:block;
}

}


/* ------------------------
ランキング 2017年8月26日追加
------------------------ */

.newentry h3{
	background:#EF93B5;
	padding:10px 15px 7px;
	margin-bottom:15px;
}

.newentry img{
	width:100%;
	height:auto;
}

.newentry a{
	margin-top:15px;
	display:block;
	font-size:13px;
	line-height:1.5;
}

.newentry a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);  
	/* 以下、ゆっくりフェードインさせる設定 */
	-webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out;  
}


/*
グローバル カスタムメニュー
jsディレクトリのdropdown.jsと連動
*/

#menu, #menu ul {
margin: 0;
text-align: center; /* 中央寄せ */
padding: 0;
list-style: none;
}
#menu {
width: 100%;
margin: 0px auto;
background-color: transparent;
border-radius: 0px;
}
#menu:before,
#menu:after {
content: "";
display: table;
}
#menu:after {
clear: both;
}
#menu {
zoom:1;
}
#menu li {
	width:24.5%;
display: inline-block; /* 横並びに */
position: relative;
}
#menu a {
	width:100%;
	background:#ffffff;
	border-top:1px solid #E12F72;
	border-left:1px solid #E12F72;
	border-right:1px solid #EF93B5;
	border-bottom:1px solid #EF93B5;
 display: inline-block; /* 横並びに */
padding: 12px 30px;
color: #000;
text-transform: uppercase;
text-decoration: none;
font-size:12px;
}
#menu a:hover{
background:#0186ba;
	filter: alpha(opacity=70);  
	/* 以下、ゆっくりフェードインさせる設定 */
	-webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out;  
}
#menu li:hover > a {
color: #ffffff;
}
#menu ul {
margin: 20px 0 0 0;
opacity: 0;
visibility: hidden;
position: absolute;
top: 38px;
left: 0;
z-index: 1;    
background: #444;   
background: #FBE4EC;
transition: all .2s ease-in-out;
}
#menu li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
}
#menu ul ul {
top: 0;
left: 150px;
margin: 0 0 0 20px;  
}
#menu ul li {
float: none;
display: block;
border: 0;
}
#menu ul li:last-child {   
box-shadow: none;    
}
#menu ul a {    
padding: 10px;
width: 130px;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
#menu ul a:hover {
background-color: #0186ba;
background-image:#EF93B5;
}
#menu ul li:first-child > a {
border-radius: 3px 3px 0 0;
}
#menu ul li:first-child > a:after {
content: '';
position: absolute;
left: 40px;
top: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #FBE4EC;
}
#menu ul ul li:first-child a:after {
left: -6px;
top: 50%;
margin-top: -6px;
border-left: 0; 
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-right: 6px solid #3b3b3b;
}
#menu ul li:first-child a:hover:after {
border-bottom-color: #0186ba; 
}
#menu ul ul li:first-child a:hover:after {
border-right-color: #0299d3; 
border-bottom-color: transparent;   
}
#menu ul li:last-child > a {
border-radius: 0 0 3px 3px;
}




/*
2017年9月12日
*/

#footmenu h4{
	font-size:14px;
	color:#EF93B5;
	font-weight:bold;
	border-bottom:1px solid #EF93B5;
	padding-bottom:5px;
}

#footmenu h5{
	padding-top:5px;
	font-size:13px;
	color:#EF93B5;
	font-weight:bold;
}

#footmenu ul{
	padding:0px;
	margin:0px;
}

#footmenu ul li{
	padding:0px;
	margin:0px;
	list-style-type:none;
	font-size:12px;
	line-height:1.7;
}

#menu ul li a {
	text-decoration:none;
	list-style-type:none;
	font-size:12px;
	line-height:2.0;
}

#menu ul li a:before {
	content: " \f105";
	padding-right:5px;
	font-family: FontAwesome;
}

.side_menu .logo a:hover{
	text-decoration:none;
	filter: alpha(opacity=70);  
	/* 以下、ゆっくりフェードインさせる設定 */
	-webkit-transition: 0.7s ease-in-out;  
       -moz-transition: 0.7s ease-in-out;  
	-o-transition: 0.7s ease-in-out;  
	transition: 0.7s ease-in-out;  
}

.side_menu .logo h2 span{
	line-height:1.3;
	font-size:14px;
	display:block;
	color:#ffffff;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.side_menu .logo h2 span.big{
	display:block;
	color:#000000;
	font-size:45px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.logobtn{
	margin:0 15px;
	color:#000000;
	font-size:13px;
}

.logobtn span.big{
	display:block;
	color:#000000;
	font-size:18px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.logobtn span{
	display:block;
}

.logobtn a{
	border-left:8px solid #e12f72;
	color:#000000;
	display:block;
	background:#FFAA00;
}

.logobtn a:hover{
	text-decoration:none;
	background:#f7c9da;
	filter: alpha(opacity=70);  
	/* 以下、ゆっくりフェードインさせる設定 */
	-webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out;  
}


.side_menu_ranking span{
	display:block;
}

.topbtn{
	margin:0 auto 30px;
	text-align:center;
}

.topbtn a{
	letter-spacing:0.1em;
	display:block;
	text-decoration:none;
	width:70%;
	font-size:15px;
	background:#FFAA00;
	padding:20px;
	margin:0 auto!important;
	text-align:center;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	color:#ffffff;
}


@media screen and (max-width: 479px){
.topbtn a{
	width:100%;
}
}

.topbtn a:hover{
	background:#f5bacf;
	filter: alpha(opacity=70);  
	/* 以下、ゆっくりフェードインさせる設定 */
	-webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out;  
}

.topbtn a:after {
	content: " \f138";
	color:#e12f72;
	font-size:18px;
	padding-right:10px;
	font-family: FontAwesome;
}

.topbtn span{
	font-size:18px;
}

ul.rankinglist{
	margin:20px;
}

ul.rankinglist li{
	padding-left:45px;
	font-size:16px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	margin-bottom:10px;
}

ul.rankinglist li span{
	font-size:13px;
}

ul.rankinglist li:nth-child(1){
	background-image:url(./images/ranking01.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	background-size:40px 25px;
}

ul.rankinglist li:nth-child(2){
	background-image:url(./images/ranking02.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	background-size:40px 25px;
}

ul.rankinglist li:nth-child(3){
	background-image:url(./images/ranking03.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	background-size:40px 25px;
}

ul.rankinglist li:nth-child(4){
	background-image:url(./images/ranking04.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	background-size:40px 25px;
}

ul.rankinglist li:nth-child(5){
	background-image:url(./images/ranking05.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	background-size:40px 25px;
}

h2.rankingtitle{
	text-align:center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:23px;
	margin:10px auto;
}

h2.rankingtitle span{
	display:block;
	font-size:16px;
}

h2.speclist{
	background:#000000;
	color:#ffffff;
	text-align:center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:16px;
	padding:10px;

}

h3.rectitle{
	background:#e12f72;
	padding:10px;
	color:#fff;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

h3.rectitle span{
	font-size:14px;
}

.recommend ul{
	padding:15px;
}

.recommend ul li{
	color:#e12f72;
}

.recommend ul li:before {
	content: " \f14a";
	padding-right:5px;
	font-family: FontAwesome;
}

h2.title-hikaku{
	text-align:center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:35px;
	line-height:1.6;
}

h2.title-hikaku span{
	display:block;
	font-size:16px;
}

.updatetime{
	text-align:center;
	margin:0 auto;
}

.link04 a {
    display: block;
    width: 100%;
    color: #ffffff;
    background: #FFAA00;
    padding: 10px 25px;
    font-size: 15px;
    text-align: center;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}



/*
2017年12月10日
*/


.siderank01{
	border-bottom:1px solid #EF93B5;
	padding-bottom:10px;
	padding:10px;
	margin:0px 15px;
	background:#F6CADB;
}

.siderank02{
	margin:0px 0px!important;
}

.siderank01 a{
	color:#333;
}

.siderank01 a:hover{
	color:#333;
	filter: alpha(opacity=70);  
	/* 以下、ゆっくりフェードインさせる設定 */
	-webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out;  
}

.siderank01 h3{
	text-align:center;
	font-size:14px;
	font-weight:normal;
	padding:0px 0px;
	margin-bottom:15px;
}


.siderank01 span{
	font-size:12px;
	color:#666666;
}

.btn-banner01 a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);  
	/* 以下、ゆっくりフェードインさせる設定 */
	-webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out;  
}



/* 2017年12月9日 TOC＋カスタムcss等 */



#toc_container {
    margin-top: 20px!important;
    margin-bottom: 20px!important;
    margin-left: 10px!important;
    margin-right: 10px!important;
   width:97%!important;
}

.hairtypebox h4 {
   padding:20px 0 10px;
	margin:0px;
	text-align:center;
}

.hairtypebox ul {
   padding:0px;
	margin:5px 15px 65px;
	padding:10px 15px;
	background:#ffffff;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}

.hairtypebox ul li{
   list-style-type:none;
	font-size:13px;
	line-height:2.2;
}

.hairtypebox ul li:before{
	content: " \f046";
	font-family: FontAwesome;
	padding-right:5px;
}


.hair-title {
    position: relative!important;
    font-weight: bold!important;
    color: #16ACDE!important;
    font-size: 25px!important;
	text-align:center!important;
    line-height: 1!important;
    margin: 10px 0 40px 0px!important;
    padding: 10px 5px 5px 0px!important;
    border-bottom: 4px double #16ACDE!important;
}

.hairtypebox{
	margin:5px 5px 40px;
    position: relative;
}

.typeballoon{
    width: 138px;
    padding: 5px 0 0;
    position: relative;
    display: block;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin: -23px auto 0px;
    border-radius: 7px;
}

.typeballoon:after{
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  content: '';
  margin-left: -10px;
  position: absolute;
  bottom: -13px;
  left: 50%;
}

a.osusumebtn{
	color:#ffffff;
	line-height:1.5;
	width:100%;
	margin:0 auto;
	text-decoration:none;
	font-size:15px;
    padding: 15px 0 10px;
    position: absolute;
    display: block;
	bottom:0;
	text-align: center;
    margin: 0px auto 0px;
}

a.osusumebtn:before{
	content: " \f138";
	font-family: FontAwesome;
	padding-right:5px;
}

a:hover.osusumebtn{
	opacity: 0.7;
	filter: alpha(opacity=70);  
	/* 以下、ゆっくりフェードインさせる設定 */
	-webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out;  
}


.typeA h4{	color:#16ACDE;font-weight:bold;}
.typeA{	border:1px solid #16ACDE;background:#e7f9ff;}
.typeA .typeballoon{background: #16ACDE;}
.typeA .typeballoon:after{border-top: 13px solid #16ACDE;}
.typeA a.osusumebtn{	background:#16ACDE;}

.typeB h4{	color:#FF6C9F;font-weight:bold;}
.typeB{	border:1px solid #FF6C9F;background:#ffeaf1;}
.typeB .typeballoon{background: #FF6C9F;}
.typeB .typeballoon:after{border-top: 13px solid #FF6C9F;}
.typeB a.osusumebtn{	background:#FF6C9F;}

.typeC h4{	color:#FF9C09;font-weight:bold;}
.typeC{	border:1px solid #FF9C09;background:#fff3e2;}
.typeC .typeballoon{background: #FF9C09;}
.typeC .typeballoon:after{border-top: 13px solid #FF9C09;}
.typeC a.osusumebtn{	background:#FF9C09;}

.typeD h4{	color:#2DBDA3;font-weight:bold;}
.typeD{	border:1px solid #2DBDA3;background:#ebfffb;}
.typeD .typeballoon{background: #2DBDA3;}
.typeD .typeballoon:after{border-top: 13px solid #2DBDA3;}
.typeD a.osusumebtn{	background:#2DBDA3;}


@media screen and (max-width: 479px){

.hairtypebox{
	margin:0px 0px 40px;
    position: relative;
}

}

.pagetop{
	position:fixed;
	right:10px;
	bottom:10px;
}
.pagetop a{
	display:block;
	overflow:hidden;
}
.pagetop a:last-child{
	margin-top:4px;
}


.sp_logo{
	margin-top:26px;
	text-align:center !important;
	display:block;
	padding:15px 0 10px 0;
	margin-bottom:-54px;
	background:#EE93B6;
}

#SP_NAV ul{
	margin-left:0px;
	margin-top:-12px;
}
#SP_NAV ul li{
	list-style:none;
}
#SP_NAV ul li a {
    display: block;
    width: 25% !important;
    box-sizing: border-box;
    float: left;
    font-size: 10px;
    text-align: center;
    color: #F26F97;
    font-weight: normal;
    position: relative;
    padding-top: 21px;
    text-decoration: none;
}


@media screen and (max-width: 479px){

.sp_logo img{
	display:inline-block;
	vertical-align:middle;
	margin-right:-9px;
}
.sp_logo p{
	display:inline-block;
	font-size:14px;
	color:#fff;
	vertical-align:middle;
	margin-top:5px;
	text-align:left;
}
.sp_logo p span{
	font-size:16px;
	font-weight:bold;
	color:#fff;
	display:block;
}

#header{
	margin:0 auto 20px;
	text-align:center;
	background:#fff !important;
}

#header{
    position: fixed;
    z-index: 2;
    top: 0;
    display: block;
	background:#ffffff;
	width:100%;
	height:45px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
		-o-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
		-ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}

}


.footer_navigation{
	background:#EF93B5;
	padding:20px 10px;
	text-align:center;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.footer_navigation a{
	text-decoration:none;
	color:#fff;
	font-size:13px;
	margin:0 10px;
	border-right:1px solid #fff;
	padding-right:20px;
}
.footer_navigation a:last-child{
	border-right:none;
	padding-right:0px;
}


@media screen and (max-width: 1024px){

	.footer_navigation{
		display:none;
	}

}

#fixed{
	position:fixed;
	bottom:17px;
	right:55px;
	opacity:0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.scroll{
	opacity:1 !important;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#fixed a{
	color:#ffffff;
	background:#FFAA00;
	padding:7px 20px;
	font-size:14px;
	text-align:center;
}
#fixed a:hover{
	text-decoration:none;
	background:#666666 !important;
	filter: alpha(opacity=70);  
	-webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
	-o-transition: 0.5s ease-in-out;  
	transition: 0.5s ease-in-out;  
}

p.koushikitext {
    margin: 15px;
}


.head_search{
}

#searchform2 {
    padding: 10px;
    text-align:right;
    margin-bottom:-30px;
    margin-right:-9px;
}
#s2 {
    width: 260px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    vertical-align: bottom;
    border: 1px solid #ccc;
    border-radius: 5px 0 0 5px;
    outline: none;
    box-sizing: content-box;
    -webkit-appearance: none;
    color: #999;
    background: #fff;
}

#s2:focus {
    color: #333;
}
#searchsubmit2 {
    width: 32px;
    height: 32px;
    vertical-align: bottom;
    border: 0px solid #F27893;
    border-radius: 0 5px 5px 0;
    margin-left: -5px;
    color: #fff;
	padding-top:4px;
    font-weight:bold;
    background:#444444;
    cursor: pointer;
}
#searchsubmit2:hover {
    background:#DB3A5D;
}
#searchsubmit2:active {
    border: 1px solid #aaa;
    border-right-color: #fff;
    border-bottom-color: #fff;
    box-shadow: 0 1px 0 #ddd,
        0 -1px 0 #fff,
        -1px 0 0 #fff,
        1px 0 0 #ddd;
}

@media screen and (max-width: 479px){
.head_search{
	display:none;
}
}

.company tr {
    text-align: center;
    padding-right: 50px;
    color: #333333;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #ECE1D3;
    max-width: 100%;
}

.company th {
    text-align: center;
    color: #333333;
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #ECE1D3;
    padding: 20px;
}

.company table {
    width: 100%;
}

/* 2018-09 faq contents */
.cbox08.new-content-201809 .ttl01 {
	height: auto;
	line-height: 24px;
	padding: 5px 20px;
}
.cbox08.new-content-201809 .box-wrap {
	margin: 10px auto 20px;
	max-width: 650px;
	background: #fff;
	border :1px solid #000;
}
.cbox08.new-content-201809 .fQuestion {
	display: flex;
	justify-content: space-between;
	border-top: 1px #cccccc dotted;
	padding: 10px 25px;
	font-size: 15px;
	line-height: 2;
}
.cbox08.new-content-201809 .fQuestion:before {
	content: 'Q';
	color: #000;
}
.cbox08.new-content-201809 .fQuestionT {
	flex-basis: calc(100% - 4em);
	position: relative;
}
.cbox08.new-content-201809 .fQuestion:hover {
	background-color: #f9f9f9;
	cursor: pointer;
}
.cbox08.new-content-201809 dl:first-of-type .fQuestion { border: 0; }
/* A */
.cbox08.new-content-201809 dd {display: none;}
.cbox08.new-content-201809 dd .fQuestionA {
	text-indent: -26px;
	padding: 10px 25px 10px 70px;
	border-top: 1px #cccccc dotted;
}
.cbox08.new-content-201809 dd .fQuestionA:before {
	content: 'A';
	font-size: 18px;
	color: #FFAA00;
	margin-right: 10px;
}
.cbox08.new-content-201809 dd ul {
	font-size: 14px;
	line-height: 1.7;
	padding: 0 25px 10px 90px;	
}
/* 開く、閉じる */
.cbox08.new-content-201809 .fQuestion .fQuestionB { text-align: right; }
.cbox08.new-content-201809 .fQuestion .fQuestionB span,
.cbox08.new-content-201809 .fQuestion .fQuestionB:after {
	display: inline-block;
	vertical-align: middle;
}
.cbox08.new-content-201809 .fQuestion .fQuestionB span {
	width: 20px;
	height: 20px;
	background-color: #000;
	border-radius: 50%;
	position: relative;
	margin-right: 5px;
}
.cbox08.new-content-201809 .fQuestion .fQuestionB span:before,
.cbox08.new-content-201809 .fQuestion .fQuestionB span:after {
	content: '';
	display: block;
	position: absolute;
	background-color: #ffffff;
}
.cbox08.new-content-201809 .fQuestion .fQuestionB span:before {
	height: 2px;
	width: 14px;
	left: 3px;
	top: calc(50% - 1px);
}
.cbox08.new-content-201809 .fQuestion .fQuestionB span:after {
	height: 14px;
	width: 2px;
	top: 3px;
	left: 9px;
	z-index: 2;
	transition: transform .2s ease-in;
}
.cbox08.new-content-201809 .fQuestionB.fQuestionBOpen span { background-color: #cccccc; }
.cbox08.new-content-201809 .fQuestionB.fQuestionBOpen span:after {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

@media screen and (max-width: 736px) {
	.cbox08.new-content-201809 .box-wrap {margin: 10px 5%;}
}

.post__h2{
	padding: 5px;
	font-weight: bold;
	font-size: 25px;
	line-height: 150%;
	background: #FBE4EC;
	border-bottom: 5px solid #F8CFDD;
	margin:40px 0 15px 0;
}

.post__h3{
	position: relative;
	font-weight: bold;
	font-size: 20px;
	line-height: 1;
	margin:40px 0 15px 0;
	 padding: 14px 5px 15px 15px;
	border-left: 9px solid #F8CFDD;
	border-bottom: 1px solid #F8CFDD;
	background: #FBE4EC;
}

.post__h4{
	padding: 5px;
	font-weight: bold;
	line-height: 1;
	border-left: 0px solid #F8CFDD;
	border-bottom: 1px solid #F8CFDD;
	font-size: 18px;
	letter-spacing: -0.7px;
	margin:26px 0 10px 0;
}

.post__ul{
	padding: 1em 0 1em 0;
	list-style-type:circle;
}

.post__ul li {
	line-height: 1.5;
	padding: 0.2em 0;
}

.nolink{
    display: inline !important;
    width: auto !important;
    color: #e12f72 !important;
    background: none !important;
    padding: 0 !important;
    font-size: 13px !important;
    text-align: left !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    text-decoration:underline !important;
}

.nolink:before {
    display: none !important;
}