/* CSS Document */
@charset "utf-8";

/* layout
========================================== */
html, body {
	height: 100%;
}

img{ width: 100%; }

a,
a:hover{
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.clear{
clear:both;
}
.icon{
font-weight:normal !important;
padding:0 5px 0 0;
vertical-align:-1px;
}

#wrap {
	color: #111;
	background:#fff;
/*	background: url(../images/marathon/bg_main.jpg)
	background-size: 100px;
	-webkit-background-size: 100px;
	-moz-background-size: 100px;*/
	position: relative;
	padding: 50px 0 0;
/*	padding: 44px 0 10px;*/
}

h2 {
padding: 10px 10px 0;
}

#container {
	margin: 0 auto;
	padding: 20px 10px 50px !important;
}

#container h2 img{
	padding: 0 0 0;
}
.section {
margin: 0 auto 0;
position: relative;
/*background: url(../images/marathon/bg_header_marathon_pc.gif);*/
padding:10px 20px 5px;
}
.section h2 img{
padding: 0 0 10px 0;
}
.section p{
color:#38291F;
line-height:1.3em;
text-align:left;
padding:0 20px 20px 20px;
font-weight:bold;
}
ul.menuList{
text-align:center;
margin:0 auto 15px;
display:inline-box;
}

.menuList li.orange{
	background:#FF7F00;
}
.menuList li {
	padding:1px 0;
}

.menuList li a,
#order p.btn a,
.tweetArea a {
	font-family: メイリオ,'ヒラギノ角ゴ pro W3','ＭＳ Ｐゴシック',Meiryo,'MS P Gothic',sans-serif;
/*	background:#fccb00;
	border-bottom:3px solid #a50016;
	border-bottom:3px solid #bb121d;*/
	background:#fccb00;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	padding:5px;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	margin:0 0 10px 0;
	padding:10px 5px 10px 5px;
/*	position:relative;
	cursor:pointer;
	box-shadow: 1px 1px 5px -2px rgba(0,0,0,0.4);*/
	display:block;
	text-align: center;
}



.menuList li a:hover,
.menuList li a:active,
#order p.btn a:hover,
#order p.btn a:active,
.tweetArea a:hover,
.tweetArea a:active{
	border-bottom:none;
	background:#FFF100;
	color: #000;
}



.menuList li.passive{
	font-family: メイリオ,'ヒラギノ角ゴ pro W3','ＭＳ Ｐゴシック',Meiryo,'MS P Gothic',sans-serif;
	background:#AAAAAA;
	border:2px solid #FFFFFF;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding:5px;
	color:#333;
	font-weight:bold;
	font-size:14px;
	margin:0 0 10px 0;
	padding:10px 5px 10px 5px;
	position:relative;
	cursor:none;
	box-shadow: 1px 1px 5px -2px rgba(0,0,0,0.4);
}

.tweetArea {
padding: 8px 8px;
}


.section li span{
	color:#FFF;
	font-weight:bold;
	font-size:11px;
}
.section li.arrow:after{
    content: "\f488";
    font-family: "WebHostingHub-Glyphs";
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    margin: -11px 0 0;
    position: absolute;
    right: 7px;
    top: 66%;
}

.section li.passive a{
	display:block;
	color:#FFF;

}

/*
.section li a{
	display:block;
	color:#fff;
}*/


/* アコーディオン
------------------------------- */
.accordionList {
    border-radius: 4px;
    border-top: none;
    overflow: hidden;
}
.accordionList dt {
    font-family: メイリオ,'ヒラギノ角ゴ pro W3','ＭＳ Ｐゴシック',Meiryo,'MS P Gothic',sans-serif;
	background:#AADE20;
	border:2px solid #FFFFFF;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding:5px;
	color:#38291F;
	font-weight:bold;
	font-size:14px;
	margin:0 0 10px 0;
	padding:10px 5px 10px 5px;
	position:relative;
	cursor:pointer;
	box-shadow: 1px 1px 5px -2px rgba(0,0,0,0.4);
}
.accordionList dt:hover{
	opacity:0.7;

}
.accordionList dt:after {
     content: "\f48b";
    font-family: "WebHostingHub-Glyphs";
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    margin: -11px 0 0;
    position: absolute;
    right: 8px;
    top: 65%;
}
.accordionList dt.open:after {
    content: '\f48a';
    font-family:'WebHostingHub-Glyphs';
    top: 64%;
}
.accordionList dd {
    display: none;
}
.accordionList dd p.accordImg {
    color:#38291F;
	line-height:1.3em;
	text-align:left;
	padding:10px;
	font-weight:bold;
	margin:0 0 10px 0;
	background:#FAF9F4;
}

