@charset "utf-8";
/*==================================

1: トップページ
2: プロジェクト一覧
3: プロジェクト詳細
4: 会員登録
5: マイページ
6: ログイン
7: 申し込み画面
8: テーブル系コンテンツページ(iframe全体構成)

==================================*/

/*==================================
	■ 1: トップページ
==================================*/

#news{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 10px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	background-color: #fff;
}
div#notice{
    width:100%;
    line-height: 60px;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    z-index: 1000;
    position: absolute;
    font-size: 18px;
    padding: 20px;
    display: none;
    text-align:center;
}

div#notice p{
    color:#FFF;
    font-size:18px;
    font-weight:bold;
}

/*==================================
	■ 2: プロジェクト一覧
==================================*/

.project-list{
	margin-bottom: 30px !important;
}

.project-list .remodal-bg .btn.outline {
   margin: 10px 0 10px 0;
}


.project-list-item .project-list-item-inner a {
    -webkit-tap-highlight-color: rgba(255,255,255,0.2);
}

.remodal .project-list-menu {
    text-align: left;
}

.remodal .project-list-menu li {
    border-bottom: #CCC solid 1px;
    line-height: 3;
}

.remodal .project-list-menu li:first-child {
    border-top: #CCC solid 1px;
}

.remodal .project-list-menu .category-title {
    line-height: 3;
    background-color: #dedede;
    padding-left: 20px;
}

.remodal .project-list-menu .category-title i {
    margin-right: 10px;
}

.remodal .project-list-menu li a {
    display: block;
    padding-left: 10px;
    color: #333;
}

.remodal .project-list-menu li i {
    margin-right: 10px;
}

.remodal .project-list-menu li a:hover {
    background-color: #E8E8E8;
}

.remodal {
    padding: 35px 0 !important;
	max-width:500px !important;
}

.remodal .btn.outline {
    margin: 30px 0 0 0;
}

.remodal .btn.outline a {
    margin: 0 0 0 0;
    padding: 10px;
    width: inherit;
    display: inline;
}

/*========================================
	■ 3: プロジェクト詳細
========================================*/


section.project, 
.contents > .project-group{
	margin-top: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: inherit !important;
	background: none !important;
}
section.project .subContainer{
	width: 100% !important;
}

.project-header {
    margin-bottom: 10px;
}

.project-header h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
}

.project-header .category {
    font-size: 14px;
}

.project-header .category i {
    padding-right: 5px;
}

.project-header .sub-title {
    font-size: 12px;
    margin-bottom: 10px;
}

.project-header .watch-btn {
    text-align: right;
    margin-bottom: 10px;
}

.project-header .watch-btn a {
    display: inline-block;
    font-size: 12px;
    padding: 4px 0;
    width: 200px;
}

.project-header .watch-btn a i {
    padding-right: 5px;
}

.project-menu {
    margin-bottom: 10px;
}

.project-menu .active .notification{
	background-color:#FFF !important;
}


.project-menu ul {
    width: 100%;
}

.project-menu ul li {
    width: 33.33%;
}

.project-main {
    width: 100%;
    margin-bottom: 20px;
}
/*
.project-main-visual .main-image {
    text-align: center;
    margin-bottom: 10px;
}

.project-main-visual .main-image img {
    width: 100%;
}
*/

