@charset "utf-8";

/*================================================================================================================================*/
body {
	color:  #333;
	margin:  0px;
	padding: 0px;
	font: 14px/1.8  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #eee;
	/*
	background-image: url(../images/b024.jpg);
	background-position: center top;
	*/
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td, img, figure {
	margin:  0;
	padding: 0;
	border:  0;
}

ul{
	list-style-type: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.paging {
	width: 100%;
	background:#fff;
	color: #ccc;
	margin-top: 1em;
	clear:both;
}
.paging .current,
.paging .disabled,
.paging a {
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block
}
.paging > span {
	display: inline-block;
	border: 1px solid #ccc;
	border-left: 0;
}
.paging > span:hover {
	background: #efefef;
}
.paging .prev {
	border-left: 1px solid #ccc;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.paging .next {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}







.paging .disabled {
	color: #ddd;
}
.paging .disabled:hover {
	background: transparent;
}
.paging .current {
	background: #efefef;
	color: #c73e14;

}

#article section.list figure img {
	/*width: 90%;*/
}

.ibutton {
	display: block;
	padding: 5px 5px 7px 5px;
	border: 1px solid #666666;
	line-height: 1.0;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	background: #aaaaff;
	/*text-shadow: -1px -1px 1px rgba(0,0,0,0.3);*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255,0.5),
	inset -1px -1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 1px 1px 2px rgba(255,255,255,0.5),
	inset -1px -1px 2px rgba(0,0,0,0.2);
	box-shadow: inset 1px 1px 2px rgba(255,255,255,0.5),
	inset -1px -1px 2px rgba(0,0,0,0.2);
	width: 100px;
	margin: 0px auto;
}

.ibutton:hover {
	cursor: pointer;
	background: #ff6666;
}
/*================================================================================================================================*/
header {
	height:    65px;
	background-image: url("./img/logoryouri.jpg");
	background-repeat: no-repeat;
	background-position: center;
}

/******************************************************
 clear fix
******************************************************/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* clearfix for ie7 */
.clearfix{
	display: inline-block;
}
.clearfix {
	display: block;
}

/*================================================================================================================================*/
/* 上部スライド画像 */
/*================================================================================================================================*/
#mainimg {
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 15px;
	margin-top: -6px;
	text-align: center;       /* スライド画像のセンタリング */
}
#mainimg img {
	vertical-align: bottom;
}

#contents {
	clear: left;
	width: 1250px;
	margin: 0px auto;
	padding-top: 30px;
	/*
	border: 1px solid #00f;
 	*/

	/*
	margin-top:  10px;
	background-color:  #ffffff;
	border: 10px solid #ffffff;
	*/
}

.carousel-caption {
	left: 15%;
	bottom: 40px;
	text-align: left;
}

.carousel-caption h3 {
	font-size: 42px;
}
@media (max-width: 680px) {
	.carousel-inner>.item>img {min-width: 500px;}
	.carousel-control    {width: 20px;}
	.carousel-caption    {bottom: 0;}
	.carousel-indicators {bottom: 0;}
	.carousel-caption h3 {font-size: 20px;}
	.carousel-caption p  {font-size: 12px;}
}

#main {
	float: left;
	/*width: 784px;*/
	width: 1034px;
	/*border: 1px solid #f00;*/
}

#article {
	float: right;
	/*width: 565px;*/
	width: 818px;
	padding-bottom: 20px;
	/*border:  1px solid #000;*/
}