.btn a,.btn input{
	display: block;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
/*	border-bottom: 2px solid #A50016;*/
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: #d7000f;
	padding: 12px 0 10px;
	margin: 0 10px 10px;
}

a.sub, input[type="submit"]{
	display: block;
	background: #d7000f;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	box-sizing: border-box;
	-webki-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 12px 0 10px;
	position: relative;
}

a.sub:after,
input[type="submit"]:after{
	content: "\f488";
	font-family: "WebHostingHub-Glyphs";
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	margin: -11px 0 0;
	position: absolute;
	right: 5px;
	top: 50%;
}

.btnGray{
	display: block;
	color: #FFF;
	font-size: 14px;
	color: #363636;
	text-align: center;
	font-weight: bold;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: #CFCFCF;
	padding: 12px 0 10px;
	margin: 0 auto 8px;
}


.contentBox{
	line-height: 140%;
	font-size: 13px;
	background: #fff;
	padding: 8px;
	margin: 0 auto 20px;
	border-right: 2px solid #fccb00;
	border-bottom: 2px solid #fccb00;
	border-left: 2px solid #fccb00;
}

.contentBox #intro {

}

.contentBox #intro .lead {
    line-height: 160%;
    margin-bottom: 10px !important;
    font-size: 14px !important;
    font-weight:normal;
}




img.dummy{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* リード */
.lead{
	font-size: 18px;
	font-weight: bold;
	line-height: 140%;
	margin: 0 auto 10px;
}

/* 大見出し */
.title{
    background-color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 140%;
    color: #000;
    position: relative;
    padding: 10px;
    margin: 0 auto;
    border: solid 2px #fccb00;
	border-bottom: none;
}

.subTit {
	background-color: #ffffff;
	font-size: 15px;
	color: #e6001f;
	text-align:center;
	font-weight: bold;
	line-height: 120%;
	border-radius:10px;
	padding:5px;
	margin:5px auto 0px;
}

.introTitLead{
/*	background: url(../images/marathon/ico_subtit_sp.png) no-repeat top left;
	background-size: 30px;
	-webkit-background-size: 30px;
	-moz-background-size: 30px;
	padding: 7px 0 16px 38px;
	*/
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px dotted #ff6d6d;
	line-height: 100%;
	padding: 0px 0 10px;
	margin: 0 0 10px;
	color:#e6001f;
}


.introSongLead{
/*	background: url(../images/marathon/ico_subtit_sp.png) no-repeat top left;
	background-size: 30px;
	-webkit-background-size: 30px;
	-moz-background-size: 30px;
	padding: 7px 0 16px 38px;
	*/
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px dotted #181a38;
	line-height: 100%;
	padding: 0px 0 10px;
	margin: 0 0 10px;
	color:#181a38;
}


/* 中見出し */
.titLead{
	background: url(../images/marathon/ico_subtit_sp.png) no-repeat top left;
	background-size: 30px;
	-webkit-background-size: 30px;
	-moz-background-size: 30px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px dotted #fccb00;
	line-height: 100%;
	padding: 7px 0 16px 38px;
	margin: 0 0 10px;
	color:#000;
}



.titLeadShirts{
/*	background-position: left 50%;*/
	font-size: 15px;
	line-height: 125%;
/*	padding: 0 0 6px 35px;*/
	background: url(../images/marathon/ico_subtit_sp.png) no-repeat left 50%;
	background-size: 30px;
	-webkit-background-size: 30px;
	-moz-background-size: 30px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px dotted #fccb00;
	line-height: 125%;
	padding: 0px 0 3px 38px;
	margin: 0 0 10px;
	color:#000;
}


/* 中身出し 二行の時追加 */
.double{
	background-position: left 3px;
	font-size: 15px;
	line-height: 120%;
/*	padding: 11px 0 6px 35px;*/
	padding: 0 0 6px 35px;
}


/* 小見出し */
.subtit{
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	background-color: #fccb00;
	padding: 8px 0 9px;
	margin: 0 auto 20px;
}

/* 注意事項 */


ul.attention li{
	font-size: 12px;
	line-height: 130%;
	padding-left: 16px;
	margin: 0 auto 8px;
	position: relative;
}
ul.attention li:last-child{
	font-size: 12px;
	line-height: 130%;
	padding-left: 16px;
	margin: 0 auto 0px;
	position: relative;
}
ul.attention li::before {
    content: "\f479";
    font-family: "WebHostingHub-Glyphs";
    color: #fccb00;
    font-size: 11px;
    font-weight: normal;
    margin: -11px 0 0;
    position: absolute;
    left: 0;
    top: 10px;
}

ul.goodsAttention li{
	font-size: 12px;
	line-height: 130%;
	padding:0;
	margin: 0 auto 5px;
	position: relative;
}

ul.attention li a {
	color: #ff8f8f;
}

ul.attention li:before{
	content: "\f479";
	font-family: "WebHostingHub-Glyphs";
	color: #ffc000;
	font-size: 11px;
	font-weight: normal;
	margin: -11px 0 0;
	position: absolute;
	left: 0;
	top: 10px;
}


/* 文字 */
.fs12{font-size: 12px !important;}
.fs14{font-size: 14px !important;}
.fs16{font-size: 16px !important;}
.fs18{font-size: 18px !important;}
.fs20{font-size: 20px !important;}
.bold{font-weight: bold!important;}
.center{text-align: center !important;}
.cRed{color: #E6001F !important;}
.cPink{color: #FC3867 !important;}
.cYellow{color: #FFFF00 !important;}
.f_normal{font-weight:normal;}

/* 隙間 */
.m_b0{margin-bottom: 0 !important;}
.m_b5{margin-bottom: 5px !important;}
.m_b10{margin-bottom: 10px !important;}
.m_b20{margin-bottom: 20px !important;}
.m_b30{margin-bottom: 30px !important;}

.p_b0{padding-bottom: 0 !important;}

/* 線 */
.borderBNone{
	border-bottom: none;
}

/* keyVisual
========================================== */
#keyVisual {
	text-align: center;
/*	background: url(../images/marathon/bg_header_pc.gif); */
	margin: 0 auto 0px;
}
/*
#keyVisual h2{
	width: 100%;
	height: 65px;
	background: url(../images/marathon/ph_main_pc.png) no-repeat top center;
	background-size: 310px 65px;
	-webkit-background-size: 310px 65px;
	-moz-background-size: 310px 65px;
	text-indent: -9999px;
}
*/


/* intro
========================================== */

#intro .btnArea{
	margin: 0 auto 30px;
}

#intro dl{
	background: #fff5f7;
	padding: 10px;
	color: #000;
	margin:0 auto 10px;
}

#intro dt+dd{
	margin: 0 auto 0px;
}

