@charset "UTF-8";
/*
Theme Name: アフィリエイトサイトテーマ
Description: 
Description: 
Author: ごっち
Author URI: 
Version: 1.0
*/

/***********************************************************
     Reset
************************************************************/

#global {
	z-index: 10;
	top: 0;
}


#global ul .sub-menu {
    display: none;
}

#global .sub-menu li {
	float: none;
	border-right:none;
}

#s {
	font-size: 10px;
}

/*ウィジェットspanの文字色*/

.cat, .cat-data, .rp-date {
	color: #AAA;
}


/*カルーセルスライダー*/

.swiper-container {
	margin: 1% 2% 1% 2%!important;
	position: relative!important;
	overflow: hidden!important;
}


.swiper-wrapper {
	width: 100%!important;
	height: 250px!important;
}

.swiper-slide {
	width: calc(100% / 4)!important;
	margin: 0 0 0 1px!important;
}

.swiper-slide__inner {
	height: 100%!important;
}

.swiper-slide__inner--item {
	height: 100%!important;
}

.post__thumb--img {
    height: 70%!important;
}

.post__thumb--img img {
	width: 100% !important;
	height: 100%!important;
}

.text-block {
	height: 30%!important;
}

.text-title {
	height: 60%!important;
	overflow: hidden!important;
}

#news .swiper-wrapper, #news-bottom .swiper-wrapper {
	width: 100%!important;
}
#news .swiper-slide, #news-bottom .swiper-slide {
	width: calc(100% / 3)!important;
	margin: 0 0 0 1px!important;
}

#sidebar .swiper-wrapper {
	width: 100%!important;
}
#sidebar .swiper-slide {
	width: 100%!important;
	margin: 0 1px 0 1px!important;
}


.swiper-button-next {
    color: #006DD9!important;
}

.swiper-button-prev {
    color: #006DD9!important;
}

.swiper-wrapper .cat:nth-child(3), .swiper-wrapper .cat:nth-child(4), .swiper-wrapper .cat:nth-child(5), .swiper-wrapper .cat:nth-child(6), .swiper-wrapper .cat:nth-child(7), .swiper-wrapper .cat:nth-child(8), .swiper-wrapper .cat:nth-child(9), .swiper-wrapper .cat:nth-child(10) {
	display: none!important;
 }



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

	.swiper-slide {
		width: 100%!important;
		margin: 0 0 0 1px!important;
	}
	
	#news .swiper-slide, #news-bottom .swiper-slide {
		width: 100%!important;
		margin: 0 0 0 1px!important;
	} 
	
	#sidebar .swiper-slide, #sidebar2 .swiper-slide {
		width: 100%!important;
		margin: 0 1px 0 1px!important;
	}
	
	}

	@media screen and (min-width : 431px) and (max-width: 768px) {
    
		.swiper-slide {
			width: calc(100% / 2)!important;
			margin: 0 0 0 1px!important;
		}
		
		#news .swiper-slide,  #news-bottom .swiper-slide {
			width: calc(100% / 2)!important;
			margin: 0 0 0 1px!important;
		}
		
		#sidebar .swiper-slide, #sidebar2 .swiper-slide {
			width: calc(100% / 2)!important;
			margin: 0 1px 0 1px!important;
		}
		
		}
	
		@media screen and (min-width : 769px) and (max-width: 979px) {
			.swiper-slide {
				width: calc(100% / 3)!important;
				margin: 0 0 0 1px!important;
			}
			
			#news .swiper-slide, #news-bottom .swiper-slide {
				width: calc(100% / 3)!important;
				margin: 0 0 0 1px!important;
			}
			
			#sidebar .swiper-slide, #sidebar2 .swiper-slide {
				width: calc(100% / 3)!important;
				margin: 0 1px 0 1px!important;
			}
		}



.widget .rp li {
	height: 90px;
}
		


.widget .rp li img {
	width: 80px;
	height: 70px;
}

.widget .rp-text {
	margin: -70px 0 0 90px;
}

.widget .rp-text .rp-title {
	height: 35px;
	overflow: hidden;
}

.widget .popular-articles li {
	height: 90px;
}


.widget .popular-articles img {
	width: 80px;
	height: 70px;
}

.widget .popular-articles-text {
	margin: -70px 0 0 90px;
}

.widget .popular-articles-title {
	height: 35px;
	overflow: hidden;
}




.superads-social-sharing {
	width: 300px;
	height: 35px;
	margin-top: 10px;
	margin-bottom: 50px;
	display: none;
}


.superads-social-sharing li {
    width: 35px;
    height: 35px;
    display: inline-block;
}

.shar-title {
	display: block;
	white-space: nowrap;
	font-size: .5em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 11px;
}

.superads-social-icons {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

.superads-social-icons .twitter-shar a {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 3px;
	background-image: url("images/twitter-shar.png");
	margin-bottom: 10px;
}

.superads-social-icons .twitter-shar a:hover {
    opacity: 0.8;
}

.superads-social-icons .facebook-shar a {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 3px;
	background-image: url("images/facebook-shar.png");
	margin-bottom: 10px;
}

.superads-social-icons .facebook-shar a:hover {
    opacity: 0.8;
}

.superads-social-icons .line-shar a {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 3px;
	background-image: url("images/line-shar.png");
	margin-bottom: 10px;
}

.superads-social-icons .line-shar a:hover {
    opacity: 0.8;
}

.superads-social-icons .hatena-shar a {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 3px;
	background-image: url("images/hatena-shar.png");
	margin-bottom: 10px;
}

.superads-social-icons .hatena-shar a:hover {
    opacity: 0.8;
}

.superads-social-icons .pinterest-shar a {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 3px;
	background-image: url("images/pinterest-shar.png");
	margin-bottom: 10px;
}

.superads-social-icons .pinterest-shar a:hover {
    opacity: 0.8;
}

.superads-social-icons .pocket-shar a {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 3px;
	background-image: url("images/pocket-shar.png");
	margin-bottom: 10px;
}

.superads-social-icons .pocket-shar a:hover {
    opacity: 0.8;
}

.superads-social-icons .note-shar a {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 3px;
	background-image: url("images/note-shar.png");
	margin-bottom: 10px;
}

.superads-social-icons .note-shar a:hover {
    opacity: 0.8;
}

#profile-box {
	color: #333 !important;
	margin: 10px 5px 20px !important;
	text-align: center !important;
}

.profile-status-box {
	width: auto !important;
	height: auto !important;
	margin-top: 20px !important;
}

.profile-image {
	display: block !important;
	text-align: center !important;
}

.profile-image img {
	width: 100px !important;
	height: 100px !important;
	margin-bottom: 5px !important;
}

.profile-name {
	font-size: 1.6em !important;
	font-weight: bold !important;
	display: block !important;
}

.profile-sns-box {
	width: auto !important;
	height: auto !important;
	text-align: center !important;
	margin: 30px auto 40px auto !important;
}

.profile-sns-title {
	color: #333 !important;
	display: block !important;
    font-size: 1em !important;
	margin-bottom: 10px !important;
}

.profile-sns-icons {
	padding: 0 !important;
	list-style: none !important;
	display: flex !important;
	width: auto !important;
	justify-content: center !important;
	margin: 0 auto !important;
}

.widget .profile-sns-box li {
	border-bottom: none;
	margin: 0;
	padding: 0;
	background-image: none;
	background-position: 0;
}

.profile-sns-icons .twitter-shar a {
	display: block !important;
	width: 35px !important;
	height: 35px !important;
	border-radius: 3px !important;
	background-image: url("images/twitter-shar.png") !important;
	margin-right: 5px !important;
}

.profile-sns-icons .twitter-shar a:hover {
    opacity: 0.8 !important;
}

.profile-sns-icons .facebook-shar a {
	display: block !important;
	width: 35px !important;
	height: 35px !important;
	border-radius: 3px !important;
	background-image: url("images/facebook-shar.png") !important;
	margin-right: 5px !important;
}

.profile-sns-icons .facebook-shar a:hover {
    opacity: 0.8 !important;
}

.profile-sns-icons .insta-shar a {
	display: block !important;
	width: 35px !important;
	height: 35px !important;
	border-radius: 3px !important;
	background-image: url("images/insta-shar.png") !important;
	margin-right: 5px !important;
}