#article h2, h5 {
	clear: both;
	font-size:     18px;
	padding: 8px 5px 0px 10px;
	border:  0px solid #6086bf;
	/*text-shadow:        0px -1px #1eb1f6;*/
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.2);
	box-shadow:         1px 2px 5px rgba(0,0,0,0.2);
	border-radius: 8px;
	text-decoration: none;
	margin-bottom: 15px;
}
#article h2 {
	/*
	color: #ffffff;
	background: #3b679e;
	background: -moz-linear-gradient(top,  #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
	background: -webkit-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
	background: -o-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
	background: -ms-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
	background: linear-gradient(to bottom,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
	*/





	clear: both;
	font-size: 20px;
	padding: 8px 0px 5px 10px;
	border:  0px solid #f00;
	text-decoration: none;
	background: #6086bf;
	/*
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.2);
	box-shadow:         1px 2px 5px rgba(0,0,0,0.2);
	border-radius: 5px;
	*/
	margin-bottom: 10px;
	color: #fff;



}
#article h5 {
	color: #fff;
	background: #d5cea6;
	background: -moz-linear-gradient(top,  #d5cea6 0%, #c9c190 40%, #b7ad70 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5cea6), color-stop(40%,#c9c190), color-stop(100%,#b7ad70));
	background: -webkit-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%);
	background: -o-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%);
	background: -ms-linear-gradient(top,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%);
	background: linear-gradient(to bottom,  #d5cea6 0%,#c9c190 40%,#b7ad70 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=0 );
}

#article h3 {
	clear: both;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e6e6e6));
	background: -webkit-linear-gradient(#FFF, #e6e6e6);
	background: linear-gradient(#FFF, #e6e6e6);
	font-size: 100%;
	color: #1eb1f6;
	padding: 2px 15px;
	border: 1px solid #1eb1f6;
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.2);
	box-shadow: 1px 2px 5px rgba(0,0,0,0.2);
}

#article .box, .boxB {
	border: 1px solid #cfcfcf;

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );

	padding: 10px;
	margin-bottom: 15px;
	margin-top: -10px;
}

/*====================================  box3  =========================================================*/
#article .box3 h2 {
	clear: both;
	font-size: 20px;
	padding: 8px 0px 5px 10px;
	border:  0px solid #f00;
	text-decoration: none;
	background: #aaa544;
	/*
	background: #6086bf;
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.2);
	box-shadow:         1px 2px 5px rgba(0,0,0,0.2);
	*/
	border-radius: 5px;
	margin-bottom: 10px;
	color: #fff;
	/*
	background: #3b679e;
	background: -moz-linear-gradient(top,  #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
	background: -webkit-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
	background: -o-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
	background: -ms-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
	background: linear-gradient(to bottom,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
	*/
}

.box3 {
	background: #ffffff;
	border: 1px solid #cfcfcf;
	padding: 10px 15px;
	text-align: left;
	margin-bottom: 0px;
	margin-top: -7px;
}

.box3 p1 {
	line-height: 1.6;
	font-size: 18px;
}
.box3 p2 {
	line-height: 1.6;
	font-size: 20px;
	color: #f00;
}

.box3 img {
	width: 95%;
}
/*====================================  box3  =========================================================*/

#article .boxB {
	border: 3px solid #cfcfcf;
	border-radius: 6px;
	margin-top: -10px;
}

#article p {
	padding: 10px 10px 15px;
}
/*================================================================================================================================*/
/* 売れっ子達人 */
/*================================================================================================================================*/
#article section.list {
	/*border: 1px solid #aaa;*/
	/*border-radius: 6px;*/
	margin-bottom: 15px;

	/*
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
	*/
	/*
	background: #eeeeff;
	background: -moz-linear-gradient(top,  #eeeeff 0%, #eeeeff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeff), color-stop(100%,#eeeeff));
	background: -webkit-linear-gradient(top,  #feffe8 0%,#eeeeff 100%);
	background: -o-linear-gradient(top,  #feffe8 0%,#eeeeff 100%);
	background: -ms-linear-gradient(top,  #feffe8 0%,#eeeeff 100%);
	background: linear-gradient(to bottom,  #feffe8 0%,#eeeeff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeff', endColorstr='#eeeeff',GradientType=0 );
	*/
	background: #efefff;
	background: -moz-linear-gradient(top,  #efefff 0%, #efefff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeff), color-stop(100%,#efefff));
	background: -webkit-linear-gradient(top,  #feffe8 0%,#efefff 100%);
	background: -o-linear-gradient(top,  #feffe8 0%,#efefff 100%);
	background: -ms-linear-gradient(top,  #feffe8 0%,#efefff 100%);
	background: linear-gradient(to bottom,  #feffe8 0%,#efefff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefff', endColorstr='#efefff',GradientType=0 );

	position: relative;
	overflow: hidden;
}

#article section.list a {
	/*border: 10px solid #8fbf86;
	border-radius: 6px;
	*/
	border: 0px solid #8fbf86;
	padding: 5px;
	text-decoration: none;
	display: block;
	overflow: hidden;
}

#article section.list a:hover {
	/*border-radius: 6px;*/
	background-color: #fff;
	border: 2px solid #59a3b2;
}

#article section.list p {
	padding:     0px;
	margin-left: 20%;
	line-height: 1.8;
}

#article section.list figure img {
	float: left;
	background-color: #fff;
	padding: 2px;
	border: 1px solid #ccc;
	width:   15%;
	height: auto;
}

