@charset "utf-8";
/* CSS Document */
.cogt-title{
	text-align:center;
	padding:20px 0;
}
.cogt-header{
	padding:10px 0;

}
nav.headerNav{
	text-align:center;
}

#cogt-header{
position: relative;
}

#cogt-header h1 {
margin:0;
/*height: 71px;*/
}

#cogt-wrapper{
	clear:both;
position:relative;
}
#cogt-header h1 a img.cogt_pc_header{
	display:block;
	margin:0 auto;
}
#cogt-header h1 a img.cogt_sp_header{
	display:none;
}

nav#sp_gnav ul, nav.headerNav ul, .sponsorship ul{
	margin:0;
	padding:0;

}
nav#sp_gnav ul li, nav.headerNav li{
	float:left;
	list-style:none;
}
.sponsorship li{
	list-style:none;
	margin:0 auto;
padding:10px;
display:inline-block;
}

nav.headerNav a {
	background-color:#e20101;
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding:10px 20px;
	text-decoration:none;

}
nav.headerNav a:hover {
	background-color:#eb2226;
	text-decoration:none;
}

.sponsorship{
	text-align:center;
	margin:0 auto;
}
table.outline{
border-collapse:collapse;
width:100%;
clear:both;
margin:10px 0 0;
list-style:none;
}

table.outline tr th{
padding:.5em;
background:#eef7e4;
text-align:left;
font-weight:bold;
}

table.outline th, table.outline td{
	border-bottom:1px solid #cdddbb;
	padding:.5em;
}
#sp_gnav {
    position: fixed;
    top: 55px;
    z-index: 99;
}

#ctmylogin ul li{
	list-style:none;
}

.cogt-content h2{
	background-color:#3F51B5;
	color:#FFF;
	border-top: none;
	border-bottom: 6px solid #dcdcdc;
	padding: 10px 14px;
}
.cogt-content h2.round{
	background-color:#A1887F;
	border-bottom: none;
}
.cogt-round h2.round{
	background-color:#A1887F;
}

.cogt-round p{
	padding:0 .2em;
}

.cogt-content h1 span{
	display:none;
}

.cogt-content h1{
	margin:0.5em;
	font-weight:normal;
	text-align:center;
}

.on--post{
	border: 1px solid #efefef;
	background-color: #fafafa;
	margin:0 5px 10px;
	padding:10px;
}
.on--post span, span.red_b{
	font-weight:bold;
}
.on--post span.red, span.red, span.red_b, span.red_n{
	color:#F00;
}
.on--post span.red_n{
	font-weight:normal;
}


/* 矢印付きシンプルボタン */

.btn {
  display: inline-block;
  position: relative;
  padding: 1em .5em;
  border-radius: 3px;
  color: white;
  background-color: #c62828;
  text-decoration: none;
  -webkit-transition: background-color .3s, box-shadow .3s, -webkit-transform .3s;
  transition: background-color .3s, box-shadow .3s, transform .3s;
  width:80%;
  font-weight:bold;
  font-size:24px;
/*  line-height:1.2em;*/
}