.profile-sns-icons .insta-shar a:hover {
    opacity: 0.8 !important;
}

.profile-sns-icons .youtube-shar a {
	display: block !important;
	width: 35px !important;
	height: 35px !important;
	border-radius: 3px !important;
	background-image: url("images/youtube-shar.png") !important;
	margin-right: 5px !important;
}

.profile-sns-icons .youtube-shar a:hover {
    opacity: 0.8 !important;
}

.profile-sns-icons .tiktok-shar a {
	display: block !important;
	width: 35px !important;
	height: 35px !important;
	border-radius: 3px !important;
	background-image: url("images/tiktok-shar.png") !important;
	margin-right: 5px !important;
}

.profile-sns-icons .tiktok-shar a:hover {
    opacity: 0.8 !important;
}

.profile-sns-icons .note-shar a {
	display: block !important;
	width: 35px !important;
	height: 35px !important;
	border-radius: 3px !important;
	background-image: url("images/note-shar.png") !important;
}

.profile-sns-icons .note-shar a:hover {
    opacity: 0.8 !important;
}

.profile-rss-icons {
	padding: 0 !important;
	margin: 10px 0 0 0 !important;
	list-style: none !important;
	display: flex !important;
	justify-content: center !important;
	width: auto !important;
}

.profile-rss-icons .rss-shar a {
	display: block !important;
	width: 35px !important;
	height: 35px !important;
	border-radius: 3px !important;
	background-image: url("images/rss-shar.png") !important;
	margin-right: 5px !important;
}

.profile-rss-icons .rss-shar a:hover {
    opacity: 0.8 !important;
}

.profile-rss-icons .feedly-shar a {
	display: block !important;
	width: 35px !important;
	height: 35px !important;
	border-radius: 3px !important;
	background-image: url("images/feedly-shar.png") !important;
}

.profile-rss-icons .feedly-shar a:hover {
    opacity: 0.8 !important;
}

.profile-self {
	text-align: center !important;
}

.profile-self h1 {
    color: #333 !important;
	margin-bottom: 10px !important;
}

.profile-self p {
	text-align: center!important;
	font-size: 0.9em!important;
	white-space: pre-wrap!important;
}

.profile-self p a {
	color: #006DD9 !important;
}



/* 追従するサイドバー */
.hoge_fixed {
	position: fixed !important;
	top: 40px !important;
    width: 240px !important;
}

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

	.hoge_fixed {
		position: static !important;
		width: inherit !important;
	}

}



.list7 {
	margin: 0 5% 5%;
	text-align: left;
  }
  .list7-title {
	display: inline-block;
	padding: 1px 10px 0 10px;
	background: #df5656;
	color: #fff;
	letter-spacing: 0.1em;
	font-weight: bold;
  }
  .list7 ul,.list7 ol {
	color: #444;
	margin: 0;
	padding: 5px;
	position: relative;
	border: solid 2px #df5656;
  }
  

  .list7 ul{
	counter-reset:list;
	list-style-type:none!important;
	font: 14px/1.6 'arial narrow', sans-serif;
  }
  .list7 ul li{
	position:relative;
	padding: 0 0 0 20px;
	margin: 7px 0 7px 10px;
	font-weight: bold;
	font-size:14px;
	line-height: 30px;
  }
  .list7 ul li:before{
	counter-increment: list;
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	height: 0;
	width: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #df5656;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
  }



  .list7 ol{
	counter-reset:list;
	list-style-type:none!important;
	font: 14px/1.6 'arial narrow', sans-serif;
  }
	
  .list7 ol li{
	position:relative;
	line-height: 15px;
	margin: 7px 0 22px 30px;
	padding-left: 10px;
	font-weight: bold;
	font-size:14px;
  }

  .list7 ol li:first-child {
	margin: 15px 0 22px 30px;
  }

  .list7 ol li:last-child {
	margin: 7px 0 15px 30px;
  }
	
  .list7 ol li:before{
	counter-increment: list;
	content: counter(list);
	position: absolute;
	left: -20px;
	width: 15px;
	height: 15px;
	background: #df5656;
	text-align: center;
	color: #fff;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
  }



.Frame-border1 {
	margin: 1% auto;
	padding: 5px;
	text-align: left;
	border: solid 2px #df5656;
	white-space: pre-wrap;
	max-width: 28em;
	height: 28em;

}

.Frame-border2 {
	margin: 1% auto;
	padding: 5px;
	text-align: left;
	border: solid 2px #df5656;
	white-space: pre-wrap;
	max-width: 20em;
	height: 20em;

}

.Frame-border3 {
	margin: 1% auto;
	padding: 5px;
	text-align: left;
	border: solid 2px #df5656;
	white-space: pre-wrap;
	max-width: 13em;
	height: 13em;

}

.Frame-border4 {
	margin: 1% auto;
	padding: 5px;
	text-align: left;
	border: solid 2px #df5656;
	white-space: pre-wrap;
	max-width: 38em;
	height: 16em;

}

.Frame-border5 {
	margin: 1% auto;
	padding: 5px;
	text-align: left;
	border: solid 2px #df5656;
	white-space: pre-wrap;
	max-width: 28em;
	height: 11em;

}

.Frame-border6 {
	margin: 1% auto;
	padding: 5px;
	text-align: left;
	border: solid 2px #df5656;
	white-space: pre-wrap;
	max-width: 18em;
	height: 7em;

}

.Frame-border7 {
	margin: 1% auto;
    padding: 16%;
    border: solid 2px #df5656;
	border-radius: 100%;
	white-space: pre-wrap;
	max-width: 28em;
    height: 28em;
}

.Frame-border8 {
	margin: 1% auto;
    padding: 15%;
    border: solid 2px #df5656;
	border-radius: 100%;
	white-space: pre-wrap;
	max-width: 20em;
    height: 20em;
}

.Frame-border9 {
	margin: 1% auto;
    padding: 6%;
    border: solid 2px #df5656;
	border-radius: 100%;
	white-space: pre-wrap;
	max-width: 13em;
    height: 13em;
}


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

.Frame-border1, .Frame-border7 {
    height: 20em;
    }
.Frame-border4 {
	height: 10em;
	}
}
  
/* リンクカード */
.pb-btn{
	margin: 3em auto;
	max-width:500px;
	width:80%;
	position:relative;
  }
  .pb-btn p{
	margin:0 !important;
	padding:0 !important;
  }
  .pb-btn a{
	display:block;
	padding:1.5em 2em 1.3em;
	color:#444444 !important;
	background:#FAFAFA;
	border:2px solid #aaa;
	font-size:16px !important;
	font-weight:600;
	position:relative;
	transition:all 0.2s;
	text-decoration:none;
  }
  .pb-btn .pb-btn__text{
	max-width: 90%;
	display: block;
	line-height:1.8;
  }
  .pb-btn .pb-btn__label{
	background: #df5656;
	color: #fff;
	display: inline-block;
	padding: 0.5em 1em !important;
	font-size: 12px !important;
	line-height: 12px;
	font-weight: 600;
	letter-spacing: 0.5px;
	position:absolute;
	top: -12px;
	left: 23px;
	z-index: 1;
  }
  .pb-btn .pb-btn__add{
	font-size:12px !important;
	letter-spacing:0.5px;
	margin: 7px auto 0 !important;
	max-width:90%;
	color: #df5656;
	font-weight:600;
	text-align:center;
  }
  .pb-btn a:after{
	position: absolute;
	content: "";
	display: inline-block;
	right: 7%;
	top: 50%;
	width: 9px;
	height: 9px;
	border-top: 3px solid #006DD9;
	border-right: 3px solid #006DD9;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
  }
  .pb-btn a:hover{
	border-color:#df5656;
	transition:0.2s;
	text-decoration:none;
	opacity:1;
  }
  @media screen and (max-width:600px) {
	.pb-btn{
	  width:90%;
	}
	.pb-btn a {
	  padding: 1.3em 1.3em 1.2em;
	  font-size:14px !important;
	}
	.pb-btn .pb-btn__label{
	  left:14px;
	}
	.pb-btn .pb-btn__add{
	  text-align:left;
	}
  }


  .tab-wrap{
	background-color: #fff;
  }
   
  .tab-wrap .tab-ul {
	display: flex;
	background: #f0f0f0;
	margin: 0!important;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa; 
  }
   
  .tab-btn {
	margin-right: 1px!important;
	list-style: none;
	cursor: pointer;
	width: calc(100%/3);
	height: 50px;
	border-bottom: 3px solid #666666;
	box-sizing: border-box;
	background-color: #f0f0f0;
	line-height: 50px;
	font-size: 16px;
	color: #666;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
  }

  .tab-btn:hover {
	opacity: 0.75;
}
   
  .tab-btn.show {
	background: #666;
	border-top: 2px solid #666;
	color: #fff;
  }
   
  .tab-contents {
	display: none;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	box-sizing: border-box;
	padding: 3%;
    clear: both;
	overflow: hidden;
  }
   
  .tab-contents.show {
	display: block;
	padding: 20px;
  }


  :root {
    --columns-default: 1; /* デフォルトのカラム数 */
    --columns-medium: 2; /* 600px以上でのカラム数 */
    --columns-large: 3; /* 960px以上でのカラム数 */
    --gap-value: 10px; /* 間隔 */
}

