@charset "UTF-8";

@font-face {
	font-family: COPRGTB;
	src: url(./Cotillio.ttf) format('truetype');
}
@font-face {
	font-family: Garamond;
	src: url(./GARA.TTF) format('truetype');
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,img,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
}

.clearFix ,
.clearFix tbody ,
.clearFix table ,
.clearFix td ,
.clearFix tr ,
.clearFix th ,
.clearFix img { 
	border-collapse: collapse;
    border-spacing: 0;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	text-align: center;
	line-height: 1.0em;
	font-size: 14px;
}

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000000;/*全体テキスト*/
	-webkit-text-size-adjust: 100%;
	background-color: #ffffff;/*全体背景色*/
	font-size: medium;
	line-height: 1.7em;
	overflow-x: hidden;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";/*全体文字*/
}

.index_bg {
	/*全体背景*/
	
	background-attachment: fixed;
		
}

.main_bg {
	/*メイン背景*/
	background-image: url("");
	/*background-position: center;*/
	
}

a { cursor: pointer; text-decoration: none; !important; }

a:link ,
a:visited {
	text-decoration: none;
	color: #444;
}
a:hover ,
a:active {
	text-decoration: none;
	color: #888;
}

* {
	box-sizing: border-box;
}

h1,h2,h3,h4,h5,div,a,p,form {
	box-sizing: border-box;
	vertical-align: bottom;
}

p {
	line-height: 1.8em;
}

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

.clear { clear: both; }

.sp10 {
	padding: 10px 0px 0px 0px;
}

.sp30 {
	padding: 30px 0px 0px 0px;
}

.f10{ font-size: 10px; }

.f12{ font-size: 12px; }

.f14{ font-size: 14px; }

.f16{ font-size: 16px; }

.f18{ font-size: 18px; }

.f70{ font-size: 70px; }


/* メイン */

.top_linetxt{
	width: 100%;
	height: auto;
	background: #000000;
	color: #ffffff;
	padding: 3px 15px 3px 15px;
	text-align: left;
	border-bottom: 1px #5c5c5c solid;
}