#intro .tshirt .lead{
	font-size: 14px;
	margin: 0 auto
}

#intro .tshirt p.thumb {
	margin:10px auto ;
}

#intro dl.team {
}
#intro dl.team dt{
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px dotted #e6002d;
    line-height: 100%;
    padding: 0px 0 10px;
    margin: 0 0 10px;
    color: #e6002d;
}

#intro dl.song{
	background: #f0ffca ;
	padding: 10px;
	color: #000;
	margin:0 auto 15px;
}
#intro dl.song dt {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px dotted #181a38;
    line-height: 100%;
    padding: 0px 0 10px;
    margin: 0 0 10px;
    color: #181a38;
}
#intro dt + dd {
    margin: 0 auto 0px;
}

.subBox{
	font-size: 14px;
	line-height: 140%;
	background: url(../images/bg_newsong.jpg) repeat top left;
	padding: 10px;
	margin: 0 auto 20px;
}

.subBox .lead{
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	color: #13792B;
	line-height: 140%;
	border-top: 2px solid #65B177;
	border-bottom: 2px solid #65B177;
	padding: 6px 0;
	margin: 0 auto 10px;
}





/* goods
========================================== */

#goods .box,
#goods .box2{
	border-bottom: 1px solid #fccb00;
	padding-bottom: 8px;
	margin-bottom: 20px;
}

#goods .figure{
	line-height: 140%;
	font-size: 13px;
	margin: 0 auto 10px;
}

#goods .thumb{
	text-align: center;
	position: relative;
}


#goods h4 {
	font-size: 15px;
	line-height: 125%;
	background: url(../images/ico_subtit_pc.png) no-repeat left 50%;
	background-size: 30px;
	-webkit-background-size: 30px;
	-moz-background-size: 30px;
	font-size: 16px;
	font-weight: bold;
	line-height: 125%;
	padding: 0px 0 3px 38px;
	margin: 0 0 10px;
	color:#000;
}

#goods h4 span{
	font-size: 13px;
	line-height: 20%;
	color: #fcb200;
	font-weight: normal;
}


#goods .spec dl{
	margin: 0 auto 10px;
}

#goods .spec dt{
	clear: left;
	float: left;
	width: 7.5em;
	color: #111;
	font-weight: bold;
	padding: 9px 0 0;
	margin: 0;
}

/* グッズ内テーブル */