.column-container1, .column-container2, .column-container3, .column-container4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: var(--gap-value);
}

.column-container1 .column1, .column-container2 .column2, .column-container3 .column3, .column-container4 .column4 {
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
	white-space: pre-wrap;
}

.column-container1 .column1 {
    flex: 0 0 calc(100% / var(--columns-medium) - var(--gap-value));
}

.columns3 {
	width: 66%;
}

.columns4 {
	width: 32%;
}

.columns1 {
	width: 32%;
}

.columns2 {
	width: 66%;
}

.column-container4 .column4 {
    flex: 0 0 calc(100% / var(--columns-default) - var(--gap-value));
}

@media (max-width: 599px) {
    .column-container1 .column1 {
        flex: 0 0 calc(100% / var(--columns-default) - var(--gap-value));
    }

	.column-container2, .column-container3 {
		flex-direction: column;
	}

	.columns1, .columns2, .columns3, .columns4 {
		width: 100%;
	}
    
    }

@media (min-width: 769px) {
    .column-container4 .column4 {
        flex: 0 0 calc(100% / var(--columns-large) - (var(--columns-large) - 1) * var(--gap-value) / var(--columns-large));
    }
}

.flow_design09 {
	display: flex;
	justify-content: center;
	align-items: center;
  }
  
  .flow09 {
	padding-left: 0;
	border-bottom: solid 1px #cccccc;
  }
  
  .flow09 > li {
	list-style-type: none;
	display: flex;
	padding: 20px 0!important;
	border-top: solid 1px #cccccc;
  }
  
  .flow09 > li dl dt {
	font-size: 1.2em;
	line-height: 2;
	font-weight: bold;
	margin-bottom: 10px;
  }
  
  .flow09 > li .icon09 {
	line-height: 1;
	font-size: 2em;
	font-weight: bold;
	color: #E26B5D;
	text-align: center;
	width: 70px;
	position: relative;
	margin-top: 0;
  }
  
  .flow09 > li .icon09::before {
	content: 'STEP';
	font-size: 0.3em;
	display: block;
	margin-bottom: 3px;
	letter-spacing: 1px;
  }
  
  .flow09 > li .icon09::after {
	content: "";
	display: block;
	width: 1px;
	height: calc(100% - 40px);
	background-color: #cccccc;
	position: absolute;
	left: 0;
	right: 0;
	top: 60px;
	margin: auto;
  }
  
  .flow09 > li dl dd {
	margin: 0;
  }
  
  .flow09 > li dl {
	width: calc(100% - 70px);
	margin-top: 0.8em;
  }
  
  .flow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	width: 95%;
	box-sizing: border-box;
  }

  .flow ul {
	padding: 0;
  }

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

  .flow dd {
	margin-left: 0;
  }

  .flow > li {
	-ms-flex-preferred-size: 22%;
	flex-basis: 22%;
  }
  .flow > li .icon {
	font-family: 'Montserrat', sans-serif;
	font-size: 18px;
	line-height: 50px;
	width: 50px;
	color: #fff;
	background: #81d742;
	margin: 0 auto 20px;
	display: block;
	border-radius: 50%;
	text-align: center;
	position: relative;
	letter-spacing: 2px;
  }
  .flow > li .icon::before {
	content: "";
	border: solid transparent;
	border-width: 8px;
	border-top-color: #81d742;
	position: absolute;
	top: calc(100% - 2px);
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
  }
  .flow > li dl {
	height: 330px;
	padding: 30px 20px;
	margin: 0;
	border: 3px solid #81d742;
	position: relative;
  }
  .flow > li:not(:last-child) dl::before {
	content: "";
	width: 14px;
	height: 14px;
	margin-right: 10px;
	display: inline-block;
	border-top: 4px solid #006DD9;
	border-right: 4px solid #006DD9;
	position: absolute;
	top: calc(50% - 14px);
	left: 104%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
  }
  .flow > li dl dt {
	font-size: 20px;
	font-weight: 600;
	color: #81d742;
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
	margin-bottom: 1vh;
	text-align: center;
  }


/*--------------------
 吹き出しを作る
--------------------*/
.balloon {
	margin: 0 5% 2em;
	position: relative;
	}
	.balloon:before,.balloon:after {
	clear: both;
	content: "";
	display: block;
	}
	.balloon figure {
	width: 60px;
	height: 60px;
	}
	.balloon-image-left {
	float: left;
	margin-right: 20px;
	}
	.balloon-image-right {
	float: right;
	margin-left: 20px;
	}
	.balloon figure img {
	width: 100%;
	height: 100%;
	border: 1px solid #aaa;
	border-radius: 50%;
	margin: 0;
	}
	.balloon-image-description {
	padding: 5px 0 0;
	font-size: 10px;
	text-align: center;
	}
	.balloon-text-right,.balloon-text-left {
	position: relative;
	padding: 10px;
	border: 1px solid;
	border-radius: 10px;
	max-width: -webkit-calc(100% - 120px);
	max-width: calc(100% - 120px);
	display: inline-block;
	}
	.balloon-text-right {
	border-color: #aaa;
	}
	.balloon-text-left {
	border-color: #aaa;
	}
	.balloon-text-right {
	float: left;
	}
	.balloon-text-left {
	float: right;
	}
	.balloon p {
	margin: 0 0 20px;
	}
	.balloon p:last-child {
	margin-bottom: 0;
	}
	/* 三角部分 */
	.balloon-text-right:before {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-right: 10px solid #aaa;
	top: 15px;
	left: -20px;
	}
	.balloon-text-right:after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-right: 10px solid #fff;
	top: 15px;
	left: -19px;
	}
	.balloon-text-left:before {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-left: 10px solid #aaa;
	top: 15px;
	right: -20px;
	}
	.balloon-text-left:after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-left: 10px solid #fff;
	top: 15px;
	right: -19px;
	}



	.arrow-clippath1 {
		position: relative;
		display: inline-block;
		width: 150px;
		height: 150px;
		background-color: #df0909;
		clip-path: polygon(0 33%, 50% 33%, 50% 15%, 100% 50%, 50% 85%, 50% 67%, 0 67%);
	  }

	  .arrow-clippath2 {
		position: relative;
		display: inline-block;
		width: 150px;
		height: 150px;
		background-color: #df0909;
		clip-path: polygon(0 33%, 50% 33%, 50% 15%, 100% 50%, 50% 85%, 50% 67%, 0 67%);
		transform: rotate(90deg);
	  }