.top_linetxt h1{
	font-size: 14px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

.top_linetxt h1 a{
	color: #ffffff;
}

/* ロゴの位置 中央 */

.topheader .logosbox {
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.topheader .telsbox {
 position: absolute;
 right: 10px;
 bottom: 0;
 margin: auto;
 text-align: right;
}

.topheader .telsbox p{
 margin: 0px;
 padding: 0px;
 text-shadow: 2px 2px 2px #333,
 -1px 2px 2px #333,
 2px -1px 2px #333,
 -1px -1px 2px #333;
 font-size: 30px;
 font-weight: bold;
 line-height: 1.5em;
 color: #ffffff;
}

.topheader .telsbox p a{
 color: #ffffff;
}

.topheader .telsbox span{
 margin: 0px;
 padding: 0px;
 text-shadow: 2px 2px 2px #333,
 -1px 2px 2px #333,
 2px -1px 2px #333,
 -1px -1px 2px #333;
 font-size: 14px;
 font-weight: bold;
 line-height: 1.5em;
 color: #ffffff;
}
/* ロゴの位置 */

.logosbox img{
	width: 450px;
}

/* ティッカー */
.newsticker_box {
	position: relative;
	width: 1050px;
	height: 50px;
	margin: 0 auto;
	background: #000000;
}

.newsticker_title {
	position: absolute;
	top: 0px;
	reft: 10px;
	width: 180px;
	height: 50px;
	border: 0px;
	overflow: hidden;
	padding: 12px 8px 8px 8px;
	color: #ffffff;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
}

.newsticker_iframe {
	 position: absolute;
	 top: 6px;
	 right: 10px;
	 width: 830px;
	 height: 42px;
	 border: 0px;
	 overflow: hidden;
}

/* テンプレ１ */

.headerwidth {
	width: 1050px;
	background-color: rgb(0, 0, 0, 0);
	
	margin: 0 auto;
}

.mkbackground {
	width: 1050px;
	margin: 0 auto;
}

.mainwidth {
	width: 1050px;
	margin: 0 auto;
}

.topheader{
	
	/* 横全	
	width: 100%;
	height: 250px;
	background: #333334;
	color: #FFFFFD;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px #FFFFFF solid;
	position: relative;
	*/
	
	/* 横固定 */	
	width: 1050px;
	height: 450px;
	background-image: url("https://bar-air.net/common002/img/header_imgcdc14f220f1d4442af104141b6d04db1.jpg");
	background-size: 100%;
	margin: 0 auto;
	padding: 10px 0px 0px 0px;
	position: relative;
	
}

.topheader h1{
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

.topheader h2{
	font-size: 14px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}


/*　テンプレ1 ここまで　*/

.pagetop_img {
	margin-bottom: 10px; 
}

.main_margin {
	margin-top: 10px;
}

.mapbox {
	width: 100%;
	padding: 30px;
	height: 460px;
	position: relative;
}

.mapbox a{
	position: absolute;
	top: 35px;
	right: 35px;
	background: #3D85E6;
	color: aliceblue;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	display: block;
	cursor: pointer;
}

.mapbox iframe{
	width: 100%;
	height: 400px;
}

/* リンク装飾 */

.urlTbox a{
	z-index: 4;
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 8px;
	letter-spacing: normal;
	text-align: center;
	line-height: 1em;
	letter-spacing: 0;
	cursor: pointer;
	color: #fff;
	background: #4681E4;
	border-radius: 5px;
	overflow: hidden;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.urlTbox a:hover {
	background: #0066FF;
}

/* フォーム関係 */

.need {
	margin: 0 auto 0 4px;
	padding: 2px 3px 1px 3px;
	font-size: 64%;
	line-height: 80%;
	text-align: center;
	color: #fff;
	background: #E2003C;
	border-radius: 3px;
}

input[type="submit"] {
	z-index: 4;
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	margin: 1em auto;
	padding: 0.4em 2.8em;
	text-align: center;
	font-size: 108%;
	line-height: 1em;
	letter-spacing: 0;
	cursor: pointer;
	color: #fff;
	background: none;
	border: solid 2px #4681E4;
	border-radius: 5px;
	overflow: hidden;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

input[type="submit"]:hover {
	color: #4681E4;
}

input[type="submit"] {
	margin: 0 auto;
}

.button_wrap {
	z-index: 3;
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	margin: 1em auto;
	overflow: hidden;
	border-radius: 5px;
}

.button_wrap::before {
	z-index: -1;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #4681E4;
}

.button_wrap::after {
	z-index: -1;
	content: '';
	position: absolute;
	left: -35%;
	top: 0;
	display: block;
	width: 0;
	height: 100%;
	background: #fff;
	transform: skew(50deg);
	transition-duration: 0.6s;
	transform-origin: top left;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.button_wrap:hover:after {
	width: 135%;
	height: 100%;
}
/**/

main {
	float: left;
	width: 1050px;
	background: rgba(255,255,255,0.5); 
	text-align: left;
}

aside {
	float: right;
	width: 0px;
	margin: 0px 0px 0px 10px;
	background: rgba(255,255,255,0); 
	text-align: left;
	line-height: 1.0em;
}

aside {
	display: none;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

aside .side_bgdiv {
	background: rgba(255,255,255);
}

aside .side_pickdiv {
	letter-spacing: -0.4em;
	overflow: hidden;
	background: rgba(255,255,255);
	border-bottom: 1px dashed #CCCCCC;
	padding: 3px 3px 0px 3px;
}

aside .side_pickdiv > .side_pickimg{
	display: inline-block;
	vertical-align: top;
	width: 80px;
	position: relative;
}

aside .side_pickdiv > .side_picktxt{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 80px);
	letter-spacing: normal;
	white-space: nowrap;
	overflow: hidden;
}

.side_picktxt > .side_sstxt_com{
	overflow: hidden;
	height: 14px;
	font-size: 14px;
	margin: 3px;
}

.side_picktxt > .side_picktxt_com{
	font-size: 14px;
	margin: 3px;
	height: 63px;
	line-height: 1.5em;
	overflow: hidden;
	width: calc(100% - 6px);
}

aside .side_shiftbodydiv {
	letter-spacing: -0.4em;
	overflow: hidden;
	background: rgba(255,255,255);
	padding: 3px 3px 0px 0px;
}

aside .side_shiftdiv {
	display: inline-block;
	border-bottom: 1px dashed #CCCCCC;
	padding: 3px 0px 3px 3px;
	width: calc(100% / 3);
	letter-spacing: normal;
	text-align: center;
}

aside .side_shiftdiv > .side_shifttxt_com {
	overflow: hidden;
	text-align: center;
	font-size: 10px;
	padding: 0px 3px 0px 3px;
	width: 100%;
}


.side_box .urlTbox p {
	padding: 0px 5px 0px 5px;
}

.sideonly {
	line-height: 1.0em;
	margin: 0px 0px 10px 0px;
}

.sideonly img {
	width: 100%;
	transition: 1.0s;
    transform: rotateY(0deg );
}

.sideonly:hover img {
    transform: rotateY( 360deg );
	z-index: 9999;
}

/* 次の７日 */

.nextdays a{
	float: right;
	letter-spacing: normal;
	background: #828282;
	color: #FFFFFF;
	border-radius: 30px;
    line-height: 1.0em;
    margin: 10px 0px 0px 0px;
    padding: 10px 1.0em;
}

.afterdays a{
	float: left;
	letter-spacing: normal;
	background: #828282;
	color: #FFFFFF;
	border-radius: 30px;
    line-height: 1.0em;
    margin: 10px 0px 0px 0px;
    padding: 10px 1.0em;
}

/* line_reserve_box */

.line_reserve_box {
	width: 100%;
	text-align: center;
	padding: 3px;
	letter-spacing: normal;
}

.line_reserve_box .imgbana{
	width: 100%;
	text-align: center;
	letter-spacing: normal;
}

.line_reserve_box p{
	font-size: 12px;
	line-height: 1.2em;
	padding: 3px;
	letter-spacing: normal;
}

main h2 ,h3 ,h4 {
	background-color: #ffffff;
	border-bottom: 2px solid #828282;
	border-left: 10px solid #828282;
	padding: 8px 0px 5px 8px;
	text-align: left;
	margin: 0px 0px 0px 0px;
}

.system_txt p{
	padding: 1.0em;
}

.mainunder_box {
	width: 1050px;
	background: rgba(255,255,255,0.5); 
	text-align: left;
	margin: 0 auto;
	display: block;
	letter-spacing: -0.4em;
}

.recss_h {
	background-color: #ffffff;
	border-bottom: 2px solid #828282;
	border-left: 10px solid #828282;
	padding: 8px 0px 5px 8px;
	text-align: left;
	margin: 15p 0p 0p 0px;
	letter-spacing: normal;
}

.inline_css {
	letter-spacing: -0.4em;
}

.undersideonly {
	width: calc(100% / 3 - 10px);
	display: inline-block;
	letter-spacing: normal;
	margin: 5px 5px 5px 5px;
	padding: 0px;
	overflow: hidden;
	background-color: #FFFFFF;
}
.undersideonly img{
    transition: 1.0s;
    transform: rotateY(0deg );
}
.undersideonly:hover img {
    transform: rotateY( 360deg );
}
.undersideonly a{
	display: block;
	line-height: 0em;
}

.gals_mbox h3 , .gals_unbox h3, .side_box h3{
	background-color: #ffffff;
	border-bottom: 2px solid #828282;
	border-left: 10px solid #828282;
	padding: 8px 0px 5px 8px;
	text-align: left;
	margin: 0px;
	font-size: medium;
}

/* PickUp */

.pickdiv {
	display: block;
	letter-spacing: -0.4em;
}

.pickdiv .picktxt {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	width: calc(100% - 300px);
	max-height: 400px;
	overflow-y: scroll;
	vertical-align: top;
	margin: 10px 0px 0px 0px;
	background: rgba(255,255,255);
	padding: 0px 8px 0px 8px;
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
}

.pickdiv .picktxt h3, .picktxt h4{
	text-align: left;
}

.pickdiv .pickimg{
	display: inline-block;
	width: 280px;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 0px 10px;
	vertical-align: top;
	position: relative;
}

.pickdiv h3,h4 {
	background-color: transparent;
	border: transparent;
	border: 0px;
}

.pickdiv .pickimg img{
	border: 1px solid #CCC;
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
}

.pickdiv h3 {
	padding: 10px 5px 0px 5px;
	margin: 0px 5px 10px 0px;
	font-size: 24px;
	line-height: 1.2em;
	border-bottom: 1px solid #828282;
}

.pickdiv h4 {
	padding: 0px 5px 10px 5px;
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 1.5em;
}

.pickdiv .picktxt_com {
	padding: 0px 5px 0px 5px;
}

/* info */
.info_bodybox-inline {
	width: 100%;
	letter-spacing: -.4em;
}

.tw_bodybox-box h2{
	background: #ffffff;
	margin-right: 0px;
	letter-spacing: normal;
	margin-bottom: 0px;
}

.info_bodybox-box h2, .info_bodybox-pick h2, .topsgals-pick h2{
	background: #ffffff;
	margin-right: 0px;
	letter-spacing: normal;
	margin-bottom: 0px;
}

.tw_bodybox-box {
	width: calc(50% - 10px);
	display: inline-block;
	margin: 0px 0px 0px 10px;
	vertical-align: top;
}

.tw_bodybox-pick {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}

.info_bodybox-pick {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}

.topsgals-pick {
	display: inline-block;
	vertical-align: top;
}

.pick-widthl {
	width: calc(70% - 10px);
}

.pick-width {
	width: calc(60% - 10px);
}

.pick-width-sl {
	width: calc(30% - 0px);
}

.pick-width-s {
	width: calc(40% - 0px);
}

.topsgals-pickimg {
	position: relative;
}

.topsgals-txt {
	position: absolute;
	overflow: hidden;
	padding: 5px;
	bottom: 16px;
	left: 8px;
	width: calc(100% - 16px);
	color: #FFFFFF;
    background-color: rgba(0,0,0,0.5);
	letter-spacing: normal;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
}

.topsgals-comtxt {
	width: calc(100% - 0px);
	overflow: hidden;
}

.topsgals-comtxt p {
	margin:0;
	padding-left: 100%; /*アニメーションの範囲*/
	display:inline-block; 
	white-space:nowrap;
	animation-name:marquee; /*アニメーションのクラス名*/
	animation-timing-function:linear;/*アニメーションのタイミング・進行割合の指定*/
	animation-duration:15s; /*アニメーションの速度*/
	animation-iteration-count:infinite;/*アニメーションの動作回数*/
}
@keyframes marquee {/*動作範囲(上級者向けの設定)*/
  from   { transform: translate(0%);} 
  99%,to { transform: translate(-100%);}
}

.topsgals-name , .topsgals-size {
	display: block;
	margin: 3px;
}

.topsgals-pickimg img{
	margin: 8px;
	border: 1px solid #CCC;
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
	width: calc(100% - 16px); 
}

.m-ri {
	margin: 0px 0px 0px 10px;
}

.m-le {
	margin: 0px 10px 0px 0px;
}

.info_bodybox-box {
	width: calc(50% - 10px);
	display: inline-block;
	margin: 0px 10px 0px 0px;
}

.info_bodybox-box h4, .info_bodybox-pick h4{
	background: #ffffff;
	padding: 8px;
	letter-spacing: normal;	
	font-size: 28px;
}

/* ランキング */

.ranking2-box {
	width: calc(50% - 3px);
	display: inline-block;
	vertical-align: top;
	letter-spacing: -0.4em;
}

.ranking2-img, .ranking_icon{
	position: relative;
}

.ranking2-txt {
	position: absolute;
	overflow: hidden;
	padding: 5px;
	bottom: 16px;
	left: 8px;
	width: calc(100% - 16px);
	color: #FFFFFF;
    background-color: rgba(0,0,0,0.5);
	letter-spacing: normal;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
}

.ranking2-comtxt {
	width: calc(100% - 0px);
	overflow: hidden;
}

.ranking2-comtxt p {
	margin:0;
	padding-left: 100%; /*アニメーションの範囲*/
	display:inline-block; 
	white-space:nowrap;
	animation-name:marquee; /*アニメーションのクラス名*/
	animation-timing-function:linear;/*アニメーションのタイミング・進行割合の指定*/
	animation-duration:15s; /*アニメーションの速度*/
	animation-iteration-count:infinite;/*アニメーションの動作回数*/
}

.ranking2-name , .ranking2-size {
	display: block;
	margin: 3px;
}

.ranking2-img img{
	margin: 8px;
	border: 1px solid #CCC;
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
	width: calc(100% - 16px); 
}

.ranking3-box {
	width: calc(40% - 3px);
	display: inline-block;
	vertical-align: top;
	letter-spacing: -0.4em;
}

.ranking3-img, .ranking_icon{
	position: relative;
}

.ranking3-txt {
	position: absolute;
	overflow: hidden;
	padding: 5px;
	bottom: 16px;
	left: 8px;
	width: calc(100% - 16px);
	color: #FFFFFF;
    background-color: rgba(0,0,0,0.5);
	letter-spacing: normal;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
}

.ranking3-comtxt {
	width: calc(100% - 0px);
	overflow: hidden;
}

.ranking3-comtxt p {
	margin:0;
	padding-left: 100%; /*アニメーションの範囲*/
	display:inline-block; 
	white-space:nowrap;
	animation-name:marquee; /*アニメーションのクラス名*/
	animation-timing-function:linear;/*アニメーションのタイミング・進行割合の指定*/
	animation-duration:15s; /*アニメーションの速度*/
	animation-iteration-count:infinite;/*アニメーションの動作回数*/
}

.ranking3-name , .ranking3-size {
	display: block;
	margin: 3px;
}

.ranking3-img img{
	margin: 8px;
	border: 1px solid #CCC;
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
	width: calc(100% - 16px); 
}

.ranking-flot {
	width: calc(60% - 0px);
	display: inline-block;
	vertical-align: top;
	letter-spacing: -0.4em;
}

.ranking3sub-box {
	width: calc(100% / 2);
	display: inline-block;
	vertical-align: top;
	letter-spacing: -0.4em;
}

.ranking3sub-img, .ranking_icon{
	position: relative;
}

.ranking3sub-txt {
	position: absolute;
	overflow: hidden;
	padding: 5px;
	bottom: 16px;
	left: 8px;
	width: calc(100% - 16px);
	color: #FFFFFF;
    background-color: rgba(0,0,0,0.5);
	letter-spacing: normal;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
}

.ranking3sub-comtxt {
	width: calc(100% - 0px);
	overflow: hidden;
}

.ranking3sub-comtxt p {
	margin:0;
	padding-left: 100%; /*アニメーションの範囲*/
	display:inline-block; 
	white-space:nowrap;
	animation-name:marquee; /*アニメーションのクラス名*/
	animation-timing-function:linear;/*アニメーションのタイミング・進行割合の指定*/
	animation-duration:15s; /*アニメーションの速度*/
	animation-iteration-count:infinite;/*アニメーションの動作回数*/
}

.ranking3sub-name , .ranking3sub-size {
	display: block;
	margin: 3px;
}

.ranking3sub-img img{
	margin: 8px;
	border: 1px solid #CCC;
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
	width: calc(100% - 16px); 
}

/* ハーフ */

.tw_bodybox-h {
	width: calc(100% - 0px);
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	display: block;
	overflow: hidden;
	height: 500px;
	letter-spacing: normal;
}

.main_bg_color {
	background: rgba(255,255,255);
}

.info_bodybox-h {
	width: calc(100% + 0px);
	margin: 0 0px;
	padding: 10px 5px 10px 5px;
	display: block;
	overflow-y: scroll;
	height: 500px;
	letter-spacing: normal;
}

.info_bodybox-h h4{
	background: #ffffff;
	padding: 8px;
	line-height: 1.5em;
	margin: 0;
	text-align: left;
	letter-spacing: normal;
}
/* ハーフ */

.info_bodybox {
	width: 100%;
	background: rgba(255,255,255); 
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
	display: block;
	overflow-y: scroll;
	height: 500px;
	letter-spacing: normal;
}

.info_bodybox h4{
	background: #ffffff;
	padding: 8px;
	margin: 0;
	line-height: 1.5em;
	text-align: left;
	font-size: 28px;
	letter-spacing: normal;
}

.info_bodybox-page {
	width: 100%;
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
	display: block;
}

.info_bodybox-page h4{
	background: #ffffff;
	padding: 8px;
	margin: 0;
	text-align: left;
	font-size: 28px;
}

.infoloop {
	width: 100%;
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px dashed #CCC;
}


/* Gals */
.profilebody, .g-schedule, .gals_unbox p{
	background: rgba(255,255,255);
}

.calendar_day {
	letter-spacing: -.4em;
}

.calendar_day li{
	width: calc(100% / 7);
	display: inline-block;
	letter-spacing: normal;
	background: #272727;
	border-right: 1px solid #ffffff;
}

.calendar_day li:last-child {
	border-right: 0px;
}

.calendar_day li a{	
	color: #ffffff;
	display: block;
	text-align: center;
}

.calendar_day li a:hover{	
	background: #585858;
}

.dayck a{
	background: #585858;
}

.side_twitter_box {
	margin: 0 auto;
	width: 100%;
	padding: 10px 0px 0px 0px;
}

.twitter_box {
	margin: 0 auto;
	width: 100%;
	height: 500px;
	padding: 10px 0px 0px 0px;
	overflow: hidden;
}

.m-btm10 {
	margin: 0px 0px 10px 0px;
}

.m-btm20 {
	margin: 0px 0px 20px 0px;
}

main h4 {
	font-size: 24px;
}

.h2under {
	padding: 8px;
	line-height: 1.7em;
}

.padding-30{
	padding: 30px 0px 30px 0px;
}

.table_divs p{
	margin: 0px;
	padding: 0px;
}

.table_divs input{
	width: 100%;
	padding: 5px;
	margin: 0px;
}
	
.table_divs textarea{
	width: 100%;
	padding: 5px;
	height:  300px;
	margin: 0px;
}

/* table */
.table_divs {
	display: table;
	width: 100%;
	min-width: 680px;
	border-spacing: 3px;
	padding: 0px 20px 0px 20px;
}

.table_tr {
	width: 100%;
	display: table-row;
	border-bottom: 2px solid #C38A8B;
}

.table_td_left {
	display: table-cell;
	text-align: right;
	padding: 12px;
	background: rgb(0, 0, 0, 0);
	border-right: 2px solid #757575;
	border-bottom: 2px solid #757575;
	width: 40%;
	vertical-align: top;
}

.table_td_right {
	display: table-cell;
	padding: 12px;
	background: rgb(0, 0, 0, 0);
	border-right: 2px solid #757575;
	border-bottom: 2px solid #757575;
	vertical-align: top;
}

.table_td_mleft {
	display: table-cell;
	vertical-align: top;
	text-align: right;
	padding: 12px;
	background: rgb(0, 0, 0, 0);
	border-right: 2px solid #757575;
	border-bottom: 2px solid #757575;
	width: 30%;
}

.table_td_mright {
	display: table-cell;
	vertical-align: top;
	padding: 12px;
	background: rgb(0, 0, 0, 0);
	border-right: 2px solid #757575;
	border-bottom: 2px solid #757575;
}

.txt-s {
	font-size: 14px;
}

/* メイン */

/* ↓ INDEX 背景の上にかぶさる文字の位置 */
.i-position {
	width: 100%;
}

.a-position {
	position: absolute;
}

.index_height {
	width: 100%;
	height: 900px;
	position: relative;
	padding: 30px 0px 0px 0px;
	z-index: 9999;
}

.index_logo {
	width: 100%;
	text-align: center;
}

.index_logo img{
	width: 750px;
	margin: 0px 30px 0px 30px;
}

/* スタイルreset */

.index_height h1,h2,h3,h4{
	text-align: center;
	background: transparent;
	border: 0;
}

.index_height h1{
	text-shadow: 2px 2px 2px #333,
             -1px 2px 2px #333,
             2px -1px 2px #333,
             -1px -1px 2px #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 24px;
	color: #37fc1d;
}

.index_height h2{
	text-shadow: 2px 2px 2px #333,
             -1px 2px 2px #333,
             2px -1px 2px #333,
             -1px -1px 2px #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 16px;
	color: #fafafa;
}

.index_height h3{
	text-shadow: 2px 2px 2px #333,
             -1px 2px 2px #333,
             2px -1px 2px #333,
             -1px -1px 2px #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 16px;
	color: #ffffff;
}

.index_height h4{
	text-shadow: 2px 2px 2px #333,
             -1px 2px 2px #333,
             2px -1px 2px #333,
             -1px -1px 2px #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 16px;
	color: #ff0505;
}

.shadow-bc{	
	text-shadow: 1px 1px 1px #333,
             -1px 1px 1px #333,
             1px -1px 1px #333,
             -1px -1px 1px #333;
}

.col-wh {
	color: #FFFFFF;
}

.col-pi {
	color: #FE3B9F;
}

.col-re {
	color: #E4007F;
}

.col-tw {
	color: #1DA1F2;
}

.col-bc {
	color: #333333;
}

.index_prtxt {
	font-weight: bold;
	font-size: 20px;
}

.index_under {
	background: rgba(92,92,92,0); /* リンクの背景 */
	color: #000000;
	width: 1000px;
	margin: 0 auto;
	-webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
	padding: 0px 10px 20px 10px;
	
}
.index_under a{
	color: #000000;
}

.index_under h5{
	font-size: 20px;
	font-weight: bold;
	border-bottom: 2px solid #333;
	text-align: left;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 10px 0px;
}

.index_under ul{
	letter-spacing: -.4em;
}

.index_under li{
	display: inline-block;
	letter-spacing: normal;
	margin:  8px;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
}

.index_under a {
	display: block;
	line-height: 1.2em;
}

.index_under p{
	margin: 0px;
}

.enter_box {
	width: 550px;
	letter-spacing: -.4em;
	margin: auto;
	letter-spacing: -.4em;
	position: absolute;
	top: 500px;
	left: 0;
	right: 0;
	
	/*
	margin: auto;
	letter-spacing: -.4em;
	position: absolute;
	top: 400px;
	left: 0;
	right: 0;
	*/
}


.enter_in {
	width: 65%;
	display: inline-block;
	letter-spacing: normal;
}

.enter_in a{
	-webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
	display: block;
	line-height: 1.0em;
	padding: 40px 30px 40px 30px;
	background: rgba(102,161,255,0.7); /*#FE6699;*/
	color: #f9faf9;
	text-shadow: 1px 1px 1px #333,
             -1px 1px 1px #333,
             1px -1px 1px #333,
             -1px -1px 1px #333;
	font-size: 36px;
	font-weight: bold;
	margin: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.enter_out {
	width: 35%;
	display: inline-block;
	letter-spacing: normal;
}
.enter_out a{
	-webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
	display: block;
	line-height: 1.0em;
	padding: 20px 10px 20px 10px;
	background: rgba(117,117,117,0.7); /*#FE6699;*/
	color: #d2d2d2;
	text-shadow: 1px 1px 1px #333,
             -1px 1px 1px #333,
             1px -1px 1px #333,
             -1px -1px 1px #333;
	font-size: 16px;
	font-weight: bold;
	margin: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.footer_bg {
	border-top: #202020 1px solid;
	background: #2b2b2b;
	padding: 30px 0px 30px 0px;
	margin-top: 10px; 
}

.footer {	
	color: #ffffff;
	margin: 0px auto;
	width: 1000px;
}

.footer a{	
	color: #ffffff;
}

.footer ul {	
	width: 100%;
	letter-spacing: -0.4em;
}

.footer li {	
	display: inline-block;
	letter-spacing: normal;
	padding: 0px 8px 0px;
}

.web_draft {
	position: fixed;
	top: 0px;
	right: 0px;
	background: #FF393C;
	color: #FFFFFF;
	text-align: center;
}

.web_draft input[type="submit"]{
	width: 120px;
	height: 30px;
	padding: 3px;
	display: block;
	border: 1px #FF5053 solid;
}

.web_draft input[type="submit"]:hover{
	color: #F7F7F7;
}

/* リンク */

.link_box {
	letter-spacing: -.4em;
	padding: 15px;
	text-align: center;

}

.linkclear {
	clear: both;
}

.tagusbox {
	width: 100%;
	text-align: center;
	padding: 5px;
	letter-spacing: normal;
}

.tagusbox {
	width: auto;
	text-align: center;
	padding: 5px;
	letter-spacing: normal;
	display: inline-block;
	margin: 5px;
	line-height: 1.5em;
}

.tagusbox p {
	padding: 0px;
	margin: 0px;
	text-align: center;
}

/* 右上ボタン */

.menuicon {
	width: 100px;
	height: 100px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
	text-align: center;
	background-color: #FFFFFF;
	-webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
}

.menuicon i {
	width: 100%;
	display: block;
	color: #202020;
}

#page_top{
  width: 100px;
  height: 80px;
  position: fixed;
  right: -100px;
  bottom: 20px;
  letter-spacing: -.4em;
}

#page_top .topback{
  position: relative;
  display: inline-block;
  width: 100px;
  height: 80px;
  text-decoration: none;
  background: #2b2b2b;
  opacity: 0.8;
  letter-spacing: normal;
}
#page_top .topback::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 30px;
  color: #ffffff;
  position: absolute;
  width: 30px;
  height: 30px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top .topback::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #ffffff;
  position: absolute;
  top: 40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

#page_top .pagetop_icon {
	display: none;
	letter-spacing: normal;
}

/* ポップアップ18禁 */

#inline-content {
	padding: 0px 0px 0px 0px;
}

#inline-content .enter_in {
	width: 40%;
	display: inline-block;
	letter-spacing: normal;
}

#inline-content .enter_out {
	width: 30%;
	display: inline-block;
	letter-spacing: normal;
}

#inline-content .enter_in a{
	padding: 20px;
}

#inline-content .enter_out a{
	padding: 10px;
}