#goods .spec .sizeTable{
	width: 100%;
	float: none;
	margin: 0 auto 5px;
}

#goods .spec .sizeTable+dd{
	width: 100%;
	padding: 0 0 10px;
	margin: 0;
}

#goods .spec dd{
	border-bottom: 1px dashed #fccb00;
	padding:8px 0 8px 8em;
}

#goods .detail_shirt{
	width: 100%;
	border: 1px solid #999;
}

#goods th{
	text-align: center;
	border: 1px solid #999;
	border-top: none;
	padding: 2px 0;
}

#goods td{
	background: #fff;
	border: 1px solid #999;
	border-top: none;
	padding: 2px 0;
}
#goods .detail_shirt+p{
	font-size: 11px;
	text-align: right;
}

#goods .detail {
	clear: both;
}

#goods .detail .tit{
	background-color: #fccb00;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	padding: 8px 0 9px;
	margin: 0 auto 20px;
}


#goods .detail dl{
	margin: 0 auto ;
}

#goods .detail dt{
	background-color: #ffffff;
	font-size: 15px;
	color: #fcb200;
	text-align:left;
	font-weight: bold;
	line-height: 120%;
	border-radius:10px;
	padding:5px 0;
	margin:5px auto 0px;
}

#goods .detail dt:before{
	vertical-align: -2px;
}
#goods .detail dd{
	margin: 0 0 5px;
	border-bottom: 1px dashed #fccb00;
	padding: 0 0 10px;
}

#goods .detail dd:last-child{
	margin: 0 0 0px;
/*	padding: 0 0 0px;
	border-bottom: 0px dashed #fccb00;*/
}

#goods .detail dd span{
	display: block;
	font-size: 12px;
	text-indent: -1em;
	padding-left: 1em;
}


#goods .detail dd span.red{
	display: inline;
	font-size: 12px;
	text-indent: 0;
	padding-left: 0;
	color: #E6001F;
}


/* 追加コーナー1
========================================== */
.orange{
color: #FF7404;
}

#orangeBox {
border: 1px solid #FF7404;
background: #FFF;
margin: 0 auto 30px;
}
#orangeBox h2{
background: #FF7404;
font-weight: bold;
font-size:16px;
color: #fff;
padding: 5px 0 6px;
margin: 0 auto 10px;
text-align: center;
line-height:1.3em
}

#orangeBox p.mainTxt{
font-weight: bold;
font-size:16px;
color: #FF7404;
text-align: center;
padding: 0 0 10px 0;
line-height:1.4em;
}

#orangeBox .inBox{
margin: 0 10px 10px 10px;
border: 1px solid #FF7404;
}

#orangeBox .inBox h3{
display: block;
background: #FF7404;
padding: 3px 8px 3px;
margin: 0 0 5px 0;
color: white;
font-size: 13px;
font-weight:bold;
text-align: center;
}

#orangeBox .inBox p.date{
font-weight: bold;
font-size: 12px;
color: #FF7404;
padding: 0 8px 5px 8px;
line-height:1.3em;
}
#orangeBox .inBox span.week{
font-size: 11px;
vertical-align:1px;
}


#orangeBox p.orangeLead{
font-size:14px;
line-height:1.4em;
color: #000;
padding:0 10px 10px;
}

#orangeBox ul.mAttention {
padding:0 0 5px 0;
}
#orangeBox ul.mAttention li{
font-size:12px;
margin:0 20px 5px 20px;
text-indent:-8px;
line-height:1.4em;
}
#orangeBox .cAttention{
padding:10px;
margin:0 10px 30px;
background:#FFF8DA;
}

#orangeBox .cAttention p{
font-weight:bold;
color:#FF7404;
padding:0 0 3px 0;
}

#orangeBox .cAttention ul{
padding:0 0 5px 0;
}
#orangeBox .cAttention ul li{
margin: 0 0 0 16px;
text-indent: -16px;
line-height:1.3em;
padding: 0 0 3px 0;
position: relative;
font-size: 12px;
}
#orangeBox .cAttention ul li:last-child{
padding: 0 ;
}
#orangeBox .mvArea{
text-align: center;
padding:0 10px 10px;
line-height:0;
}
#orangeBox p.btnBlue{
padding: 0 10px 0;
}
#orangeBox p.btnBlue a{
display: block;
color: white;
font-size: 15px;
color: #FFFFFF;
text-align: center;
font-weight: bold;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
background: #295C9B;
padding: 12px 0 10px;
margin: 0 auto 15px;
border-bottom:4px solid #184378;
}
#orangeBox p.btnBlue a:hover{
margin: 4px auto 15px;
border-bottom:none;
}
/* 動画投稿
========================================== */