a.btn {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn.next {
  padding-right: 2em;
}

.btn.prev {
  padding-left: 2em;
}

.btn.inline {
  margin: 0 .3em;
  padding: .3em;
  line-height: 1;
}

.btn.bnr {
  padding: 0;
}

.btn.bnr img {
  border-radius: 3px;
  vertical-align: middle;
  -webkit-transition: -webkit-filter .3s;
}

a.btn:hover {
  background-color: #ec959b;
  box-shadow: 0 5px 0 #dc5f67, 0 10px 3px rgba(0,0,0,.1);
  -ms-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  text-decoration:none;
  color:#FFF;
}

a.btn:link, a.btn:visited{
	color:#FFF;
}
.btn.bnr:hover img {
  -webkit-filter: brightness(1.1);
}

a.btn:active {
  background-color: #e57981;
  box-shadow: 0 2px 0 #dc5f67, 0 4px 1px rgba(0,0,0,.1);
  -ms-transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-transition-duration: .1s;
  transition-duration: .1s;
  color:#FFF;
}


.cogt-content ul{
	padding:0 10px;
}

.cogt-content ul li {
    background: url("../img/icon.gif") no-repeat scroll 0 8px transparent;
    list-style: none outside none;
    padding-bottom: 5px;
    padding-left: 10px;
}

table.guidance{
	width:100%;
}
table.guidance th, table.guidance td{
	border-bottom: 1px solid #cba466;
    border-top: 1px solid #cba466;
    color: #595757;
    letter-spacing: 0.1em;
    padding: 4px;
}
.cogt-content .tracks{
	background-color:#1a237e;
	width:100%;
	height:auto;
	max-height:40px;
}
.cogt-content .tracks ul {
	margin:0;
	padding:0;
}
.cogt-content .tracks ul li{
	margin:0;
	padding:0;
	background-image:none;
	display:inline;
	list-style:none;
	width:auto;
}
.cogt-content .tracks ul li a {
    border-bottom: 0 none;
    float: left;
    margin: 0;
    padding: 0.5em;
    text-align: center;
	background: none repeat scroll 0 0 #1a237e;
}
.cogt-content .tracks ul li a:hover {
    background: none repeat scroll 0 0 #3f51b5;
    /*width: 100%;*/
}

.cogt-content .tracks a:link, .cogt-content .tracks a:visited {
    color: #fff;
    text-decoration: none;
}

.photo_list{
	width:100%;
}

table.inquiry__photo__price, table.inquiry__photo{
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
table.inquiry__photo__price tr, table.inquiry__photo tr{
	border-bottom: 1px solid #dcdcdc;
}

table.inquiry__photo__price tr th ,table.inquiry__photo__price tr td, table.inquiry__photo tr th ,table.inquiry__photo tr td{
	padding:6px;
}

.cogt-round div.infobox3 h4{
    background-color: #3f51b5;
    border-bottom: 6px solid #dcdcdc;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    padding: 6px 14px;
}

i.fa{
	padding:0 10px;
	color:#f00;
}
@media all and (min-width: 100px) {

#cogt-header h1 a img.cogt_sp_header{
	display:block;
	padding:10px;
	margin:0 auto;

}
#cogt-header{
	position:fixed;
	top: 60px;
	z-index: 888;
	width:100%;
}
.sticky-cogt {
    background-color: #fff;
    height: 60px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 8888;
}

.sponsorship-pc{
	display:none;
}
#sp_gnav {
/*    position: fixed;*/
	position: absolute;
    top: 55px;
	left:0;
	width:100%;
    z-index: 3939;
}
/*.cogt-round-left{
	float:left;
	width:60&;
}
.cogt-round-right{
	float:right;
	width:40&;
}*/
}
@media all and (max-width:499px) {
#cogt-header h1 a img.cogt_sp_header{
	display:block;
	padding:10px;
	margin:0;
	width:140px;

}
#cogt-header h1 a img.cogt_pc_header{
	display:none;
}
.sticky-cogt {
	box-shadow: 0 1px 2px #dcdcdc;
    background-color: #fff;
    height: 60px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 8888;
}
.cogt-content{
clear:both;
padding-top: 0px;
margin:0;
}
.sponsorship-pc{
	display:none;
}
table.outline{
border-top:1px solid #cdddbb;
border-collapse:collapse;
width:100%;
clear:both;
margin:10px 0 0;
list-style:none;
}

table.outline tr th{
padding:.5em;
background:#eef7e4;
text-align:center;
font-weight:bold;
}

table.outline th, table.outline td{
	border-bottom:1px solid #cdddbb;
	padding:.5em;
	display:block;
}
#sp_gnav {
    position: fixed;
    top: 60px;
    z-index: 8888;
}

.cogt-content{
padding-top: 0px;
}

}

@media all and (min-width: 500px) and (max-width: 699px){
	#cogt-header h1 a img.cogt_sp_header{
	display:block;
	padding:10px;
	margin:0 auto;
	width:180px;

}
#cogt-header h1 a img.cogt_pc_header{
	display:none;
}
.sticky-cogt {
	box-shadow: 0 1px 2px #dcdcdc;
    background-color: #fff;
    height: 74px;
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 998;
}
.sponsorship-pc{
	display:none;
}
#sp_gnav {
    position: fixed;
    top: 75px;
    z-index: 99;
}
.cogt-content{
padding-top: 30px;
}
#nav{
	top:0px;
	z-index:9999;
}
.cogt-content h1 span{
	display:inline-block;
}
.oncon_photo_box {
	float:left;
    width: 310px;
    padding: 10px 0 10px 10px;
}
}
@media all and (min-width: 700px) and (max-width: 997px) {
#cogt-header h1 a img.cogt_sp_header{
	display:none;
}
.sticky-cogt {
	height:auto;
}
.sponsorship-pc{
	display:block;
}
.sponsorship-sp{
	display:none;
}
#cogt-header{
position: relative;
top:0;
}
#sp_gnav {
    position: fixed;
    top: 5px;
    z-index: 99;
}
.cogt-content img{
	width:100%;
}
.cogt-content h1 span{
	display:inline-block;
}
.oncon_photo_box {
	float:left;
    width: 320px;
    padding: 10px 0 10px 10px;
}
}
@media all and (min-width: 998px) {
#cogt-header h1 a img.cogt_sp_header{
	display:none;
}
.sticky-cogt {
	height:auto;
}
.sponsorship-pc{
	display:block;
}
.sponsorship-sp{
	display:none;
}
#cogt-header{
position: relative;
top:0;
}
#sp_gnav {
    position: fixed;
    top: 5px;
    z-index: 99;
}
.cogt-round{
	padding:0;
}
.cogt-round-left{
	padding:0;
}
.cogt-round-left{
	float:left;
	width:60%;
}
.cogt-round-right{
	float:right;
	width:40%;
}
.cogt-content h1{
	margin:0.5em;
}

.cogt-content h1 span{
	display:inline-block;
}

.oncon_photo_box {
	float:left;
    width: 210px;
    padding: 10px 0 10px 10px;
}
/*
.cogt-content h2{
	background-color:#8BC34A;
	color:#FFF;
	border-top: none;
	border-bottom: 6px solid #dcdcdc;
}
.cogt-round h2.round{
	background-color:#A1887F;
}*/


}