/************************************
** 比較棒グラフ
************************************/
.ub-bar-graph{
	margin: 0 5% 5% !important; 
	padding:2em !important;
	background:#fff;
	border: 1px solid #aaa;
	color: #444444;
  }
  .ub-bar-graph__title{
	letter-spacing: 1.5px !important;
	line-height:1.8 !important;
	font-size: 1.2em  !important;
	margin: 0 auto 2.5em !important;
	padding: 5px 0 !important;
	border-bottom: 1px dashed #aaa;
	font-weight:600 !important;
  }
  .ub-bar-graph .dl > div{
	margin: 0 auto 2.5em !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 30px;
	font-size: 0.9rem;
	position:relative;
	box-shadow: 0 3px 5px rgba(0,0,0,.03);
  }
  .ub-bar-graph .dl > div:last-child{
	margin: 0 !important;
  }
  .ub-bar-graph .dl > div .dt{
	background:#c6f3f8;
	border-right: 2px solid #fff;
  }
  .ub-bar-graph .dl > div #ub-bar-graph__em{
	background:#bcdbf7;
  }
  .ub-bar-graph .dl > div .dd{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex:1;
	margin:0 !important;
	font-size:1em;
	background:#f0f0f0;
  }
  .ub-bar-graph .dl > div .dt > span,.ub-bar-graph .dl > div .dd > span{
	position:absolute;
	z-index: 1;
	color:#444444;
	font-size: 1em;
	line-height: 1.5;
  }
  .ub-bar-graph .dl > div .dt > .ub-bar-graph__content{
	left:0px;
	top:-20px;
  }
  .ub-bar-graph .dl > div .dd >  .ub-bar-graph__value{
	right:5px;
	top:5px;
  }
  @media screen and (max-width: 560px) {
	.ub-bar-graph{
	  padding:2em 1em !important;
	}
	.ub-bar-graph .dl > .div{
	  margin: 0 auto 2em !important;
	}
  }


/*円グラフ*/
.pie-chart {
	margin: 0 5% 5%;
	padding:2em;
	background:#fff;
	border: 1px solid #aaa;
	color: #444444;
}

	.pie-chart-3 {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 5% 5%
	}
	
	.pie-chart-3 > div {
		width: 300px;
		height: 300px;
		margin: 0;
		border-radius: 50%;
	}

	.pie-chart-3 ol {
		margin-left: 5%;
	}
	
	.pie-chart-3 li {
		display: flex;
		list-style-type: none;
		align-items: start;
		font-size: 1.0em;
		color: #444444;
		width: 200px;
	}
	
	.pie-chart-3 li::before {
		display: inline-block;
		width: 1.4em;
		height: 1.0em;
		margin-right: 10px;
		margin-top: 3px;
		content: '';
	}
	
	.pie-chart-3 li:nth-child(1)::before {
		background-color: #FFFFCC;
	}
	
	.pie-chart-3 li:nth-child(2)::before {
		background-color: #FFFF66;
	}

	.pie-chart-3 li:nth-child(3)::before {
		background-color: #FFFF00;
	}

	.pie-chart-4 li:nth-child(4)::before {
		background-color: #FFCCCC;
	}

	.pie-chart-4 li:nth-child(5)::before {
		background-color: #FF9999;
	}
	
	.pie-chart-3 span {
		margin-right: 10px;
		font-weight: 600;
	}
	


/*口コミボックス*/
.review {
	max-width: 400px;
	border: solid 1px #aaa;
	margin: 0 auto 5%;
	text-align: left;
}

.review .profile {
	display: flex;
	align-items: center;
	padding: 10px;
}

.review .icon {
	width: 60px;
	height: 60px;
	margin-right: 10px;
}

.review .icon img {
	width: 100%;
	height: 100%;
	border: 1px solid #aaa;
	border-radius: 50%;
	margin: 0;
}

.review .profile p {
	margin: 0;
	font-weight: bold;
}

.review .box-content {
	margin: 10px;
}



/*５つ星レビュー*/
.rate {
    position: relative;
    display: inline-block;
    width: 150px;
	text-align:right;
}


.rate::before, .rate::after {
    position: absolute;
    display: inline-block;
    content: "★★★★★";
}

.rate::before {
	color: #ffb906;
}
.rate::after {
	overflow: hidden;
	color: #c4c4c4;
}

.rate-wrap1, .rate-wrap2, .rate-wrap3, .rate-wrap4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    margin: 0 auto;
    font-weight: bold;
}


.rate-wrap1 .rate, .rate-wrap2 .rate {
    height: 25px;
	font-size: 25px;
	bottom: 8px;
}

.rate-wrap1 .rate::before, .rate-wrap1 .rate::after {
    height: 25px;
	line-height: 25px;
	right: 60px;
	top: 7px;
}

.rate-wrap2 .rate::before, .rate-wrap2 .rate::after {
	height: 25px;
	line-height: 25px;
	right: 100px;
	top: 7px;
}

.rate-wrap1, .rate-wrap2 {
    width: 330px;
	font-size: 25px;
}


.rate-wrap1 .rate0::after, .rate-wrap2 .rate0::after {
	width: 125px;
}

.rate-wrap1 .rate1::after, .rate-wrap2 .rate1::after {
	width: 100px;
}

.rate-wrap1 .rate2::after, .rate-wrap2 .rate2::after {
	width: 75px;
}

.rate-wrap1 .rate3::after, .rate-wrap2 .rate3::after {
	width: 50px;
}

.rate-wrap1 .rate4::after, .rate-wrap2 .rate4::after {
	width: 25px;
}

.rate-wrap1 .rate5::after, .rate-wrap2 .rate5::after {
	width: 0px;
}



.rate-wrap3 .rate, .rate-wrap4 .rate {
    height: 15px;
	font-size: 15px;
	bottom: 4px;
}

.rate-wrap3 .rate::before, .rate-wrap3 .rate::after {
    height: 15px;
	line-height: 13px;
	right: 40px;
	top: 5px;
}

.rate-wrap4 .rate::before, .rate-wrap4 .rate::after {
	height: 15px;
	line-height: 13px;
	right: 100px;
	top: 5px;
}

.rate-wrap3, .rate-wrap4 {
    width: 200px;
	font-size: 15px;
}

.rate-wrap3 .rate0::after, .rate-wrap4 .rate0::after {
	width: 75px;
}

.rate-wrap3 .rate1::after, .rate-wrap4 .rate1::after {
	width: 60px;
}

.rate-wrap3 .rate2::after, .rate-wrap4 .rate2::after {
	width: 45px;
}

.rate-wrap3 .rate3::after, .rate-wrap4 .rate3::after {
	width: 30px;
}

.rate-wrap3 .rate4::after, .rate-wrap4 .rate4::after {
	width: 15px;
}

.rate-wrap3 .rate5::after, .rate-wrap4 .rate5::after {
	width: 0px;
}

.rate-wrap2, .rate-wrap4 {
    color: #fff;
}





/*ビフォーアフター*/
.beaf-box {
	display: flex!important;
	 align-items: center!important;
	 margin: 0 1% 5% 5%!important;
 }
 
 .before-box, .after-box {
	 border: solid 1px #aaa!important;
	 width: 40%!important;
 }
 
 .arrow-clippath3 {
	position: relative!important;
	display: inline-block!important;
	width: 70px!important;
	height: 200px!important;
	margin: 1%!important;
	background-color: #df0909!important;
	clip-path: polygon(0 33%, 50% 33%, 50% 15%, 100% 50%, 50% 85%, 50% 67%, 0 67%)!important;
  }
 
 .before-title, .after-title {
	 font-weight: bold!important;
	 background: none!important;
	 text-align: center!important;
	 color: #444444!important;
	 -webkit-box-shadow: none!important;
 }
 
 .before-img, .after-img {
	 height: 50%!important;
	 padding: 7px 5px 7px 5px!important;
 }
 
 .before-img img, .after-img img {
	 width: 100%!important;
	 height: 100%!important;
	 border: 1px solid #aaa!important;
	 margin: 0!important;
 }
 
 .before-text, .after-text {
	 text-align: left!important;
 }
 
 .before-name, .after-name {
	 font-size: 1em!important;
	 background: none!important;
	 color: #444444!important;
	 padding: 7px 5px 7px 5px !important;
	 -webkit-box-shadow: none!important;
	 border-bottom: none!important;
     border-left: none!important;
 }
 
 .beaf-box p {
	 padding: 7px 5px 7px 5px!important;
 }


 .btn_kakumaru1, .btn_kakumaru2, .btn_kakumaru3, .btn_kakumaru4 {
 color: #fff!important;
 text-decoration: none!important;
 }

 .btn_kakumaru1{
	border:1px solid #df0909; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:1.6em; font-family:arial, helvetica, sans-serif; padding: 28px 10px 28px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
	 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
	 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
	 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
	 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
	 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
	 background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
	 width:74%;
	}
	
	.btn_kakumaru1:hover{
	 border:1px solid #b30808;
	 background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
	 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
	 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
	 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
	 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
	 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
	}
	
	
	.btn_kakumaru2{
		border:1px solid #df0909; -webkit-border-radius: 100vh; -moz-border-radius: 100vh;border-radius: 100vh;font-size:1.6em; font-family:arial, helvetica, sans-serif; padding: 28px 10px 28px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
		 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
		 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
		 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
		 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
		 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
		 background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
		 width:74%;
		}
	
	.btn_kakumaru2:hover{
		border:1px solid #b30808;
		background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
		background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
		background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
		background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
		background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
		background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
		}
	
		.btn_kakumaru3{
			border:1px solid #df0909; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;font-size:1.0em; font-family:arial, helvetica, sans-serif; padding: 14px 5px 14px 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
			 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
			 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
			 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
			 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
			 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
			 background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
			 width: 20%;
			}
		
		.btn_kakumaru3:hover{
			border:1px solid #b30808;
			background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
			background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
			background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
			background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
			background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
			background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
			}
	
			.btn_kakumaru4{
				border:1px solid #df0909; -webkit-border-radius: 100vh; -moz-border-radius: 100vh; border-radius: 100vh;font-size:1.0em; font-family:arial, helvetica, sans-serif; padding: 14px 5px 14px 5px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
				 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
				 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
				 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
				 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
				 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
				 background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
				 width: 20%;
				}
			
			.btn_kakumaru4:hover{
				border:1px solid #b30808;
				background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
				background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
				background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
				background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
				background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
				background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
				}