#article section.list h4 {
	padding: 0px 0px 0px 10px;
	font-size: 16px;
	border-top: 2px solid #3b679e;
	border-bottom: 2px solid #3b679e;
	/*
	border-left:   6px solid #3b679e;
	*/
	background-color: #ccf6ff;
	/*border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;*/
	margin-bottom: 0.5em;
	color: #555;
}

#article section.list .h4right {
	margin-left: 20px;
	color: #777;
}
/*================================================================================================================================*/
/* ビデオ */
/*================================================================================================================================*/
vside{
	display: block;
	font-size:     14px;
	margin-left:  0px;
	margin-right: 0px;
	text-align: center;
}
vside h2{
	text-align: left;
}

/*================================================================================================================================*/
/* Youtube */
/*================================================================================================================================*/
video {
	/*
	width:  250px;
	height: 165px;
	*/
	width:   100%;
	height:  auto;
}

.videocap {
	line-height: 16px;
	margin-top:   5px;
	background-color: #ddd;
	padding: 5px;
	margin-top: -10px;
	border: 1px solid #aaa;
	text-align: left;
}

.iframe-content {
   position: relative;
   width: 100%;
   /*padding: 75% 0 0 0;*/     /* 横縦比    4:3*/
   padding: 56.25% 0 0 0;      /* 横縦比   16:9*/
   /*border: 0px solid #afafaf;*/
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*================================================================================================================================*/
/* お知らせ */
/*================================================================================================================================*/
#newside{
	/*font-size:     20px;*/
	/*margin-bottom: 15px;*/
	/*border-radius:  50px;*/
}
#newside dl{
	line-height: 20px;
	overflow: auto;
	height: 300px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #c0c0c0;
	background: #fff;
	border-radius:  5px;
	margin-bottom: 10px;
}
#newside dt {
	color: #7777ff;
	font-size:   15px;
	font-weight: bold;
	width: 8em;
}
#newside dd {
	font-size:   14px;
	color: #333333;
	border-bottom: 1px solid #c0c0c0;
	margin-bottom: 5px;
}
#newside dd img {
	vertical-align: middle;
}
/*=======================================================================================*/
#sublf {
	float: left;
	width: 200px;
	padding-bottom: 30px;
	/*border: 1px solid #f00;*/
	
}
#subrt {
	float: right;
	width: 200px;
	padding-bottom: 30px;
	/*border: 1px solid #f00;*/
}

#sublf h2, #subrt h2 {
	font-size: 18px;
	padding: 1px 0px 1px 0px;
	/*background: #6086bf url(../images/arrow1.png) no-repeat left center;*/
	/*background-color: #6086bf;*/
	background-color: #aaa544;
	color: #ffffff;
	border: 0px solid #bfd8ff;
	/*
	text-shadow: 0px -1px #000;
	*/
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	margin-bottom: 2px;
	text-align: center;
}
.boxA-1 .gaiyou {
	text-align: center;
	line-height: 1.3;
	margin-bottom: 10px;
}

.boxA-1 .gaiyou img {
	border: 0px;
	max-width: 200px;
	width:     98%;
}