/* 表示順ボタン */
.sortbodys {
	letter-spacing: -.4em;
	padding: 15px 0px 0px 8px;
	text-align: right;
}

.sortbodys li{
	letter-spacing: normal;
	display: inline-block;
	margin: 0px 8px 0px 0px;
}

.sortbodys li a{
	display: block;
	padding: 8px 15px 6px 15px;
	font-size: 16px;
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
}

.unc {
	border: 1px solid #CCCCCC;
	background-color: #E1E0DE;
	color: #7C7C7C;
}

.act-t {
	color: #E1E0DE;
	font-size: 16px;
}

.act-t:hover {
	opacity: 0.8;
}

.act {
	border: 1px solid #CCCCCC;
	background-color: #7C7C7C;
	color: #E1E0DE;
}


main .toph3_01, main .toph3_01 , .side_box .sideh3_01, .mainunder_box .toph3_01{
	background-color: transparent;
	border-bottom: 0px solid #828282;
	border-left: 0px solid #828282;
	padding: 0px 0px 0px 0px;
	text-align: left;
	margin: 0px 0px 0px 0px;
}

.side_box .sideh3_01 img, .side_box .sideh3_02 img, .side_box .sideh3_03 img{
	width: 100%;
}


main .toph3_02, main .toph3_02 , .side_box .sideh3_02, .mainunder_box .toph3_02{
	background-color: transparent;
	border-bottom: 0px solid #828282;
	border-left: 0px solid #828282;
	padding: 0px 0px 0px 0px;
	text-align: right;
	margin: 0px 0px 0px 0px;
}