h3.contribute{
background: #FF7404;
padding: 5px 8px 5px;
margin: 0 0 5px 0;
color: white;
font-size: 15px;
font-weight: bold;
text-align: center;
margin: 0 10px 0 10px;
}
#pictArea{
margin: 0 0 10px 0;
padding:10px 10px 0 10px;
}

#pictArea p.spec{
text-align:center;
font-weight:bold;
font-size: 14px;
color:#FF7404;
padding:0 0 2px 0;
}
#pictArea p.subSpec{
text-align:center;
font-size: 12px;
padding:0 0 10px 0;
}
#pictArea p.subSpec span {
font-weight: normal;
font-size: 12px;
color: #000000;
text-align: center;
display: block;
}

#pictArea .inBox{
margin: 0 0 10px 0;
padding:10px;
background: #FFF8DA;
border: none !important;
}

#pictArea p.contributeBtn {
margin:0 auto 10px;
width:95%;
}

#pictArea p.contributeBtn a{
display:block;
color:#FFFFFF;
font-size:15px;
letter-spacing:0.05em;
font-weight:bold;
background: #FD9A00;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-bottom: 2px solid #C5831E;
padding: 10px 10px 9px;
position:relative;
}
#pictArea p.contributeBtn a:hover{
opacity:0.7;
}

#pictArea p.contributeBtn a:after {
content: "\f488";
font-family: "WebHostingHub-Glyphs";
color: #fff;
font-size: 11px;
font-weight: normal;
margin: -10px 0 0;
position: absolute;
right: 7px;
top: 60%;
}

#pictArea p.storageBtn {
margin:0 auto 10px;
width:95%;
}

#pictArea p.storageBtn a{
display:block;
color:#FFFFFF;
font-size:14px;
letter-spacing:0.05em;
font-weight:bold;
background: #FD9A00;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-bottom: 2px solid #C5831E;
padding: 5px 10px 5px 10px;
position:relative;
}
#pictArea p.storageBtn a:hover{
opacity:0.7;
}

#pictArea p.storageBtn a:after {
content: "\f488";
font-family: "WebHostingHub-Glyphs";
color: #fff;
font-size: 11px;
font-weight: normal;
margin: -10px 0 0;
position: absolute;
right: 7px;
top: 65%;
}

#pictArea .inBox .borderBottom{
padding: 0 0 10px;
margin: 0 0 10px 0;
border-bottom: 1px dotted #000000;
}
#pictArea h4 {
text-indent: -18px;
font-weight: bold;
font-size: 14px;
margin: 0 0 0 18px;
line-height:1.3em;
}
#pictArea p.mainLead {
font-weight: normal;
line-height: 1.3em;
font-size: 13px;
color: #000000;
}
#pictArea p.mainLead span.ico {
font-weight: normal;
padding: 3px 5px 2px;
margin: 0 5px 2px 0;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
border-radius: 5px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
background: #FF7404;
display: inline-block;
}
#pictArea ul {
padding: 0 0 15px 0;
}
#pictArea ul li {
text-indent: -17px;
padding: 0 0 3px 0;
margin: 0 0 0 16px;
font-size: 12px;
line-height:1.3em;
}


/* 追加コーナー2
========================================== */
h2.downloadTit {
/*background: #fccb00;*/
font-weight: bold;
font-size: 15px;
color: white;
padding: 10px 0 8px;
margin: 0 auto 0;
text-align: center;
line-height: 1.3em;
text-shadow: 0 0 10px #fccb00;
}


#downloadBox {
border: 2px solid #fccb00;
background: white;
margin: 0 auto 20px;
padding: 10px;
}

#downloadBox .inBox h3{
display: block;
background: #209C46;
padding: 3px 8px 3px;
margin: 0 0 5px 0;
color: white;
font-size: 13px;
font-weight:bold;
text-align: center;
}

#downloadBox .inBox p{
margin: 0 0 10px 0;
border: 2px solid #e6001f;
font-weight: bold;
font-size: 14px;
color: #e6001f;
padding: 5px 5px 5px 0;
line-height: 1.3em;
text-align: center;
border-radius: 3px;
}
#downloadBox .inBox span.week{
font-size: 11px;
vertical-align:1px;
}


#downloadBox p.lead{
font-size: 14px;
line-height: 1.3em;
color: black;
padding: 0 0 10px;
margin: 0;
font-weight: normal;
}