#sublf section.list,
#subrt section.list {
	font-size: 11px;
	background: #fce0e0;
	background: -moz-linear-gradient(top, #fce0e0 0%, #fce8e8 51%, #ffdddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fce0e0), color-stop(51%,#fce8e8), color-stop(100%,#ffdddd));
	background: -webkit-linear-gradient(top, #fce0e0 0%,#fce8e8 51%,#ffdddd 100%);
	background: -o-linear-gradient(top, #fce0e0 0%,#fce8e8 51%,#ffdddd 100%);
	background: -ms-linear-gradient(top, #fce0e0 0%,#fce8e8 51%,#ffdddd 100%);
	background: linear-gradient(to bottom, #fce0e0 0%,#fce8e8 51%,#ffdddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce0e0', endColorstr='#ffdddd',GradientType=0 );

	margin-bottom: 2px;
	border-top:    2px solid #cfcfcf;
	border-bottom: 2px solid #cfcfcf;
	border-right:  2px solid #cfcfcf;
	border-left:   2px solid #cfcfcf;
	line-height: 1.6;
	border-radius: 5px;

	position: relative;
	overflow: hidden;
}

#sublf section.list a,
#subrt section.list a {
	padding: 5px;
	text-decoration: none;
	display: block;
	overflow: hidden;
}
#sublf section.list a:hover,
#subrt section.list a:hover {
	background: #fff;
}

#sublf section.list h4,
#subrt section.list h4 {
	color: #1eb1f6;
	font-size: 18px;
}

#sublf section.list p,
#subrt section.list p {
	font-size:   16px;
	line-height: 20px;
}

#sublf section.list figure img,
#subrt section.list figure img {
	float: left;
	margin-right: 5px;
	border: 1px solid #999;
	/*width: 60px;*/
	width: 100%;
	height: auto;
}
/*================================================================================================================================*/
/* ブログ・協賛 */
/*================================================================================================================================*/
#ryouri h2,
#blog   h2,
#gmemo  h2,
#gblog  h2,
#kyosan h2 {
	font-size: 18px;
	padding: 1px 0px 1px 0px;
	/*background: #6086bf url(../images/arrow1.png) no-repeat left center;*/
	/*background-color: #6086bf;*/
	background-color: #aaa544;
	color: #fff;
	border: 1px solid #bfd8ff;
	/*
	text-shadow: 0px -1px #000;
	*/
	border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
	margin-bottom: 2px;
}

#ryouri ul li a,
#blog   ul li a,
#gmemo  ul li a,
#gblog  ul li a,
#kyosan ul li a {
	display: block;
	text-decoration: none;
	background: #f4f4f4;
	/*border-bottom: 1px solid #cfcfcf;*/
	padding: 3px 0px 3px 5px;
	color: #555;
	font-size: 16px;
}

#ryouri ul li a {
	font-size: 16px;
}

#ryouri ul,
#blog   ul,
#gmemo  ul,
#gblog  ul,
#kyosan ul {
	list-style-type: none;
	margin:  0 0px 15px 0px;
	padding: 0 0 5px;
}
#ryouri li,
#blog   li,
#gmemo  li,
#gblog  li,
#kyosan li {
	border-bottom: 1px dotted #777;
	margin:  0;
	padding: 0px 0px 0px 0px;
	line-height: 1.5;
}
#ryouri ul li a:hover,
#blog   ul li a:hover,
#gmemo  ul li a:hover,
#gblog  ul li a:hover,
#kyosan ul li a:hover {
	background: #ccc;
}
.gaiyou a {
	color: #3333ff;
	font-size: 14px;
}

.gaiyou h4 {
	font-size: 15px;
}

.gaiyou p {
	font-size: 14px;
	text-align: left;
}
/*================================================================================================================================*/
/* ↑ＴＯＰ */
/*================================================================================================================================*/
#pagetop {
	clear: both;
}
#pagetop a {
	font-size: 14px;
	background-color: #6086bf;
	color: #fff;
	text-decoration: none;
	text-align: center;
	width:  100px;
	height:  25px;
	padding-top: 2px;
	display: block;
	float: right;
	border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px;
}
#pagetop a:hover {
	background: #bc8f8f;
	color: #fff;
}
/*================================================================================================================================*/
/* フッター */
/*================================================================================================================================*/
footer {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;

	display: block;

	clear: both;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;

	color: #fff;
	background-color: #aaa544;
}