main .toph3_03, main .toph3_03 , .side_box .sideh3_03, .mainunder_box .toph3_03{
	background-color: transparent;
	border-bottom: 0px solid #828282;
	border-left: 0px solid #828282;
	padding: 0px 0px 0px 0px;
	text-align: center;
	margin: 0px 0px 0px 0px;
}

.pcnone {
  display: none;
}

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

.pcnone {
  display: block;
}
	
.top_linetxt h1{
	font-size: 0.9em;
}
	
.sorttitel {
	width: 100%;
	text-align: center;
}

.sortbodys {
	padding: 8px 0px 0px 8px;
	font-size: 18px;
}

.sortbodys li{
	margin: 0px 8px 0px 0px;
}

.sortbodys li a{
	font-size: 16px;
	padding: 4px 10px 3px 10px;
}

.act-t,.sortbodys li a{
	font-size: large;
}

.info_bodybox-h h4{
	font-size: 1.2em;
}
	
#inline-content p{
	font-size: 16px;
}

#page_top{
  /* page_top_icon の値がなければ width 100px あった場合 620px; height 60px あった場合 80px;*/
  width: 100px;
  height: 76px;
  bottom: 150px;
}

#page_top .pagetop_icon {
  position: relative;
  display: inline-block;
  text-align: top;
  width: 500px;
  text-decoration: none;
  margin: 0px 20px 0px 0px; 
}

