@charset "UTF-8";
body#cp1907 {background:#000; color:#fff;}
body#top img.top{width:100%;}
body#top img.keihin{width:100%; margin:1% auto 3%; display:block;}
#infor {color:#fff; margin:2rem auto; box-sizing:border-box; padding:3%; background:#EB6100; border-radius:10px; width:85%; font-size:1.6rem; text-align:center; }
body#top dl dt{font-size:18px; font-weight:bold;}
body#top dl dd span{font-size:12px;}
body#top p.attention{font-size:12px; color:#FFF;}
body#top img.t-shirts{position:relative; width:110%; margin:5% 0 5% -5%; display:block;}

body#top footer{background:#EB6100;}
#gaiyou{font-size:2rem; font-weight:bold;}
.naiyou{width:95%; background:#; color:#000; box-sizing:border-box; margin:0 auto; font-size:1.5rem;}

/* body#top a#oubo{width:80%; text-align:center; border:1px solid #EB6100; padding:3%; box-sizing:border-box; margin:0 auto; color:#EB6100; display:block; text-decoration:none;}*/
body#oubo{background:#fff; color:#000;}
body#oubo footer{background:#000;}
body#oubo a#top{width:80%; text-align:center; border:1px solid #EB6100; padding:3%; box-sizing:border-box; margin:0 auto; color:#EB6100; display:block; text-decoration:none;}


#main{width:100%; vertical-align:bottom; margin-bottom:3%;}
.wrapper{
	width: 100%;
	max-width:900px;
	margin:0 auto;
	padding:0px 0 5%;
	background-size:contain;
}

section{width:95%; padding:0; box-sizing:border-box; margin:0 auto;}
.intro{
font-weight: bold;
font-size: 2rem;
margin: 1rem auto;
}
.period{
	width:90%;
	margin:2% auto;
	padding:2%;
	box-sizing:border-box;
	text-align:center;
	color:#FFF;
	background: #ff6600;
	border-radius:2rem;
	font-size: 2vmax;
	font-weight: bold;
	}
.period span{font-size:18px;}


h2{
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:3rem;
	color:#F60;
	font-weight:bold;
}
#oubo h4{
	width:95%;
	padding:2%;
	box-sizing:border-box;
	margin:0 auto 2%;
	text-align:center;
	font-size:3vmax;
	background:#F60;
	color:#FFF;
	border:2px solid #F60;
	font-weight:bold;
}

.select p {
	margin-left: 1rem;
	font-size:1.5vmax;
}