footer a {
	text-decoration: none;
	color: #fff;
	font-size: 16px;
}
footer a:hover {
	color: #FFF;
}
/*================================================================================================================================*/
/* キャッチコピー */
/*================================================================================================================================*/
.copyword {
	font-size:     12px;
	color:      #ffffff;
	background: #e5004d;
	text-align: center;
	display: block;
	width: 100px;
	position: absolute;
	right: 8px;
	top:  10px;
	border-radius: 10px;
}

.ureru {
	margin-bottom: 15px;
}
.clear {
	clear: both;
}

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

#menu_button {
	display: none;
}
/*################################################################################################################################*/
@media screen and (min-width:481px) and (max-width:768px){
/*################################################################################################################################*/
#sublf {
	/*display: none;*/      /* 左側を見えなくする */
}

#subrt .ureru,
#subrt #blog {
	float: left;
	width: 48%;
	margin: 0 3px;
}

#contents {
	width: auto;
	margin: 0px 10px;
}

#main {
	float: none;
	width: auto;
}
#article, #sublf, #subrt {
	float: none;
	width: auto;
}

video {
}

iframe {
	/*
	width:  400px;
	height: 264px;
	*/
}

.boxA-1:after {
	content: "";
	display: block;
	clear: both;
}

.boxA-1 .gaiyou {
	float: left;
	width: 50%;
}

.boxA-1 .gaiyou img {
	max-width: 360px;
	height: auto;
	border: none;
	margin-bottom: 8px;
	vertical-align: bottom;
}

.clearBoth {
	clear: both;
}

#menu_button {
	display: none;
}

}
/*###############################################################################################################################*/
@media screen and (max-width : 480px){
/*###############################################################################################################################*/

/*================================================================================================================================*/
/* ブログ・協賛 */
/*================================================================================================================================*/

#ryouri ul li a,
#blog   ul li a,
#kyosan ul li a {
	font-size: 20px;
}



/*====================================  box3  =========================================================*/
#article .box3 h2,
#article .box  h2 {
	font-size: 18px;
	padding: 3px 0px 3px 10px;
}

.box3 {
	padding: 10px 10px 10px 10px;
}

.box3 p1 {
	line-height: 1.5;
	font-size: 16px;
}
.box3 p2 {
	line-height: 1.8;
	font-size: 16px;
}

.box3 img {
	width: 100%;
}
/*====================================  box3  =========================================================*/

video {
}

iframe {
	/*
	width:  250px;
	height: 165px;
	*/
}

#article .boxB {
	margin: -12px -8px -12px;
}

#contents {
	width: auto;
	margin: 0px 10px;
}

#main {
	float: none;
	/*width: auto;*/
	width: 100%;
}

#article, #sublf, #subrt {
	float: none;
	width: auto;
}

.boxA-1:after {
	content: "";
	display: block;
	clear: both;
}

.boxA-1 .gaiyou {
	float: left;
	width: 50%;
}


.boxA-1 .gaiyou img {
	max-width: 360px;
	height: auto;
	border: none;
	margin-bottom: 8px;
	vertical-align: bottom;
}

#sublf h2, #subrt h2 {
	font-size: 20px;
}

#mainimg {
	margin-top: -15px !important;
}
/*================================================================================================================================*/
/* 売れっ子達人 */
/*================================================================================================================================*/
#article section.list p {
	margin-left: 0;
}
#article section.list figure img {
	float: none;
	margin: 0px;
	width: 35%;
	height: auto;
	margin-bottom: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#article section.list .h4right {
	margin-left:  0px;
}
/*================================================================================================================================*/
/* キャッチコピー */
/*================================================================================================================================*/
.copyword {
	right:  30px;
	top:    80px;
}

}
/*================================================================================================================================*/