#page_top .pagetop_icon img{
  width: 500px;
}
	
/* ティッカー */
.newsticker_box {
	position: relative;
	width: 100%;
	height: 60px;
}

.newsticker_title {
	display: none;
}

.newsticker_iframe {
	 position: absolute;
	 width: 660px;
	 height: 60px;
	 border: 0px;
	 overflow: hidden;
	 top: 2px;
	 right: auto;
	 left: 10px;
	 display: block;
}


.clearFix img { 
	max-width: 600px;
}

.gals_mbox h3 , .gals_unbox h3, .side_box h3, main h2 ,main h3 ,main h4 {
	font-size: larger;
	margin-top: 15px;
}

.web_draft input[type="submit"]{
	width: 150px;
	height: 60px;
	padding: 15px;
	display: block;
	font-size: 20px;
	border: 1px #FF5053 solid;
}

.web_draft input[type="submit"]:hover{
	color: #F7F7F7;
}
	
	
.topheader {
	width: 100%;
}
	
body {
	font-size: 26px;
	line-height: normal;
}

/* フォント調整 */
.h2under, .table_td_left, .table_td_right, .gals-name, .pickdiv h4, span , p
 {
	font-size: xx-large;	
}

.pickdiv h3
 {
	font-size: 26px;
}
	
