@charset "utf-8";

/*初期化 共通設定*/
section {
    margin-bottom: 40px;
}

/* 各セクションの設定 */
/* ----- ヘッダ ----- */
.wrap_pc {/*+機能説明 設定画面のタイトル幅*/
    /*padding: 0 100px;*/
    width: 1200px;
    margin: 0 auto;
    /*overflow: hidden;*/
}

header {
    background-color: #fff;
    z-index: 100;
}

h1 {/*+ryuロゴの配置*/
    float: left;/*左寄せ*/
    margin: 30px 0 20px 0;

}

h1 img {/*+ryuロゴサイズ*/
    width: 100px;
    border: solid 5px #008080;
    border: none;
    border-width: 0;
}

.burger {
    display: none;/*非表示*/
}

nav {
    float: right;/*右寄せ*/
    display: block;/*最初から表示*/
    font-size: 13px;
    margin-right: 5%;
    margin-top: 35px;
}
nav ul {
    display: table;/*横並び*/
    /*text-align: fixed;*//*セル幅均等*/
    width: 200px;
}
nav li {
    display: table-cell;/*横並び*/
}
nav ul li.current a{
color: #4A4A4A;
}
nav a {
    display: block;/*押せる領域を横幅いっぱいにする*/
    text-align: center;/*文字を左右の中央に配置*/
    background-color: #fff;
    color: #BCBCBC;
}
nav a:hover {
    color: #BCBCBC;
}



/*メイン*/
.main {
    margin-top: 130px;/* ヘッダにかぶるので全体的に下にさげる */
    /*padding: 0;*/
}

/* ----- トップ ここから ----- */
.top {/*SPトップ非表示*/
    display: none!important;
}
.wrap_pc2 {/* トップの幅 */
    /*padding: 0 100px;*/
    width: 900px;
    margin: 0 auto;
    /*overflow: hidden;*/
}

.top_pc {/*横並び*/
    display: flex;
    justify-content: center;/*アイテムを中央に寄せる*/
    /*justify-content: space-around;*/
    /* 各アイテムを均等に配置し各アイテムの両側に半分の大きさの間隔を置く */
    /*justify-content: space-evenly;*/
    /* 各アイテムを均等に配置し各アイテムの周りに同じ大きさの間隔を置く */
}

.top-imag {/*iPhone画像とメモカルロゴとの間の余白*/
    margin-right: 100px;
    width: 418px;
    height: 492px;
}
/*ヘッダーiPhone画像のサイズ*/
.top_pc img {
    /*width: 50%;*/

}

.top_pcs {/* メモカルロゴと説明文のグループ */
    margin-top: 50px;
}

.top_pcs .logo2 {/*メモカルminiのロゴのサイズ*/
    width: 400px;
/*    margin-top: 14px;*/
}
.text1 {/*トップ説明文*/
    width: 400px;/*説明文の幅*/
    text-align: justify;/*均等割付*/
    /*color: #4A4A4A;*/
    /*line-height: 2;*/
}

.appstore-btn {/*Appstoreボタンの右寄配置*/
    text-align: right;
    margin-top: 100px;
}
.appstore-btn img {/*Appstoreボタンのサイズ*/
    width: 40%;
    border: none;
    border-width: 0;

}

.text2 {/*ios※iOS 8.0以上のみ寄せ配置と余白とサイズ*/
    text-align: right;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 13px;
}

.contact_pc {/*コンタクト*/
    text-align: right;
    margin-top: 50px;
}
.contact_pc img {/*コンタクト画像*/
    width: 200px;
}


/* ----- 紹介 ここから ----- */
.introduction {/*sp紹介非表示*/
    display: none !important;
}

.introduction_pc {
    background: #F9F9F9;/* 紹介背景*/
    display: block !important;/*最初から表示*/
    padding: 70px 0;
}
.introductions_pc {
    /*background: pink;*/
    width: 1080px;/*横幅指定必須 余白含めた各boxの合計値*/
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    /*padding: 0 15%;*/
    /*display: flex;*/
    /*justify-content: center;*//*アイテムを中央に寄せる*/
    /*justify-content: space-evenly;*//* 各アイテムを均等に配置し各アイテムの周りに同じ大きさの間隔を置く */
}

.box1_pc {
     width: 300px;
     height: 250px;
    float: left;
    margin-top: 8px;/*2012年に高さを合わせる*/
}
.img_center1 {/*①アイコン下の余白*/
  margin-bottom: 35px;
}

.box2_pc {
     width: 300px;
     height: 250px;
    float: left;
    margin-left: 90px;
    margin-top: 8px;/*2012年に高さを合わせる*/
}
.img_center2 {/*②アイコン下の余白*/
  margin-bottom: 35px;
}