#downloadBox a.sub{
	display: block;
	background: #22B451;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	text-indent:-22px;
	text-decoration: none;
	box-sizing: border-box;
	-webki-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px 0 10px;
	margin: 14px 8px 25px 8px;
	position: relative;
	border-bottom: 3px solid #1F9B0F;
}
#downloadBox a.sub:hover{
	margin: 17px 8px 25px 8px;
	position: relative;
	border-bottom: none;
}

#downloadBox a.sub:after,
input[type="submit"]:after{
	content: "\f488";
	font-family: "WebHostingHub-Glyphs";
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	margin: -11px 0 0;
	position: absolute;
	right: 5px;
	top: 61%;
}


#downloadBox .attention{
background: #FFEFE8;
padding: 10px;
font-weight: bold;
}


/* 追加コーナー3
========================================== */
#blueBox {
border: 1px solid #013F98;
background: #FFF;
margin: 0 auto 30px;
}
#blueBox h2{
background: #013F98;
font-weight: bold;
font-size:15px;
color: #fff;
padding: 5px 0 6px;
margin: 0 auto 8px;
text-align: center;
line-height:1.3em
}

#blueBox .inBox{
margin: 0 8px 8px 8px;
border: 1px solid #013F98;
}

#blueBox .inBox h3{
display: block;
background: #013F98;
padding: 3px 8px 3px;
margin: 0 0 5px 0;
color: white;
font-size: 13px;
font-weight:bold;
text-align: center;
}
#blueBox .inBox p{
font-weight: bold;
font-size: 14px;
color: #013F98;
padding: 0 8px 5px 8px;
line-height:1.3em;
text-align:center;
}
#blueBox .inBox span.week{
font-size: 11px;
vertical-align:1px;
}
#blueBox .cmBox{
border: 1px solid #6699FF;
margin:0 8px 8px 8px;
}
#blueBox .cmBox .cminBox{
padding:8px;
}
#blueBox .cmBox h3{
display: block;
background: #6699FF;
padding: 3px 8px 3px;
margin: 0 0 5px 0;
color: white;
font-size: 13px;
font-weight:bold;
text-align: center;
}
#blueBox .cmBox img{
}
#blueBox .cmBox p{
font-size: 14px;
color: #000000;
padding: 0 8px 5px 8px;
line-height:1.3em;
}
#blueBox .cmBox a{
font-weight:bold;
font-size: 14px;
color: #6699FF;
padding: 0 8px 8px 8px;
text-align:center;
display: block;
text-decoration:underline;
}
#blueBox .cmBox a .icon{
font-size: 12px;
font-weight:normal;
}

#blueBox p.blueLead{
font-size:14px;
line-height:1.3em;
color: #000;
padding:0 8px 8px;
}


#blueBox a.sub{
	display: block;
	background: #22B451;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	text-indent:-22px;
	text-decoration: none;
	box-sizing: border-box;
	-webki-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px 0 10px;
	margin: 14px 8px 25px 8px;
	position: relative;
	border-bottom: 3px solid #1F9B0F;
}
#blueBox a.sub:hover{
	margin: 17px 8px 25px 8px;
	position: relative;
	border-bottom: none;
}

#blueBox a.sub:after,
input[type="submit"]:after{
	content: "\f488";
	font-family: "WebHostingHub-Glyphs";
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	margin: -11px 0 0;
	position: absolute;
	right: 5px;
	top: 61%;
}

#blueBox .baroon{
background: #e4edff;
margin: 0 8px 16px 8px;
padding:8px;
}
#blueBox dl{

}
#blueBox dl dt{
font-weight:bold;
color:#013F98;
border-bottom:1px dotted #013F98;
padding:0 0 4px 0;
margin:0 0 4px 0;
}
#blueBox dl dd{
padding:0 0 15px 0;
}
#blueBox dl dd a{
text-decoration:underline;
}

/* ツイート企画
========================================== */
.twit_API{
text-align:center;
margin: 0 0 10px;
}

p.twittImg{
margin:0;
padding:0;
line-height: 0;
background:#fccb00;
}


#twitter-widget-0 {
width: 255px !important;
height: 400px !important;
margin: 0 auto 10px;
}


#tweetBox {
border: 0px solid #fccb00;
/*background: #FFF;*/
margin: 0 auto 30px;
padding:0 2px 2px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fccb00+0,fff100+100 */
background: #fccb00; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #fccb00 0%, #fff100 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #fccb00 0%,#fff100 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #fccb00 0%,#fff100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccb00', endColorstr='#fff100',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
#tweetBox h2{
/*background: #FF7404;*/
font-weight: bold;
font-size:16px;
color: #fff;
padding: 5px 0 0;
margin: 0 auto 0;
text-align: center;
line-height:1.3em
}