* {margin: 0; padding:0;}

a {text-decoration:none;}
ul,ol {list-style:none;}
img {max-width :100%; vertical-align: middle; border: 0;}
a img {border: 0;}
input, select {vertical-align:middle;}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre { margin-top: 0}

/***********************************************************
          Normalize
************************************************************/
/*! normalize.css v2.0.1 | MIT License | git.io/normalize.css */
/* HTML5 display definitions */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block}
audio,canvas,video {display : inline-block}
audio:not([controls]) { display: none;height: 0}
[hidden] {display: none}
/* Links */
a:focus { outline: thin dotted}
a:hover,a:active { outline : 0}
/* 禁則処理の追加 */
p,li,dt,dd,th,td,pre{-ms-line-break: strict; line-break: strict; -ms-word-break: break-strict; word-break: break-strict}
abbr[title] { border-bottom : 1px dotted}
b, strong { font-weight : bold}
dfn { font-style: italic}
mark { background: #ff0; color: #000}
code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em}
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word}
q {quotes: “\201C” “\201D” “\2018” “\2019”;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}
svg:not(:root) {overflow: hidden}
figure {margin: 0}
/* Forms */
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0; }
button, input, select, textarea {font-family: inherit; font-size: 100%; margin: 0; }
button,input {line-height: normal; }
button,
input[type="button"],  
input[type="reset"], 
input[type="submit"] {
-webkit-appearance: button; 
cursor: pointer; }/
}
button[disabled],
input[disabled] {cursor: default}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box;  padding: 0; }
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;  box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}
textarea {overflow: auto; vertical-align: top; }
/* Tables */
table { border-collapse: collapse; border-spacing: 0;}


/***********************************************************
          Base Setting
************************************************************/
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	line-height:1.5;
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%;
/*	background:url("./images/bg.png") repeat-y scroll center top;*/
}

div {
    overflow-wrap: break-word;
}

#container{
	/*	background:url("./images/bg.png") repeat-y scroll center top;*/
	
	}

/* Link */
a { color:#333;}

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

/* Fontsize */
p {
	font-size:1em;
	margin-bottom:1em;
	color:#444;
}

h1 {
	font-size: 1.5em;
	line-height:1;
	margin-bottom:0.5em;
}

h2 {
	font-size: 1.063em;
	line-height:1.3333;
}

h3 {
	font-size: 1em;
	line-height:1;
}

/* Image */
img {max-width:100%;}

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

.alignleft	{float: left;
	margin-right: 10px;
	margin-bottom: 10px}

.alignright	{float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align:right}

.wp-caption	{border: solid 1px #aaaaaa;
	text-align: center;
	padding-top: 5px}


.content-img{
	float:left;
}

.content-txt{
	float:left;
	padding:0 0 0 10px;
	max-width: 390px;
}

.content-txt h1, .content-txt h2, .content-txt h3, .content-txt h4, .content-txt h5, .content-txt h6 {
	color: #ffffff;
	display: none;
}

.content-txt img {
	display: none;
}

.post-categories li{
	margin-right:5px;
	background:#666666;
	padding: 1px 5px 1px 5px;
	border-radius:5px;
	margin-bottom: 3px;
}

.post-categories li a,.post-categories li a:link,.post-categories li a:visited{
	color:#ffffff;
	font-size:10pt;
}

.content-btn{
	clear:both;
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	width:150px;
	border:1px solid #555555;
	background:#cccccc;
	text-align:center;
	padding:4px 5px 2px 5px;
	border-radius:3px;
}

/* テーブル */
table {
	font-size: 76%;
	text-align:left;
	width: 100%;
	border-left: #aaa solid 1px;
	border-top: #aaa solid 1px;
	background:#fff;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 24px;
}

table a {
	color:#0000FF;
}

th, td {
		padding:6px 8px;
		vertical-align:top;
		border-right:#aaa solid 1px;
		border-bottom:#aaa solid 1px;
}

th {
		font-weight:bold;
		background:#E6E6E6;
}

/* clearfix */
.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    zoom: 1; /* for IE6/7 */
}


.list-ttl{
	font-weight:bold;
	font-size:12pt;
	margin-top:20px;
	margin-bottom:5px;
    color: #ffffff;
    padding:3px 0 3px 3px;
}

.av-wrap{
	border-top: 1px solid #9B8164;
}

.av-wrap:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.av-thm{
	float:left;
}

.av-thm img{
	width:120px;
	height:84px;
}

.av-txt{
	padding:10px 1px 1px 130px;
	margin:0;
	line-height:120%;
}

.av-txt a,.av-txt a:visited{
	text-decoration:none;
}

.category-description{
	border-bottom:1px solid #cccccc;
	margin-top:0.6em;
}

.breadcrumbs-in li.bcl-first::before {
    content:"";
}
.breadcrumbs-in li::before {
    content: ">　";
}

.gallery-list-top h2{
    font-size: 64.8%;
    font-weight: normal;
}

.gallery-list-top .content {
	position: relative;
}

#news .widget,#news-bottom .widget{
	border:none;
}

/*グローバル下*/

#top_mcs{
	margin:5px auto 0;
	width:1200px;
	background:#ffffff;
}

#top_mcs .widget{
	border:none;
	margin: 0 0 10px;
}

/***********************************************************
          Mobile　〜767px
************************************************************/
/* * * * * Set * * * * */
body {
	font-size:93.8%;
	-webkit-font-smoothing: subpixel-antialiased; /* 文字アンチエイリアス 強調 */
}

/* Header */
header {
	text-align:center;
	margin:0 auto 0;
}

/* Contents */
#contents {
	width:94%;
	margin : 0 auto;
	text-align : left;
	background:#ffffff;
}

#main{
	background:#FFF;
}
#sidebar ,#sidebar2{
	background:none;
}

#contents p {
	text-align : left;
}

/* Sidebar */
#sidebar ,#sidebar2{
	margin-bottom:10px;
}

/* Footer */
footer {
	padding : 0 0 0 0;
	color : white;
	text-align : center;
}

/* Address */
address {
	font-style:normal;
	font-size:0.725em;
	margin:0;
	padding:15px 0 35px;
}

address a {
	color:#FFFFFF;
}

/* * * * * Header * * * * */
#head-title {
	padding:3px 0 ;
	margin:0 auto;
	text-align:left;
}

#head-title h1{
	font-size:1.725em;
}

#head-title h1 a:hover {
	color:#FF5A85;
}

#head-title-inner {
	margin:0 auto;
}

#titlearea {
	margin:0 10px;
}

.title-margin {
	margin:5px 0;
}

.title-p-margin {
	margin:0;
	font-size:1em;
}

.header-img {
	width:1200px;
	margin:0 auto;
}
.header-img img{
	width:1200px;
}

.header-img p.title-p-margin {
	display:none;
}

/* * * * * TOP Icon * * * * */
#iconmenu	{
	float:left;
	margin-left:10px;
}

#iconmenu ul	{
	margin: 0 auto;
	padding: 3px 5px 0 0;
}

#iconmenu li	{
	display: inline;
}