.index_under {
	width: calc(100% - 16px);
	padding: 0px 10px 20px 10px;
	margin: 8px;
}
	
.index_under li img {
	max-width: 95%;
}

.index_bg {
	background-image: url("");/*全体背景*/
	
}

.enter_box {
	width: 550px;
	letter-spacing: -.4em;
	margin: auto;
	letter-spacing: -.4em;
	position: absolute;
	top: 600px;
	left: 0;
	right: 0;
	
	/*
	margin: auto;
	letter-spacing: -.4em;
	position: absolute;
	top: 400px;
	left: 0;
	right: 0;
	*/
}
	
.main_bg {
	background-image: url("");/*メイン背景*/
	background-position: center;
	
}
	
.footer {	
	margin: 0px auto;
	width: 100%;
	padding: 0px 10px 10px 10px;
}

main {
	float: none;
	width:calc(100% - 10px);
	margin: 15px 5px 15px 5px;
}

.mainunder_box {
	width:calc(100% - 10px);
	margin: 15px 5px 15px 5px;
}
	
aside {
	float: none;
	width: calc(100% - 30px);
	margin: 15px 15px 15px 15px;
}

.sideonly {
	line-height: 1.0em;
	margin: 0px 15px 10px 15px;
	width: calc(50% - 30px);
	float: left;
}

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