.projects_img_box .move {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.projects_img_box .move iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



.project-main-visual .social_btn {
    padding: 5px;
    border: #dedede solid 1px;
    margin-bottom: 10px;
	display:table;
	width:100%;
}
.project-main-visual .social_btn .tw{
	width:110px;
	vertical-align:top;
	display:table-cell;
	
}
.project-main-visual .social_btn .fb{
	vertical-align:top;
	display:table-cell;
}
.project-date {
    width: 100%;
}

.project-date .sp-parts .state-table {
    margin-bottom: 5px;
    border: #dedede solid 1px;
    border-collapse: collapse;
}

.project-date .sp-parts .state-table th {
    padding: 5px;
    border-right: #fff solid 1px;
    background-color: #F0F0F0;
    text-align: center;
    font-size: 14px;
    border: 1px solid #ccc;
    text-align: center;
    font-weight: normal;
    color: #333;
}

.project-date .sp-parts .state-table td {
    border: 1px solid #ccc;
    text-align: center;
    padding: 5px;
    color: #333;
    font-size: 14px;
}

.project-detail {
    position: relative;
}

.project-wrapper {
    margin-bottom: 20px;
    position: relative;
}

/*エディターの中身ここから(ブラウザデフォルトに戻す)*/

.projects_home_contents article h1{
	font-size: 2em;
	margin: .67em 0;
}
.projects_home_contents article h2{
	font-size: 1.5em;
	margin: .75em 0; 
}
.projects_home_contents article h3{
	font-size: 1.17em;
	margin: .83em 0; 
}
.projects_home_contents article h4,
.projects_home_contents article p,
.projects_home_contents article blockquote,
.projects_home_contents article ul,
.projects_home_contents article fieldset,
.projects_home_contents article form,
.projects_home_contents article ol,
.projects_home_contents article dl,
.projects_home_contents article dir,
.projects_home_contents article menu{ 
	margin: 1.12em 0
}
.projects_home_contents article h5{
	font-size: .83em;
	margin: 1.5em 0;
}
.projects_home_contents article h6{
	font-size: .75em;
	margin: 1.67em 0 ;
}

.projects_home_contents article h1,
.projects_home_contents article h2,
.projects_home_contents article h3,
.projects_home_contents article h4,
.projects_home_contents article h5,
.projects_home_contents article h6,
.projects_home_contents article b,
.projects_home_contents article strong {
	font-weight: bolder 
}


.projects_home_contents article blockquote{
	margin-left: 40px;
	margin-right: 40px;
}

.projects_home_contents article i,
.projects_home_contents article cite, 
.projects_home_contents article em,
.projects_home_contents article var,
.projects_home_contents article address    { 
	font-style: italic;
}
.projects_home_contents article pre,
.projects_home_contents article tt,
.projects_home_contents article code,
.projects_home_contents article kbd, 
.projects_home_contents article samp {
	font-family: monospace;
}

.projects_home_contents article pre{ 
	white-space: pre;
}

.projects_home_contents article button,
.projects_home_contents article textarea,
.projects_home_contents article input, select{
	display: inline-block ;
}
.projects_home_contents article big{
	font-size: 1.17em ;
}
.projects_home_contents article small,
.projects_home_contents article sub, 
.projects_home_contents article sup {
	font-size: .83em;
}
.projects_home_contents article sub{ 
	vertical-align: sub; 
}
.projects_home_contents article sup{
	vertical-align: super;
}
.projects_home_contents article table{ 
	border-spacing: 2px; 
}
.projects_home_contents article thead,
.projects_home_contents article tbody,
.projects_home_contents article tfoot{
	vertical-align: middle;
}

.projects_home_contents article td,
.projects_home_contents article th,
.projects_home_contents article tr {
	vertical-align: inherit;
}

.projects_home_contents article s, 
.projects_home_contents article strike,
.projects_home_contents article del { 
	text-decoration: line-through;
}
.projects_home_contents article hr{
	border: 1px inset;
}
.projects_home_contents article ol, 
.projects_home_contents article ul, 
.projects_home_contents article dir,
.projects_home_contents article menu,
.projects_home_contents article dd {
	margin-left: 25px
}
.projects_home_contents article ul { 
	list-style-type: disc;
}

.projects_home_contents article ol { 
	list-style-type: decimal;
}
.projects_home_contents article ol ul,
.projects_home_contents article ul ol,
.projects_home_contents article ul ul,
.projects_home_contents article ol ol {
	margin-top: 0;
	margin-bottom: 0;
}
.projects_home_contents article u,
.projects_home_contents article ins{ 
	text-decoration: underline
}
.projects_home_contents article  br:before { 
	content: "\A";
	white-space:pre-line ;
}
.projects_home_contents article center{
	text-align: center ;
}

.projects_home_contents article :link,
.projects_home_contents article :visited {
	text-decoration: underline;
}
.projects_home_contents article :focus{
	outline: thin dotted invert;
}


.projects_home_contents article img{
    max-width: 100% !important;
    height: inherit !important;
}
.projects_home_contents article iframe{
    max-width: 100% !important;
}


/*エディターの中身ここまで*/


.project-wrapper .readmore {
    margin-bottom: 20px;
}

.project-wrapper .more {
    position: absolute;
    bottom: 0;
    padding-top: 50px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
    background: rgba(0, 0, 0, 0) linear-gradient(0deg, #f9f9f9 30%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
}

.project-wrapper .more a, .project-wrapper .close a {
    width: 70%;
    margin: 0 auto;
	
}

.project-explanation {
    background-color: #efefef;
    margin-bottom: 10px;
    padding: 10px;
}

.project-explanation p {
    font-size: 14px;
}

.course-list {
    padding-bottom: 10px;
}

.course-list .course-item {
    margin-bottom: 10px;
}

.course-list .course-item {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

.course-list .course-item .course-price {
    background-color: #333333;
    padding: 5px;
    display: table;
    width: 100%;
}

.course-list .course-item .course-price p {
    color: #FFF;
}

.course-list .course-item .course-price .price, .course-list .course-item .course-price .stock {
    display: table-cell;
    vertical-align: middle;
}

.course-list .course-item .course-price .price {
    font-size: 18px;
}

.course-list .course-item .course-price .stock {
    text-align: right;
    font-size: 14px;
}

.course-list .course-item .course-detail {
    padding: 10px;
    background-color: #fff;
}

.course-list .course-item .course-detail .course-name {
    font-size: 18px;
    margin-bottom: 10px;
}

.course-list .course-item .course-detail .course-state {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.course-list .course-item .course-detail .course-state p {
    display: table-cell;
    font-size: 16px;
	text-align:right;
}

.course-list .course-item .course-detail .course-state p i {
    padding-right: 5px;
}

.course-list .course-item .course-detail .course-state p:first-child {
    text-align:left;
}

.course-list .course-item .course-detail .btn a {
    margin: 0 auto;
    padding: 10px 0;
    width: 60%;
}

.course-list .course-item .course-detail .no-stock {
    text-align: center;
}

.course-list .course-item .course-detail .no-stock p {
    background-color: #CCC;
    padding: 10px 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    font-size: 14px;
    margin: 0 auto;
    color: #FFF;
    width: 60%;
}

.side-area .self_introduction {
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}


/*----- sponsor_list, activity, activity_detail -----*/

.contents.project-group .list-item{
	padding: 0 !important;
}
.contents.project-group .list-item-container {
    width: 100%;
    display: table;
    border-bottom: 1px solid #dedede;
	padding: 0 !important;
}
.contents.project-group .list-item-container:first-child{
     border-top: 1px solid #dedede;
}

.contents.project-group .list-item-container a{
	display:block;
	padding:10px 5px;
}
.contents.project-group .list-item-container a:hover{
	text-decoration: none;
}

.contents.project-group .list-item-left {
    display: table-cell;
    vertical-align: top;
	padding: 0 !important;
}

.contents.project-group .list-item-right {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
	width:100%;
	padding: 0 !important;
}

.contents.project-group .list-item-date {
    width: 100%;
	padding: 0 !important;
}

.contents.project-group .list-item-date p {
    font-size: 14px;
	line-height:1.2;
}
.contents.project-group .list-item-date .day{
	color:#333;
	font-size:12px;
	margin-bottom:3px;
}
.contents.project-group .list-item-date .title{
	margin-bottom:0;
	color:#ff8300;
}

/*----- sponsor_listのみ -----*/

/*

.contents > .sponsor_list{
	padding:8px 0;
}

.contents > .sponsor_list .project-header {
    padding:8px;
}

.contents > .sponsor_list .list-item-date .user-name{
	font-weight:bold;
}

.contents > .sponsor_list .list-item-date .title{
	color:#333;
}


.contents > .sponsor_list .list-item-left img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

*/
/*----- activityのみ -----*/

.contents.activity .list-item-left img {
    width: 80px;
    margin-right: 10px;
}

/*----- activity_detailのみ -----*/


/*.contents > .activity_detail .project-header{
	padding:0;
}

.contents > .activity_detail .report .title{
	font-size:18px;
	font-weight:bold;
}
.contents > .activity_detail .report .title{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

.contents > .activity_detail .report .image img{
	width:100%;
	margin-bottom:10px;
}

.contents > .activity_detail .report .report-text{
	margin-bottom:20px;
	font-size:14px;
}
*/

.contents.project .report{
	padding-top: 0;
}
.contents.project .report img{
	margin-bottom: 30px;
	width: inherit;
	max-width: 100%;
} 

/*============================================
	■ 4: 会員登録
==============================================*/
/*----- regist -----*/
h2.main-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

h2.main-title i {
    padding-right: 5px;
}

.regist .sns-connect {
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

.regist .sns-connect .fb, .regist .sns-connect .tw {
    width: 49%;
    text-align: center;
    color: #fff;
    font-size: 14px;
	
}

.regist .sns-connect .fb {
    float: left;
}

.regist .sns-connect .tw {
    float: right;
}

.regist .sns-connect .fb a.fb-inner, .regist .sns-connect .tw a.tw-inner {
    display: block;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 10px;
    color: #fff;
    margin-bottom: 10px;
}

.regist .sns-connect .fb a.fb-inner i, .regist .sns-connect .tw a.tw-inner i {
    font-size: 32px;
}

.regist .sns-connect .fb a.fb-inner {
    background-color: #3b5998;
	font-weight: bold;
}

.regist .sns-connect .tw a.tw-inner {
    background-color: #55acee;
	font-weight: bold;
}

.regist .sns-connect .fb a:hover, .regist .sns-connect .tw a:hover {
    opacity: 0.7;
}

.regist-sns-info {
    margin-bottom: 20px;
}

.regist .sns-connect p.error {
    margin-bottom: 0;
}

.regist .error {
    clear: both;
    margin-bottom: 0px;
}

.regist .consent-item li a {
	font-size: 14px;
	line-height: 2.0;
	color: #ff8300;
	text-decoration: underline;
}

/*----- regist-confirm -----*/

.regist-confirm {
	margin:0 auto 30px;
	padding:8px;
}
.regist-confirm .form-subtitle {
    margin-bottom: 0;
}

/*============================================
	■ 5: マイページ
==============================================*/


p.main-title {
    display: none;
}

.mypage-menu + section.contents{
	margin-top: 0;
}

.mypage-menu {
	background-color: #fffdf0;
	padding: 5px 0 0 0;
}

.mypage-menu .menu {
    display: none;
	border-top:#CCC solid 1px;
}


.mypage-menu .menu .mypage-navi ul {
    width: 100%;
}

.mypage-menu .menu .mypage-navi ul li {
    background-color: #fff;
}

.mypage-menu .menu .mypage-navi ul i {
    margin-right: 10px;
}

.mypage-menu .menu .mypage-navi ul a {
    border-bottom: #ccc solid 1px;
    text-align: left;
    display: block;
    font-size: 14px;
    line-height: 3;
    padding-left: 10px;
    color: #333;
}

.mypage-menu .menu .mypage-navi ul a:hover {
    opacity: 0.4;
}

.mypage-menu .toggle {
    display: block;
    position: relative;
    width: 100%;
	background-color:#f9f9f9;
	padding-bottom:10px;
}

.mypage-menu .toggle a {
    display: block;
    position: relative;
    padding: 12px 10px 10px;
    text-align: center;
    font-size: 14px;
    color: #FFF;
	width:95%;
	margin:10px auto 0;
}

*/.mypage-menu .toggle {
	padding:8px;

}

.mypage-menu .toggle i {
    margin-right: 10px;
}

/*----- mypage-history -----*/
.mypage-history-item {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    background-color: #fff;
    padding: 10px;
    margin: 0 auto 20px;
}

.mypage-history-item a {
    color: #333;
    display: block;
    -webkit-tap-highlight-color: rgba(255,255,255,0.2);
/
}

.mypage-history-item a:hover, .mypage-history-item a:active {
    color: #333;
    opacity: 0.8;
}

.mypage-history-item .history-item-headline {
    display: table;
    margin-bottom: 10px;
}

.mypage-history-item .history-item-headline .project-thumbnail, .mypage-history-item .history-item-headline .project-name {
    display: table-cell;
    vertical-align: middle;
}

.mypage-history-item .history-item-headline .project-thumbnail {
    width: 80px;
}

.mypage-history-item .history-item-headline .project-name p {
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    padding-left: 10px;
}

.mypage-history-item .history-item-data .project-name p {
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
}

.mypage-history-item .history-item-data .project-name {
    display: none;
}

.mypage-history-item .history-item-data .period {
    display: none;
    margin-bottom: 5px;
    font-size: 14px;
}

.mypage-history-item .history-item-data .period i {
    margin-right: 5px;
}

.mypage-history-item .history-item-headline .project-thumbnail img {
    width: 100%;
}

.mypage-history-item .history-item-data .user-name {
    display: none;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.2;
}

.mypage-history-item .history-item-data .course {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.mypage-history-item .history-item-data .history-table table {
    border: 1px solid #dedede;
    border-collapse: collapse;
    color: #333;
    margin-bottom: 10px;
    width: 100%;
}

.mypage-history-item .history-item-data .history-table th {
    background-color: #f0f0f0;
    border: 1px solid #dedede;
    font-weight: normal;
    text-align: center;
}

.mypage-history-item .history-item-data .history-table td {
    border: 1px solid #dedede;
    font-size: 17px;
    text-align: center;
}

.mypage-history-item .history-item-data .history-table th:nth-child(2), .mypage-history-item .history-item-data .history-table td:nth-child(2), .mypage-history-item .history-item-data .history-result span {
    font-weight: bold;
}

.mypage-history-item .history-item-data .state {
    background-color: #f0f0f0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    font-size: 12px;
    vertical-align: middle;
    line-height: 1.4;
}

.mypage-history-item .history-item-data .state dt {
    font-weight: bold;
}


/*----- profile -----*/
.profile .btn-profile {
    margin-bottom: 10px;
}

.profile .btn-profile a {
    display: inline-block;
    padding: 10px 10px;
    font-size: 17px;
    text-align: center;
    background-color: #FFF;
    width: 25%;
    margin-right: 5px;
    color: #333;
}

.profile .profile-attention {
    font-size: 14px;
}

/*----- profile-confirm -----*/
.profile-confirm .profile-icon-confirm img {
    max-width: 30%;
}

/*----- secession -----*/
.secession .notes p {
    background-color: #fff;
}

/*----- connect -----*/
.connect .sns-connect {
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

.connect .sns-connect p {
    font-size: 17px;
}

.connect .sns-connect .fb, .connect .sns-connect .tw {
    width: 49%;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.connect .sns-connect .fb {
    float: left;
}

.connect .sns-connect .tw {
    float: right;
}

.connect .sns-connect .fb a.fb-inner, .connect .sns-connect .tw a.tw-inner {
    display: block;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 10px;
    color: #fff;
    margin-bottom: 10px;
}

.connect .sns-connect .fb a.fb-inner i, .connect .sns-connect .tw a.tw-inner i {
    font-size: 32px;
}

.connect .sns-connect .fb a.fb-inner {
    background-color: #3b5998;
}

.connect .sns-connect .tw a.tw-inner {
    background-color: #55acee;
}

.connect .sns-connect .fb a:hover, .connect .sns-connect .tw a:hover {
    opacity: 0.7;
}

.connect-sns-info {
    margin-bottom: 20px;
}

.connect .sns-connect p.error {
    margin-bottom: 0;
}

.connect .sns-connect .fb a.fb-inner p, .connect .sns-connect .tw a.tw-inner p {
    font-size: 14px;
}

.connect .sns-connect p.error {
    font-size: 12px;
}



/*============================================
	■ 6: ログイン
==============================================*/
.login .login-forget {
    font-size: 14px;
    margin-bottom: 30px;
}

.login .sns-connect {
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

.login .sns-connect .fb, .login .sns-connect .tw {
    width: 49%;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.login .sns-connect .fb {
    float: left;
}

.login .sns-connect .tw {
    float: right;
}

.login .sns-connect .fb a.fb-inner, .login .sns-connect .tw a.tw-inner {
    display: block;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 10px;
    color: #fff;
    margin-bottom: 10px;
}

.login .sns-connect .fb a.fb-inner i, .login .sns-connect .tw a.tw-inner i {
    font-size: 32px;
}

.login .sns-connect .fb a.fb-inner {
    background-color: #3b5998;
}

.login .sns-connect .tw a.tw-inner {
    background-color: #55acee;
}

.login .sns-connect .fb a:hover, .login .sns-connect .tw a:hover {
    opacity: 0.7;
}

.login-form dl:nth-child(2) {
    margin: 0 0 30px;
}

.login-form dl:nth-child(3) {
    margin: 0 0 10px;
}

/*============================================================
	■ 7: 申し込み画面
============================================================*/
/*----- order -----*/
.common-form h3.sub-title i {
    padding-right: 5px;
}

.btn-radio .headline label {
    font-weight: bold;
}

.btn-radio .headline input[type="radio"] {
    margin-right: 3px;
}

.btn-two .btn-form .btn button {
    margin-bottom: 10px;
}

.order .btn-radio dt.headline {
    padding-left:5px;
    font-size: 17px;
    font-weight: bold;
}

.order .headline {
    width: auto;
}

.order .btn-radio .headline input:disabled + label{
	color:#ccc;
}

.order .input-area {
    width: auto;
}

.order dl.total .text-input {
    width: 60%;
	display:inline;
}

.sold_out_message{
	color:#666;
	font-size:12px;
}

/*----- payment -----*/

.payment .notes {
    border-bottom: #dedede 1px solid;
    margin-bottom: 20px;
    padding-bottom: 10px;
	margin-top:20px;
}

.payment .notes p {
    white-space: normal;
	word-wrap:break-word;
}

.payment .notes p a, .payment .notes p .attention {
    font-weight: bold;
    white-space: normal;
}

.payment .notes p .attention {
    color: #f00;
}

/*----- payment_confirm -----*/

.payment_confirm .btn_box {
    padding-bottom: 30px;
    border-bottom: #dedede 1px solid;
    margin-bottom: 20px;
}

/*==================================
	■ 8: テーブル系コンテンツページ(iframe全体構成)
==================================*/

.other-contents .main-title {
    text-align: center;
}

.contents-page {
    width: 100%;
    min-width: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 auto;
}

.contents-page iframe {
    width: 100%;
    border: none;
    display: block;
    margin: 0 auto;
}

/*==============================================================================================================
	■480以上
==============================================================================================================*/

@media screen and (min-width: 480px) {
	
/*============================================
	■ 6: マイページ
==============================================*/

/*----- mypage-history -----*/

.mypage-history-item .history-item-data .col-box {
    display: table;
    width: 100%;
}

.mypage-history-item .history-item-data .history-table, .mypage-history-item .history-item-data .state {
    display: table-cell;
}

.mypage-history-item .history-item-data .history-table {
    padding-right: 10px;
}

.mypage-history-item .history-item-data .history-table table {
    border: none;
    margin-bottom: 0;
}

.mypage-history-item .history-item-data .state {
    padding-left: 20px;
}

.mypage-history-item .history-item-data .history-table th, .mypage-history-item .history-item-data .history-table td {
    font-size: 14px;
    padding: 5px 20px;
    white-space: nowrap;
}



}


/*==============================================================================================================
	■768以上
==============================================================================================================*/

@media screen and (min-width: 768px) {
	
h2.main-title {
    font-size: 24px;
}
/*==================================
	■ 1: トップページ
==================================*/


/*==================================
	■ 2: プロジェクト一覧
==================================*/

.project-list .remodal-bg .btn.outline a {
    padding: 10px;
    width: inherit;
	display:block;
	float:left;
}

.remodal {
    max-width: 320px;
}

/*========================================
	■ 3: プロジェクト詳細
========================================*/

.contents > .project,
.contents > .project-group{
	padding:0 8px;
}

.project-header {
    margin-bottom: 20px;
	padding:0;
}

.project-header h2 {
    font-size: 24px;
}

.project-menu {
    width: 60.83%;
}

.project-menu .pc-parts {
    display: inline;
}

.project-main {
    width: 100%;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    background-color: #fff;
    padding: 10px;
}

.project-main-visual {
    float: left;
    width: 59.8%;
}

.project-main-visual .project-main-imege img {
    max-width: 560px;
}

.project-main-visual .move {

  height: 350px !important;
}

.project-main-visual .move iframe {

  height: 350px !important;
}


.project-date {
    width: 38.5%;
    max-width: 360px;
    float: right;
}

.project-date .pc-parts .state-table {
    width: 100%;
}

.project-date .pc-parts .state-table th {
    font-size: 14px;
    padding: 8px 0;
}

.project-date .pc-parts .state-table td {
    text-align: right;
    font-size: 24px;
    font-weight: bold;
    padding: 8px 0;
}

.project-date .pc-parts .project-graph {
    margin-bottom: 20px;
}

.project-date .pc-parts .project-graph, .project-date .pc-parts .project-graph-inner {
    height: 30px;
}

.project-date .pc-parts .project-graph-inner {
    font-size: 16px;
    font-weight: bold;
	text-indent:10px;
    line-height: 1.7;
    color: #fff;
}

.project-date .pc-parts .notes p {
    margin-bottom: 0;
}

.project-date .pc-parts .order-btn {
    margin-bottom: 20px;
}

.project-date .pc-parts .order-btn a {
    width: inherit;
}

.main-area {
    float: left;
    width: 59.8%;
}

.project-detail .face-comment {
    /*position: inherit;*/
}

.side-area {
    width: 38.5%;
    float: right;
}

.project-wrapper .more, .project-wrapper .close {
    display: none;
}

.project-wrapper .readmore {
    height: auto !important;
}

.side-area .self_introduction {
    padding: 10px;
}

.side-area .project-explanation {
    display: none;
}

/*
.contents > .project-group .main-title{
	padding-left:0;
}

.contents > .project-group .project-detail .list-item-container{
	padding-left:0;
}

.contents > .project-group .list-item-container:first-child{
     border-top: none;
}

.contents > .project-group .project-detail .side-area{
	display:inherit;

}
*/
.contents.project-group .list-item-date p {
    font-size: 18px;
}
.contents.project-group .list-item-date .day{
	font-size:14px;
	margin-bottom:5px;
}
/*-----  sponsor_list-----*/
.contents > .sponsor_list .project-header {
    padding:0;
}

/*-----  activity-----*/
.contents > .activity .project-header {
    padding:0;
}
.contents.activity .list-item-left img {
    width: 130px;
}



/*============================================
	■ 4: 会員登録
==============================================*/

.regist .sns-connect .fb a.fb-inner p, .regist .sns-connect .tw a.tw-inner p {
    font-size: 17px;
}

.sns-connect .error {
    text-align: left;
}

.regist .consent-item li a {
    font-size: 17px;
}

.regist-confirm {
	margin:50px auto 70px;
	padding:0;
}
/*============================================
	■ 5: マイページ
==============================================*/
.contents > .mypage,
.contents > .mypage-seen{
	padding:0 8px;
}


p.main-title {
    display: block;
    max-width: 960px;
    margin: 0 auto;
	padding-top:20px;
}
.mypage-menu{
	margin-top: 20px;
}
.mypage-menu .menu {
    display: inherit;
    position: relative;
    padding-bottom: 40px;
	border-top:none;
	margin-top: 20px;
}


.mypage-menu .menu .mypage-navi {
    background-color: #333;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.mypage-menu .menu .mypage-navi ul {
    margin: 0 auto;
    text-align: center;
}

.mypage-menu .menu .mypage-navi ul li {
    width: auto;
    display: inline;
    margin: 0 10px 0 0;
    background: inherit;
}

.mypage-menu .menu .mypage-navi ul li a {
    padding: 10px 0 10px;
    line-height: 1;
    text-align: center;
    font-size: 13px;
    border-bottom: none;
    color: #FFF;
    display: inline;
}

.mypage-menu .toggle {
    display: none;
}

.mypage-menu p.main-title {
    font-size: 24px;
    display: inherit;
}

.mypage-menu .mypage-menu {
    margin-bottom: 10px;
}

/*-----self_introduction -----*/

.mypage-menu .self_introduction {
    display: table;
    max-width: 960px;
    margin: 0 auto;
}

.mypage-menu .self_introduction .profile-outline, .mypage-menu .self_introduction .profile-message {
    display: table-cell;
    vertical-align: top;
}

.mypage-menu .self_introduction .profile-outline {
    width: 300px;
    padding-right: 10px;
}

.mypage-menu .self_introduction .profile-outline .user-icon img {
    width: 50px;
    height: 50px;
}

.mypage-menu .self_introduction .profile-btn {
    display: inherit;
}

.mypage-menu .self_introduction .profile-btn a {
    display: block;
    margin: 0 0 5px 0;
    width: 150px;
}

.mypage-menu .self_introduction .profile-outline .place {
    margin-bottom: 15px;
    font-size: 14px;
}
	.mypage-menu .self_introduction .profile-message .user_link{
		margin-bottom: 20px;
	}
.mypage-menu .self_introduction .profile-message .user_link li {
    width: 100%;
    white-space: inherit;
    overflow: inherit;
    text-overflow: inherit;
    -webkit-text-overflow: inherit;
    -o-text-overflow: inherit;
}

/*----- mypage-history -----*/

.mypage-history-item {
    display: table;
    width: 100%;
}

.mypage-history-item .history-item-headline {
    width: 320px;
}

.mypage-history-item .history-item-headline, .mypage-history-item .history-item-data {
    display: table-cell;
    vertical-align: top;
}

.mypage-history-item .history-item-data {
    width: 100%;
    padding-left: 20px;
}

.mypage-history-item .history-item-headline .project-name {
    display: none;
}

.mypage-history-item .history-item-headline .project-thumbnail, .mypage-history-item .history-item-headline h3 {
    display: inherit;
}

.mypage-history-item .history-item-headline .project-thumbnail {
    width: 100%;
}

.mypage-history-item .history-item-headline .project-thumbnail .project-image {
    width: 245px;
    height: 175px;
}

.mypage-history-item .history-item-data .period {
    display: block;
}

.mypage-history-item .history-item-data .user-name {
    display: block;
}

.mypage-history-item .history-item-data .project-name {
    display: block;
}

.mypage-history-item .history-item-data .course {
    font-size: 14px;
    margin-bottom: 10px;
}

.mypage-seen .mypage-history-item .history-item-headline .project-thumbnail .project-image {
    width: 150px;
    height: 107px;
}

.mypage-seen .mypage-history-item .history-item-data .message p {
    font-size: 14px;
}

/*----- mypage-style -----*/

.mypage-style .headline {
    width: 32.6388%;/*235*//*720*/
}

.mypage-style .input-area {
    width: 67.3611%;/*485*//*720*/
}

.mypag-style .textarea {
    height: 150px;
}

/*----- profile -----*/

.profile .headline {
    width: 32.6388%;/*235*//*720*/
}

.profile .input-area {
    width: 67.3611%;/*485*//*720*/
}

ul.selectfile {
    display: table;
    margin-bottom: 10px;
}

ul.selectfile li {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
}

ul.selectfile li:nth-child(2) {
    padding-left: 5px;
}

ul.selectfile p {
    font-size: 12px;
}

.profile .btn-selectfile ons-button {
    font-size: 14px;
    line-height: 2;
}

.profile p.attention {
    font-size: 12px;
    margin-bottom: 10px;
}

/*----- connect -----*/
.connect .sns-connect .fb a.fb-inner p, .connect .sns-connect .tw a.tw-inner p {
    font-size: 17px;
}

.connect .sns-connect p.error {
    font-size: 14px;
}


/*============================================
	■ 6: ログイン
==============================================*/
.login .login-contents {
    display: table;
}

.login .login-form {
    display: table-cell;
    width: 400px;
    padding-right: 20px;
    border-right: 1px solid #a9a9a9;
}

.login .sns-connect {
    display: table-cell;
    width: 320px;
    padding-left: 20px;
}

.login .headline, .login .input-area {
    float: none;
}

.login .login-contents .text-input {
    width: 394px;
}

.login p.login-forget {
    font-size: 14px;
    margin: 0;
}

.login .login-form .btn button {
    width: 394px;
    margin: 0;
    padding: 15px;
}

.login .sns-connect {
    width: 315px;
}

.login .sns-connect .fb, .login .sns-connect .tw {
    width: 100%;
}

.login .sns-connect .fb {
    margin-bottom: 30px;
}

.login .sns-connect .fb, .login .sns-connect .tw {
    float: none;
}

.login .sns-connect .fb a.fb-inner, .login .sns-connect .tw a.tw-inner {
    display: block;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 10px;
    color: #fff;
    margin-bottom: 10px;
	font-weight: bold;
}


/*============================================================
	■ 7: 申し込み画面
============================================================*/
/*----- order -----*/
.order .headline {
    width: 31.9444%;/*230*//*720*/
}

.order .input-area {
    width: 68.0555%;/*490*//*720*/
}

.order dl.total{
    display: table;
    width: 100%;
}

.order dl.total dt{
    width: 30%;
}

.order dl.total .text-input {
    width: 60%;
    margin-right: 3px;
    display: inline;
}


/*----- payment -----*/
.payment .notes {
    padding-bottom: 0px;
}

.payment .notes p {
    white-space: pre-wrap;
}

.payment .notes p a, .payment .notes p .attention {
    font-weight: bold;
}

.payment .btn_box {
    margin-bottom: 30px;
}

/*----- payment-complete -----*/
.payment-complete .main-message {
    white-space: pre;
    margin-bottom: 20px;
}

/*==================================
	■ 8: テーブル系コンテンツページ(iframe全体構成)
==================================*/
.contents-page {
    width: 700px;
}
}