#tweetBox p.tweetLead{
font-size:13px;
line-height:1.3em;
color: #000;
padding:0 8px 8px;
}

#tweetBox .inBox{
border: 0px solid #e6001f;
margin: 0 0 0px 0;
background: #fff;
padding: 10px 10px 1px;
}

#tweetBox .inBox h3{
display: block;
background: #fff;
padding: 8px 8px;
margin: 0 0 5px 0;
color: #e6002d;
font-size: 16px;
font-weight:bold;
text-align: center;
border: 2px solid #e6002d;

}

#tweetBox .inBox span.week{
font-size: 11px;
vertical-align:1px;
}

#tweetBox .inBox p{
font-weight: normal;
font-size: 14px;
color: #111;
padding: 5px 8px 5px 8px;
line-height:1.3em;
text-align:left;
}
#tweetBox .hashBox {
border: 1px solid #fccb00;
margin:0 0 10px 0;
}

#tweetBox .hashBox h3{
display: block;
background: #fccb00;
padding: 3px 8px 3px;
margin: 0 0 10px 0;
color: white;
font-size: 14px;
font-weight:bold;
text-align: center;
}

#tweetBox .hashBox p{
font-size: 13px;
color: #000000;
padding: 0 10px 10px 10px;
line-height:1.4em;
}


#tweetBox .snArea {
background:#dde9ed;
padding:10px;
}

#tweetBox p.snTxt {
font-size:16px;
font-weight:bold;
border-bottom:1px dotted #000;
padding:0 0 5px 0;
margin:0 0 5px 0;
}
#tweetBox p.snLead {
font-size:13px;
color:#000000;
line-height:1.4em;
padding:0 0 10px 0;
}
#tweetBox .hashBox ul {
padding:0 10px 10px;
text-align:center;
letter-spacing:-0.4em;
}
#tweetBox .hashBox ul li{
/*float: left;*/
padding: 0 3% 3% 0;
width: 48%;
line-height: 0;
letter-spacing:normal;
display:inline-block;
}
#tweetBox .hashBox ul li:nth-child(2),
#tweetBox .hashBox ul li:nth-child(3){
padding:0;
}
#tweetBox .hashBox ul li a{
display:block;
}
#tweetBox .hashBox ul li a:hover{
opacity:0.7;
}
#tweetBox p.moreBtn{
background:#fccb00;
width:100%;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
margin:0 auto 20px;
position:relative;
}
#tweetBox p.moreBtn a{
font-weight:bold;
font-size:16px;
color:#FFFFFF;
display:block;
padding:10px;
text-align:center;
}
#tweetBox p.moreBtn:hover{
background:#ff8000;
}
#tweetBox p.moreBtn a:after{
    content: "\f488";
    font-family: "WebHostingHub-Glyphs";
    color: #fff;
    font-size: 13px;
    font-weight: normal;
    margin: -11px 0 0;
    position: absolute;
    right: 7px;
    top: 60%;
}


.movieArea {
	margin:0 auto 15px;
	text-align:center;
	
		position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	width: 100%;
	text-align: center;
}

.movieArea iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}


.bgBox {
border: 2px solid #fccb00;
border-top: none;
background: #fff;
margin: 0 auto 30px;
}

.c_red {
	color:#f00;
}

.leadTit {
	color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 0 auto 5px;
    font-weight: bold;
    line-height: 130%;
    background: #fccb00;
    border-radius: 20px;
	padding: 4px;
}

.leadTxt {
	padding: 4px 0 10px;
	border-bottom: solid 2px #fccb00;
	color: #e6002d;
	text-align:center;
font-size: 18px;
}

.l_height {
	line-height: 160%;
}



.articleBox {
/*padding: 0 10px ;*/
}


/* フォト投稿企画
========================================== */

h2.pictTit {
background: #fccb00;
font-weight: bold;
font-size: 15px;
color: white;
padding: 5px 0 5px;
margin: 0 auto 0;
text-align: center;
line-height: 1.3em;
border-top: 2px solid #fccb00;
}


#pictBox {
border: 2px solid #fccb00;
background: white;
margin: 0 auto 20px;
padding: 10px;
}

#pictBox p {
font-size: 13px;
line-height: 1.4em;
color: #ff0000;
padding: 0 0 10px;
margin: 0;
font-weight: normal;
}

#pictBox p.photoAttention {
text-align:center;
}

#pictBox p.lead{
font-size: 14px;
line-height: 1.5em;
color: black;
padding: 0 0 10px;
margin: 0;
font-weight: normal;
}


#pictBox .pictAttention{
background: #FFEFE8;
padding: 10px;
font-weight: bold;
}