/* * * * * Breadcrumb * * * * */
.breadcrumb {
	font-size:0.925em;
	overflow: hidden;
	margin: 3px 0px 3x;
	padding:5px;
/*	background:#ffffff;*/
}

.breadcrumb ul li {
	display: inline;
	font-size: 0.925em;
	padding: 0 5px 0;
}
.breadcrumb ul li a {
	text-decoration: underline;
}
.breadcrumb ul li a:hover {
	top: 0;
}

/* * * * * Archive & Category Page Title * * * * */
.category-title {
	color: #222;
	font-size: 20px;
	line-height: 1.3;
	text-align: left;
	margin: 0 0 0 0;
	padding: 10px 10px 10px 10px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background:#ffffff;
}

/* * * * * Widget * * * * */
.widget {
	margin: 0 0 20px;
	padding:5px;
	background:#ffffff;
	border-radius:7px;
}

.widget span {
	color:#AAA;
}

/* List */
.widget ul {
	margin:0;
}


/* * * * * Pager * * * * */
.pagenation {
	margin:0 0 32px 0;
	font-size:0.725em;
	font-weight:bold;
}

.pagenation span.current, .page-numbers {
	padding:4px 7px;
	margin: 0 4px 0 0;
	color:#555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius: 3px;
}

/* * * * * Pager & Search Color Setting * * * * */
.pagenation span.current, .page-numbers,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	/* Btn Design */
	border:solid 1px #BBB;
	color: #333;
	text-shadow:-1px -1px 0px #000;
	text-shadow:1px 1px 0px #FFF;
	background:#EEEEEE;
	background-image: -ms-linear-gradient(top, #EEEEEE 0%, #BBBBBB 100%);	/* IE10 Consumer Preview */ 
	background-image: -moz-linear-gradient(top, #EEEEEE 0%, #BBBBBB 100%);	/* Mozilla Firefox */ 
	background-image: -o-linear-gradient(top, #EEEEEE 0%, #BBBBBB 100%);	/* Opera */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEEEEE), color-stop(1, #BBBBBB));	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-linear-gradient(top, #EEEEEE 0%, #BBBBBB 100%);	/* Webkit (Chrome 11+) */ 
	background-image: linear-gradient(to bottom, #EEEEEE 0%, #BBBBBB 100%);	/* W3C Markup, IE10 Release Preview */ 
}

.pagenation span.current,
.pagenation a:hover,
.pagenation a:hover
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	text-decoration:none;
	border:solid 1px #666;
	color: #FFF;
	text-shadow:-1px -1px 0px #666;
	background:#AAAAAA;
	background-image: -ms-linear-gradient(top, #AAAAAA 0%, #666666 100%);/* IE10 Consumer Preview */ 
	background-image: -moz-linear-gradient(top, #AAAAAA 0%, #666666 100%);	/* Mozilla Firefox */ 
	background-image: -o-linear-gradient(top, #AAAAAA 0%, #666666 100%);	/* Opera */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #AAAAAA), color-stop(1, #666666));	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-linear-gradient(top, #AAAAAA 0%, #666666 100%);	/* Webkit (Chrome 11+) */ 
	background-image: linear-gradient(to bottom, #AAAAAA 0%, #666666 100%);	/* W3C Markup, IE10 Release Preview */ 
}

/* single Pager */
#pager {
	margin-top:15px;
	margin-bottom:42px;
	width:94%;
}

#pager div {
	font-size:0.875em;
	line-height:1.1em;
}

#pager .page-left a {
	float:left;
	text-align:left;
	width:38%;
	height:29px;
	padding:15px 0 0 18px;
	background-image:url(images/ico-old-post.png);
	background-position:left 14px;
	background-repeat:no-repeat;
	overflow:hidden;
}
#pager .page-left a:hover {
	background-position:left -61px;
}
header h1{
	border:none;
	background:none;
}
#contents #main {
    float: left;
    margin: 0 0 0 0px;
/*    width: 730px;*/
}
#contents #mainwrap {
    margin-left: 0px;
}
#contents #sidebar {
    float: left;
    margin:0;
    padding-top:0px;
    width: 300px;
}
#pager .page-right a {
	float:right;
	text-align:right;
	width:38%;
	height:29px;
	padding:15px 18px 0 0;
	background-image:url(images/ico-new-post.png);
	background-position:right 14px;
	background-repeat:no-repeat;
	overflow:hidden;
}
#pager .page-right a:hover {
	background-position:right -61px;
}

/* * * * * TOP Gallery Setting　* * */
/* box */
#gallery-list {
	margin-top:10px;
	margin-bottom:10px;
}

.gallery-list-top {
	margin-bottom:50px;
	border-radius:5px;
	padding:20px;
}

.gallery-list-top img {
	width:100%;
	overflow:hidden;
/*	border:1px solid #cccccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;*/
}
a:hover img {
    opacity: 0.8;
}

/* Image */
#gallery-list div a:hover img,#gallery a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/* Movie Size Set */
.img-item {
	width:100%;
	background:url(img/common/loader2.gif) no-repeat center center; 
	position:relative;
	display:inline-block;
	line-height:0;
	overflow:hidden;
}

/* Text Area */
.titlearea {
	margin:0px;
}

/* Title */
.list-title  {
	max-height: 58px;
	overflow:hidden; 
	display:block;
	padding:4px 0 4;
}

.list-title a {
	text-decoration:none;
	color:#fff;
	font-size:2.0em;
}

.list-title a:hover {
	color:#ff5a85;
	text-decoration:underline;
}

/* Movie Info */
.memo {
	font-size:87.5%;
	padding:3px 20px ;
	height:15px;
	overflow:hidden; 
}

/* * * * * Single Gallery Setting * * * * */
/* box-single */
#gallery {
	margin-bottom:24px;
}

#gallery h1 {
	font-size:1.725em;
	color:#ffffff;
	margin-bottom:32px;
}

#gallery h1 a,#gallery h1 a:link,#gallery h1 a:visited{
	color:#ffffff;
}

#gallery h2, #gallery h3, #gallery h4, #gallery h5, #gallery h6 {
	color:#ffffff;
}

/* snsボタン */
.sns-btn	{
	text-align:left;
	margin: 0 0 22px;
}
.sns-btn:after {
	clear:both;
}

.sns-btn ul	{
	margin: 24px 0;
	padding:0;
}

.sns-btn li	{
	float:left;
	width:31.8181818%;
	font-size:0.825em;
}

.sns-btn li:nth-child(-n+2) {  /* 先頭から2つのみ */
margin-right:2.2727272%;
}

.sns-btn li a {
	display:block;
	padding:13px 5px 13px 45px;
	border-radius:8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	color:#FFFFFF;
}