.mainwidth , .mkbackground{
	width: 100%;
	margin: 0 auto;
}

	
.tw_bodybox-box {
	width: calc(100% - 10px);
	display: block;
	margin: 0px 0px 10px 0px;
}

.info_bodybox-box {
	width: calc(100% - 10px);
	display: block;
	margin: 0px 0px 10px 0px;
}

.info_bodybox-h {
	height: 500px;
}
	
.table_td_mleft {
	display: block;
	width: 100%;
	font-size: 24px;
	text-align: left;
	font-weight: bold;
}

.table_td_mright {
	display: block;
	width: 100%;
	font-size: 24px;
}

.table_divs {
	border-spacing: 2px;
	padding: 0px 5px 0px 5px;
	min-width: 100%;
	word-break: break-all;
}

.table_divs input{
	width: 100%;
	height: auto;
	padding: 10px 5px 10px 5px;
	font-size: 26px;
	margin: 0px;
}
	
.table_divs textarea{
	width: 100%;
	padding: 10px 5px 10px 5px;
	height:  300px;
	font-size: 26px;
	margin: 0px;
}

/*Twitter*/
.twitter_box {
	width: 100%;
	height: 500px;
}
	
/*スマフォ調整*/
.index_logo img{
	width: 620px;
	margin: 0px 30px 0px 30px;
}
	