p.attention{color:#C00; font-size:12px;}
footer{background:#000; text-align:center; color:#fff; width:100%; box-sizing:border-box; padding:2%;}

#ttcp_box h1{
	width:320px;
	height:185px;
	margin:0 auto;
	background:url(cp_title.jpg) no-repeat;
	background-size:320px 185px;
	text-indent:-9999px;
}

.select{border-bottom:1px solid #F60; border-left:4px solid #F60; margin-bottom:2%;}
.select h3 dl {margin-left:1rem;}
.select h3 dl dt{font-size:3rem; color: #f00; font-weight: bold;}
.select h3 dl dd{font-size:2rem; color:#000; font-weight: bold;}

.select dt.application a,.select dt.exchange a{
	display:inline-block;
	width:80%;
	height:35px;
	margin:5px auto 7px;
	padding-top:15px;
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#BF0008), to(#930000));
	text-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 2px 2px 4px 0px #000;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

.select dd{
	color:#000;
	margin-bottom:8px;
}

.namenana{
	width:80%;
	margin:20px auto;
	padding:8px;
	background:-webkit-gradient(linear, left top, right bottom, from(#9C0),to(#005E2D));
}

.namenana h3{
	width:95%;
	margin:0 auto 10px;
	padding:5px;
	background:#FFF596;
	font-size:90%;
	color:#006E35;
	font-weight:bold;
	text-shadow: 1px 1px 3px #FF0;
	line-height:1.4;
}

.conditions{
	width:95%;
	margin:0 auto 15px;
	font-size:85%;
	color:#FF0;
	line-height:1.2;
	font-weight:bold;
	text-shadow: 1px 1px 3px #030;
}

.notes{
	width:90%;
	padding-left:12px;
	margin:0 auto 10px;
	font-size:12px;
	color:#FFF;
	line-height:1.2;
	text-indent:-12px;
}

.master{
	background:url(master_back.png) repeat-y;
	background-size:100%;
	text-align:center;
}


.master h3{
	width:95%;
	margin:0 auto 10px;
	padding:5px;
	background:#1E3A83;
	text-align:center;
	font-size:90%;
	color:#FFF;
	font-weight:bold;
	text-shadow: 1px 1px 3px #000;
	line-height:1.4;
}

.master p{
	margin-bottom:8px;
	font-size:120&;
	color:#AC1316;
	font-weight:bold;
	line-height:2;
}

.master p a{
	font-size:80%;
	color:#000;
}

.master p a.bn{
	display:block;
	width:90%;
	margin:0 auto;
	padding:8px 15px 0 12px;
	background: url(masterspace_back.jpg) no-repeat center;
	background-size:100%;
}

.under_text_link{
	text-align:center;
}

.under_text_link a{color:#000;}


.item-main {
	font-size:2rem; font-weight:bold;
}

.item-sub {
font-size:1.4vmax; 
}
.item-txt {
	text-align: left; line-height: 1.3; padding: 0 0 0 0.5rem; font-weight: bold;
}

.item-back {

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffcc33+0,ffffff+100 */
background: #ffcc33; /* Old browsers */
background: -moz-linear-gradient(top,  #fff 0%, #ffcc33 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fff 0%,#ffcc33 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fff 0%,#ffcc33 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc33', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 border-radius:2rem;
 padding: 0.5rem;
}
.cap {
	font-size:1rem;
	padding: 0.5rem;
	line-height: 1.2;
}

.oubo {
	display: block;
	padding: 1rem;
	background-color: #f00;
	color: #fff;
	font-size:2rem;
	font-weight: bold;
	margin: 2rem auto;
	border-radius: 1rem;
	text-align: center;
}

.select-img {
	width: 55%;
}

a:hover {
	color: #FF0;
}

/************************************
** CSSでタブ表示
************************************/
/* タブの外枠 */
.tabs {
  margin-top: 12px;
  color: #aaa;
  width: 95%;
  margin: auto;
}
 
/* タブのスタイル */
.tabs .tab-label {
  display: inline-block;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border: 1px solid #999;
  background-color: #fff;
  
  margin: 0.5%;
  padding: 0.5rem;
  border-bottom: none;
  font-size: 2.4vh; 
  width:48%;
  text-align: center;
}
 
/* タブにマウスカーソルがのったときフッター */
.tabs .tab-label:hover {
  opacity: 0.7;
}
 
/* ラジオボタンと内容を非表示 */
.tabs input[name="tab-radio"],
.tabs .tab-content {
  display: none;
}
 
/* タブ内容のスタイル */
.tabs .tab-content{
  border: 1px solid #999;
  padding: 10px;
  min-height: 200px;
}
 
/* 選択されているタブのコンテンツのみを表示 */
.tabs #tab-1:checked ~ .tab-1-content,
.tabs #tab-2:checked ~ .tab-2-content {
  display: block;
}
 
/* 選択されているタブのスタイルを変える */
.tabs input[name="tab-radio"]:checked + .tab-label {
  background-color: #f60;
  color: #fff;
}

.select {
    color:#000;
}


@media screen and (max-width:720px) { 
    /*　画面サイズが720pxからはここを読み込む　*/
	.item {font-size: 2.5rem;}
	.item-img {
	 width:70%;
}

.item-sub {
font-size:2rem; 
}
.item-txt {
	text-align: center; line-height: 1.3; padding: 0%;
}

.sm-mb {
	margin-bottom: 3rem;
}

.select-img {
	width: 90%;
}

.tabs .tab-label {
  font-size: 1rem; 
}

}