.sns-tweet a {
	background:#00acee;
	background-image:url(images/twitter-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
}
.sns-tweet a:hover {
	background-position:left -120px;
}

.sns-facebook a {
	background:#3B5998;
	background-image:url(images/facebook-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
}
.sns-facebook a:hover {
	background-position:left -120px;
}

.sns-hatena a {
	background:#008fde;
	background-image:url(images/hatena-bg.png);
	background-repeat:no-repeat;
	background-position:left top;
}
.sns-hatena a:hover {
	background-position:left -120px;
}

.single-memo {
	clear:both;
	margin-top:20px;
	font-size:0.925em;
}

/* * * * * FB LikeBox * * * * */
.likebox {
	width:95.8333333%;/* 920 */
	margin:0 auto 25px;
}

/* * * * * Top TOP * * * * */
.totop a {
	clear:both;
	font-size:0.75em;
	text-align:right;
	float:right;
	background:#1869C5;
	margin: -20px 0 0;
	padding:3px 15px;
	border-radius:5px 5px 0 0;
	color:#FFFFFF;
	text-decoration:none;
}

.totop a:hover {
	text-decoration:underline;
}


/* * * * * Form All * * * * */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
	margin: 0;
	margin-bottom:5px;
	padding: 6px 4px;
	outline: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	vertical-align: top;
	font-size:13px;
}

textarea {
	overflow: auto;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	vertical-align: center;
	display: inline-block;
	margin:0px;
	padding: 4px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	line-height: normal;
	cursor: pointer;
	font-size:13px;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	border:solid 1px #666;
	color: #FFF;
	text-shadow:-1px -1px 0px #666;
	background:#AAAAAA;
	background-image: -ms-linear-gradient(top, #AAAAAA 0%, #666666 100%);/* IE10 Consumer Preview */ 
	background-image: -moz-linear-gradient(top, #AAAAAA 0%, #666666 100%);	/* Mozilla Firefox */ 
	background-image: -o-linear-gradient(top, #AAAAAA 0%, #666666 100%);	/* Opera */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #AAAAAA), color-stop(1, #666666));	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-linear-gradient(top, #AAAAAA 0%, #666666 100%);	/* Webkit (Chrome 11+) */ 
	background-image: linear-gradient(to bottom, #AAAAAA 0%, #666666 100%);	/* W3C Markup, IE10 Release Preview */ 
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
/*	position: relative;
	top:1px;*/
}

/* * * * * 404 Link * * * * */
.go_home a {
	color:#0000FF;
	text-decoration:underline;
}

/* * * * * Comment * * * * */
#comment-area {
	font-size:0.938em;
	margin-bottom:50px;
}

#comment-area a {
	color:#006DD9;
	text-decoration:underline;
}

#comment-area h3{
	font-size:1.25em;
	padding:0 0 10px;
}

#comment-area {
	border:solid 2px #ECECEC;
	padding:20px;
	border-radius:10px;
}

.commets-list {
	margin-bottom:40px;
}

.commets-list li {
	border-top: 1px solid #CCC;
	padding: 20px 0 0;
	width: 100%;
	overflow: hidden;
}

.commets-list .avatar {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.comment-body p {
	clear: both;
}

.reply {
	text-align: right;
}

.children {
	padding-left: 2em;
}

/* Comment Respond */
#respond {
	background:#F6F6F6;
	border-radius:10px;
	padding:20px;
}

#respond h3 {
	color: #ffffff;
	border-bottom: 1px solid #CCC;
	margin-bottom:15px;
}

#respond .required {
	color:red;
}

#respond textarea {
	display:block;
	width:90%;
}

/* Single Set */
.videosize a {
	color:#006DD9;
	text-decoration:underline;
}

.videosize a:hover {
	color:#FF5A85;
}

.videosize ul {
    margin: 0 0 1.5em 1.5em;
    padding: 0;
    list-style-type: disc;
}

.videosize li {
    margin: 0;
    padding: 0;
}

.videosize ol {
    margin: 0 0 1.5em 1.575em;
    padding: 0;
	list-style-type:decimal;
}





/***********************************************************
          Tablet 2　〜768px
************************************************************/
@media screen and (max-width: 768px) {
#contents #main {
    width: 100%;
	margin:0 auto;
}


#global {
	position: fixed!important;
	z-index: 10;
	top: 0;
    box-shadow: none !important;
    border-bottom: none !important;
    padding: 32px 0 0 0 !important;
}

.menu-button {
    position: absolute;
	top: 3px;
    right: 15px;
    background-color: transparent;
    border: none;
	border-radius: inherit;
    cursor: pointer;
	width: 25px;
	height: 25px;
	padding: 0;
	background-image: url(images/menu-icon.png);
}

.menu-button:hover {
    background: url(images/menu-icon.png);
	border: none;
}


#global ul {
    display: none;
}


#global ul li {
	float: none!important;
}

.header-img,.header-img img {
    width:100%;
}
.related-entry a {
width:30.303030303%;
height: 185px;
}

.related-entry img {
/* height:140px; */
}



.gallery-list-top{
	width:94%;
	margin:0 auto 10px;
	padding:5px 5px 30px 5px;
}

.gallery-list-top img {
	width:80px;
	height:66px; 
}

#gallery-list h2 {
	font-size:68.8%;
	font-weight:bold;
	border:none;
}

/* ページ下部カテゴリ別一覧用 ここから */
#main .cate-box{
	border:5px double #999999;
	padding:5px;
	width:95%;
	float:left;
	margin:10px 3px 10px 3px;
}

/* ページ下部カテゴリ別一覧用 ここまで */

.content-img{
	float:left;
}

.content-txt{
	float:left;
	width:60%;
	padding-left:30px;
}

.post-categories {
	height: 25px;
    overflow: hidden; 
}

.post-categories li{
	display:inline-block;
}

.content-btn{
	clear:both;
	display:block;
	position:absolute;
	bottom:-25px;
	right:0;
	width:140px;
	border:1px solid #555555;
	background:#cccccc;
	text-align:center;
	padding:4px 5px 2px 5px;
	border-radius:3px;
}

.list-title {
	max-height: 20px;
}

.list-title a {
    color: #fff;
    font-size: 1.4em;
    text-decoration: none;
}

iframe{width:100%;}


/*上部相互RSS*/

#top_mcs{
	margin:5px auto 0;
	width:100%;
	background:#ffffff;
}

#top_mcs img{
		width:100%;
}

.gallery-list-top h2 {
    border-bottom: 1px solid #cccccc;
    border-left: 7px solid #cccccc;
    margin-bottom: 10px;
    padding: 7px 5px 0 10px;
}


.content-txt {
    float: left;
    padding-left: 10px;
    width: 65%;
	max-width: 450px;
}

.flow {
	width: 90%;
	flex-wrap: wrap;
}

.flow > li {
	flex-basis: 46%;
    width: 50%;
}

.pie-chart-3 > div {
	width: 150px;
	height: 150px;
}

.pie-chart-3 li {
	width: 100px;
}


}




/***************************************************************
          Tablet　768px〜979px
****************************************************************/
@media screen and (min-width : 769px) and (max-width: 979px) {
#contents {
	margin: auto;
}

#contents #main {
    width: 100%;
	margin:0 auto;
}

/*#contents #mainwrap {
margin-left: 320px;
}*/

#contents #sidebar {
width:100%;
float:right;
}
#contents #sidebar2 {
width:100%;
float:right;
}

.menu-button {
    display: none;
}

footer {
	clear:both;
	margin: 0 auto;
}

/* * * * * ヘッダー構成 * * * * */
/* サイトタイトル */
#titlearea {
	float:left;
	width:75%;
	margin-right:10px;
}

#iconmenu	{
	float: right;
	text-align: right;
}

/* * * * * Gallery Setting * * * * */

.gallery-list-top{
	margin-left: 5px;
	margin-right: 5px;
}

.gallery-list-top img {
	height:160px; 
}

#gallery-list h2 {
	font-size:68.8%;
	font-weight:bold;
}

.gallery-list-top li {
	float:left;
}

/* Movie Height */

#gallery-list h2 {
	font-size:68.8%;
	border:none;
	font-weight:bold;
	border-bottom: 1px solid #cccccc;
}

.list-title a {
	padding:8px 0 ;
}

.content-txt {
	max-width: 450px;
}

.content-btn{
	clear:both;
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	width:150px;
	border:1px solid #555555;
	background:#cccccc;
	text-align:center;
	padding:4px 5px 2px 5px;
	border-radius:3px;
}

/* ページ下部カテゴリ別一覧用 ここから */
#main .cate-box{
	border:5px double #999999;
	padding:5px;
	width:45%;
	float:left;
	margin:10px 3px 10px 3px;
}
/* ページ下部カテゴリ別一覧用 ここまで */




}

/***************************************************************
          PC　980px〜
****************************************************************/
@media screen and (min-width : 980px) {
body {
	font-size:100%;
}

#contents {
	overflow:hidden;
	width:1200px;
	text-align:left;
}
#mains {
float:left;
}
#contents #main {
	margin: 0 2px 10px 5px;
	padding:15px 15px 30px 15px;
	border-radius:7px;
	width:670px;
	float:right;
}

#contents #mainwrap {
/*	margin-left: 320px;*/
}

#contents #sidebar {
	width:240px;
	float:left;
	margin: 10px 3px 0 3px;
}
#contents #sidebar2 {
	width:240px;
	float:right;
	margin: 10px 3px 0 3px;
}

.menu-button {
    display: none;
}

#global ul {
	margin: 0 auto;
}

.page #global ul {
	margin: 0 auto;
}

footer {
	clear:both;
	margin: 0 auto;
}

/* LikeBox */
.likebox {
	width:1200px;
}

/* * * * * Header Setting * * * * */
/* Site Title */
#head-title-inner {
	width:1200px;
}

#titlearea {
	width:760px;
	margin-left:0;
}

.title-margin {
	font-size:1.4em;
}