.index_height {
	padding: 20px 0px 0px 0px;
	height:  610px; 
}

.index_height h1{
	font-size: 32px;
}

.index_height h2{
	font-size: 24px;
}

.index_height h3{
	font-size: 24px;
}

.index_height h4{
	font-size: 24px;
}

.shadow-bc{	
	text-shadow: 1px 1px 1px #333,
             -1px 1px 1px #333,
             1px -1px 1px #333,
             -1px -1px 1px #333;
}

.calendar_day li{
	width: calc(100% / 5);
	}
	
.calendar_day li:nth-child(6){
	display: none;
}

.calendar_day li:nth-child(7){
	display: none;
}

.side_picktxt > .side_sstxt_com{
	overflow: hidden;
	height: auto;
	font-size: 18px;
	margin: 0px 3px 0px 3px;
}


aside .side_shiftdiv > .side_shifttxt_com {
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	padding: 0px 3px 0px 3px;
	width: 100%;
}


.pick-widthl {
	width: calc(50% - 10px);
}

.pick-width {
	width: calc(50% - 10px);
}

.pick-width-sl {
	width: calc(50% - 0px);
}

.pick-width-s {
	width: calc(50% - 0px);
}

.topsgals-name , .topsgals-size {
	display: block;
	margin: 3px;
	font-size: 90%;
}

.picktxt h4 {
	font-size: 100%;
	}

.ranking2-box {
	width: calc(50% - 6px);
	display: inline-block;
	vertical-align: top;
	letter-spacing: -0.4em;
}

.p-resize {
	font-size: 100%;
	}

 .newsticker_iframe {
    width: 670px;
 }

main h2 img, main h3 img {
	width: 100%;
}


.mainunder_box h2 img, .mainunder_box h3 img{
	width: 100%;
}
	
}
/* @media screen and ( max-width: 740px ) */