.box3_pc {
     width: 300px;
     height: 250px;
    float: left;
    margin-left: 90px;
}
.img_center3 {/*③アイコン下の余白*/
  margin-bottom: 30px;
}

h4 {/* 紹介/機能の各タイトル*/
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 20px;
}

/* ----- 機能説明 ここから ----- */
h3 {/* 各セクションの大見出し */
    font-weight: normal;
    font-size: 36px;
    margin-bottom: 30px;
}

.descriptions {/* 機能説明の幅 */
    /*background: pink;*/
    width: 840px;
    margin: 0 auto;
    overflow: hidden;
}

.item-1 {
    /*background: yellow;*/
    width: 400px;
    height: 800px;
    float: left;
    /*margin-bottom: 50px;*/
}

.item-2 {
    /*background: lightblue;*/
    margin-left: 40px;
    width: 400px;
    height: 800px;
    float: left;
    /*margin-bottom: 50px;*/
}

.item-3 {
    /*background: yellow;*/
    width: 400px;
    height: 700px;
    float: left;
    /*margin-bottom: 50px;*/
}

.item-4 {
    /*background: yellow;*/
    margin-left: 40px;
    width: 400px;
    height: 700px;
    float: left;
    /*margin-bottom: 50px;*/
}

.item-5 {
    /*background: yellow;*/
    width: 400px;
    height: 700px;
    float: left;
    /*margin-bottom: 50px;*/
}

.item-6 {
    /*background: yellow;*/
    margin-left: 40px;
    width: 400px;
    height: 700px;
    float: left;
    /*margin-bottom: 50px;*/
}

.item-7 {
    /*background: yellow;*/
    width: 400px;
    height: 700px;
    float: left;
    /*margin-bottom: 50px;*/
}

.item-8 {
    /*background: yellow;*/
    margin-left: 40px;
    width: 400px;
    height: 700px;
    float: left;
    /*margin-bottom: 50px;*/
}

.item-9 {
    /*background: yellow;*/
    width: 400px;
    height: 700px;
    float: left;
    /*margin-bottom: 50px;*/
}

.item-10 {
    /*background: yellow;*/
    margin-left: 40px;
    width: 400px;
    height: 700px;
    float: left;
    /*margin-bottom: 50px;*/
}


.img_center img {/* 機能説明サイズ */
    width: 80%;
}

h5 {/* 紹介の小タイトル*/
    margin-top: 50px;
    margin-bottom: 40px;
    font-weight: normal;
    text-align: center;
    font-size: 20px;
}

.text_justify {/* 機能説明画テキスト */
    font-size: 16px;
    width: 90%;
    line-height: 1.7;
    padding-left: 10%;
    /*margin: 0 auto;*/
}


/* 設定画面 ここから */
.text4 {/*設定画面の説明文*/
    font-size: 16px;
    line-height: 2;
    margin-bottom: 50px;
}
.img_center_sp {/*sp設定画面のiPhoneimage非表示*/
    display: none !important;
}
.img_center_pc {/*pc設定画面のiPhoneimage表示*/
    display: block !important;
}
.setting {
    padding-top: 50px;
}
.setting_pc_img {/*pc設定画面のiPhoneimageサイズと中央配置*/
    width: 1004px;
    margin: 0 auto;
}
.list_center {/*sp設定画面の説明文非表示*/
    display: none !important;
}

/* 動画 ここから */
.video {
    margin: 0 auto;
    width: 1000px;
    height: 613px;
}

.move_title {
    margin-bottom: 60px;
}

/*ダウンロード画面 ここから*/
.download_img_sp {/*spDL画面のimage非表示*/
    display: none !important;
}
.download_img_pc {/*pcDL画面のimage表示*/
    display: block !important;
}
.download-btn img {/*Appstoreボタンのサイズ*/
    width: 170px;

}
/*
.downloads a {
    width: 10%;
    position: absolute;
    top: 87%;
    left: 80%;
    -ms-transform: translate(-60%,-80%);
    -webkit-transform: translate(-60%,-80%);
    transform: translate(-60%,-80%);
    border: none;
    border-width: 0;
}
*/

/*ダウンロード画面 ここから*/


.last_area{
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.last_img_sp {/*spDL画面のimage非表示*/
    display: none !important;
}
.last_img_pc {/*pcDL画面のimage表示*/
    display: block !important;
	width: 100%;
	margin: 100px auto 30px;
	text-align: center;
}
.last_img_pc img{/*pcDL画面のimage表示*/
	width: 100%;
	max-width: 500px;
}
.last_area a {/*Appstoreボタンのサイズ*/
	display: block;
    width: 180px;
	margin: 0 auto 80px;
}