/* * * * * Gallery Setting * * * * */
.gallery-list-top {
	margin-bottom: 24px;
}
.gallery-list-top img{
	width:204px;
	height:160px; 
}

.gallery-list-top li {
	float:left;
}


#gallery-list h2 {
	font-size:64.8%;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
	border-left:none;
}

.list-title a {
	padding:8px 0 ;
}



/* * * * * SNS btn * * * * */
.sns-btn li	{
	width:200px;
}

/* * * * * Facebook Size Setting * * * * */
.videosize {
}

/* ページャー */
#pager .page-left a,
#pager .page-right a {
	height:30px;
}
}

/* * * * * Plugin Support * * * * */

/* WordPress Popular Posts  */
/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera

Use the following classes to style your popular posts list as you like.
*/

.wpp-list { /* UL element */
}

	.wpp-list li { /* LI - post container */
		overflow:auto;
		display:block;
		float:none;
		clear:both;
	}

		/* title styles */
		.wpp-post-title {
		}
		
		/* thumbnail styles */
		.wpp-thumbnail {
			display:inline;
			float:left;
			margin:0 5px 0 0;
			border:none;
		}
		
		/* excerpt styles */
		.wpp-excerpt {
		}
		
		/* Stats tag styles */
		.post-stats {
			font-size:9px;
			font-weight:bold;
		}
			
			.wpp-comments {
			}
			
			.wpp-views {
			}
			
			.wpp-author {
				font-style:italic;
			}
			
			.wpp-date {
				display:block;
				clear:right;
			}
		
		/* WP-PostRatings styles */
		.wpp-rating {
		}


/*
Newpost Catch StyleSheet

With the version up of the plug-in, so will be overwritten "style.css" file each time,
I think how to directly edit the "style.css" file and how would you or declined.
If you wish to apply a CSS style on its own,
In the "/wp-content/themes/theme directory/css/" as you please create a "newpost-catch.css".
Please the name of the file to create and "newpost-catch.css". The other is the file name, does not apply.

*/

#npcatch li{
	overflow:hidden;
	clear:both;
	margin:0px 0px 0px;
}

#npcatch img{
	float:left;
	padding:10px 10px 0;
}

#npcatch .title{
	width:72%;
	float:left;
	padding:10px 5px 5px 0px;
}

@media screen and (min-width : 769px) {

	#npcatch .title{
	width:195px;
}
}

table.h_head th{
	text-align:center;
	background-color: #FFCCFF;
    color: #cc0000;
}

.ranking_head li {
    background-color: #d4be28;
    color: #fff;
    float: left;
    padding: 10px 0 10px 0;
    text-align: center;
}


table.ranking_head{
	border: 1px solid #aaa;
	border-collapse: collapse;
    border-spacing: 0;
    font-size: 93%;
    text-align: left;}

table.ranking_head tr{
	border:none;
}

table.ranking_head th{
	text-align:center;
	background-color: #d4be28;
    color: #fff;
}

table.ranking_head td{
    text-align: center;
	border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    vertical-align: top;
}

.rank_h1 {
    border-right: 1px solid #a89618;
    width: 15%;
}

.rank_h2 {
    border-left: 1px solid #e8da7a;
    border-right: 1px solid #a89618;
    width: 30%;
}

.rank_h3 {
    border-left: 1px solid #e8da7a;
    border-right: 1px solid #a89618;
    width: 15%;
}

.rank_h4 {
    border-left: 1px solid #e8da7a;
    width: 39%;
}

.rank_box1{
	background-color: #f9f9f9;
}

.rank_box2 {
    background-color: #fdfaef;
    border: 1px solid #acaaaa;
}


/* ページ下部カテゴリ別一覧用 ここから */
.cate-outer{
}

.cate-outer:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}



.cate-box{
	border:5px double #999999;
	padding:5px;
	width:30%;
	float:left;
	margin:10px 3px 10px 3px;
/*	border-radius:7px;*/
}

#mainwrap p.cate_name{
	text-align:center;
	margin-bottom:7px;
	padding-bottom:5px;
	width:100%;
	border-bottom:1px dotted #999999;
	font-weight:bold;
	text-decoration: underline;
}

#mainwrap p.cate_name a,#mainwrap p.cate_name a:link,#mainwrap .cate_name a:visited{
	color:#0066cc;
}

#mainwrap p.cate_name a:hover{
	color:#ff5a85;
}

.cate-box ul{
	margin:0 0 0 5px;
}

.cate-box li{
	list-style-type: disc;
	list-style-position: inside;
	border-bottom:1px dotted #999999;
	line-height:150%;
	padding:5px;
}

.cate-box li a,.cate-box li a:link,.cate-box li a:visited{
	font-size:80%;
}

.img_wd img{
	width:145px;
	height:auto;
}

/* ページ下部カテゴリ別一覧用 ここまで */

.q{
	background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #FF9931 0%, #FFD6AE 100%) repeat scroll 0 0;
	border:1px solid #996600;
	margin-bottom:10px;
	border-radius:4px;
}

.q .ttl{
	color:#f62b2b;
	font-weight:bold;
	font-size:1.4em;
	padding:5px;
	background:url(images/q.png) no-repeat 3px 1px;
	margin-bottom:0.1em;

}

.a{
	background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #B9CFFF 0%, #E3ECFF 100%) repeat scroll 0 0;
	border:1px solid #999999;
    margin-bottom:10px;
	border-radius:4px;
}

.a .ttl{
	color:#0066cc;
	font-weight:bold;
	font-size:1.4em;
	padding:5px;
	background:url(images/a.png) no-repeat 3px 1px;
	margin-bottom:0.1em;

}
.a p,.q p{
	padding-left:38px;
	margin-bottom:0.5em;
}

.q p:nth-child(2), .a p:nth-child(2) {
	padding-left: 43px;
}

.q .ttl img, .a .ttl img {
    margin-right: 5px;
}

/* 基本カラー */

#gallery h1, h1{
/*	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:7px solid #cccccc;
	background:#fafafa;*/
	padding:9px 7px 7px 10px;
	font-size:1.6em;
	margin-bottom: 26px;
}

h2{
	border-bottom:1px solid #cccccc;
	border-left:7px solid #cccccc;
	padding:7px 5px 0 10px;
	font-size:1.4em;
	margin-bottom: 20px;
}

h3{
	padding:5px 3px 3px 8px;
	background:#fafafa;
	font-size:1.2em;
	margin-bottom: 20px;

}

h4{
	border-bottom:1px solid #cccccc;
	border-left:7px solid #cccccc;
	padding:5px 3px 3px 8px;
	font-size:1.0em;
	margin-bottom: 20px;

}

h5{
	border-bottom:2px solid #999999;
	padding:5px 3px 3px 8px;
	font-size:1.0em;
	margin-bottom: 20px;

}

.www_edit{
	background:url(images/edit.jpg) no-repeat 3px 0;
	padding-left:34px;
}

.www_edit a,.www_edit a:link,.www_edit a:visited{
	text-decoration:underline;
}
.screen-reader-text{
	display:none;
}

/*---レス表示用-------------------------*/

/*レスの枠*/
.ch_s{
	padding:5px;
	margin:0 0 10px 0;
	border-top:1px dashed #cccccc;
}

/*レスのヘッドエリア*/
.ch_hd{
	padding:1px;
	font-size:13px;
}

/*レスの本文エリア*/
.ch_bd{
	padding:1px 0 20px 1px;
	margin:10px 0 0 0;
	font-weight:normal;
	font-size:16px;
}

/*レス番号文字*/
.ch_num{
	font-weight:normal;
}

/*名前ブロック*/
.ch_nanashi{
	font-weight:bold;
	color:green;
}

/*日付とIDブロック*/
.ch_date{
	font-weight:normal;
	color:gray;
}

/*アンカー文字*/
.ch_ress{
	font-weight:bold;
	color:#0066cc;
	font-size:14px;
}


/*コメント欄*/

.comment-info {
    color: #000000;
    font-weight: normal;
}

.comment-author {
    color: gray;
    font-weight: bold;
}

.comment-listCon p {
    color: #000000;
    font-family: "Mona","IPA MONAPGOTHIC","MS PGothic","ＭＳ Ｐゴシック","MS Pｺﾞｼｯｸ","MS Pゴシック",sans-serif;
    font-size: 12pt;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 2.4em;
}