#pictBox .pictAttention h3 {
	color:#d6000e;
font-weight:bold;
text-align:center;
border-bottom:1px solid #d6000e;
margin:0 auto 10px;
padding:0 0 8px;
}


#pictBox .inBox {
margin: 0 0 10px 0;
border: 2px solid #fccb00;
padding: 0px 0px 0px 0;
text-align: center;
border-radius: 3px;
font-weight:bold;
}


#pictBox .inBox p.tit{
padding:5px 5px;
background:#fccb00;
color: #ffffff;
margin: 0 0 10px;
}

#pictBox .inBox p {
font-size: 14px;
color: #fccb00;
line-height: 1.3em;
font-weight: bold;
}

#pictBox ul.attention li{
	font-size: 12px;
	line-height: 130%;
	padding-left: 16px;
	margin: 0 auto 8px;
	position: relative;
	font-weight:normal;
}
#pictBox ul.attention li:last-child{
	font-size: 12px;
	line-height: 130%;
	padding-left: 16px;
	margin: 0 auto 0px;
	position: relative;
}

#pictBox ul.attention li a {
	color: #fccb00;
}

#pictBox ul.attention li:before{
	content: "\f479";
	font-family: "WebHostingHub-Glyphs";
	color: #ff6c00;
	font-size: 11px;
	font-weight: normal;
	margin: -11px 0 0;
	position: absolute;
	left: 0;
	top: 10px;
}

#pictBox p.btn_pict {
padding:5px 0;
margin: 0 0 10px;
}

#pictBox p.btn_pict a{
    background-color: #d6000e;
    border-bottom: 3px solid #bb121d;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0 auto 0px;
    padding: 10px 0 7px;
    text-align: center;
    width: 100%;
}

#pictBox p.btn_pict a:hover{
	border-bottom: medium none;
    margin: 3px auto 0;
    text-decoration: none;
	background:#ff0012;
}


.pictAttentionLead {
margin:0 auto 15px;
line-height: 1.5em;
}

.pictAttentionLead ul {
font-weight:normal;
color:#ff0000;
}


#order {
padding: 20px 0 0;
text-align:center;
}

#order p{
padding: 0px 0 10px;

}


.pc {
display:none;
}

.sp {
display:block;
}

#pageTop {
display:none!important;
filter:alpha(opacity=0)!important;
	-moz-opacity: 0!important;
	opacity: 0!important;
}

.movieList li{

    box-sizing: border-box;
    height: 0;
    margin: 0 auto 25px;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    text-align: center;
    width: 100%;
}


.movieList li div{
left: 0;
}

.movieList li .h5_player {
	top: 0;
	left: 0;
}




#explanation {

}
#tweetBox .inBox .qa_hash,
#tweetBox .inBox .qa_tweet,
#tweetBox .inBox .qa_sns {
/*border: 2px solid #fff100;*/
padding: 0;
margin:20px auto 0px;
font-weight: bold;
}
#tweetBox .inBox .qa_hash .qa ,
#tweetBox .inBox .qa_tweet .qa ,
#tweetBox .inBox .qa_sns .qa {
background-color: #fff100;
color: #000;
text-align: center;
padding:10px 0;
margin: 0 auto 10px;
font-weight: bold;
}

ul.accountList {
margin: 0 auto 5px;
}
ul.accountList li {
margin:5px auto 5px;
}
ul.accountList li a {
display: block;
line-height: 1;
}



.downloadTit {

}

.downloadArea {
border: none;
margin: 0 auto 30px;
padding:0 2px 2px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fccb00+0,fff100+100 */
background: #fccb00; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #fccb00 0%, #fff100 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #fccb00 0%,#fff100 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #fccb00 0%,#fff100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccb00', endColorstr='#fff100',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.downloadArea .inBox{
background: #fff;
padding: 8px;
}
.downloadArea .downSubtit{
    display: block;
    background: #fff;
    padding: 8px 8px;
    margin: 0 0 10px 0;
    color: #e6002d;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #e6002d;
    line-height: 145%;
}
.downloadArea .lead {
font-size: 14px;
line-height: 1.3em;
padding: 0 0 10px;
margin: 0;
font-weight: normal;
}
.downloadArea .subLead {
color: #E6001F;
font-size: 14px;
font-weight: bold;
line-height: 1.3em;
margin: 10px 0;
}
.downloadArea .attention {
background: #fff5f7;
padding: 10px;
color: #000;
font-weight: bold;
}

.downloadArea .txt-fin {
color: #E6001F;
margin: 0 auto 10px;
text-align: center;
}